rsuite 5.15.1 → 5.16.1

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 (53) hide show
  1. package/CHANGELOG.md +21 -0
  2. package/Form/styles/mixin.less +1 -1
  3. package/InputGroup/styles/index.less +8 -4
  4. package/Picker/styles/index.less +4 -0
  5. package/Table/styles/index.less +0 -1
  6. package/cjs/CheckPicker/CheckPicker.d.ts +2 -2
  7. package/cjs/CheckPicker/test/CheckPicker.test.js +7 -0
  8. package/cjs/DateRangePicker/DateRangePicker.js +3 -1
  9. package/cjs/InputGroup/InputGroupAddon.d.ts +2 -2
  10. package/cjs/InputGroup/test/InputGroup.test.d.ts +1 -0
  11. package/cjs/InputGroup/test/InputGroup.test.js +15 -0
  12. package/cjs/Overlay/Overlay.d.ts +2 -1
  13. package/cjs/Overlay/OverlayTrigger.d.ts +5 -1
  14. package/cjs/Overlay/OverlayTrigger.js +3 -3
  15. package/cjs/Overlay/Position.d.ts +3 -1
  16. package/cjs/Overlay/Position.js +2 -2
  17. package/cjs/Overlay/positionUtils.d.ts +2 -2
  18. package/cjs/Picker/PickerToggle.d.ts +1 -0
  19. package/cjs/Picker/PickerToggle.js +5 -2
  20. package/cjs/Picker/PickerToggleTrigger.d.ts +2 -3
  21. package/cjs/SelectPicker/SelectPicker.d.ts +2 -2
  22. package/cjs/SelectPicker/test/SelectPicker.test.js +7 -0
  23. package/cjs/Table/Table.d.ts +3 -3
  24. package/cjs/Whisper/test/Whisper.test.js +19 -1
  25. package/dist/rsuite-rtl.css +26 -19
  26. package/dist/rsuite-rtl.min.css +1 -1
  27. package/dist/rsuite-rtl.min.css.map +1 -1
  28. package/dist/rsuite.css +26 -19
  29. package/dist/rsuite.js +11 -11
  30. package/dist/rsuite.min.css +1 -1
  31. package/dist/rsuite.min.css.map +1 -1
  32. package/dist/rsuite.min.js +1 -1
  33. package/dist/rsuite.min.js.map +1 -1
  34. package/esm/CheckPicker/CheckPicker.d.ts +2 -2
  35. package/esm/CheckPicker/test/CheckPicker.test.js +6 -0
  36. package/esm/DateRangePicker/DateRangePicker.js +3 -1
  37. package/esm/InputGroup/InputGroupAddon.d.ts +2 -2
  38. package/esm/InputGroup/test/InputGroup.test.d.ts +1 -0
  39. package/esm/InputGroup/test/InputGroup.test.js +10 -0
  40. package/esm/Overlay/Overlay.d.ts +2 -1
  41. package/esm/Overlay/OverlayTrigger.d.ts +5 -1
  42. package/esm/Overlay/OverlayTrigger.js +3 -3
  43. package/esm/Overlay/Position.d.ts +3 -1
  44. package/esm/Overlay/Position.js +2 -2
  45. package/esm/Overlay/positionUtils.d.ts +2 -2
  46. package/esm/Picker/PickerToggle.d.ts +1 -0
  47. package/esm/Picker/PickerToggle.js +5 -2
  48. package/esm/Picker/PickerToggleTrigger.d.ts +2 -3
  49. package/esm/SelectPicker/SelectPicker.d.ts +2 -2
  50. package/esm/SelectPicker/test/SelectPicker.test.js +6 -0
  51. package/esm/Table/Table.d.ts +3 -3
  52. package/esm/Whisper/test/Whisper.test.js +18 -1
  53. package/package.json +3 -3
package/dist/rsuite.css CHANGED
@@ -7883,10 +7883,11 @@ textarea.rs-input {
7883
7883
  outline: 0;
7884
7884
  }
7885
7885
  .rs-input:focus {
7886
- -webkit-box-shadow: 0 0 0 3px rgba(52, 152, 255, 0.25);
7887
- -webkit-box-shadow: var(--rs-state-focus-shadow);
7888
- box-shadow: 0 0 0 3px rgba(52, 152, 255, 0.25);
7889
- box-shadow: var(--rs-state-focus-shadow);
7886
+ outline: 3px solid rgba(52, 152, 255, 0.25);
7887
+ outline: 3px solid var(--rs-color-focus-ring);
7888
+ }
7889
+ .rs-theme-high-contrast .rs-input:focus {
7890
+ outline-offset: 2px;
7890
7891
  }
