rsuite 5.10.0 → 5.13.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 (170) hide show
  1. package/ButtonToolbar/styles/index.less +1 -1
  2. package/CHANGELOG.md +28 -0
  3. package/Nav/styles/index.less +7 -1
  4. package/Navbar/styles/index.less +6 -1
  5. package/README.md +4 -0
  6. package/Sidenav/styles/index.less +7 -5
  7. package/cjs/Cascader/DropdownMenu.js +8 -3
  8. package/cjs/DateRangePicker/DateRangePicker.d.ts +2 -0
  9. package/cjs/DateRangePicker/DateRangePicker.js +4 -2
  10. package/cjs/Disclosure/Disclosure.d.ts +1 -1
  11. package/cjs/Disclosure/DisclosureContext.d.ts +1 -1
  12. package/cjs/Dropdown/Dropdown.js +26 -110
  13. package/cjs/Dropdown/DropdownItem.js +14 -58
  14. package/cjs/Dropdown/DropdownMenu.js +32 -76
  15. package/cjs/Dropdown/DropdownToggle.js +4 -17
  16. package/cjs/Form/Form.js +21 -7
  17. package/cjs/Form/FormContext.d.ts +18 -13
  18. package/cjs/Form/useSchemaModel.d.ts +9 -0
  19. package/cjs/Form/useSchemaModel.js +46 -0
  20. package/cjs/FormControl/FormControl.d.ts +3 -0
  21. package/cjs/FormControl/FormControl.js +9 -2
  22. package/cjs/FormControl/useRegisterModel.d.ts +4 -0
  23. package/cjs/FormControl/useRegisterModel.js +20 -0
  24. package/cjs/Menu/Menu.d.ts +1 -0
  25. package/cjs/Menu/Menu.js +1 -0
  26. package/cjs/Menu/MenuItem.d.ts +1 -0
  27. package/cjs/Menu/MenuItem.js +1 -0
  28. package/cjs/Menu/Menubar.d.ts +3 -0
  29. package/cjs/Menu/Menubar.js +14 -3
  30. package/cjs/Nav/Nav.d.ts +7 -2
  31. package/cjs/Nav/Nav.js +105 -5
  32. package/cjs/Nav/NavContext.d.ts +2 -8
  33. package/cjs/Nav/NavContext.js +1 -7
  34. package/cjs/Nav/NavDropdown.d.ts +71 -0
  35. package/cjs/Nav/NavDropdown.js +193 -0
  36. package/cjs/Nav/NavDropdownItem.d.ts +39 -0
  37. package/cjs/Nav/NavDropdownItem.js +141 -0
  38. package/cjs/Nav/NavDropdownMenu.d.ts +26 -0
  39. package/cjs/Nav/NavDropdownMenu.js +156 -0
  40. package/cjs/Nav/NavDropdownToggle.d.ts +21 -0
  41. package/cjs/Nav/NavDropdownToggle.js +74 -0
  42. package/cjs/Nav/NavItem.d.ts +2 -0
  43. package/cjs/Nav/NavItem.js +13 -26
  44. package/cjs/Nav/NavMenu.d.ts +38 -0
  45. package/cjs/Nav/NavMenu.js +122 -0
  46. package/cjs/Navbar/NavbarDropdown.d.ts +57 -0
  47. package/cjs/Navbar/NavbarDropdown.js +147 -0
  48. package/cjs/Navbar/NavbarDropdownItem.d.ts +41 -0
  49. package/cjs/Navbar/NavbarDropdownItem.js +149 -0
  50. package/cjs/Navbar/NavbarDropdownMenu.d.ts +37 -0
  51. package/cjs/Navbar/NavbarDropdownMenu.js +155 -0
  52. package/cjs/Navbar/NavbarDropdownToggle.d.ts +19 -0
  53. package/cjs/Navbar/NavbarDropdownToggle.js +72 -0
  54. package/cjs/Navbar/NavbarItem.d.ts +5 -2
  55. package/cjs/Navbar/NavbarItem.js +10 -4
  56. package/cjs/Picker/utils.js +22 -15
  57. package/cjs/Sidenav/ExpandedSidenavDropdown.d.ts +43 -0
  58. package/cjs/Sidenav/ExpandedSidenavDropdown.js +166 -0
  59. package/cjs/Sidenav/ExpandedSidenavDropdownItem.d.ts +31 -0
  60. package/cjs/Sidenav/ExpandedSidenavDropdownItem.js +141 -0
  61. package/cjs/Sidenav/ExpandedSidenavDropdownMenu.d.ts +26 -0
  62. package/cjs/Sidenav/ExpandedSidenavDropdownMenu.js +145 -0
  63. package/cjs/Sidenav/Sidenav.d.ts +8 -2
  64. package/cjs/Sidenav/Sidenav.js +1 -2
  65. package/cjs/Sidenav/SidenavDropdown.d.ts +30 -8
  66. package/cjs/Sidenav/SidenavDropdown.js +144 -73
  67. package/cjs/Sidenav/SidenavDropdownItem.d.ts +22 -5
  68. package/cjs/Sidenav/SidenavDropdownItem.js +88 -72
  69. package/cjs/Sidenav/SidenavDropdownMenu.d.ts +26 -16
  70. package/cjs/Sidenav/SidenavDropdownMenu.js +122 -90
  71. package/cjs/Sidenav/SidenavDropdownToggle.d.ts +19 -0
  72. package/cjs/Sidenav/SidenavDropdownToggle.js +72 -0
  73. package/cjs/Sidenav/SidenavItem.d.ts +3 -0
  74. package/cjs/Sidenav/SidenavItem.js +22 -14
  75. package/cjs/utils/deprecateComponent.js +4 -6
  76. package/cjs/utils/deprecatePropType.d.ts +1 -5
  77. package/cjs/utils/deprecatePropType.js +7 -14
  78. package/cjs/utils/dom.d.ts +1 -1
  79. package/cjs/utils/useInternalId.d.ts +1 -1
  80. package/cjs/utils/useInternalId.js +2 -2
  81. package/cjs/utils/warnOnce.d.ts +9 -0
  82. package/cjs/utils/warnOnce.js +22 -0
  83. package/dist/rsuite-rtl.css +19 -10
  84. package/dist/rsuite-rtl.min.css +1 -1
  85. package/dist/rsuite-rtl.min.css.map +1 -1
  86. package/dist/rsuite.css +19 -10
  87. package/dist/rsuite.js +300 -25
  88. package/dist/rsuite.js.map +1 -1
  89. package/dist/rsuite.min.css +1 -1
  90. package/dist/rsuite.min.css.map +1 -1
  91. package/dist/rsuite.min.js +1 -1
  92. package/dist/rsuite.min.js.map +1 -1
  93. package/esm/Cascader/DropdownMenu.js +8 -3
  94. package/esm/DateRangePicker/DateRangePicker.d.ts +2 -0
  95. package/esm/DateRangePicker/DateRangePicker.js +4 -2
  96. package/esm/Disclosure/Disclosure.d.ts +1 -1
  97. package/esm/Disclosure/DisclosureContext.d.ts +1 -1
  98. package/esm/Dropdown/Dropdown.js +25 -105
  99. package/esm/Dropdown/DropdownItem.js +13 -55
  100. package/esm/Dropdown/DropdownMenu.js +31 -76
  101. package/esm/Dropdown/DropdownToggle.js +4 -14
  102. package/esm/Form/Form.js +19 -7
  103. package/esm/Form/FormContext.d.ts +18 -13
  104. package/esm/Form/useSchemaModel.d.ts +9 -0
  105. package/esm/Form/useSchemaModel.js +39 -0
  106. package/esm/FormControl/FormControl.d.ts +3 -0
  107. package/esm/FormControl/FormControl.js +9 -6
  108. package/esm/FormControl/useRegisterModel.d.ts +4 -0
  109. package/esm/FormControl/useRegisterModel.js +14 -0
  110. package/esm/Menu/Menu.d.ts +1 -0
  111. package/esm/Menu/Menu.js +1 -0
  112. package/esm/Menu/MenuItem.d.ts +1 -0
  113. package/esm/Menu/MenuItem.js +1 -0
  114. package/esm/Menu/Menubar.d.ts +3 -0
  115. package/esm/Menu/Menubar.js +13 -3
  116. package/esm/Nav/Nav.d.ts +7 -2
  117. package/esm/Nav/Nav.js +96 -5
  118. package/esm/Nav/NavContext.d.ts +2 -8
  119. package/esm/Nav/NavContext.js +1 -6
  120. package/esm/Nav/NavDropdown.d.ts +71 -0
  121. package/esm/Nav/NavDropdown.js +170 -0
  122. package/esm/Nav/NavDropdownItem.d.ts +39 -0
  123. package/esm/Nav/NavDropdownItem.js +123 -0
  124. package/esm/Nav/NavDropdownMenu.d.ts +26 -0
  125. package/esm/Nav/NavDropdownMenu.js +138 -0
  126. package/esm/Nav/NavDropdownToggle.d.ts +21 -0
  127. package/esm/Nav/NavDropdownToggle.js +57 -0
  128. package/esm/Nav/NavItem.d.ts +2 -0
  129. package/esm/Nav/NavItem.js +13 -21
  130. package/esm/Nav/NavMenu.d.ts +38 -0
  131. package/esm/Nav/NavMenu.js +98 -0
  132. package/esm/Navbar/NavbarDropdown.d.ts +57 -0
  133. package/esm/Navbar/NavbarDropdown.js +124 -0
  134. package/esm/Navbar/NavbarDropdownItem.d.ts +41 -0
  135. package/esm/Navbar/NavbarDropdownItem.js +128 -0
  136. package/esm/Navbar/NavbarDropdownMenu.d.ts +37 -0
  137. package/esm/Navbar/NavbarDropdownMenu.js +135 -0
  138. package/esm/Navbar/NavbarDropdownToggle.d.ts +19 -0
  139. package/esm/Navbar/NavbarDropdownToggle.js +55 -0
  140. package/esm/Navbar/NavbarItem.d.ts +5 -2
  141. package/esm/Navbar/NavbarItem.js +11 -4
  142. package/esm/Picker/utils.js +22 -14
  143. package/esm/Sidenav/ExpandedSidenavDropdown.d.ts +43 -0
  144. package/esm/Sidenav/ExpandedSidenavDropdown.js +140 -0
  145. package/esm/Sidenav/ExpandedSidenavDropdownItem.d.ts +31 -0
  146. package/esm/Sidenav/ExpandedSidenavDropdownItem.js +120 -0
  147. package/esm/Sidenav/ExpandedSidenavDropdownMenu.d.ts +26 -0
  148. package/esm/Sidenav/ExpandedSidenavDropdownMenu.js +121 -0
  149. package/esm/Sidenav/Sidenav.d.ts +8 -2
  150. package/esm/Sidenav/Sidenav.js +1 -2
  151. package/esm/Sidenav/SidenavDropdown.d.ts +30 -8
  152. package/esm/Sidenav/SidenavDropdown.js +145 -75
  153. package/esm/Sidenav/SidenavDropdownItem.d.ts +22 -5
  154. package/esm/Sidenav/SidenavDropdownItem.js +87 -71
  155. package/esm/Sidenav/SidenavDropdownMenu.d.ts +26 -16
  156. package/esm/Sidenav/SidenavDropdownMenu.js +122 -86
  157. package/esm/Sidenav/SidenavDropdownToggle.d.ts +19 -0
  158. package/esm/Sidenav/SidenavDropdownToggle.js +55 -0
  159. package/esm/Sidenav/SidenavItem.d.ts +3 -0
  160. package/esm/Sidenav/SidenavItem.js +23 -15
  161. package/esm/utils/deprecateComponent.js +3 -4
  162. package/esm/utils/deprecatePropType.d.ts +1 -5
  163. package/esm/utils/deprecatePropType.js +3 -13
  164. package/esm/utils/dom.d.ts +1 -1
  165. package/esm/utils/useInternalId.d.ts +1 -1
  166. package/esm/utils/useInternalId.js +2 -2
  167. package/esm/utils/warnOnce.d.ts +9 -0
  168. package/esm/utils/warnOnce.js +18 -0
  169. package/package.json +1 -1
  170. package/styles/variables.less +1 -0
