@nutui/nutui-react 3.0.0-beta.10 → 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 (311) 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/index.js +2 -0
  8. package/dist/cjs/packages/backtop/style/style.css +126 -3
  9. package/dist/cjs/packages/badge/style/style.css +4 -4
  10. package/dist/cjs/packages/barrage/style/style.css +2 -2
  11. package/dist/cjs/packages/button/button.js +14 -11
  12. package/dist/cjs/packages/button/style/button.scss +3 -3
  13. package/dist/cjs/packages/button/style/style.css +43 -43
  14. package/dist/cjs/packages/calendar/style/style.css +16 -21
  15. package/dist/cjs/packages/calendarcard/style/style.css +8 -8
  16. package/dist/cjs/packages/card/style/style.css +8 -8
  17. package/dist/cjs/packages/cascader/cascader.d.ts +2 -2
  18. package/dist/cjs/packages/cascader/cascader.js +2 -2
  19. package/dist/cjs/packages/cascader/style/style.css +35 -47
  20. package/dist/cjs/packages/cell/style/style.css +8 -8
  21. package/dist/cjs/packages/cellgroup/style/style.css +3 -3
  22. package/dist/cjs/packages/checkbox/style/style.css +29 -29
  23. package/dist/cjs/packages/checkboxgroup/style/style.css +7 -7
  24. package/dist/cjs/packages/circleprogress/style/style.css +3 -3
  25. package/dist/cjs/packages/col/style/col.scss +0 -1
  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/configprovider.js +2 -2
  29. package/dist/cjs/packages/configprovider/types.d.ts +1 -1
  30. package/dist/cjs/packages/countdown/style/style.css +8 -8
  31. package/dist/cjs/packages/countup/style/style.css +3 -3
  32. package/dist/cjs/packages/datepicker/style/style.css +14 -19
  33. package/dist/cjs/packages/dialog/confirm.d.ts +4 -3
  34. package/dist/cjs/packages/dialog/confirm.js +7 -21
  35. package/dist/cjs/packages/dialog/content.d.ts +4 -11
  36. package/dist/cjs/packages/dialog/content.js +30 -14
  37. package/dist/cjs/packages/dialog/dialog.d.ts +1 -2
  38. package/dist/cjs/packages/dialog/dialog.js +5 -5
  39. package/dist/cjs/packages/dialog/dialogwrap.d.ts +3 -14
  40. package/dist/cjs/packages/dialog/dialogwrap.js +33 -15
  41. package/dist/cjs/packages/dialog/index.d.ts +1 -2
  42. package/dist/cjs/packages/dialog/style/dialog.scss +0 -4
  43. package/dist/cjs/packages/dialog/style/style.css +49 -57
  44. package/dist/cjs/packages/dialog/types.d.ts +57 -0
  45. package/dist/cjs/packages/divider/style/style.css +4 -4
  46. package/dist/cjs/packages/elevator/style/style.css +8 -8
  47. package/dist/cjs/packages/empty/style/style.css +3 -3
  48. package/dist/cjs/packages/fixednav/fixednav.d.ts +2 -15
  49. package/dist/cjs/packages/fixednav/fixednav.js +20 -23
  50. package/dist/cjs/packages/fixednav/index.d.ts +1 -2
  51. package/dist/cjs/packages/fixednav/style/style.css +3 -8
  52. package/dist/cjs/packages/fixednav/types.d.ts +12 -0
  53. package/dist/cjs/packages/form/style/style.css +15 -15
  54. package/dist/cjs/packages/formitem/style/style.css +4 -4
  55. package/dist/cjs/packages/grid/style/style.css +6 -6
  56. package/dist/cjs/packages/griditem/style/style.css +5 -5
  57. package/dist/cjs/packages/hoverbutton/style/hoverbutton.scss +0 -4
  58. package/dist/cjs/packages/hoverbutton/style/style.css +4 -7
  59. package/dist/cjs/packages/hoverbuttonitem/style/style.css +4 -4
  60. package/dist/cjs/packages/image/style/style.css +2 -2
  61. package/dist/cjs/packages/imagepreview/style/style.css +11 -27
  62. package/dist/cjs/packages/indicator/style/style.css +4 -4
  63. package/dist/cjs/packages/infiniteloading/style/style.css +4 -4
  64. package/dist/cjs/packages/input/style/input.scss +0 -6
  65. package/dist/cjs/packages/input/style/style.css +8 -14
  66. package/dist/cjs/packages/inputnumber/style/style.css +7 -7
  67. package/dist/cjs/packages/loading/style/style.css +2 -2
  68. package/dist/cjs/packages/menu/style/style.css +8 -13
  69. package/dist/cjs/packages/menuitem/style/style.css +4 -9
  70. package/dist/cjs/packages/navbar/style/navbar.scss +1 -1
  71. package/dist/cjs/packages/navbar/style/style.css +3 -3
  72. package/dist/cjs/packages/notify/style/style.css +4 -4
  73. package/dist/cjs/packages/numberkeyboard/numberkeyboard.d.ts +1 -1
  74. package/dist/cjs/packages/numberkeyboard/numberkeyboard.js +2 -2
  75. package/dist/cjs/packages/numberkeyboard/style/style.css +13 -18
  76. package/dist/cjs/packages/overlay/index.d.ts +1 -1
  77. package/dist/cjs/packages/overlay/overlay.d.ts +2 -12
  78. package/dist/cjs/packages/overlay/overlay.js +10 -16
  79. package/dist/cjs/packages/overlay/style/overlay.scss +0 -5
  80. package/dist/cjs/packages/overlay/style/style.css +1 -6
  81. package/dist/cjs/packages/overlay/types.d.ts +11 -0
  82. package/dist/cjs/packages/overlay/types.js +4 -0
  83. package/dist/cjs/packages/pagination/style/style.css +7 -7
  84. package/dist/cjs/packages/picker/picker.d.ts +1 -1
  85. package/dist/cjs/packages/picker/picker.js +2 -2
  86. package/dist/cjs/packages/picker/style/style.css +14 -19
  87. package/dist/cjs/packages/popover/popover.d.ts +1 -1
  88. package/dist/cjs/packages/popover/popover.js +3 -3
  89. package/dist/cjs/packages/popover/style/style.css +12 -17
  90. package/dist/cjs/packages/popup/index.d.ts +1 -1
  91. package/dist/cjs/packages/popup/popup.d.ts +2 -24
  92. package/dist/cjs/packages/popup/popup.js +24 -41
  93. package/dist/cjs/packages/popup/style/style.css +5 -10
  94. package/dist/cjs/packages/popup/types.d.ts +25 -0
  95. package/dist/cjs/packages/popup/types.js +6 -0
  96. package/dist/cjs/packages/price/style/style.css +1 -1
  97. package/dist/cjs/packages/progress/style/style.css +1 -1
  98. package/dist/cjs/packages/pulltorefresh/style/style.css +4 -4
  99. package/dist/cjs/packages/radio/style/style.css +19 -19
  100. package/dist/cjs/packages/radiogroup/style/style.css +6 -6
  101. package/dist/cjs/packages/range/style/style.css +9 -9
  102. package/dist/cjs/packages/rate/style/style.css +4 -4
  103. package/dist/cjs/packages/resultpage/style/style.css +2 -2
  104. package/dist/cjs/packages/searchbar/style/style.css +5 -5
  105. package/dist/cjs/packages/segmented/style/style.css +2 -2
  106. package/dist/cjs/packages/shortpassword/shortpassword.js +2 -2
  107. package/dist/cjs/packages/shortpassword/style/style.css +15 -20
  108. package/dist/cjs/packages/sidebar/style/style.css +5 -5
  109. package/dist/cjs/packages/sidebaritem/style/style.css +1 -1
  110. package/dist/cjs/packages/sidenavbar/style/style.css +9 -14
  111. package/dist/cjs/packages/sidenavbaritem/style/style.css +2 -2
  112. package/dist/cjs/packages/signature/style/style.css +2 -2
  113. package/dist/cjs/packages/skeleton/style/skeleton.scss +0 -18
  114. package/dist/cjs/packages/skeleton/style/style.css +5 -11
  115. package/dist/cjs/packages/step/style/style.css +19 -19
  116. package/dist/cjs/packages/steps/style/style.css +19 -19
  117. package/dist/cjs/packages/subsidenavbar/style/style.css +2 -2
  118. package/dist/cjs/packages/swiper/style/style.css +4 -15
  119. package/dist/cjs/packages/swiper/style/swiper.scss +0 -11
  120. package/dist/cjs/packages/switch/style/style.css +6 -6
  121. package/dist/cjs/packages/tabbar/style/style.css +10 -10
  122. package/dist/cjs/packages/tabbaritem/style/style.css +9 -9
  123. package/dist/cjs/packages/table/style/style.css +11 -11
  124. package/dist/cjs/packages/tabpane/style/style.css +1 -1
  125. package/dist/cjs/packages/tabpane/tabpane.js +2 -2
  126. package/dist/cjs/packages/tabs/style/style.css +25 -32
  127. package/dist/cjs/packages/tabs/style/tabs.scss +4 -9
  128. package/dist/cjs/packages/tabs/tabs.js +35 -52
  129. package/dist/cjs/packages/tag/style/style.css +5 -5
  130. package/dist/cjs/packages/tag/style/tag.scss +0 -2
  131. package/dist/cjs/packages/textarea/style/style.css +13 -13
  132. package/dist/cjs/packages/timedetail/style/style.css +4 -4
  133. package/dist/cjs/packages/timeselect/style/style.css +14 -19
  134. package/dist/cjs/packages/toast/Notification.d.ts +6 -20
  135. package/dist/cjs/packages/toast/Notification.js +8 -7
  136. package/dist/cjs/packages/toast/index.d.ts +1 -1
  137. package/dist/cjs/packages/toast/style/style.css +2 -20
  138. package/dist/cjs/packages/toast/style/toast.scss +0 -13
  139. package/dist/cjs/packages/toast/toast.d.ts +4 -22
  140. package/dist/cjs/packages/toast/toast.js +10 -9
  141. package/dist/cjs/packages/toast/types.d.ts +17 -0
  142. package/dist/cjs/packages/toast/types.js +4 -0
  143. package/dist/cjs/packages/tour/style/style.css +16 -21
  144. package/dist/cjs/packages/trendarrow/style/style.css +1 -1
  145. package/dist/cjs/packages/uploader/style/style.css +12 -12
  146. package/dist/cjs/packages/virtuallist/style/style.css +4 -4
  147. package/dist/cjs/utils/get-rect-by-taro.js +0 -14
  148. package/dist/cjs/utils/platform-taro.d.ts +0 -2
  149. package/dist/cjs/utils/platform-taro.js +0 -21
  150. package/dist/cjs/utils/px-transform.js +0 -1
  151. package/dist/cjs/utils/use-custom-event.js +2 -2
  152. package/dist/es/packages/actionsheet/style/style.css +13 -18
  153. package/dist/es/packages/address/style/style.css +45 -57
  154. package/dist/es/packages/animatingnumbers/style/style.css +3 -3
  155. package/dist/es/packages/audio/style/style.css +55 -55
  156. package/dist/es/packages/avatar/style/style.css +2 -2
  157. package/dist/es/packages/backtop/style/backtop.scss +0 -4
  158. package/dist/es/packages/backtop/style/index.js +2 -0
  159. package/dist/es/packages/backtop/style/style.css +126 -3
  160. package/dist/es/packages/badge/style/style.css +4 -4
  161. package/dist/es/packages/barrage/style/style.css +2 -2
  162. package/dist/es/packages/button/button.js +15 -12
  163. package/dist/es/packages/button/style/button.scss +3 -3
  164. package/dist/es/packages/button/style/style.css +43 -43
  165. package/dist/es/packages/calendar/style/style.css +16 -21
  166. package/dist/es/packages/calendarcard/style/style.css +8 -8
  167. package/dist/es/packages/card/style/style.css +8 -8
  168. package/dist/es/packages/cascader/cascader.d.ts +2 -2
  169. package/dist/es/packages/cascader/cascader.js +1 -1
  170. package/dist/es/packages/cascader/style/style.css +35 -47
  171. package/dist/es/packages/cell/style/style.css +8 -8
  172. package/dist/es/packages/cellgroup/style/style.css +3 -3
  173. package/dist/es/packages/checkbox/style/style.css +29 -29
  174. package/dist/es/packages/checkboxgroup/style/style.css +7 -7
  175. package/dist/es/packages/circleprogress/style/style.css +3 -3
  176. package/dist/es/packages/col/style/col.scss +0 -1
  177. package/dist/es/packages/collapse/style/style.css +11 -11
  178. package/dist/es/packages/collapseitem/style/style.css +11 -11
  179. package/dist/es/packages/configprovider/configprovider.js +2 -2
  180. package/dist/es/packages/configprovider/types.d.ts +1 -1
  181. package/dist/es/packages/countdown/style/style.css +8 -8
  182. package/dist/es/packages/countup/style/style.css +3 -3
  183. package/dist/es/packages/datepicker/style/style.css +14 -19
  184. package/dist/es/packages/dialog/confirm.d.ts +4 -3
  185. package/dist/es/packages/dialog/confirm.js +3 -17
  186. package/dist/es/packages/dialog/content.d.ts +4 -11
  187. package/dist/es/packages/dialog/content.js +19 -11
  188. package/dist/es/packages/dialog/dialog.d.ts +1 -2
  189. package/dist/es/packages/dialog/dialog.js +6 -6
  190. package/dist/es/packages/dialog/dialogwrap.d.ts +3 -14
  191. package/dist/es/packages/dialog/dialogwrap.js +23 -13
  192. package/dist/es/packages/dialog/index.d.ts +1 -2
  193. package/dist/es/packages/dialog/style/dialog.scss +0 -4
  194. package/dist/es/packages/dialog/style/style.css +49 -57
  195. package/dist/es/packages/dialog/types.d.ts +57 -0
  196. package/dist/es/packages/divider/style/style.css +4 -4
  197. package/dist/es/packages/elevator/style/style.css +8 -8
  198. package/dist/es/packages/empty/style/style.css +3 -3
  199. package/dist/es/packages/fixednav/fixednav.d.ts +2 -55
  200. package/dist/es/packages/fixednav/fixednav.js +19 -22
  201. package/dist/es/packages/fixednav/index.d.ts +1 -2
  202. package/dist/es/packages/fixednav/style/style.css +3 -8
  203. package/dist/es/packages/fixednav/types.d.ts +12 -0
  204. package/dist/es/packages/form/style/style.css +15 -15
  205. package/dist/es/packages/formitem/style/style.css +4 -4
  206. package/dist/es/packages/grid/style/style.css +6 -6
  207. package/dist/es/packages/griditem/style/style.css +5 -5
  208. package/dist/es/packages/hoverbutton/style/hoverbutton.scss +0 -4
  209. package/dist/es/packages/hoverbutton/style/style.css +4 -7
  210. package/dist/es/packages/hoverbuttonitem/style/style.css +4 -4
  211. package/dist/es/packages/image/style/style.css +2 -2
  212. package/dist/es/packages/imagepreview/style/style.css +11 -27
  213. package/dist/es/packages/indicator/style/style.css +4 -4
  214. package/dist/es/packages/infiniteloading/style/style.css +4 -4
  215. package/dist/es/packages/input/style/input.scss +0 -6
  216. package/dist/es/packages/input/style/style.css +8 -14
  217. package/dist/es/packages/inputnumber/style/style.css +7 -7
  218. package/dist/es/packages/loading/style/style.css +2 -2
  219. package/dist/es/packages/menu/style/style.css +8 -13
  220. package/dist/es/packages/menuitem/style/style.css +4 -9
  221. package/dist/es/packages/navbar/style/navbar.scss +1 -1
  222. package/dist/es/packages/navbar/style/style.css +3 -3
  223. package/dist/es/packages/notify/style/style.css +4 -4
  224. package/dist/es/packages/numberkeyboard/numberkeyboard.d.ts +1 -1
  225. package/dist/es/packages/numberkeyboard/numberkeyboard.js +1 -1
  226. package/dist/es/packages/numberkeyboard/style/style.css +13 -18
  227. package/dist/es/packages/overlay/index.d.ts +1 -1
  228. package/dist/es/packages/overlay/overlay.d.ts +2 -12
  229. package/dist/es/packages/overlay/overlay.js +10 -16
  230. package/dist/es/packages/overlay/style/overlay.scss +0 -5
  231. package/dist/es/packages/overlay/style/style.css +1 -6
  232. package/dist/es/packages/overlay/types.d.ts +11 -0
  233. package/dist/es/packages/overlay/types.js +1 -0
  234. package/dist/es/packages/pagination/style/style.css +7 -7
  235. package/dist/es/packages/picker/picker.d.ts +1 -1
  236. package/dist/es/packages/picker/picker.js +1 -1
  237. package/dist/es/packages/picker/style/style.css +14 -19
  238. package/dist/es/packages/popover/popover.d.ts +1 -1
  239. package/dist/es/packages/popover/popover.js +2 -2
  240. package/dist/es/packages/popover/style/style.css +12 -17
  241. package/dist/es/packages/popup/index.d.ts +1 -1
  242. package/dist/es/packages/popup/popup.d.ts +2 -24
  243. package/dist/es/packages/popup/popup.js +24 -41
  244. package/dist/es/packages/popup/style/style.css +5 -10
  245. package/dist/es/packages/popup/types.d.ts +25 -0
  246. package/dist/es/packages/popup/types.js +1 -0
  247. package/dist/es/packages/price/style/style.css +1 -1
  248. package/dist/es/packages/progress/style/style.css +1 -1
  249. package/dist/es/packages/pulltorefresh/style/style.css +4 -4
  250. package/dist/es/packages/radio/style/style.css +19 -19
  251. package/dist/es/packages/radiogroup/style/style.css +6 -6
  252. package/dist/es/packages/range/style/style.css +9 -9
  253. package/dist/es/packages/rate/style/style.css +4 -4
  254. package/dist/es/packages/resultpage/style/style.css +2 -2
  255. package/dist/es/packages/searchbar/style/style.css +5 -5
  256. package/dist/es/packages/segmented/style/style.css +2 -2
  257. package/dist/es/packages/shortpassword/shortpassword.js +1 -1
  258. package/dist/es/packages/shortpassword/style/style.css +15 -20
  259. package/dist/es/packages/sidebar/style/style.css +5 -5
  260. package/dist/es/packages/sidebaritem/style/style.css +1 -1
  261. package/dist/es/packages/sidenavbar/style/style.css +9 -14
  262. package/dist/es/packages/sidenavbaritem/style/style.css +2 -2
  263. package/dist/es/packages/signature/style/style.css +2 -2
  264. package/dist/es/packages/skeleton/style/skeleton.scss +0 -18
  265. package/dist/es/packages/skeleton/style/style.css +5 -11
  266. package/dist/es/packages/step/style/style.css +19 -19
  267. package/dist/es/packages/steps/style/style.css +19 -19
  268. package/dist/es/packages/subsidenavbar/style/style.css +2 -2
  269. package/dist/es/packages/swiper/style/style.css +4 -15
  270. package/dist/es/packages/swiper/style/swiper.scss +0 -11
  271. package/dist/es/packages/switch/style/style.css +6 -6
  272. package/dist/es/packages/tabbar/style/style.css +10 -10
  273. package/dist/es/packages/tabbaritem/style/style.css +9 -9
  274. package/dist/es/packages/table/style/style.css +11 -11
  275. package/dist/es/packages/tabpane/style/style.css +1 -1
  276. package/dist/es/packages/tabpane/tabpane.js +2 -2
  277. package/dist/es/packages/tabs/style/style.css +25 -32
  278. package/dist/es/packages/tabs/style/tabs.scss +4 -9
  279. package/dist/es/packages/tabs/tabs.js +35 -52
  280. package/dist/es/packages/tag/style/style.css +5 -5
  281. package/dist/es/packages/tag/style/tag.scss +0 -2
  282. package/dist/es/packages/textarea/style/style.css +13 -13
  283. package/dist/es/packages/timedetail/style/style.css +4 -4
  284. package/dist/es/packages/timeselect/style/style.css +14 -19
  285. package/dist/es/packages/toast/Notification.d.ts +6 -20
  286. package/dist/es/packages/toast/Notification.js +8 -7
  287. package/dist/es/packages/toast/index.d.ts +1 -1
  288. package/dist/es/packages/toast/style/style.css +2 -20
  289. package/dist/es/packages/toast/style/toast.scss +0 -13
  290. package/dist/es/packages/toast/toast.d.ts +4 -22
  291. package/dist/es/packages/toast/toast.js +10 -8
  292. package/dist/es/packages/toast/types.d.ts +17 -0
  293. package/dist/es/packages/toast/types.js +1 -0
  294. package/dist/es/packages/tour/style/style.css +16 -21
  295. package/dist/es/packages/trendarrow/style/style.css +1 -1
  296. package/dist/es/packages/uploader/style/style.css +12 -12
  297. package/dist/es/packages/virtuallist/style/style.css +4 -4
  298. package/dist/es/utils/get-rect-by-taro.js +0 -14
  299. package/dist/es/utils/platform-taro.d.ts +0 -2
  300. package/dist/es/utils/platform-taro.js +0 -15
  301. package/dist/es/utils/px-transform.js +1 -2
  302. package/dist/es/utils/use-custom-event.js +1 -1
  303. package/dist/nutui.react.umd.js +426 -1017
  304. package/dist/style.css +1 -1
  305. package/dist/style.scss +44 -44
  306. package/dist/styles/variables.scss +77 -35
  307. package/package.json +2 -2
  308. package/dist/cjs/packages/dialog/config.d.ts +0 -50
  309. package/dist/es/packages/dialog/config.d.ts +0 -50
  310. /package/dist/cjs/packages/dialog/{config.js → types.js} +0 -0
  311. /package/dist/es/packages/dialog/{config.js → types.js} +0 -0
