rsuite 5.67.0 → 5.68.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 (73) hide show
  1. package/CHANGELOG.md +17 -0
  2. package/Nav/styles/index.css +68 -0
  3. package/Nav/styles/index.less +37 -0
  4. package/Tabs/styles/index.css +68 -3
  5. package/Tabs/styles/index.less +0 -4
  6. package/cjs/DateInput/DateInput.js +18 -2
  7. package/cjs/DateInput/hooks/useDateInputState.d.ts +1 -0
  8. package/cjs/DateInput/hooks/useDateInputState.js +10 -9
  9. package/cjs/DateInput/hooks/useKeyboardInputEvent.js +5 -0
  10. package/cjs/DateRangeInput/DateRangeInput.js +24 -2
  11. package/cjs/Form/Form.js +4 -10
  12. package/cjs/Form/FormContext.d.ts +2 -4
  13. package/cjs/Form/hooks/useFormValidate.d.ts +2 -2
  14. package/cjs/Form/hooks/useFormValidate.js +99 -35
  15. package/cjs/FormControl/FormControl.js +6 -22
  16. package/cjs/Nav/AdaptiveNavItem.d.ts +1 -1
  17. package/cjs/Nav/Nav.d.ts +28 -9
  18. package/cjs/Nav/Nav.js +1 -1
  19. package/cjs/Nav/NavContext.d.ts +2 -2
  20. package/cjs/Nav/NavItem.d.ts +1 -1
  21. package/cjs/Navbar/NavbarItem.d.ts +1 -1
  22. package/cjs/Sidenav/Sidenav.d.ts +3 -3
  23. package/cjs/Tabs/Tabs.d.ts +20 -17
  24. package/cjs/Tabs/Tabs.js +5 -1
  25. package/cjs/internals/Overlay/OverlayTrigger.d.ts +2 -2
  26. package/cjs/internals/Overlay/OverlayTrigger.js +17 -8
  27. package/cjs/internals/utils/BrowserDetection.js +6 -0
  28. package/cjs/internals/utils/ReactChildren.d.ts +6 -0
  29. package/cjs/internals/utils/ReactChildren.js +1 -0
  30. package/dist/rsuite-no-reset-rtl.css +65 -3
  31. package/dist/rsuite-no-reset-rtl.min.css +1 -1
  32. package/dist/rsuite-no-reset-rtl.min.css.map +1 -1
  33. package/dist/rsuite-no-reset.css +65 -3
  34. package/dist/rsuite-no-reset.min.css +1 -1
  35. package/dist/rsuite-no-reset.min.css.map +1 -1
  36. package/dist/rsuite-rtl.css +65 -3
  37. package/dist/rsuite-rtl.min.css +1 -1
  38. package/dist/rsuite-rtl.min.css.map +1 -1
  39. package/dist/rsuite.css +65 -3
  40. package/dist/rsuite.js +12 -12
  41. package/dist/rsuite.min.css +1 -1
  42. package/dist/rsuite.min.css.map +1 -1
  43. package/dist/rsuite.min.js +1 -1
  44. package/dist/rsuite.min.js.map +1 -1
  45. package/esm/DateInput/DateInput.js +18 -2
  46. package/esm/DateInput/hooks/useDateInputState.d.ts +1 -0
  47. package/esm/DateInput/hooks/useDateInputState.js +11 -10
  48. package/esm/DateInput/hooks/useKeyboardInputEvent.js +5 -0
  49. package/esm/DateRangeInput/DateRangeInput.js +24 -2
  50. package/esm/Form/Form.js +4 -10
  51. package/esm/Form/FormContext.d.ts +2 -4
  52. package/esm/Form/hooks/useFormValidate.d.ts +2 -2
  53. package/esm/Form/hooks/useFormValidate.js +98 -34
  54. package/esm/FormControl/FormControl.js +6 -22
  55. package/esm/Nav/AdaptiveNavItem.d.ts +1 -1
  56. package/esm/Nav/Nav.d.ts +28 -9
  57. package/esm/Nav/Nav.js +1 -1
  58. package/esm/Nav/NavContext.d.ts +2 -2
  59. package/esm/Nav/NavItem.d.ts +1 -1
  60. package/esm/Navbar/NavbarItem.d.ts +1 -1
  61. package/esm/Sidenav/Sidenav.d.ts +3 -3
  62. package/esm/Tabs/Tabs.d.ts +20 -17
  63. package/esm/Tabs/Tabs.js +6 -1
  64. package/esm/internals/Overlay/OverlayTrigger.d.ts +2 -2
  65. package/esm/internals/Overlay/OverlayTrigger.js +18 -9
  66. package/esm/internals/utils/BrowserDetection.js +6 -0
  67. package/esm/internals/utils/ReactChildren.d.ts +6 -0
  68. package/esm/internals/utils/ReactChildren.js +1 -1
  69. package/package.json +1 -1
  70. package/styles/color-modes/dark.less +7 -0
  71. package/styles/color-modes/high-contrast.less +7 -0
  72. package/styles/color-modes/light.less +8 -0
  73. package/styles/plugins/palette.js +34 -6