package/dist/rsuite.css CHANGED
@@ -2782,7 +2782,7 @@ tbody.rs-anim-collapse.rs-anim-in {
2782
2782
  line-height: 0;
2783
2783
  }
2784
2784
  .rs-btn-toolbar > :not(:first-child):not(.rs-btn-block) {
2785
- margin-left: 5px;
2785
+ margin-left: 10px;
2786
2786
  }
2787
2787
  .rs-picker-subtle .picker-subtle-toggle {
2788
2788
  position: relative;
@@ -8982,9 +8982,14 @@ textarea.rs-picker-search-input {
8982
8982
  .rs-theme-high-contrast .rs-nav-item.rs-nav-item-active {
8983
8983
  text-decoration: underline;
8984
8984
  }
8985
- .rs-nav-item > .rs-icon {
8985
+ .rs-nav-item-icon {
8986
8986
  margin-right: 6px;
8987
8987
  }
8988
+ .rs-nav-item-caret {
8989
+ font-size: 16px;
8990
+ vertical-align: text-bottom;
8991
+ margin-left: 6px;
8992
+ }
8988
8993
  .rs-nav-horizontal {
8989
8994
  white-space: nowrap;
8990
8995
  }
@@ -9216,10 +9221,14 @@ textarea.rs-picker-search-input {
9216
9221
  -ms-flex-align: center;
9217
9222
  align-items: center;
9218
9223
  }
9219
- .rs-navbar-item > .rs-icon {
9224
+ .rs-navbar-item-icon {
9220
9225
  font-size: 16px;
9221
9226
  margin-right: 5px;
9222
9227
  }
9228
+ .rs-navbar-item-caret {
9229
+ font-size: 16px;
9230
+ margin-left: 6px;
9231
+ }
9223
9232
  .rs-navbar-brand,
9224
9233
  .rs-navbar-item,
9225
9234
  .rs-navbar-nav > .rs-dropdown-item,
@@ -12554,11 +12563,10 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
12554
12563
  outline-offset: 2px;
12555
12564
  }
12556
12565
  .rs-sidenav-nav > .rs-dropdown .rs-dropdown-item-toggle-icon {
12566
+ font-size: 16px;
12557
12567
  position: absolute;
12558
12568
  right: 20px;
12559
12569
  top: 11px;
12560
- width: auto;
12561
- height: 20px;
12562
12570
  -webkit-transform: rotate(90deg);
12563
12571
  transform: rotate(90deg);
12564
12572
  }
@@ -12602,6 +12610,7 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
12602
12610
  padding-right: 40px;
12603
12611
  }
12604
12612
  .rs-sidenav-nav > .rs-dropdown .rs-dropdown-toggle .rs-dropdown-toggle-caret {
12613
+ font-size: 16px;
12605
12614
  right: 20px;
12606
12615
  top: 15px;
12607
12616
  }
@@ -12923,7 +12932,7 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
12923
12932
  }
12924
12933
  .rs-sidenav-default .rs-sidenav-item.rs-sidenav-item-active,
12925
12934
  .rs-sidenav-default .rs-dropdown-item.rs-dropdown-item-active,
12926
- .rs-sidenav-default .rs-dropdown.rs-dropdown-selected-within .rs-dropdown-toggle-icon {
12935
+ .rs-sidenav-default .rs-dropdown.rs-dropdown-selected-within .rs-sidenav-item-icon {
12927
12936
  color: #1675e0;
12928
12937
  color: var(--rs-sidenav-default-selected-text);
12929
12938
  }
@@ -12975,9 +12984,9 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
12975
12984
  .rs-theme-high-contrast .rs-sidenav-default.rs-sidenav-collapsing .rs-dropdown-menu > .rs-dropdown-item.rs-dropdown-item-active {
12976
12985
  text-decoration: underline;
12977
12986
  }
12978
- .rs-sidenav-default.rs-sidenav-collapse-in .rs-dropdown.rs-dropdown-selected-within .rs-dropdown-toggle-icon,
12979
- .rs-sidenav-default.rs-sidenav-collapsing .rs-dropdown.rs-dropdown-selected-within .rs-dropdown-toggle-icon,
12980
- .rs-sidenav-default.rs-sidenav-collapse-out .rs-dropdown.rs-dropdown-selected-within .rs-dropdown-toggle-icon {
12987
+ .rs-sidenav-default.rs-sidenav-collapse-in .rs-dropdown.rs-dropdown-selected-within .rs-sidenav-item-icon,
12988
+ .rs-sidenav-default.rs-sidenav-collapsing .rs-dropdown.rs-dropdown-selected-within .rs-sidenav-item-icon,
12989
+ .rs-sidenav-default.rs-sidenav-collapse-out .rs-dropdown.rs-dropdown-selected-within .rs-sidenav-item-icon {
12981
12990
  color: #1675e0;
12982
12991
  color: var(--rs-sidenav-default-selected-text);
12983
12992
  }
@@ -13068,7 +13077,7 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
13068
13077
  }
13069
13078
  .rs-sidenav-subtle .rs-sidenav-item.rs-sidenav-item-active,
13070
13079
  .rs-sidenav-subtle .rs-dropdown-item.rs-dropdown-item-active,
13071
- .rs-sidenav-subtle .rs-dropdown.rs-dropdown-selected-within .rs-dropdown-toggle {
13080
+ .rs-sidenav-subtle .rs-dropdown.rs-dropdown-selected-within .rs-sidenav-item-icon {
13072
13081
  color: #1675e0;
13073
13082
  color: var(--rs-sidenav-subtle-selected-text);
13074
13083
  }