package/dist/es/packages/skeleton/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-gray-3);
28
+ background: var(--nutui-color-background, #f2f3f5);
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-gray-3);
41
+ background: var(--nutui-color-background, #f2f3f5);
42
42
  background-size: 100% 100%;
43
43
  }
44
44
 
@@ -148,12 +148,12 @@
148
148
  }
149
149
  .nut-skeleton-content-avatar {
150
150
  margin-right: 20px;
151
- background: var(--nutui-skeleton-background, var(--nutui-gray-3)) !important;
151
+ background: var(--nutui-skeleton-background, var(--nutui-color-background, #f2f3f5)) !important;
152
152
  }
153
153
  .nut-skeleton-content-block {
154
154
  width: var(--nutui-skeleton-line-width, 100%);
155
155
  height: var(--nutui-skeleton-line-height, 15px);
156
- background: var(--nutui-skeleton-background, var(--nutui-gray-3));
156
+ background: var(--nutui-skeleton-background, var(--nutui-color-background, #f2f3f5));
157
157
  margin-top: 10px;
158
158
  border-radius: var(--nutui-skeleton-line-border-radius, 0);
159
159
  }
@@ -168,7 +168,7 @@
168
168
  .nut-skeleton-content-title {
169
169
  width: 30%;
170
170
  height: var(--nutui-skeleton-line-height, 15px);
171
- background: var(--nutui-skeleton-background, var(--nutui-gray-3));
171
+ background: var(--nutui-skeleton-background, var(--nutui-color-background, #f2f3f5));
172
172
  }
173
173
  .nut-skeleton-content-block-last-child {
174
174
  width: 55%;
@@ -180,9 +180,6 @@
180
180
  width: 100%;
181
181
  height: 100%;
182
182
  z-index: 1;
183
- /* #ifndef rn */
184
- background: linear-gradient(90deg, hsla(0, 0%, 100%, 0), hsla(0, 0%, 100%, 0.5) 50%, hsla(0, 0%, 100%, 0) 80%);
185
- /* #endif */
186
183
  animation: nut-skeleton 2s ease-in-out 0s infinite;
187
184
  }
188
185
  @keyframes nut-skeleton {
@@ -203,9 +200,6 @@
203
200
  .nut-rtl .nut-skeleton-animation {
204
201
  left: auto;
205
202
  right: 0;
206
- /* #ifndef rn */
207
- background: linear-gradient(-90deg, hsla(0, 0%, 100%, 0), hsla(0, 0%, 100%, 0.5) 50%, hsla(0, 0%, 100%, 0) 80%);
208
- /* #endif */
209
203
  animation: nut-skeleton-rtl 2s ease-in-out 0s infinite;
210
204
  }
211
205
  @keyframes nut-skeleton-rtl {
package/dist/es/packages/step/style/style.css CHANGED
@@ -21,7 +21,7 @@
21
21
  left: calc(50% + (100% - var(--nutui-steps-base-line-width, 70%)) / 2);
22
22
  height: var(--nutui-steps-base-line-height, 1px);
23
23
  width: var(--nutui-steps-base-line-width, 70%);
24
- background: var(--nutui-steps-base-line-background, var(--nutui-gray-5));
24
+ background: var(--nutui-steps-base-line-background, var(--nutui-color-text-help, #888b94));
25
25
  }
26
26
  .nut-step-icon {
27
27
  position: relative;
@@ -32,8 +32,8 @@
32
32
  height: var(--nutui-steps-base-icon-height, 25px);
33
33
  line-height: var(--nutui-steps-base-icon-line-height, 25px);
34
34
  font-size: var(--nutui-steps-base-icon-font-size, var(--nutui-font-size-s, 12px));
35
- background-color: var(--nutui-steps-wait-icon-bg-color, var(--nutui-gray-5));
36
- border-color: var(--nutui-steps-wait-icon-bg-color, var(--nutui-gray-5));
35
+ background-color: var(--nutui-steps-wait-icon-bg-color, var(--nutui-color-text-help, #888b94));
36
+ border-color: var(--nutui-steps-wait-icon-bg-color, var(--nutui-color-text-help, #888b94));
37
37
  color: var(--nutui-steps-wait-icon-color, #ffffff);
38
38
  z-index: 1;
39
39
  }
@@ -62,48 +62,48 @@
62
62
  display: block;
63
63
  margin-bottom: var(--nutui-steps-base-title-margin-bottom, 10px);
64
64
  font-size: var(--nutui-steps-base-title-font-size, var(--nutui-font-size-base, 14px));
65
- color: var(--nutui-steps-base-title-color, var(--nutui-gray-7));
65
+ color: var(--nutui-steps-base-title-color, var(--nutui-color-title, #1a1a1a));
66
66
  }
67
67
  .nut-step-description {
68
68
  display: block;
69
69
  font-size: var(--nutui-steps-base-description-font-size, var(--nutui-font-size-s, 12px));
70
- color: var(--nutui-steps-base-description-color, var(--nutui-gray-6));
70
+ color: var(--nutui-steps-base-description-color, var(--nutui-color-text, #505259));
71
71
  }
72
72
  .nut-step:last-child .nut-step-line {
73
73
  display: none;
74
74
  }
75
75
  .nut-step.nut-step-process .nut-step-icon {
76
- background-color: var(--nutui-steps-process-icon-bg-color, var(--nutui-brand-6));
77
- border-color: var(--nutui-steps-process-icon-bg-color, var(--nutui-brand-6));
76
+ background-color: var(--nutui-steps-process-icon-bg-color, var(--nutui-color-primary, #ff0f23));
77
+ border-color: var(--nutui-steps-process-icon-bg-color, var(--nutui-color-primary, #ff0f23));
78
78
  color: var(--nutui-steps-process-icon-color, #ffffff);
79
79
  }
80
80
  .nut-step.nut-step-process .nut-step-title {
81
- color: var(--nutui-steps-process-title-color, var(--nutui-brand-6));
81
+ color: var(--nutui-steps-process-title-color, var(--nutui-color-primary, #ff0f23));
82
82
  font-size: var(--nutui-steps-process-title-font-size, var(--nutui-font-size-base, 14px));
83
83
  font-weight: var(--nutui-steps-process-title-font-weight, var(--nutui-font-weight-bold, 600));
84
84
  }
85
85
  .nut-step.nut-step-process .nut-step-description {
86
- color: var(--nutui-steps-process-description-color, var(--nutui-gray-6));
86
+ color: var(--nutui-steps-process-description-color, var(--nutui-color-text, #505259));
87
87
  }
88
88
  .nut-step.nut-step-wait .nut-step-title {
89
- color: var(--nutui-steps-wait-title-color, var(--nutui-gray-7));
89
+ color: var(--nutui-steps-wait-title-color, var(--nutui-color-title, #1a1a1a));
90
90
  }
91
91
  .nut-step.nut-step-wait .nut-step-description {
92
- color: var(--nutui-steps-wait-description-color, var(--nutui-gray-6));
92
+ color: var(--nutui-steps-wait-description-color, var(--nutui-color-text, #505259));
93
93
  }
94
94
  .nut-step.nut-step-finish .nut-step-icon {
95
95
  background-color: var(--nutui-steps-finish-icon-bg-color, #ffffff);
96
- border-color: var(--nutui-steps-finish-icon-border-color, var(--nutui-steps-finish-icon-color, var(--nutui-brand-6)));
97
- color: var(--nutui-steps-finish-icon-color, var(--nutui-brand-6));
96
+ border-color: var(--nutui-steps-finish-icon-border-color, var(--nutui-steps-finish-icon-color, var(--nutui-color-primary, #ff0f23)));
97
+ color: var(--nutui-steps-finish-icon-color, var(--nutui-color-primary, #ff0f23));
98
98
  }
99
99
  .nut-step.nut-step-finish .nut-step-line {
100
- background: var(--nutui-steps-finish-line-background, var(--nutui-brand-6));
100
+ background: var(--nutui-steps-finish-line-background, var(--nutui-color-primary, #ff0f23));
101
101
  }
102
102
  .nut-step.nut-step-finish .nut-step-title {
103
- color: var(--nutui-steps-finish-title-color, var(--nutui-brand-6));
103
+ color: var(--nutui-steps-finish-title-color, var(--nutui-color-primary, #ff0f23));
104
104
  }
105
105
  .nut-step.nut-step-finish .nut-step-description {
106
- color: var(--nutui-steps-finish-description-color, var(--nutui-gray-6));
106
+ color: var(--nutui-steps-finish-description-color, var(--nutui-color-text, #505259));
107
107
  }
108
108
 
109
109
  .nut-steps-dot .nut-step-head {
@@ -120,11 +120,11 @@
120
120
  box-sizing: content-box;
121
121
  }
122
122
  .nut-steps-dot .nut-step-wait .nut-step-icon {
123
- background-color: var(--nutui-steps-dot-wait-icon-bg-color, var(--nutui-steps-wait-icon-bg-color, var(--nutui-gray-5)));
123
+ background-color: var(--nutui-steps-dot-wait-icon-bg-color, var(--nutui-steps-wait-icon-bg-color, var(--nutui-color-text-help, #888b94)));
124
124
  }
125
125
  .nut-steps-dot .nut-step-finish .nut-step-icon {
126
126
  background-color: var(--nutui-steps-finish-icon-bg-color, #ffffff);
127
- border-color: var(--nutui-steps-dot-finish-icon-bg-color, var(--nutui-steps-finish-icon-color, var(--nutui-brand-6)));
127
+ border-color: var(--nutui-steps-dot-finish-icon-bg-color, var(--nutui-steps-finish-icon-color, var(--nutui-color-primary, #ff0f23)));
128
128
  }
129
129
  .nut-steps-dot .nut-step-process .nut-step-icon {
130
130
  position: relative;
@@ -158,7 +158,7 @@
158
158
  display: inline-block;
159
159
  width: 1px;
160
160
  height: var(--nutui-steps-base-line-width, 70%);
161
- background: var(--nutui-steps-base-line-background, var(--nutui-gray-5));
161
+ background: var(--nutui-steps-base-line-background, var(--nutui-color-text-help, #888b94));
162
162
  top: calc(var(--nutui-steps-base-icon-height, 25px) + (100% - var(--nutui-steps-base-line-width, 70%) - var(--nutui-steps-base-icon-margin-bottom, 12px)) / 2);
163
163
  left: calc(50% - 1px);
164
164
  }
package/dist/es/packages/steps/style/style.css CHANGED
@@ -21,7 +21,7 @@
21
21
  left: calc(50% + (100% - var(--nutui-steps-base-line-width, 70%)) / 2);
22
22
  height: var(--nutui-steps-base-line-height, 1px);
23
23
  width: var(--nutui-steps-base-line-width, 70%);
24
- background: var(--nutui-steps-base-line-background, var(--nutui-gray-5));
24
+ background: var(--nutui-steps-base-line-background, var(--nutui-color-text-help, #888b94));
25
25
  }
26
26
  .nut-step-icon {
27
27
  position: relative;
@@ -32,8 +32,8 @@
32
32
  height: var(--nutui-steps-base-icon-height, 25px);
33
33
  line-height: var(--nutui-steps-base-icon-line-height, 25px);
34
34
  font-size: var(--nutui-steps-base-icon-font-size, var(--nutui-font-size-s, 12px));
35
- background-color: var(--nutui-steps-wait-icon-bg-color, var(--nutui-gray-5));
36
- border-color: var(--nutui-steps-wait-icon-bg-color, var(--nutui-gray-5));
35
+ background-color: var(--nutui-steps-wait-icon-bg-color, var(--nutui-color-text-help, #888b94));
36
+ border-color: var(--nutui-steps-wait-icon-bg-color, var(--nutui-color-text-help, #888b94));
37
37
  color: var(--nutui-steps-wait-icon-color, #ffffff);
38
38
  z-index: 1;
39
39
  }
@@ -62,48 +62,48 @@
62
62
  display: block;
63
63
  margin-bottom: var(--nutui-steps-base-title-margin-bottom, 10px);
64
64
  font-size: var(--nutui-steps-base-title-font-size, var(--nutui-font-size-base, 14px));
65
- color: var(--nutui-steps-base-title-color, var(--nutui-gray-7));
65
+ color: var(--nutui-steps-base-title-color, var(--nutui-color-title, #1a1a1a));
66
66
  }
67
67
  .nut-step-description {
68
68
  display: block;
69
69
  font-size: var(--nutui-steps-base-description-font-size, var(--nutui-font-size-s, 12px));
70
- color: var(--nutui-steps-base-description-color, var(--nutui-gray-6));
70
+ color: var(--nutui-steps-base-description-color, var(--nutui-color-text, #505259));
71
71
  }
72
72
  .nut-step:last-child .nut-step-line {
73
73
  display: none;
74
74
  }
75
75
  .nut-step.nut-step-process .nut-step-icon {
76
- background-color: var(--nutui-steps-process-icon-bg-color, var(--nutui-brand-6));
77
- border-color: var(--nutui-steps-process-icon-bg-color, var(--nutui-brand-6));
76
+ background-color: var(--nutui-steps-process-icon-bg-color, var(--nutui-color-primary, #ff0f23));
77
+ border-color: var(--nutui-steps-process-icon-bg-color, var(--nutui-color-primary, #ff0f23));
78
78
  color: var(--nutui-steps-process-icon-color, #ffffff);
79
79
  }
80
80
  .nut-step.nut-step-process .nut-step-title {
81
- color: var(--nutui-steps-process-title-color, var(--nutui-brand-6));
81
+ color: var(--nutui-steps-process-title-color, var(--nutui-color-primary, #ff0f23));
82
82
  font-size: var(--nutui-steps-process-title-font-size, var(--nutui-font-size-base, 14px));
83
83
  font-weight: var(--nutui-steps-process-title-font-weight, var(--nutui-font-weight-bold, 600));
84
84
  }
85
85
  .nut-step.nut-step-process .nut-step-description {
86
- color: var(--nutui-steps-process-description-color, var(--nutui-gray-6));
86
+ color: var(--nutui-steps-process-description-color, var(--nutui-color-text, #505259));
87
87
  }
88
88
  .nut-step.nut-step-wait .nut-step-title {
89
- color: var(--nutui-steps-wait-title-color, var(--nutui-gray-7));
89
+ color: var(--nutui-steps-wait-title-color, var(--nutui-color-title, #1a1a1a));
90
90
  }
91
91
  .nut-step.nut-step-wait .nut-step-description {
92
- color: var(--nutui-steps-wait-description-color, var(--nutui-gray-6));
92
+ color: var(--nutui-steps-wait-description-color, var(--nutui-color-text, #505259));
93
93
  }
94
94
  .nut-step.nut-step-finish .nut-step-icon {
95
95
  background-color: var(--nutui-steps-finish-icon-bg-color, #ffffff);
96
- border-color: var(--nutui-steps-finish-icon-border-color, var(--nutui-steps-finish-icon-color, var(--nutui-brand-6)));
97
- color: var(--nutui-steps-finish-icon-color, var(--nutui-brand-6));
96
+ border-color: var(--nutui-steps-finish-icon-border-color, var(--nutui-steps-finish-icon-color, var(--nutui-color-primary, #ff0f23)));
97
+ color: var(--nutui-steps-finish-icon-color, var(--nutui-color-primary, #ff0f23));
98
98
  }
99
99
  .nut-step.nut-step-finish .nut-step-line {
100
- background: var(--nutui-steps-finish-line-background, var(--nutui-brand-6));
100
+ background: var(--nutui-steps-finish-line-background, var(--nutui-color-primary, #ff0f23));
101
101
  }
102
102
  .nut-step.nut-step-finish .nut-step-title {
103
- color: var(--nutui-steps-finish-title-color, var(--nutui-brand-6));
103
+ color: var(--nutui-steps-finish-title-color, var(--nutui-color-primary, #ff0f23));
104
104
  }
105
105
  .nut-step.nut-step-finish .nut-step-description {
106
- color: var(--nutui-steps-finish-description-color, var(--nutui-gray-6));
106
+ color: var(--nutui-steps-finish-description-color, var(--nutui-color-text, #505259));
107
107
  }
108
108
 
109
109
  .nut-steps-dot .nut-step-head {
@@ -120,11 +120,11 @@
120
120
  box-sizing: content-box;
121
121
  }
122
122
  .nut-steps-dot .nut-step-wait .nut-step-icon {
123
- background-color: var(--nutui-steps-dot-wait-icon-bg-color, var(--nutui-steps-wait-icon-bg-color, var(--nutui-gray-5)));
123
+ background-color: var(--nutui-steps-dot-wait-icon-bg-color, var(--nutui-steps-wait-icon-bg-color, var(--nutui-color-text-help, #888b94)));
124
124
  }
125
125
  .nut-steps-dot .nut-step-finish .nut-step-icon {
126
126
  background-color: var(--nutui-steps-finish-icon-bg-color, #ffffff);
127
- border-color: var(--nutui-steps-dot-finish-icon-bg-color, var(--nutui-steps-finish-icon-color, var(--nutui-brand-6)));
127
+ border-color: var(--nutui-steps-dot-finish-icon-bg-color, var(--nutui-steps-finish-icon-color, var(--nutui-color-primary, #ff0f23)));
128
128
  }
129
129
  .nut-steps-dot .nut-step-process .nut-step-icon {
130
130
  position: relative;
@@ -158,7 +158,7 @@
158
158
  display: inline-block;
159
159
  width: 1px;
160
160
  height: var(--nutui-steps-base-line-width, 70%);
161
- background: var(--nutui-steps-base-line-background, var(--nutui-gray-5));
161
+ background: var(--nutui-steps-base-line-background, var(--nutui-color-text-help, #888b94));
162
162
  top: calc(var(--nutui-steps-base-icon-height, 25px) + (100% - var(--nutui-steps-base-line-width, 70%) - var(--nutui-steps-base-icon-margin-bottom, 12px)) / 2);
163
163
  left: calc(50% - 1px);
164
164
  }
package/dist/es/packages/subsidenavbar/style/style.css CHANGED
@@ -6,8 +6,8 @@
6
6
  height: var(--nutui-sidenavbar-item-height, 40px);
7
7
  padding: var(--nutui-sidenavbar-sub-title-padding, 10px 8px 10px 35px);
8
8
  box-sizing: border-box;
9
- background-color: var(--nutui-sidenavbar-sub-title-background, var(--nutui-color-background-sunken, var(--nutui-gray-2)));
10
- color: var(--nutui-sidenavbar-sub-title-color, var(--nutui-gray-7));
9
+ background-color: var(--nutui-sidenavbar-sub-title-background, var(--nutui-color-background-sunken, #f7f8fc));
10
+ color: var(--nutui-sidenavbar-sub-title-color, var(--nutui-color-title, #1a1a1a));
11
11
  box-sizing: border-box;
12
12
  }
13
13
  .nut-subsidenavbar-list.sidenavbar-show .nut-subsidenavbar-content {
package/dist/es/packages/swiper/style/style.css CHANGED
@@ -18,7 +18,7 @@
18
18
  width: var(--nutui-indicator-dot-size, 3px);
19
19
  height: var(--nutui-indicator-dot-size, 3px);
20
20
  border-radius: 50%;
21
- background-color: var(--nutui-gray-4);
21
+ background-color: var(--nutui-color-border-disabled, #c2c4cc);
22
22
  margin: 0 var(--nutui-indicator-dot-margin, var(--nutui-spacing-xxxs, 2px));
23
23
  opacity: 0.4;
24
24
  }
@@ -31,7 +31,7 @@
31
31
  .nut-indicator-dot-active, .nut-indicator-line-active {
32
32
  width: var(--nutui-indicator-dot-active-size, 6px);
33
33
  border-radius: var(--nutui-indicator-border-radius, var(--nutui-radius-xxs, 2px));
34
- background: var(--nutui-indicator-color, var(--nutui-brand-6));
34
+ background: var(--nutui-indicator-color, var(--nutui-color-primary, #ff0f23));
35
35
  opacity: 1;
36
36
  }
37
37
  .nut-indicator-fixed-width .nut-indicator-dot {
@@ -62,7 +62,7 @@
62
62
  }
63
63
  .nut-indicator-line-active {
64
64
  transition: transform 0.3s ease-in-out;
65
- background: var(--nutui-indicator-color, var(--nutui-brand-6));
65
+ background: var(--nutui-indicator-color, var(--nutui-color-primary, #ff0f23));
66
66
  }
67
67
 
68
68
  .nut-indicator-track {
@@ -76,7 +76,7 @@
76
76
  height: 100%;
77
77
  box-sizing: border-box;
78
78
  border-radius: var(--nutui-indicator-border-radius, var(--nutui-radius-xxs, 2px));
79
- background-color: var(--nutui-gray-4);
79
+ background-color: var(--nutui-color-border-disabled, #c2c4cc);
80
80
  opacity: 0.4;
81
81
  }
82
82
 
@@ -171,15 +171,7 @@
171
171
  display: flex;
172
172
  position: relative;
173
173
  }
174
- .nut-swiper-inner-horizontal {
175
- /* #ifndef rn */
176
- transform: translateX(var(--swiper-offset));
177
- /* #ifndef rn */
178
- }
179
174
  .nut-swiper-inner-vertical {
180
- /* #ifndef rn */
181
- transform: translateY(var(--swiper-offset));
182
- /* #ifndef rn */
183
175
  flex-direction: column;
184
176
  }
185
177
 
@@ -199,9 +191,6 @@
199
191
  .nut-rtl .nut-swiper-indicator {
200
192
  left: auto;
201
193
  right: 50%;
202
- /* #ifndef rn */
203
- transform: translateX(50%);
204
- /* #endif */
205
194
  }
206
195
  [dir=rtl] .nut-swiper-indicator-vertical,
207
196
  .nut-rtl .nut-swiper-indicator-vertical {
package/dist/es/packages/swiper/style/swiper.scss CHANGED
@@ -31,16 +31,8 @@
31
31
  height: 100%;
32
32
  display: flex;
33
33
  position: relative;
34
- &-horizontal {
35
- /* #ifndef rn */
36
- transform: translateX(var(--swiper-offset));
37
- /* #ifndef rn */
38
- }
39
34
 
40
35
  &-vertical {
41
- /* #ifndef rn */
42
- transform: translateY(var(--swiper-offset));
43
- /* #ifndef rn */
44
36
  flex-direction: column;
45
37
  }
46
38
  }
@@ -62,9 +54,6 @@
62
54
  &-indicator {
63
55
  left: auto;
64
56
  right: 50%;
65
- /* #ifndef rn */
66
- transform: translateX(50%);
67
- /* #endif */
68
57
  }
69
58
  &-indicator-vertical {
70
59
  left: auto;
package/dist/es/packages/switch/style/style.css CHANGED
@@ -11,7 +11,7 @@
11
11
  min-width: var(--nutui-switch-width, 46px);
12
12
  height: var(--nutui-switch-height, 28px);
13
13
  line-height: var(--nutui-switch-line-height, 28px);
14
- background-color: var(--nutui-switch-active-background-color, var(--nutui-brand-6));
14
+ background-color: var(--nutui-switch-active-background-color, var(--nutui-color-primary, #ff0f23));
15
15
  border-radius: var(--nutui-switch-border-radius, 50px);
16
16
  background-size: 100% 100%;
17
17
  background-repeat: no-repeat;
@@ -46,7 +46,7 @@
46
46
  left: calc(100% - var(--nutui-switch-height, 28px) + var(--nutui-switch-border-width, 2px));
47
47
  }
48
48
  .nut-switch-close {
49
- background-color: var(--nutui-switch-inactive-background-color, var(--nutui-gray-4));
49
+ background-color: var(--nutui-switch-inactive-background-color, var(--nutui-color-text-disabled, #c2c4cc));
50
50
  }
51
51
  .nut-switch-close-line {
52
52
  width: calc((var(--nutui-switch-height, 28px) - var(--nutui-switch-border-width, 2px) * 2) / 2);
@@ -78,14 +78,14 @@
78
78
  margin: 0 calc(var(--nutui-switch-height, 28px) - var(--nutui-switch-border-width, 2px) + 3px) 0 7px;
79
79
  }
80
80
  .nut-switch-label-close-disabled {
81
- color: var(--nutui-switch-inactive-disabled-label-text-color, var(--nutui-gray-4));
81
+ color: var(--nutui-switch-inactive-disabled-label-text-color, var(--nutui-color-text-disabled, #c2c4cc));
82
82
  }
83
83
  .nut-switch-label-close-disabled .nut-icon {
84
- color: var(--nutui-switch-inactive-disabled-label-text-color, var(--nutui-gray-4));
84
+ color: var(--nutui-switch-inactive-disabled-label-text-color, var(--nutui-color-text-disabled, #c2c4cc));
85
85
  }
86
86
  .nut-switch-disabled {
87
- background-color: var(--nutui-switch-active-disabled-background-color, var(--nutui-brand-3));
87
+ background-color: var(--nutui-switch-active-disabled-background-color, var(--nutui-color-primary-disabled-special, #ffadbe));
88
88
  }
89
89
  .nut-switch-disabled-close {
90
- background-color: var(--nutui-switch-inactive-disabled-background-color, var(--nutui-gray-3));
90
+ background-color: var(--nutui-switch-inactive-disabled-background-color, var(--nutui-color-background, #f2f3f5));
91
91
  }
package/dist/es/packages/tabbar/style/style.css CHANGED
@@ -11,7 +11,7 @@
11
11
  display: flex;
12
12
  justify-content: center;
13
13
  align-items: center;
14
- background: var(--nutui-badge-background-color, var(--nutui-brand-6));
14
+ background: var(--nutui-badge-background-color, var(--nutui-color-primary, #ff0f23));
15
15
  padding: var(--nutui-badge-icon-padding, 2px);
16
16
  text-align: center;
17
17
  z-index: var(--nutui-badge-z-index, 1);
@@ -48,7 +48,7 @@
48
48
  white-space: nowrap;
49
49
  font-weight: normal;
50
50
  vertical-align: middle;
51
- background: var(--nutui-badge-background-color, var(--nutui-brand-6));
51
+ background: var(--nutui-badge-background-color, var(--nutui-color-primary, #ff0f23));
52
52
  z-index: 1;
53
53
  }
54
54
  .nut-badge-number {
@@ -93,10 +93,10 @@
93
93
  }
94
94
  .nut-badge-outline {
95
95
  background: #ffffff;
96
- color: var(--nutui-badge-outline-color, var(--nutui-brand-6));
96
+ color: var(--nutui-badge-outline-color, var(--nutui-color-primary, #ff0f23));
97
97
  }
98
98
  .nut-badge-outline::after {
99
- border: var(--nutui-badge-outline-border, 1px solid var(--nutui-brand-6));
99
+ border: var(--nutui-badge-outline-border, 1px solid var(--nutui-color-primary, #ff0f23));
100
100
  }
101
101
 
102
102
  .nut-tabbar-item {
@@ -107,7 +107,7 @@
107
107
  flex: 1;
108
108
  text-align: center;
109
109
  text-decoration: none;
110
- color: var(--nutui-tabbar-inactive-color, var(--nutui-gray-7));
110
+ color: var(--nutui-tabbar-inactive-color, var(--nutui-color-title, #1a1a1a));
111
111
  height: 100%;
112
112
  }
113
113
  .nut-tabbar-item-icon-box {
@@ -124,7 +124,7 @@
124
124
  }
125
125
  .nut-tabbar-item-icon-box-nav {
126
126
  display: block;
127
- color: var(--nutui-gray-6);
127
+ color: var(--nutui-color-text, #505259);
128
128
  font-size: var(--nutui-tabbar-text-font-size, var(--nutui-font-size-xs, 11px));
129
129
  line-height: var(--nutui-tabbar-text-font-size, var(--nutui-font-size-xs, 11px));
130
130
  margin-top: var(--nutui-tabbar-text-margin-top, 3px);
@@ -136,11 +136,11 @@
136
136
  font-weight: var(--nutui-tabbar-text-large-font-weight, var(--nutui-font-weight, 400));
137
137
  }
138
138
  .nut-tabbar-item-active {
139
- color: var(--nutui-tabbar-active-color, var(--nutui-brand-6));
139
+ color: var(--nutui-tabbar-active-color, var(--nutui-color-primary, #ff0f23));
140
140
  }
141
141
  .nut-tabbar-item-active .nut-tabbar-item-icon-box {
142
142
  /* #ifdef harmony*/
143
- color: var(--nutui-tabbar-active-color, var(--nutui-brand-6));
143
+ color: var(--nutui-tabbar-active-color, var(--nutui-color-primary, #ff0f23));
144
144
  /* #endif*/
145
145
  /* #ifndef harmony*/
146
146
  color: inherit;
@@ -148,7 +148,7 @@
148
148
  }
149
149
  .nut-tabbar-item-active .nut-tabbar-item-icon-box .nut-icon {
150
150
  /* #ifdef harmony*/
151
- color: var(--nutui-tabbar-active-color, var(--nutui-brand-6));
151
+ color: var(--nutui-tabbar-active-color, var(--nutui-color-primary, #ff0f23));
152
152
  /* #endif*/
153
153
  /* #ifndef harmony*/
154
154
  color: inherit;
@@ -166,7 +166,7 @@
166
166
  justify-content: center;
167
167
  align-items: center;
168
168
  box-sizing: border-box;
169
- background: var(--nutui-gray-1);
169
+ background: var(--nutui-color-background-overlay, #ffffff);
170
170
  }
171
171
  .nut-tabbar-wrap {
172
172
  width: 100%;
package/dist/es/packages/tabbaritem/style/style.css CHANGED
@@ -11,7 +11,7 @@
11
11
  display: flex;
12
12
  justify-content: center;
13
13
  align-items: center;
14
- background: var(--nutui-badge-background-color, var(--nutui-brand-6));
14
+ background: var(--nutui-badge-background-color, var(--nutui-color-primary, #ff0f23));
15
15
  padding: var(--nutui-badge-icon-padding, 2px);
16
16
  text-align: center;
17
17
  z-index: var(--nutui-badge-z-index, 1);
@@ -48,7 +48,7 @@
48
48
  white-space: nowrap;
49
49
  font-weight: normal;
50
50
  vertical-align: middle;
51
- background: var(--nutui-badge-background-color, var(--nutui-brand-6));
51
+ background: var(--nutui-badge-background-color, var(--nutui-color-primary, #ff0f23));
52
52
  z-index: 1;
53
53
  }
54
54
  .nut-badge-number {
@@ -93,10 +93,10 @@
93
93
  }
94
94
  .nut-badge-outline {
95
95
  background: #ffffff;
96
- color: var(--nutui-badge-outline-color, var(--nutui-brand-6));
96
+ color: var(--nutui-badge-outline-color, var(--nutui-color-primary, #ff0f23));
97
97
  }
98
98
  .nut-badge-outline::after {
99
- border: var(--nutui-badge-outline-border, 1px solid var(--nutui-brand-6));
99
+ border: var(--nutui-badge-outline-border, 1px solid var(--nutui-color-primary, #ff0f23));
100
100
  }
101
101
 
102
102
  .nut-tabbar-item {
@@ -107,7 +107,7 @@
107
107
  flex: 1;
108
108
  text-align: center;
109
109
  text-decoration: none;
110
- color: var(--nutui-tabbar-inactive-color, var(--nutui-gray-7));
110
+ color: var(--nutui-tabbar-inactive-color, var(--nutui-color-title, #1a1a1a));
111
111
  height: 100%;
112
112
  }
113
113
  .nut-tabbar-item-icon-box {
@@ -124,7 +124,7 @@
124
124
  }
125
125
  .nut-tabbar-item-icon-box-nav {
126
126
  display: block;
127
- color: var(--nutui-gray-6);
127
+ color: var(--nutui-color-text, #505259);
128
128
  font-size: var(--nutui-tabbar-text-font-size, var(--nutui-font-size-xs, 11px));
129
129
  line-height: var(--nutui-tabbar-text-font-size, var(--nutui-font-size-xs, 11px));
130
130
  margin-top: var(--nutui-tabbar-text-margin-top, 3px);
@@ -136,11 +136,11 @@
136
136
  font-weight: var(--nutui-tabbar-text-large-font-weight, var(--nutui-font-weight, 400));
137
137
  }
138
138
  .nut-tabbar-item-active {
139
- color: var(--nutui-tabbar-active-color, var(--nutui-brand-6));
139
+ color: var(--nutui-tabbar-active-color, var(--nutui-color-primary, #ff0f23));
140
140
  }
141
141
  .nut-tabbar-item-active .nut-tabbar-item-icon-box {
142
142
  /* #ifdef harmony*/
143
- color: var(--nutui-tabbar-active-color, var(--nutui-brand-6));
143
+ color: var(--nutui-tabbar-active-color, var(--nutui-color-primary, #ff0f23));
144
144
  /* #endif*/
145
145
  /* #ifndef harmony*/
146
146
  color: inherit;
@@ -148,7 +148,7 @@
148
148
  }
149
149
  .nut-tabbar-item-active .nut-tabbar-item-icon-box .nut-icon {
150
150
  /* #ifdef harmony*/
151
- color: var(--nutui-tabbar-active-color, var(--nutui-brand-6));
151
+ color: var(--nutui-tabbar-active-color, var(--nutui-color-primary, #ff0f23));
152
152
  /* #endif*/
153
153
  /* #ifndef harmony*/
154
154
  color: inherit;
package/dist/es/packages/table/style/style.css CHANGED
@@ -13,11 +13,11 @@
13
13
  width: 100%;
14
14
  flex-direction: column;
15
15
  font-size: var(--nutui-font-size-base, 14px);
16
- color: var(--nutui-gray-7);
16
+ color: var(--nutui-color-title, #1a1a1a);
17
17
  overflow-y: auto;
18
18
  overflow-x: hidden;
19
19
  position: relative;
20
- border: 1px solid var(--nutui-table-border-color, var(--nutui-black-3));
20
+ border: 1px solid var(--nutui-table-border-color, var(--nutui-color-border, rgba(0, 0, 0, 0.06)));
21
21
  }
22
22
  .nut-table-wrapper-sticky {
23
23
  overflow-x: auto;
@@ -25,21 +25,21 @@
25
25
  .nut-table-main {
26
26
  display: table;
27
27
  overflow-x: auto;
28
- color: var(--nutui-gray-7);
29
- background-color: var(--nutui-gray-1);
28
+ color: var(--nutui-color-title, #1a1a1a);
29
+ background-color: var(--nutui-color-background-overlay, #ffffff);
30
30
  table-layout: fixed;
31
31
  width: max-content;
32
32
  min-width: 100%;
33
33
  position: relative;
34
34
  }
35
35
  .nut-table-main-striped .nut-table-main-head-tr {
36
- background-color: var(--nutui-table-tr-even-bg-color, var(--nutui-gray-3));
36
+ background-color: var(--nutui-table-tr-even-bg-color, var(--nutui-color-background, #f2f3f5));
37
37
  }
38
38
  .nut-table-main-striped .nut-table-main-body-tr:nth-child(odd) {
39
39
  background-color: var(--nutui-table-tr-odd-bg-color, #ffffff);
40
40
  }
41
41
  .nut-table-main-striped .nut-table-main-body-tr:nth-child(even) {
42
- background-color: var(--nutui-table-tr-even-bg-color, var(--nutui-gray-3));
42
+ background-color: var(--nutui-table-tr-even-bg-color, var(--nutui-color-background, #f2f3f5));
43
43
  }
44
44
  .nut-table-main-head, .nut-table-main-body {
45
45
  background: inherit;
@@ -81,8 +81,8 @@
81
81
  justify-content: center;
82
82
  }
83
83
  .nut-table-main-head-tr-border, .nut-table-main-body-tr-border {
84
- border-right: 1px solid var(--nutui-table-border-color, var(--nutui-black-3));
85
- border-bottom: 1px solid var(--nutui-table-border-color, var(--nutui-black-3));
84
+ border-right: 1px solid var(--nutui-table-border-color, var(--nutui-color-border, rgba(0, 0, 0, 0.06)));
85
+ border-bottom: 1px solid var(--nutui-table-border-color, var(--nutui-color-border, rgba(0, 0, 0, 0.06)));
86
86
  }
87
87
  .nut-table-main-head-tr-alignleft, .nut-table-main-head-tr-align, .nut-table-main-body-tr-alignleft, .nut-table-main-body-tr-align {
88
88
  text-align: start;
@@ -131,8 +131,8 @@
131
131
  border-right: none;
132
132
  }
133
133
  .nut-table-summary {
134
- color: var(--nutui-gray-7);
135
- background-color: var(--nutui-gray-1);
134
+ color: var(--nutui-color-title, #1a1a1a);
135
+ background-color: var(--nutui-color-background-overlay, #ffffff);
136
136
  display: flex;
137
137
  align-items: center;
138
138
  justify-content: center;
@@ -158,7 +158,7 @@
158
158
  .nut-rtl .nut-table-main-head-tr-border,
159
159
  .nut-rtl .nut-table-main-body-tr-border {
160
160
  border-right: none;
161
- border-left: 1px solid var(--nutui-table-border-color, var(--nutui-black-3));
161
+ border-left: 1px solid var(--nutui-table-border-color, var(--nutui-color-border, rgba(0, 0, 0, 0.06)));
162
162
  }
163
163
  [dir=rtl] .nut-table-main-head-tr-alignleft, [dir=rtl] .nut-table-main-head-tr-align, [dir=rtl] .nut-table-main-body-tr-alignleft, [dir=rtl] .nut-table-main-body-tr-align,
164
164
  .nut-rtl .nut-table-main-head-tr-alignleft,
package/dist/es/packages/tabpane/style/style.css CHANGED
@@ -7,7 +7,7 @@
7
7
  flex-shrink: 0;
8
8
  display: block;
9
9
  background-color: var(--nutui-tabs-tabpane-backgroundColor, #fff);
10
- color: var(--nutui-gray-7);
10
+ color: var(--nutui-color-title, #1a1a1a);
11
11
  padding: var(--nutui-tabs-tabpane-padding, 24px 20px);
12
12
  box-sizing: border-box;
13
13
  overflow: auto;
package/dist/es/packages/tabpane/tabpane.js CHANGED
@@ -12,7 +12,7 @@ export var TabPane = function(props) {
12
12
  var classes = classNames(classPrefix, {
13
13
  active: !disabled && props.active
14
14
  }, autoHeightClassName, className);
15
- return children ? /*#__PURE__*/ React.createElement("div", {
15
+ return children && /*#__PURE__*/ React.createElement("div", {
16
16
  className: classes
17
- }, !disabled && children) : null;
17
+ }, !disabled && children);
18
18
  };