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.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);
@@ -10088,6 +10104,7 @@ textarea.rs-inline-edit-sm .rs-plaintext {
10088
10104
  cursor: pointer;
10089
10105
  color: #343434;
10090
10106
  color: var(--rs-navs-text);
10107
+ background: transparent;
10091
10108
  -webkit-transition: color 0.15s ease-out, background-color 0.15s ease-out;
10092
10109
  transition: color 0.15s ease-out, background-color 0.15s ease-out;
10093
10110
  overflow: hidden;
@@ -10173,6 +10190,9 @@ textarea.rs-inline-edit-sm .rs-plaintext {
10173
10190
  -webkit-box-align: center;
10174
10191
  -ms-flex-align: center;
10175
10192
  align-items: center;
10193
+ -webkit-box-pack: center;
10194
+ -ms-flex-pack: center;
10195
+ justify-content: center;
10176
10196
  vertical-align: top;
10177
10197
  }
10178
10198
  .rs-nav-horizontal .rs-nav-bar {
@@ -10313,6 +10333,51 @@ textarea.rs-inline-edit-sm .rs-plaintext {
10313
10333
  right: auto;
10314
10334
  left: 0;
10315
10335
  }
10336
+ .rs-nav-pills {
10337
+ display: -webkit-inline-box;
10338
+ display: -ms-inline-flexbox;
10339
+ display: inline-flex;
10340
+ background-color: #f2f2f5;
10341
+ background-color: var(--rs-navs-pills-bg);
10342
+ border-radius: 6px;
10343
+ padding: 4px;
10344
+ width: -webkit-max-content;
10345
+ width: -moz-max-content;
10346
+ width: max-content;
10347
+ }
10348
+ .rs-nav-pills .rs-nav-item {
10349
+ border-radius: 6px;
10350
+ position: relative;
10351
+ padding: 4px 12px;
10352
+ color: #717273;
10353
+ color: var(--rs-navs-pills-item-color);
10354
+ }
10355
+ .rs-nav-pills .rs-nav-item-active {
10356
+ background-color: #fff;
10357
+ background-color: var(--rs-navs-pills-item-active-bg);
10358
+ color: #121212;
10359
+ color: var(--rs-navs-pills-item-active-color);
10360
+ -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1);
10361
+ -webkit-box-shadow: var(--rs-navs-pills-item-shadow);
10362
+ box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1);
10363
+ box-shadow: var(--rs-navs-pills-item-shadow);
10364
+ }
10365
+ .rs-nav-pills .rs-nav-item-disabled {
10366
+ color: #b6b7b8;
10367
+ color: var(--rs-navs-pills-item-disabled-color);
10368
+ }
10369
+ .rs-nav-pills.rs-nav-vertical {
10370
+ -webkit-box-orient: vertical;
10371
+ -webkit-box-direction: normal;
10372
+ -ms-flex-direction: column;
10373
+ flex-direction: column;
10374
+ }
10375
+ .rs-nav-pills.rs-nav-vertical .rs-nav-item {
10376
+ padding: 6px 12px;
10377
+ -webkit-box-pack: center;
10378
+ -ms-flex-pack: center;
10379
+ justify-content: center;
10380
+ }
10316
10381
  .rs-nav-justified {
10317
10382
  display: -webkit-box;
10318
10383
  display: -ms-flexbox;
@@ -14258,9 +14323,6 @@ textarea.rs-inline-edit-sm .rs-plaintext {
14258
14323
  -ms-flex: 1;
14259
14324
  flex: 1;
14260
14325
  }
14261
- .rs-tabs .rs-nav-item {
14262
- background: none;
14263
- }
14264
14326
  .rs-tabs .rs-nav-vertical {
14265
14327
  display: -webkit-box;
14266
14328
  display: -ms-flexbox;