@nutui/nutui-react 2.1.1-beta.0 → 2.2.0-beta.0

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 (299) hide show
  1. package/CHANGELOG.md +44 -0
  2. package/dist/esm/ActionSheet/style/style.css +1 -1
  3. package/dist/esm/ActionSheet.js +7 -6
  4. package/dist/esm/Address/style/style.css +1 -1
  5. package/dist/esm/Address.js +4 -4
  6. package/dist/esm/AnimatingNumbers/style/style.css +1 -1
  7. package/dist/esm/AnimatingNumbers.js +5 -5
  8. package/dist/esm/Audio/style/style.css +1 -1
  9. package/dist/esm/Audio.js +5 -5
  10. package/dist/esm/Avatar/style/style.css +1 -1
  11. package/dist/esm/Avatar.js +4 -4
  12. package/dist/esm/AvatarCropper/style/style.css +1 -1
  13. package/dist/esm/BackTop/style/style.css +1 -1
  14. package/dist/esm/BackTop.js +3 -7
  15. package/dist/esm/Badge/style/style.css +1 -1
  16. package/dist/esm/Barrage/style/style.css +1 -1
  17. package/dist/esm/Button/style/style.css +1 -1
  18. package/dist/esm/Button.js +84 -5
  19. package/dist/esm/Calendar/style/style.css +1 -1
  20. package/dist/esm/CalendarCard/style/style.css +1 -1
  21. package/dist/esm/Card/style/style.css +1 -1
  22. package/dist/esm/Card.js +3 -3
  23. package/dist/esm/Cascader/style/style.css +1 -1
  24. package/dist/esm/Cell/style/style.css +1 -1
  25. package/dist/esm/Cell.js +5 -5
  26. package/dist/esm/CellGroup/style/style.css +1 -1
  27. package/dist/esm/CellGroup.js +3 -3
  28. package/dist/esm/Checkbox/style/style.css +1 -1
  29. package/dist/esm/CheckboxGroup/style/style.css +1 -1
  30. package/dist/esm/CheckboxGroup.js +1 -1
  31. package/dist/esm/CircleProgress/style/style.css +1 -1
  32. package/dist/esm/CircleProgress.js +2 -2
  33. package/dist/esm/Col/style/style.css +1 -1
  34. package/dist/esm/Collapse/style/style.css +1 -1
  35. package/dist/esm/CollapseItem/style/style.css +1 -1
  36. package/dist/esm/CountDown/style/style.css +1 -1
  37. package/dist/esm/CountDown.js +1 -1
  38. package/dist/esm/DatePicker/style/style.css +1 -1
  39. package/dist/esm/Dialog/style/style.css +1 -1
  40. package/dist/esm/Dialog.js +9 -6
  41. package/dist/esm/Divider/style/style.css +1 -1
  42. package/dist/esm/Divider.js +1 -1
  43. package/dist/esm/Elevator/style/style.css +1 -1
  44. package/dist/esm/Elevator.js +12 -12
  45. package/dist/esm/Ellipsis/style/style.css +1 -1
  46. package/dist/esm/Empty/style/style.css +1 -1
  47. package/dist/esm/Empty.js +10 -31
  48. package/dist/esm/FixedNav/style/style.css +1 -1
  49. package/dist/esm/FixedNav.js +6 -6
  50. package/dist/esm/Form/style/style.css +1 -1
  51. package/dist/esm/FormItem/style/style.css +1 -1
  52. package/dist/esm/Grid/style/style.css +1 -1
  53. package/dist/esm/Grid.js +1 -1
  54. package/dist/esm/GridItem/style/style.css +1 -1
  55. package/dist/esm/Image/style/style.css +1 -1
  56. package/dist/esm/Image.js +2 -2
  57. package/dist/esm/ImagePreview/style/style.css +1 -1
  58. package/dist/esm/Indicator/style/style.css +1 -1
  59. package/dist/esm/InfiniteLoading/style/style.css +1 -1
  60. package/dist/esm/InfiniteLoading.js +6 -63
  61. package/dist/esm/Input/style/style.css +1 -1
  62. package/dist/esm/InputNumber/style/style.css +1 -1
  63. package/dist/esm/InputNumber.js +5 -5
  64. package/dist/esm/Loading/style/style.css +1 -1
  65. package/dist/esm/Menu/style/style.css +1 -1
  66. package/dist/esm/Menu.js +14 -7
  67. package/dist/esm/MenuItem/style/style.css +1 -1
  68. package/dist/esm/NavBar/style/style.css +1 -1
  69. package/dist/esm/NavBar.js +9 -10
  70. package/dist/esm/NoticeBar/style/style.css +1 -1
  71. package/dist/esm/NoticeBar.js +4 -4
  72. package/dist/esm/Notify/style/style.css +1 -1
  73. package/dist/esm/Notify.js +2 -2
  74. package/dist/esm/NumberKeyboard/style/style.css +1 -1
  75. package/dist/esm/NumberKeyboard.js +14 -14
  76. package/dist/esm/Overlay/style/style.css +1 -1
  77. package/dist/esm/Pagination/style/style.css +1 -1
  78. package/dist/esm/Pagination.js +8 -14
  79. package/dist/esm/Picker/style/style.css +1 -1
  80. package/dist/esm/Picker.js +5 -5
  81. package/dist/esm/Popover/style/style.css +1 -1
  82. package/dist/esm/Popover.js +6 -13
  83. package/dist/esm/Popup/style/style.css +1 -1
  84. package/dist/esm/Price/style/style.css +1 -1
  85. package/dist/esm/Price.js +5 -5
  86. package/dist/esm/Progress/style/style.css +1 -1
  87. package/dist/esm/Progress.js +1 -1
  88. package/dist/esm/PullToRefresh/style/style.css +1 -1
  89. package/dist/esm/PullToRefresh.js +2 -37
  90. package/dist/esm/Radio/style/style.css +1 -1
  91. package/dist/esm/RadioGroup/style/style.css +1 -1
  92. package/dist/esm/RadioGroup.js +1 -1
  93. package/dist/esm/Range/style/style.css +1 -1
  94. package/dist/esm/Rate/style/style.css +1 -1
  95. package/dist/esm/Rate.js +5 -5
  96. package/dist/esm/SearchBar/style/style.css +1 -1
  97. package/dist/esm/SearchBar.js +20 -20
  98. package/dist/esm/ShortPassword/style/style.css +1 -1
  99. package/dist/esm/ShortPassword.js +13 -13
  100. package/dist/esm/SideNavBar/style/style.css +1 -1
  101. package/dist/esm/SideNavBar.js +4 -4
  102. package/dist/esm/SideNavBarItem/style/style.css +1 -1
  103. package/dist/esm/SideNavBarItem.js +1 -1
  104. package/dist/esm/Signature/style/style.css +1 -1
  105. package/dist/esm/Signature.js +3 -3
  106. package/dist/esm/Skeleton/style/style.css +1 -1
  107. package/dist/esm/Skeleton.js +7 -7
  108. package/dist/esm/Step/style/style.css +1 -1
  109. package/dist/esm/Steps/style/style.css +1 -1
  110. package/dist/esm/Sticky/style/style.css +1 -1
  111. package/dist/esm/Sticky.js +1 -1
  112. package/dist/esm/SubSideNavBar/style/style.css +1 -1
  113. package/dist/esm/SubSideNavBar.js +6 -6
  114. package/dist/esm/Swipe/style/style.css +1 -1
  115. package/dist/esm/Swipe.js +2 -2
  116. package/dist/esm/Swiper/style/style.css +1 -1
  117. package/dist/esm/Swiper.js +3 -6
  118. package/dist/esm/Switch/style/style.css +1 -1
  119. package/dist/esm/Switch.js +3 -3
  120. package/dist/esm/TabPane/style/style.css +1 -1
  121. package/dist/esm/Tabbar/style/style.css +1 -1
  122. package/dist/esm/Tabbar.js +3 -3
  123. package/dist/esm/TabbarItem/style/style.css +1 -1
  124. package/dist/esm/Table/style/style.css +1 -1
  125. package/dist/esm/Table.js +11 -11
  126. package/dist/esm/Tabs/style/style.css +1 -1
  127. package/dist/esm/Tag/style/style.css +1 -1
  128. package/dist/esm/Tag.js +3 -3
  129. package/dist/esm/TextArea/style/style.css +1 -1
  130. package/dist/esm/TextArea.js +3 -3
  131. package/dist/esm/TimeDetail/style/style.css +1 -1
  132. package/dist/esm/TimeDetail.js +1 -1
  133. package/dist/esm/TimeSelect/style/style.css +1 -1
  134. package/dist/esm/TimeSelect.js +4 -3
  135. package/dist/esm/Toast/style/style.css +1 -1
  136. package/dist/esm/Toast.js +4 -4
  137. package/dist/esm/Tour/style/style.css +1 -1
  138. package/dist/esm/TrendArrow/style/style.css +1 -1
  139. package/dist/esm/TrendArrow.js +4 -4
  140. package/dist/esm/Uploader/style/style.css +1 -1
  141. package/dist/esm/Uploader.js +24 -22
  142. package/dist/esm/VirtualList/style/style.css +1 -1
  143. package/dist/esm/badge2.js +2 -2
  144. package/dist/esm/cascader2.js +6 -6
  145. package/dist/esm/checkbox2.js +10 -47
  146. package/dist/esm/collapseitem2.js +7 -7
  147. package/dist/esm/configprovider2.js +2 -2
  148. package/dist/esm/context5.js +1 -1
  149. package/dist/esm/formitem2.js +4 -4
  150. package/dist/esm/griditem2.js +2 -2
  151. package/dist/esm/indicator2.js +3 -3
  152. package/dist/esm/menuitem2.js +7 -7
  153. package/dist/esm/overlay2.js +1 -1
  154. package/dist/esm/popup2.js +20 -21
  155. package/dist/esm/radio2.js +5 -10
  156. package/dist/esm/tabbaritem2.js +1 -1
  157. package/dist/esm/tabs2.js +8 -8
  158. package/dist/esm/types/src/packages/button/button.d.ts +2 -3
  159. package/dist/esm/types/src/packages/button/button.taro.d.ts +2 -3
  160. package/dist/esm/types/src/packages/checkbox/checkbox.d.ts +0 -2
  161. package/dist/esm/types/src/packages/checkbox/checkbox.taro.d.ts +0 -2
  162. package/dist/esm/types/src/packages/configprovider/types.d.ts +1 -1
  163. package/dist/esm/types/src/packages/empty/demo.d.ts +1 -0
  164. package/dist/esm/types/src/packages/empty/demo.taro.d.ts +1 -0
  165. package/dist/esm/types/src/packages/empty/empty.d.ts +1 -5
  166. package/dist/esm/types/src/packages/empty/empty.taro.d.ts +1 -5
  167. package/dist/esm/types/src/packages/empty/index.d.ts +0 -1
  168. package/dist/esm/types/src/packages/empty/index.taro.d.ts +0 -1
  169. package/dist/esm/types/src/packages/indicator/demo.d.ts +1 -0
  170. package/dist/esm/types/src/packages/indicator/demo.taro.d.ts +1 -0
  171. package/dist/esm/types/src/packages/inputnumber/demo.d.ts +1 -0
  172. package/dist/esm/types/src/packages/inputnumber/demo.taro.d.ts +1 -0
  173. package/dist/esm/types/src/packages/navbar/navbar.d.ts +0 -1
  174. package/dist/esm/types/src/packages/navbar/navbar.taro.d.ts +0 -1
  175. package/dist/esm/types/src/packages/pagination/pagination.d.ts +1 -1
  176. package/dist/esm/types/src/packages/pagination/pagination.taro.d.ts +1 -1
  177. package/dist/esm/types/src/packages/popover/popover.d.ts +0 -4
  178. package/dist/esm/types/src/packages/popover/popover.taro.d.ts +0 -4
  179. package/dist/esm/types/src/packages/popup/popup.d.ts +0 -1
  180. package/dist/esm/types/src/packages/popup/popup.taro.d.ts +2 -3
  181. package/dist/esm/types/src/packages/searchbar/searchbar.d.ts +0 -1
  182. package/dist/esm/types/src/packages/searchbar/searchbar.taro.d.ts +0 -1
  183. package/dist/esm/types/src/packages/swipe/swipe.d.ts +6 -0
  184. package/dist/esm/types/src/packages/tabs/tabs.d.ts +1 -1
  185. package/dist/esm/types/src/packages/tabs/tabs.taro.d.ts +1 -1
  186. package/dist/esm/types/src/packages/virtuallist/utils.d.ts +1 -1
  187. package/dist/locales/base.js +1 -1
  188. package/dist/locales/en-US.js +1 -1
  189. package/dist/locales/id-ID.js +1 -1
  190. package/dist/locales/tr-TR.js +1 -1
  191. package/dist/locales/zh-CN.js +2 -2
  192. package/dist/locales/zh-TW.js +1 -1
  193. package/dist/locales/zh-UG.js +1 -1
  194. package/dist/nutui.react.es.js +1794 -3192
  195. package/dist/nutui.react.umd.js +1808 -3206
  196. package/dist/packages/actionsheet/actionsheet.scss +15 -15
  197. package/dist/packages/address/address.scss +4 -4
  198. package/dist/packages/animatingnumbers/countup.scss +6 -19
  199. package/dist/packages/audio/audio.scss +9 -17
  200. package/dist/packages/avatar/avatar.scss +1 -1
  201. package/dist/packages/avatarcropper/avatarcropper.scss +0 -4
  202. package/dist/packages/backtop/backtop.scss +3 -6
  203. package/dist/packages/badge/badge.scss +10 -12
  204. package/dist/packages/barrage/barrage.scss +6 -16
  205. package/dist/packages/button/button.scss +93 -163
  206. package/dist/packages/calendar/calendar.scss +12 -13
  207. package/dist/packages/calendarcard/calendarcard.scss +6 -6
  208. package/dist/packages/card/card.scss +13 -27
  209. package/dist/packages/cascader/cascader.scss +6 -6
  210. package/dist/packages/cell/cell.scss +3 -3
  211. package/dist/packages/cellgroup/cellgroup.scss +6 -6
  212. package/dist/packages/checkbox/checkbox.scss +21 -81
  213. package/dist/packages/checkboxgroup/checkboxgroup.scss +7 -17
  214. package/dist/packages/collapseitem/collapseitem.scss +10 -32
  215. package/dist/packages/dialog/dialog.scss +13 -13
  216. package/dist/packages/divider/divider.scss +7 -7
  217. package/dist/packages/elevator/elevator.scss +12 -13
  218. package/dist/packages/empty/empty.scss +6 -36
  219. package/dist/packages/fixednav/fixednav.scss +13 -26
  220. package/dist/packages/form/form.scss +4 -4
  221. package/dist/packages/formitem/formitem.scss +6 -6
  222. package/dist/packages/grid/grid.scss +1 -1
  223. package/dist/packages/griditem/griditem.scss +15 -16
  224. package/dist/packages/image/image.scss +2 -4
  225. package/dist/packages/imagepreview/imagepreview.scss +11 -1
  226. package/dist/packages/indicator/indicator.scss +9 -9
  227. package/dist/packages/infiniteloading/infiniteloading.scss +8 -23
  228. package/dist/packages/input/input.scss +2 -4
  229. package/dist/packages/inputnumber/inputnumber.scss +18 -21
  230. package/dist/packages/loading/loading.scss +3 -3
  231. package/dist/packages/menu/menu.scss +30 -22
  232. package/dist/packages/menuitem/menuitem.scss +56 -55
  233. package/dist/packages/navbar/navbar.scss +16 -52
  234. package/dist/packages/noticebar/noticebar.scss +11 -12
  235. package/dist/packages/notify/notify.scss +18 -10
  236. package/dist/packages/numberkeyboard/numberkeyboard.scss +17 -19
  237. package/dist/packages/pagination/pagination.scss +9 -32
  238. package/dist/packages/picker/picker.scss +19 -19
  239. package/dist/packages/popover/popover.scss +35 -51
  240. package/dist/packages/popup/popup.scss +213 -225
  241. package/dist/packages/price/price.scss +7 -18
  242. package/dist/packages/progress/progress.scss +1 -1
  243. package/dist/packages/pulltorefresh/pulltorefresh.scss +2 -9
  244. package/dist/packages/radio/radio.scss +40 -45
  245. package/dist/packages/radiogroup/radiogroup.scss +18 -18
  246. package/dist/packages/range/range.scss +2 -13
  247. package/dist/packages/rate/rate.scss +9 -8
  248. package/dist/packages/searchbar/searchbar.scss +42 -67
  249. package/dist/packages/shortpassword/shortpassword.scss +13 -13
  250. package/dist/packages/sidenavbar/sidenavbar.scss +8 -8
  251. package/dist/packages/sidenavbaritem/sidenavbaritem.scss +3 -3
  252. package/dist/packages/signature/signature.scss +2 -5
  253. package/dist/packages/skeleton/skeleton.scss +8 -8
  254. package/dist/packages/step/step.scss +32 -27
  255. package/dist/packages/sticky/sticky.scss +1 -1
  256. package/dist/packages/subsidenavbar/subsidenavbar.scss +5 -5
  257. package/dist/packages/swipe/swipe.scss +5 -8
  258. package/dist/packages/swiper/swiper.scss +4 -4
  259. package/dist/packages/switch/switch.scss +27 -38
  260. package/dist/packages/tabbar/tabbar.scss +4 -4
  261. package/dist/packages/tabbaritem/tabbaritem.scss +1 -8
  262. package/dist/packages/table/table.scss +27 -27
  263. package/dist/packages/tabpane/tabpane.scss +2 -2
  264. package/dist/packages/tabs/tabs.scss +137 -181
  265. package/dist/packages/tag/tag.scss +12 -12
  266. package/dist/packages/textarea/textarea.scss +6 -6
  267. package/dist/packages/timedetail/timedetail.scss +9 -8
  268. package/dist/packages/timeselect/timeselect.scss +21 -12
  269. package/dist/packages/toast/toast.scss +22 -37
  270. package/dist/packages/tour/tour.scss +3 -8
  271. package/dist/packages/trendarrow/trendarrow.scss +3 -8
  272. package/dist/packages/uploader/uploader.scss +37 -41
  273. package/dist/packages/virtuallist/virtuallist.scss +3 -13
  274. package/dist/packages/watermark/watermark.scss +0 -1
  275. package/dist/style.css +1 -1
  276. package/dist/style.mjs +1 -5
  277. package/dist/styles/theme-dark.scss +28 -17
  278. package/dist/styles/theme-default.scss +37 -15
  279. package/dist/styles/theme-jmapp.scss +40 -17
  280. package/dist/styles/variables-jmapp.scss +1169 -883
  281. package/dist/styles/variables.scss +982 -685
  282. package/dist/types/packages/animate/animate.d.ts +2 -2
  283. package/dist/types/packages/button/button.d.ts +2 -3
  284. package/dist/types/packages/checkbox/checkbox.d.ts +0 -2
  285. package/dist/types/packages/configprovider/types.d.ts +1 -1
  286. package/dist/types/packages/empty/empty.d.ts +1 -5
  287. package/dist/types/packages/empty/index.d.ts +0 -1
  288. package/dist/types/packages/navbar/navbar.d.ts +0 -1
  289. package/dist/types/packages/pagination/pagination.d.ts +1 -1
  290. package/dist/types/packages/popover/popover.d.ts +0 -4
  291. package/dist/types/packages/popup/popup.d.ts +2 -15
  292. package/dist/types/packages/searchbar/searchbar.d.ts +0 -5
  293. package/dist/types/packages/swipe/swipe.d.ts +6 -6
  294. package/dist/types/packages/swiper/swiper.d.ts +2 -2
  295. package/dist/types/packages/tabs/tabs.d.ts +2 -2
  296. package/package.json +2 -2
  297. package/dist/esm/button2.js +0 -88
  298. package/dist/esm/types/src/packages/empty/types.d.ts +0 -3
  299. package/dist/types/packages/empty/types.d.ts +0 -3
