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-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);
@@ -2897,7 +2913,6 @@ tbody.rs-anim-collapse.rs-anim-in {
2897
2913
  border-right: 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 {
@@ -10343,6 +10358,7 @@ textarea.rs-inline-edit-sm .rs-plaintext {
10343
10358
  cursor: pointer;
10344
10359
  color: #343434;
10345
10360
  color: var(--rs-navs-text);
10361
+ background: transparent;
10346
10362
  -webkit-transition: color 0.15s ease-out, background-color 0.15s ease-out;
10347
10363
  transition: color 0.15s ease-out, background-color 0.15s ease-out;
10348
10364
  overflow: hidden;
@@ -10428,6 +10444,9 @@ textarea.rs-inline-edit-sm .rs-plaintext {
10428
10444
  -webkit-box-align: center;
10429
10445
  -ms-flex-align: center;
10430
10446
  align-items: center;
10447
+ -webkit-box-pack: center;
10448
+ -ms-flex-pack: center;
10449
+ justify-content: center;
10431
10450
  vertical-align: top;
10432
10451
  }
10433
10452
  .rs-nav-horizontal .rs-nav-bar {
@@ -10568,6 +10587,51 @@ textarea.rs-inline-edit-sm .rs-plaintext {
10568
10587
  left: auto;
10569
10588
  right: 0;
10570
10589
  }
10590
+ .rs-nav-pills {
10591
+ display: -webkit-inline-box;
10592
+ display: -ms-inline-flexbox;
10593
+ display: inline-flex;
10594
+ background-color: #f2f2f5;
10595
+ background-color: var(--rs-navs-pills-bg);
10596
+ border-radius: 6px;
10597
+ padding: 4px;
10598
+ width: -webkit-max-content;
10599
+ width: -moz-max-content;
10600
+ width: max-content;
10601
+ }
10602
+ .rs-nav-pills .rs-nav-item {
10603
+ border-radius: 6px;
10604
+ position: relative;
10605
+ padding: 4px 12px;
10606
+ color: #717273;
10607
+ color: var(--rs-navs-pills-item-color);
10608
+ }
10609
+ .rs-nav-pills .rs-nav-item-active {
10610
+ background-color: #fff;
10611
+ background-color: var(--rs-navs-pills-item-active-bg);
10612
+ color: #121212;
10613
+ color: var(--rs-navs-pills-item-active-color);
10614
+ -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1);
10615
+ -webkit-box-shadow: var(--rs-navs-pills-item-shadow);
10616
+ box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1);
10617
+ box-shadow: var(--rs-navs-pills-item-shadow);
10618
+ }
10619
+ .rs-nav-pills .rs-nav-item-disabled {
10620
+ color: #b6b7b8;
10621
+ color: var(--rs-navs-pills-item-disabled-color);
10622
+ }
10623
+ .rs-nav-pills.rs-nav-vertical {
10624
+ -webkit-box-orient: vertical;
10625
+ -webkit-box-direction: normal;
10626
+ -ms-flex-direction: column;
10627
+ flex-direction: column;
10628
+ }
10629
+ .rs-nav-pills.rs-nav-vertical .rs-nav-item {
10630
+ padding: 6px 12px;
10631
+ -webkit-box-pack: center;
10632
+ -ms-flex-pack: center;
10633
+ justify-content: center;
10634
+ }
10571
10635
  .rs-nav-justified {
10572
10636
  display: -webkit-box;
10573
10637
  display: -ms-flexbox;
@@ -14507,9 +14571,6 @@ textarea.rs-inline-edit-sm .rs-plaintext {
14507
14571
  -ms-flex: 1;
14508
14572
  flex: 1;
14509
14573
  }
14510
- .rs-tabs .rs-nav-item {
14511
- background: none;
14512
- }
14513
14574
  .rs-tabs .rs-nav-vertical {
14514
14575
  display: -webkit-box;
14515
14576
  display: -ms-flexbox;