7891
7892
  .rs-input:disabled {
7892
7893
  background-color: #f7f7fa;
@@ -7970,10 +7971,15 @@ textarea.rs-input-sm {
7970
7971
  }
7971
7972
  .rs-input-group:not(.rs-input-group-disabled).rs-input-group-focus,
7972
7973
  .rs-input-group:focus-within {
7973
- -webkit-box-shadow: 0 0 0 3px rgba(52, 152, 255, 0.25);
7974
- -webkit-box-shadow: var(--rs-state-focus-shadow);
7975
- box-shadow: 0 0 0 3px rgba(52, 152, 255, 0.25);
7976
- box-shadow: var(--rs-state-focus-shadow);
7974
+ outline: 3px solid rgba(52, 152, 255, 0.25);
7975
+ outline: 3px solid var(--rs-color-focus-ring);
7976
+ }
7977
+ .rs-theme-high-contrast .rs-input-group:not(.rs-input-group-disabled).rs-input-group-focus,
7978
+ .rs-theme-high-contrast .rs-input-group:focus-within {
7979
+ outline-offset: 2px;
7980
+ }
7981
+ .rs-input-group .rs-input-group {
7982
+ outline: none !important;
7977
7983
  }
7978
7984
  .rs-input-group .rs-input-number,
7979
7985
  .rs-input-group .rs-input-group-addon,
@@ -7981,14 +7987,12 @@ textarea.rs-input-sm {
7981
7987
  .rs-input-group .rs-picker-date .rs-picker-toggle {
7982
7988
  border: none;
7983
7989
  border-radius: 0;
7984
- -webkit-box-shadow: none;
7985
- box-shadow: none;
7990
+ outline: none;
7986
7991
  }
7987
7992
  .rs-input-group:not(.rs-input-group-inside) .rs-input {
7988
7993
  border: none;
7989
7994
  border-radius: 0;
7990
- -webkit-box-shadow: none;
7991
- box-shadow: none;
7995
+ outline: none;
7992
7996
  }
7993
7997
  .rs-input-group:not(.rs-input-group-inside) .rs-input-number:not(:last-child) .rs-input-number-btn-group-vertical {
7994
7998
  border-radius: 0;
@@ -8102,8 +8106,7 @@ textarea.rs-input-sm {
8102
8106
  line-height: 1.42857143;
8103
8107
  }
8104
8108
  .rs-input-group.rs-input-group-inside .rs-input-group-btn:focus {
8105
- -webkit-box-shadow: none;
8106
- box-shadow: none;
8109
+ outline: none;
8107
8110
  }
8108
8111
  .rs-input-group.rs-input-group-inside .rs-input-group-btn:first-child {
8109
8112
  border-bottom-left-radius: 6px;
@@ -11586,6 +11589,10 @@ textarea.rs-picker-search-input {
11586
11589
  .rs-picker-subtle.rs-picker-disabled .rs-picker-toggle:active::after {
11587
11590
  display: none;
11588
11591
  }
11592
+ .rs-picker-toggle-label {
11593
+ color: #575757;
11594
+ color: var(--rs-text-primary);
11595
+ }
11589
11596
  .rs-picker-toggle-value {
11590
11597
  display: block;
11591
11598
  overflow: hidden;
@@ -11737,10 +11744,11 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
11737
11744
  outline: 0;
11738
11745
  }
11739
11746
  .rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input:focus {
11740
- -webkit-box-shadow: 0 0 0 3px rgba(52, 152, 255, 0.25);
11741
- -webkit-box-shadow: var(--rs-state-focus-shadow);
11742
- box-shadow: 0 0 0 3px rgba(52, 152, 255, 0.25);
11743
- box-shadow: var(--rs-state-focus-shadow);
11747
+ outline: 3px solid rgba(52, 152, 255, 0.25);
11748
+ outline: 3px solid var(--rs-color-focus-ring);
11749
+ }
11750
+ .rs-theme-high-contrast .rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input:focus {
11751
+ outline-offset: 2px;
11744
11752
  }
11745
11753
  .rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input:disabled {
11746
11754
  background-color: #f7f7fa;
@@ -14562,7 +14570,6 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
14562
14570
  }
14563
14571
  .rs-table-word-wrap .rs-table-cell-content {
14564
14572
  white-space: normal;
14565
- word-break: break-all;
14566
14573
  }
14567
14574
  .rs-table-bordered {
14568
14575
  border: 1px solid #f2f2f5;