rsuite 5.66.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 (115) hide show
  1. package/AutoComplete/styles/index.css +0 -1
  2. package/Button/styles/index.css +0 -1
  3. package/Button/styles/index.less +0 -1
  4. package/CHANGELOG.md +34 -0
  5. package/Calendar/styles/index.css +0 -1
  6. package/Cascader/styles/index.css +0 -1
  7. package/CheckPicker/styles/index.css +0 -1
  8. package/CheckTree/styles/index.css +0 -1
  9. package/CheckTreePicker/styles/index.css +0 -1
  10. package/DatePicker/styles/index.css +0 -1
  11. package/DateRangePicker/styles/index.css +0 -1
  12. package/Dropdown/styles/index.css +0 -1
  13. package/IconButton/styles/index.css +0 -1
  14. package/InputGroup/styles/index.css +0 -1
  15. package/InputNumber/styles/index.css +0 -1
  16. package/InputPicker/styles/index.css +0 -1
  17. package/MultiCascadeTree/styles/index.css +0 -1
  18. package/MultiCascader/styles/index.css +0 -1
  19. package/Nav/styles/index.css +68 -1
  20. package/Nav/styles/index.less +37 -0
  21. package/NavItem/package.json +3 -3
  22. package/Navbar/styles/index.css +0 -1
  23. package/Pagination/styles/index.css +0 -1
  24. package/SelectPicker/styles/index.css +0 -1
  25. package/Tabs/styles/index.css +68 -4
  26. package/Tabs/styles/index.less +0 -4
  27. package/TagInput/styles/index.css +0 -1
  28. package/TagPicker/styles/index.css +0 -1
  29. package/Uploader/styles/index.css +0 -1
  30. package/cjs/DateInput/DateInput.js +18 -2
  31. package/cjs/DateInput/hooks/useDateInputState.d.ts +1 -0
  32. package/cjs/DateInput/hooks/useDateInputState.js +10 -9
  33. package/cjs/DateInput/hooks/useKeyboardInputEvent.js +5 -0
  34. package/cjs/DateRangeInput/DateRangeInput.js +24 -2
  35. package/cjs/Form/Form.js +4 -10
  36. package/cjs/Form/FormContext.d.ts +2 -4
  37. package/cjs/Form/hooks/useFormValidate.d.ts +2 -2
  38. package/cjs/Form/hooks/useFormValidate.js +99 -35
  39. package/cjs/FormControl/FormControl.js +6 -22
  40. package/cjs/Nav/AdaptiveNavItem.d.ts +9 -0
  41. package/cjs/Nav/AdaptiveNavItem.js +89 -0
  42. package/cjs/Nav/Nav.d.ts +28 -9
  43. package/cjs/Nav/Nav.js +4 -74
  44. package/cjs/Nav/NavContext.d.ts +2 -2
  45. package/cjs/Nav/NavItem.d.ts +1 -1
  46. package/cjs/Navbar/NavbarItem.d.ts +1 -1
  47. package/cjs/Sidenav/Sidenav.d.ts +3 -3
  48. package/cjs/Stack/Stack.js +6 -1
  49. package/cjs/Tabs/Tabs.d.ts +20 -17
  50. package/cjs/Tabs/Tabs.js +5 -1
  51. package/cjs/Uploader/Uploader.d.ts +2 -2
  52. package/cjs/Uploader/Uploader.js +11 -9
  53. package/cjs/internals/Overlay/OverlayTrigger.d.ts +2 -2
  54. package/cjs/internals/Overlay/OverlayTrigger.js +17 -8
  55. package/cjs/internals/utils/BrowserDetection.js +6 -0
  56. package/cjs/internals/utils/ReactChildren.d.ts +6 -0
  57. package/cjs/internals/utils/ReactChildren.js +1 -0
  58. package/cjs/locales/ca_ES.d.ts +120 -0
  59. package/cjs/locales/ca_ES.js +87 -0
  60. package/cjs/locales/index.d.ts +1 -0
  61. package/cjs/locales/index.js +3 -1
  62. package/dist/rsuite-no-reset-rtl.css +65 -4
  63. package/dist/rsuite-no-reset-rtl.min.css +1 -1
  64. package/dist/rsuite-no-reset-rtl.min.css.map +1 -1
  65. package/dist/rsuite-no-reset.css +65 -4
  66. package/dist/rsuite-no-reset.min.css +1 -1
  67. package/dist/rsuite-no-reset.min.css.map +1 -1
  68. package/dist/rsuite-rtl.css +65 -4
  69. package/dist/rsuite-rtl.min.css +1 -1
  70. package/dist/rsuite-rtl.min.css.map +1 -1
  71. package/dist/rsuite.css +65 -4
  72. package/dist/rsuite.js +25 -14
  73. package/dist/rsuite.js.map +1 -1
  74. package/dist/rsuite.min.css +1 -1
  75. package/dist/rsuite.min.css.map +1 -1
  76. package/dist/rsuite.min.js +1 -1
  77. package/dist/rsuite.min.js.map +1 -1
  78. package/esm/DateInput/DateInput.js +18 -2
  79. package/esm/DateInput/hooks/useDateInputState.d.ts +1 -0
  80. package/esm/DateInput/hooks/useDateInputState.js +11 -10
  81. package/esm/DateInput/hooks/useKeyboardInputEvent.js +5 -0
  82. package/esm/DateRangeInput/DateRangeInput.js +24 -2
  83. package/esm/Form/Form.js +4 -10
  84. package/esm/Form/FormContext.d.ts +2 -4
  85. package/esm/Form/hooks/useFormValidate.d.ts +2 -2
  86. package/esm/Form/hooks/useFormValidate.js +98 -34
  87. package/esm/FormControl/FormControl.js +6 -22
  88. package/esm/Nav/AdaptiveNavItem.d.ts +9 -0
  89. package/esm/Nav/AdaptiveNavItem.js +83 -0
  90. package/esm/Nav/Nav.d.ts +28 -9
  91. package/esm/Nav/Nav.js +6 -76
  92. package/esm/Nav/NavContext.d.ts +2 -2
  93. package/esm/Nav/NavItem.d.ts +1 -1
  94. package/esm/Navbar/NavbarItem.d.ts +1 -1
  95. package/esm/Sidenav/Sidenav.d.ts +3 -3
  96. package/esm/Stack/Stack.js +6 -1
  97. package/esm/Tabs/Tabs.d.ts +20 -17
  98. package/esm/Tabs/Tabs.js +6 -1
  99. package/esm/Uploader/Uploader.d.ts +2 -2
  100. package/esm/Uploader/Uploader.js +11 -9
  101. package/esm/internals/Overlay/OverlayTrigger.d.ts +2 -2
  102. package/esm/internals/Overlay/OverlayTrigger.js +18 -9
  103. package/esm/internals/utils/BrowserDetection.js +6 -0
  104. package/esm/internals/utils/ReactChildren.d.ts +6 -0
  105. package/esm/internals/utils/ReactChildren.js +1 -1
  106. package/esm/locales/ca_ES.d.ts +120 -0
  107. package/esm/locales/ca_ES.js +82 -0
  108. package/esm/locales/index.d.ts +1 -0
  109. package/esm/locales/index.js +1 -0
  110. package/locales/ca_ES/package.json +7 -0
  111. package/package.json +1 -1
  112. package/styles/color-modes/dark.less +7 -0
  113. package/styles/color-modes/high-contrast.less +7 -0
  114. package/styles/color-modes/light.less +8 -0
  115. package/styles/plugins/palette.js +34 -6
