rsuite 5.4.1 → 5.4.2
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.
- package/CHANGELOG.md +8 -0
- package/Modal/styles/index.less +23 -22
- package/Navbar/styles/index.less +12 -5
- package/cjs/Affix/Affix.js +3 -1
- package/cjs/Disclosure/Disclosure.d.ts +8 -5
- package/cjs/Disclosure/Disclosure.js +49 -9
- package/cjs/Disclosure/DisclosureButton.d.ts +2 -2
- package/cjs/Disclosure/DisclosureContext.d.ts +6 -1
- package/cjs/Dropdown/Dropdown.js +1 -1
- package/cjs/Dropdown/DropdownItem.js +9 -10
- package/cjs/Dropdown/DropdownMenu.js +72 -17
- package/cjs/Modal/Modal.js +34 -22
- package/cjs/Navbar/index.d.ts +1 -0
- package/cjs/Navbar/index.js +4 -3
- package/cjs/Overlay/Modal.js +10 -27
- package/cjs/utils/index.d.ts +1 -0
- package/cjs/utils/index.js +7 -2
- package/cjs/utils/useMount.d.ts +2 -0
- package/cjs/utils/useMount.js +19 -0
- package/dist/rsuite-rtl.css +32 -20
- package/dist/rsuite-rtl.min.css +1 -1
- package/dist/rsuite-rtl.min.css.map +1 -1
- package/dist/rsuite.css +32 -20
- package/dist/rsuite.js +31 -9
- package/dist/rsuite.js.map +1 -1
- package/dist/rsuite.min.css +1 -1
- package/dist/rsuite.min.css.map +1 -1
- package/dist/rsuite.min.js +1 -1
- package/dist/rsuite.min.js.map +1 -1
- package/esm/Affix/Affix.js +4 -2
- package/esm/Disclosure/Disclosure.d.ts +8 -5
- package/esm/Disclosure/Disclosure.js +50 -11
- package/esm/Disclosure/DisclosureButton.d.ts +2 -2
- package/esm/Disclosure/DisclosureContext.d.ts +6 -1
- package/esm/Dropdown/Dropdown.js +1 -1
- package/esm/Dropdown/DropdownItem.js +9 -9
- package/esm/Dropdown/DropdownMenu.js +72 -17
- package/esm/Modal/Modal.js +36 -24
- package/esm/Navbar/index.d.ts +1 -0
- package/esm/Navbar/index.js +1 -0
- package/esm/Overlay/Modal.js +10 -27
- package/esm/utils/index.d.ts +1 -0
- package/esm/utils/index.js +2 -1
- package/esm/utils/useMount.d.ts +2 -0
- package/esm/utils/useMount.js +13 -0
- package/package.json +1 -1
package/dist/rsuite.css
CHANGED
|
@@ -8675,6 +8675,24 @@ textarea.rs-picker-search-input {
|
|
|
8675
8675
|
.rs-theme-high-contrast .rs-message-error {
|
|
8676
8676
|
border: 1px solid var(--rs-message-error-border);
|
|
8677
8677
|
}
|
|
8678
|
+
.rs-modal-backdrop {
|
|
8679
|
+
position: fixed;
|
|
8680
|
+
top: 0;
|
|
8681
|
+
left: 0;
|
|
8682
|
+
width: 100vw;
|
|
8683
|
+
height: 100vh;
|
|
8684
|
+
z-index: 1049;
|
|
8685
|
+
background-color: rgba(39, 44, 54, 0.3);
|
|
8686
|
+
background-color: var(--rs-bg-backdrop);
|
|
8687
|
+
}
|
|
8688
|
+
.rs-modal-backdrop.rs-anim-fade {
|
|
8689
|
+
opacity: 0;
|
|
8690
|
+
-webkit-transition: opacity 0.3s ease-in;
|
|
8691
|
+
transition: opacity 0.3s ease-in;
|
|
8692
|
+
}
|
|
8693
|
+
.rs-modal-backdrop.rs-anim-in {
|
|
8694
|
+
opacity: 1;
|
|
8695
|
+
}
|
|
8678
8696
|
.rs-modal-open {
|
|
8679
8697
|
overflow: hidden;
|
|
8680
8698
|
}
|
|
@@ -8683,9 +8701,9 @@ textarea.rs-picker-search-input {
|
|
|
8683
8701
|
overflow: auto;
|
|
8684
8702
|
z-index: 1050;
|
|
8685
8703
|
top: 0;
|
|
8686
|
-
bottom: 0;
|
|
8687
|
-
right: 0;
|
|
8688
8704
|
left: 0;
|
|
8705
|
+
width: 100%;
|
|
8706
|
+
height: 100%;
|
|
8689
8707
|
}
|
|
8690
8708
|
.rs-modal {
|
|
8691
8709
|
display: none;
|
|
@@ -8729,23 +8747,6 @@ textarea.rs-picker-search-input {
|
|
|
8729
8747
|
box-shadow: var(--rs-modal-shadow);
|
|
8730
8748
|
padding: 20px;
|
|
8731
8749
|
}
|
|
8732
|
-
.rs-modal-backdrop {
|
|
8733
|
-
position: fixed;
|
|
8734
|
-
top: 0;
|
|
8735
|
-
right: 0;
|
|
8736
|
-
bottom: 0;
|
|
8737
|
-
left: 0;
|
|
8738
|
-
background-color: rgba(39, 44, 54, 0.3);
|
|
8739
|
-
background-color: var(--rs-bg-backdrop);
|
|
8740
|
-
}
|
|
8741
|
-
.rs-modal-backdrop.rs-anim-fade {
|
|
8742
|
-
opacity: 0;
|
|
8743
|
-
-webkit-transition: opacity 0.3s ease-in;
|
|
8744
|
-
transition: opacity 0.3s ease-in;
|
|
8745
|
-
}
|
|
8746
|
-
.rs-modal-backdrop.rs-anim-in {
|
|
8747
|
-
opacity: 1;
|
|
8748
|
-
}
|
|
8749
8750
|
.rs-modal-header {
|
|
8750
8751
|
padding-right: 20px;
|
|
8751
8752
|
}
|
|
@@ -9189,6 +9190,9 @@ textarea.rs-picker-search-input {
|
|
|
9189
9190
|
.rs-navbar-nav > .rs-dropdown .rs-dropdown-toggle {
|
|
9190
9191
|
margin: 0 !important;
|
|
9191
9192
|
}
|
|
9193
|
+
.rs-theme-high-contrast .rs-navbar-item.rs-navbar-item-active {
|
|
9194
|
+
text-decoration: underline;
|
|
9195
|
+
}
|
|
9192
9196
|
.rs-navbar-nav > .rs-dropdown .rs-dropdown-toggle {
|
|
9193
9197
|
padding-right: 36px;
|
|
9194
9198
|
}
|
|
@@ -9203,8 +9207,16 @@ textarea.rs-picker-search-input {
|
|
|
9203
9207
|
top: 18px;
|
|
9204
9208
|
right: 16px;
|
|
9205
9209
|
}
|
|
9206
|
-
.rs-
|
|
9210
|
+
.rs-navbar .rs-dropdown-item:hover {
|
|
9211
|
+
background-color: rgba(204, 233, 255, 0.5);
|
|
9212
|
+
background-color: var(--rs-menuitem-active-bg);
|
|
9213
|
+
color: #1675e0;
|
|
9214
|
+
color: var(--rs-menuitem-active-text);
|
|
9215
|
+
}
|
|
9216
|
+
.rs-theme-high-contrast .rs-navbar .rs-dropdown-item:hover {
|
|
9207
9217
|
text-decoration: underline;
|
|
9218
|
+
-webkit-box-shadow: inset 0 0 0 2px #fff;
|
|
9219
|
+
box-shadow: inset 0 0 0 2px #fff;
|
|
9208
9220
|
}
|
|
9209
9221
|
.rs-navbar-default {
|
|
9210
9222
|
background-color: #f7f7fa;
|