package/dist/rsuite-no-reset-rtl.css CHANGED
@@ -237,6 +237,12 @@
237
237
  --rs-navs-tab-border: var(--rs-gray-300);
238
238
  --rs-navs-subtle-border: var(--rs-gray-50);
239
239
  --rs-navs-selected: var(--rs-primary-700);
240
+ --rs-navs-pills-bg: var(--rs-gray-100);
241
+ --rs-navs-pills-item-color: var(--rs-text-secondary);
242
+ --rs-navs-pills-item-active-bg: var(--rs-gray-0);
243
+ --rs-navs-pills-item-active-color: var(--rs-gray-900);
244
+ --rs-navs-pills-item-disabled-color: var(--rs-gray-400);
245
+ --rs-navs-pills-item-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1);
240
246
  --rs-navbar-default-bg: var(--rs-gray-50);
241
247
  --rs-navbar-default-text: var(--rs-gray-800);
242
248
  --rs-navbar-default-selected-text: var(--rs-primary-700);
@@ -616,6 +622,11 @@
616
622
  --rs-navs-tab-border: var(--rs-gray-600);
617
623
  --rs-navs-subtle-border: var(--rs-gray-600);
618
624
  --rs-navs-selected: var(--rs-primary-500);
625
+ --rs-navs-pills-bg: var(--rs-gray-700);
626
+ --rs-navs-pills-item-color: var(--rs-text-secondary);
627
+ --rs-navs-pills-item-active-bg: var(--rs-gray-600);
628
+ --rs-navs-pills-item-active-color: var(--rs-gray-0);
629
+ --rs-navs-pills-item-disabled-color: var(--rs-gray-400);
619
630
  --rs-navbar-default-bg: var(--rs-gray-800);
620
631
  --rs-navbar-default-text: var(--rs-gray-200);
621
632
  --rs-navbar-default-selected-text: var(--rs-primary-500);
@@ -988,6 +999,11 @@
988
999
  --rs-navs-tab-border: var(--rs-gray-600);
989
1000
  --rs-navs-subtle-border: var(--rs-gray-600);
990
1001
  --rs-navs-selected: var(--rs-primary-500);
1002
+ --rs-navs-pills-bg: var(--rs-gray-700);
1003
+ --rs-navs-pills-item-color: var(--rs-text-secondary);
1004
+ --rs-navs-pills-item-active-bg: var(--rs-gray-600);
1005
+ --rs-navs-pills-item-active-color: var(--rs-primary-500);
1006
+ --rs-navs-pills-item-disabled-color: var(--rs-gray-400);
991
1007
  --rs-navbar-default-bg: var(--rs-gray-800);