package/dist/rsuite.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);
@@ -2897,7 +2913,6 @@ tbody.rs-anim-collapse.rs-anim-in {
2897
2913
  border-left: var(--rs-btn-default-border, none);
2898
2914
  }
2899
2915
  .rs-btn-block {
2900
- display: block;
2901
2916
  width: 100%;
2902
2917
  }
2903
2918
  .rs-btn-block + .rs-btn-block {
@@ -10353,6 +10368,7 @@ textarea.rs-inline-edit-sm .rs-plaintext {
10353
10368
  cursor: pointer;
10354
10369
  color: #343434;
10355
10370
  color: var(--rs-navs-text);
10371
+ background: transparent;
10356
10372
  -webkit-transition: color 0.15s ease-out, background-color 0.15s ease-out;
10357
10373
  transition: color 0.15s ease-out, background-color 0.15s ease-out;
10358
10374
  overflow: hidden;
@@ -10438,6 +10454,9 @@ textarea.rs-inline-edit-sm .rs-plaintext {
10438
10454
  -webkit-box-align: center;
10439
10455
  -ms-flex-align: center;
10440
10456
  align-items: center;
10457
+ -webkit-box-pack: center;
10458
+ -ms-flex-pack: center;
10459
+ justify-content: center;
10441
10460
  vertical-align: top;
10442
10461
  }
10443
10462
  .rs-nav-horizontal .rs-nav-bar {
@@ -10578,6 +10597,51 @@ textarea.rs-inline-edit-sm .rs-plaintext {
10578
10597
  right: auto;
10579
10598
  left: 0;
10580
10599
  }
10600
+ .rs-nav-pills {
10601
+ display: -webkit-inline-box;
10602
+ display: -ms-inline-flexbox;
10603
+ display: inline-flex;
10604
+ background-color: #f2f2f5;
10605
+ background-color: var(--rs-navs-pills-bg);
10606
+ border-radius: 6px;
10607
+ padding: 4px;
10608
+ width: -webkit-max-content;
10609
+ width: -moz-max-content;
10610
+ width: max-content;
10611
+ }
10612
+ .rs-nav-pills .rs-nav-item {
10613
+ border-radius: 6px;
10614
+ position: relative;
10615
+ padding: 4px 12px;
10616
+ color: #717273;
10617
+ color: var(--rs-navs-pills-item-color);
10618
+ }
10619
+ .rs-nav-pills .rs-nav-item-active {
10620
+ background-color: #fff;
10621
+ background-color: var(--rs-navs-pills-item-active-bg);
10622
+ color: #121212;
10623
+ color: var(--rs-navs-pills-item-active-color);
10624
+ -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1);
10625
+ -webkit-box-shadow: var(--rs-navs-pills-item-shadow);
10626
+ box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1);
10627
+ box-shadow: var(--rs-navs-pills-item-shadow);
10628
+ }
10629
+ .rs-nav-pills .rs-nav-item-disabled {
10630
+ color: #b6b7b8;
10631
+ color: var(--rs-navs-pills-item-disabled-color);
10632
+ }
10633
+ .rs-nav-pills.rs-nav-vertical {
10634
+ -webkit-box-orient: vertical;
10635
+ -webkit-box-direction: normal;
10636
+ -ms-flex-direction: column;
10637
+ flex-direction: column;
10638
+ }
10639
+ .rs-nav-pills.rs-nav-vertical .rs-nav-item {
10640
+ padding: 6px 12px;
10641
+ -webkit-box-pack: center;
10642
+ -ms-flex-pack: center;
10643
+ justify-content: center;
10644
+ }
10581
10645
  .rs-nav-justified {
10582
10646
  display: -webkit-box;
10583
10647
  display: -ms-flexbox;
@@ -14523,9 +14587,6 @@ textarea.rs-inline-edit-sm .rs-plaintext {
14523
14587
  -ms-flex: 1;
14524
14588
  flex: 1;
14525
14589
  }
14526
- .rs-tabs .rs-nav-item {
14527
- background: none;
14528
- }
14529
14590
  .rs-tabs .rs-nav-vertical {
14530
14591
  display: -webkit-box;
14531
14592
  display: -ms-flexbox;