rsuite 5.75.0 → 5.76.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 (68) hide show
  1. package/CHANGELOG.md +18 -0
  2. package/Image/package.json +7 -0
  3. package/Image/styles/index.css +33 -0
  4. package/Image/styles/index.less +34 -0
  5. package/cjs/Carousel/Carousel.js +1 -0
  6. package/cjs/CustomProvider/CustomProvider.d.ts +13 -15
  7. package/cjs/CustomProvider/CustomProvider.js +6 -4
  8. package/cjs/CustomProvider/types.d.ts +2 -0
  9. package/cjs/Image/Image.d.ts +42 -0
  10. package/cjs/Image/Image.js +102 -0
  11. package/cjs/Image/ImageWrapper.d.ts +1 -0
  12. package/cjs/Image/ImageWrapper.js +10 -0
  13. package/cjs/Image/hooks/useImage.d.ts +14 -0
  14. package/cjs/Image/hooks/useImage.js +68 -0
  15. package/cjs/Image/index.d.ts +3 -0
  16. package/cjs/Image/index.js +8 -0
  17. package/cjs/index.d.ts +2 -0
  18. package/cjs/index.js +4 -2
  19. package/cjs/internals/utils/getDOMNode.js +2 -1
  20. package/cjs/internals/utils/index.d.ts +0 -1
  21. package/cjs/internals/utils/index.js +1 -4
  22. package/cjs/toaster/ToastContainer.d.ts +6 -6
  23. package/cjs/toaster/ToastContainer.js +48 -38
  24. package/cjs/toaster/render.d.ts +3 -0
  25. package/cjs/toaster/render.js +43 -0
  26. package/cjs/toaster/toaster.js +33 -20
  27. package/cjs/useToaster/useToaster.js +10 -5
  28. package/dist/rsuite-no-reset-rtl.css +34 -0
  29. package/dist/rsuite-no-reset-rtl.min.css +1 -1
  30. package/dist/rsuite-no-reset-rtl.min.css.map +1 -1
  31. package/dist/rsuite-no-reset.css +34 -0
  32. package/dist/rsuite-no-reset.min.css +1 -1
  33. package/dist/rsuite-no-reset.min.css.map +1 -1
  34. package/dist/rsuite-rtl.css +34 -0
  35. package/dist/rsuite-rtl.min.css +1 -1
  36. package/dist/rsuite-rtl.min.css.map +1 -1
  37. package/dist/rsuite.css +34 -0
  38. package/dist/rsuite.js +63 -19
  39. package/dist/rsuite.js.map +1 -1
  40. package/dist/rsuite.min.css +1 -1
  41. package/dist/rsuite.min.css.map +1 -1
  42. package/dist/rsuite.min.js +1 -1
  43. package/dist/rsuite.min.js.map +1 -1
  44. package/esm/Carousel/Carousel.js +1 -0
  45. package/esm/CustomProvider/CustomProvider.d.ts +13 -15
  46. package/esm/CustomProvider/CustomProvider.js +7 -5
  47. package/esm/CustomProvider/types.d.ts +2 -0
  48. package/esm/Image/Image.d.ts +42 -0
  49. package/esm/Image/Image.js +97 -0
  50. package/esm/Image/ImageWrapper.d.ts +1 -0
  51. package/esm/Image/ImageWrapper.js +6 -0
  52. package/esm/Image/hooks/useImage.d.ts +14 -0
  53. package/esm/Image/hooks/useImage.js +63 -0
  54. package/esm/Image/index.d.ts +3 -0
  55. package/esm/Image/index.js +3 -0
  56. package/esm/index.d.ts +2 -0
  57. package/esm/index.js +1 -0
  58. package/esm/internals/utils/getDOMNode.js +2 -1
  59. package/esm/internals/utils/index.d.ts +0 -1
  60. package/esm/internals/utils/index.js +0 -1
  61. package/esm/toaster/ToastContainer.d.ts +6 -6
  62. package/esm/toaster/ToastContainer.js +49 -39
  63. package/esm/toaster/render.d.ts +3 -0
  64. package/esm/toaster/render.js +35 -0
  65. package/esm/toaster/toaster.js +31 -20
  66. package/esm/useToaster/useToaster.js +10 -5
  67. package/package.json +1 -1
  68. package/styles/index.less +1 -0
package/dist/rsuite-rtl.css CHANGED
@@ -8518,6 +8518,40 @@ label:hover .rs-checkbox-control .rs-checkbox-inner::before {
8518
8518
  .rs-btn-icon-circle {
8519
8519
  border-radius: 50% !important;
8520
8520
  }
8521
+ .rs-image {
8522
+ --rs-object-fit: cover;
8523
+ --rs-object-position: initial;
8524
+ -o-object-fit: var(--rs-object-fit);
8525
+ object-fit: var(--rs-object-fit);
8526
+ -o-object-position: var(--rs-object-position);
8527
+ object-position: var(--rs-object-position);
8528
+ max-width: 100%;
8529
+ }
8530
+ .rs-image-rounded {
8531
+ border-radius: 6px;
8532
+ }
8533
+ .rs-image-circle {
8534
+ border-radius: 50%;
8535
+ }
8536
+ .rs-image-bordered {
8537
+ border: 1px solid #e5e5ea;
8538
+ border: 1px solid var(--rs-border-primary);
8539
+ }
8540
+ .rs-image-zoomed {
8541
+ -webkit-transition: -webkit-transform 0.3s ease-in-out;
8542
+ transition: -webkit-transform 0.3s ease-in-out;
8543
+ transition: transform 0.3s ease-in-out;
8544
+ transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
8545
+ cursor: pointer;
8546
+ }
8547
+ .rs-image-zoomed:hover {
8548
+ -webkit-transform: matrix(1.25, 0, 0, 1.25, 0, 0);
8549
+ transform: matrix(1.25, 0, 0, 1.25, 0, 0);
8550
+ }
8551
+ .rs-image-wrapper {
8552
+ position: relative;
8553
+ overflow: hidden;
8554
+ }
8521
8555
  .rs-input {
8522
8556
  display: block;
8523
8557
  width: 100%;