992
1008
  --rs-navbar-default-text: var(--rs-gray-50);
993
1009
  --rs-navbar-default-selected-text: var(--rs-primary-500);
@@ -10078,6 +10094,7 @@ textarea.rs-inline-edit-sm .rs-plaintext {
10078
10094
  cursor: pointer;
10079
10095
  color: #343434;
10080
10096
  color: var(--rs-navs-text);
10097
+ background: transparent;
10081
10098
  -webkit-transition: color 0.15s ease-out, background-color 0.15s ease-out;
10082
10099
  transition: color 0.15s ease-out, background-color 0.15s ease-out;
10083
10100
  overflow: hidden;
@@ -10163,6 +10180,9 @@ textarea.rs-inline-edit-sm .rs-plaintext {
10163
10180
  -webkit-box-align: center;
10164
10181
  -ms-flex-align: center;
10165
10182
  align-items: center;
10183
+ -webkit-box-pack: center;
10184
+ -ms-flex-pack: center;
10185
+ justify-content: center;
10166
10186
  vertical-align: top;
10167
10187
  }
10168
10188
  .rs-nav-horizontal .rs-nav-bar {
@@ -10303,6 +10323,51 @@ textarea.rs-inline-edit-sm .rs-plaintext {
10303
10323
  left: auto;
10304
10324
  right: 0;
10305
10325
  }
10326
+ .rs-nav-pills {
10327
+ display: -webkit-inline-box;
10328
+ display: -ms-inline-flexbox;
10329
+ display: inline-flex;
10330
+ background-color: #f2f2f5;
10331
+ background-color: var(--rs-navs-pills-bg);
10332
+ border-radius: 6px;
10333
+ padding: 4px;
10334
+ width: -webkit-max-content;
10335
+ width: -moz-max-content;
10336
+ width: max-content;
10337
+ }
10338
+ .rs-nav-pills .rs-nav-item {
10339
+ border-radius: 6px;
10340
+ position: relative;
10341
+ padding: 4px 12px;
10342
+ color: #717273;
10343
+ color: var(--rs-navs-pills-item-color);
10344
+ }
10345
+ .rs-nav-pills .rs-nav-item-active {
10346
+ background-color: #fff;
10347
+ background-color: var(--rs-navs-pills-item-active-bg);
10348
+ color: #121212;
10349
+ color: var(--rs-navs-pills-item-active-color);
10350
+ -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1);
10351
+ -webkit-box-shadow: var(--rs-navs-pills-item-shadow);
10352
+ box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1);
10353
+ box-shadow: var(--rs-navs-pills-item-shadow);
10354
+ }
10355
+ .rs-nav-pills .rs-nav-item-disabled {
10356
+ color: #b6b7b8;
10357
+ color: var(--rs-navs-pills-item-disabled-color);
10358
+ }
10359
+ .rs-nav-pills.rs-nav-vertical {
10360
+ -webkit-box-orient: vertical;
10361
+ -webkit-box-direction: normal;
10362
+ -ms-flex-direction: column;
10363
+ flex-direction: column;
10364
+ }
10365
+ .rs-nav-pills.rs-nav-vertical .rs-nav-item {
10366
+ padding: 6px 12px;
10367
+ -webkit-box-pack: center;
10368
+ -ms-flex-pack: center;
10369
+ justify-content: center;
10370
+ }
10306
10371
  .rs-nav-justified {
10307
10372
  display: -webkit-box;
10308
10373
  display: -ms-flexbox;
@@ -14242,9 +14307,6 @@ textarea.rs-inline-edit-sm .rs-plaintext {
14242
14307
  -ms-flex: 1;
14243
14308
  flex: 1;
14244
14309
  }
14245
- .rs-tabs .rs-nav-item {
14246
- background: none;
14247
- }
14248
14310
  .rs-tabs .rs-nav-vertical {
14249
14311
  display: -webkit-box;
14250
14312
  display: -ms-flexbox;