package/dist/packages/popover/popover.scss CHANGED
@@ -12,28 +12,28 @@
12
12
 
13
13
  &-top {
14
14
  bottom: 0;
15
- border-top-color: $popover-border-color;
15
+ border-top-color: $popover-white-background-color;
16
16
  border-bottom-width: 0;
17
17
  margin-bottom: -8px;
18
18
  }
19
19
 
20
20
  &-bottom {
21
21
  top: 0px;
22
- border-bottom-color: $popover-border-color;
22
+ border-bottom-color: $popover-white-background-color;
23
23
  border-top-width: 0;
24
24
  margin-top: -8px;
25
25
 
26
- &.nut-popover-arrow-bottom {
26
+ &.nut-popover-arrow--bottom {
27
27
  left: 50%;
28
28
  transform: translateX(-50%);
29
29
  }
30
30
 
31
- &.nut-popover-arrow-bottom-start {
31
+ &.nut-popover-arrow--bottom-start {
32
32
  left: 16px;
33
33
  transform: translateX(0%);
34
34
  }
35
35
 
36
- &.nut-popover-arrow-bottom-end {
36
+ &.nut-popover-arrow--bottom-end {
37
37
  right: 16px;
38
38
  transform: translateX(0%);
39
39
  }
@@ -41,21 +41,21 @@
41
41
 
42
42
  &-left {
43
43
  right: 0px;
44
- border-left-color: $popover-border-color;
44
+ border-left-color: $popover-white-background-color;
45
45
  border-right-width: 0;
46
46
  margin-right: -8px;
47
47
 
48
- &.nut-popover-arrow-left {
48
+ &.nut-popover-arrow--left {
49
49
  top: 50%;
50
50
  transform: translateY(-50%);
51
51
  }
52
52
 
53
- &.nut-popover-arrow-left-start {
53
+ &.nut-popover-arrow--left-start {
54
54
  top: 16px;
55
55
  transform: translateY(0%);
56
56
  }
57
57
 
58
- &.nut-popover-arrow-left-end {
58
+ &.nut-popover-arrow--left-end {
59
59
  bottom: 16px;
60
60
  transform: translateY(0%);
61
61
  }
@@ -63,21 +63,21 @@
63
63
 
64
64
  &-right {
65
65
  left: 0px;
66
- border-right-color: $popover-border-color;
66
+ border-right-color: $popover-white-background-color;
67
67
  border-left-width: 0;
68
68
  margin-left: -8px;
69
69
 
70
- &.nut-popover-arrow-right {
70
+ &.nut-popover-arrow--right {
71
71
  top: 50%;
72
72
  transform: translateY(-50%);
73
73
  }
74
74
 
75
- &.nut-popover-arrow-right-start {
75
+ &.nut-popover-arrow--right-start {
76
76
  top: 16px;
77
77
  transform: translateY(0%);
78
78
  }
79
79
 
80
- &.nut-popover-arrow-right-end {
80
+ &.nut-popover-arrow--right-end {
81
81
  bottom: 16px;
82
82
  transform: translateY(0%);
83
83
  }
@@ -91,7 +91,7 @@
91
91
  font-size: $popover-font-size;
92
92
  font-family: PingFangSC;
93
93
  font-weight: normal;
94
- color: $popover-text-color;
94
+ color: $popover-primary-text-color;
95
95
  box-shadow: 0 2px 12px #3232331f;
96
96
  max-height: initial;
97
97
  overflow-y: initial;
@@ -103,18 +103,22 @@
103
103
  }
104
104
 
105
105
  .nut-popover-menu-item {
106
- position: relative;
107
106
  display: flex;
108
107
  align-items: center;
109
- justify-content: center;
110
108
  padding: $popover-menu-item-padding;
111
- border-bottom: 1px solid $popover-divider-color;
109
+ border-bottom: 1px solid $popover-border-bottom-color;
112
110
 
113
111
  &:last-child {
114
112
  margin-bottom: 2px;
115
113
  border-bottom: none;
116
114
  }
117
115
 
116
+ &:hover {
117
+ cursor: pointer;
118
+ color: $popover-menu-item-hover-text-color;
119
+ background-color: $popover-menu-item-hover-background-color;
120
+ }
121
+
118
122
  &:hover:nth-of-type(2) {
119
123
  border-radius: 8px 8px 0px 0px;
120
124
  }
@@ -123,31 +127,9 @@
123
127
  border-radius: 0px 0px 8px 8px;
124
128
  }
125
129
 
126
- &-icon {
127
- display: flex;
128
- justify-content: center;
129
- align-items: center;
130
- width: 12px;
131
- height: 12px;
132
- font-size: 12px;
133
- }
134
-
135
- &-name {
130
+ .nut-popover-menu-item-name {
136
131
  width: 100%;
137
132
  word-break: keep-all;
138
- margin-left: 4px;
139
- }
140
-
141
- &-action-icon {
142
- position: absolute;
143
- right: $popover-menu-item-padding;
144
- display: flex;
145
- justify-content: center;
146
- align-items: center;
147
- width: 12px;
148
- height: 12px;
149
- font-size: 12px;
150
- color: $color-text;
151
133
  }
152
134
 
153
135
  &.nut-popover-menu-disabled {
@@ -160,46 +142,48 @@
160
142
  }
161
143
  }
162
144
 
163
- &-top {
164
- .nut-popover-arrow-top {
145
+ &--top {
146
+ .nut-popover-arrow--top {
165
147
  left: 50%;
166
148
  transform: translateX(-50%);
167
149
  }
168
150
  }
169
151
 
170
- &-top-end {
171
- .nut-popover-arrow-top-end {
152
+ &--top-end {
153
+ .nut-popover-arrow--top-end {
172
154
  right: 16px;
173
155
  transform: translateX(0%);
174
156
  }
157
+
175
158
  right: 0;
176
159
  }
177
160
 
178
- &-top-start {
161
+ &--top-start {
179
162
  left: 0;
180
- .nut-popover-arrow-top-start {
163
+
164
+ .nut-popover-arrow--top-start {
181
165
  left: 16px;
182
166
  transform: translateX(0%);
183
167
  }
184
168
  }
185
169
 
186
- &-bottom-end {
170
+ &--bottom-end {
187
171
  right: 0;
188
172
  }
189
173
 
190
- &-left-end {
174
+ &--left-end {
191
175
  bottom: 0;
192
176
  }
193
177
 
194
- &-left-start {
178
+ &--left-start {
195
179
  top: 0;
196
180
  }
197
181
 
198
- &-right-end {
182
+ &--right-end {
199
183
  bottom: 0;
200
184
  }
201
185
 
202
- &-right-start {
186
+ &--right-start {
203
187
  top: 0;
204
188
  }
205
189
  }