@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/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/packages/tabpane/tabpane.js CHANGED
@@ -23,7 +23,7 @@ var TabPane = function TabPane(props) {
23
23
  var classes = (0, _classnames.default)(classPrefix, {
24
24
  active: !disabled && props.active
25
25
  }, autoHeightClassName, className);
26
- return children ? /*#__PURE__*/ _react.default.createElement("div", {
26
+ return children && /*#__PURE__*/ _react.default.createElement("div", {
27
27
  className: classes
28
- }, !disabled && children) : null;
28
+ }, !disabled && children);
29
29
  };