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-no-reset.css CHANGED
@@ -8262,6 +8262,40 @@ label:hover .rs-checkbox-control .rs-checkbox-inner::before {
8262
8262
  .rs-btn-icon-circle {
8263
8263
  border-radius: 50% !important;
8264
8264
  }
8265
+ .rs-image {
8266
+ --rs-object-fit: cover;
8267
+ --rs-object-position: initial;
8268
+ -o-object-fit: var(--rs-object-fit);
8269
+ object-fit: var(--rs-object-fit);
8270
+ -o-object-position: var(--rs-object-position);
8271
+ object-position: var(--rs-object-position);
8272
+ max-width: 100%;
8273
+ }
8274
+ .rs-image-rounded {
8275
+ border-radius: 6px;
8276
+ }
8277
+ .rs-image-circle {
8278
+ border-radius: 50%;
8279
+ }
8280
+ .rs-image-bordered {
8281
+ border: 1px solid #e5e5ea;
8282
+ border: 1px solid var(--rs-border-primary);
8283
+ }
8284
+ .rs-image-zoomed {
8285
+ -webkit-transition: -webkit-transform 0.3s ease-in-out;
8286
+ transition: -webkit-transform 0.3s ease-in-out;
8287
+ transition: transform 0.3s ease-in-out;
8288
+ transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
8289
+ cursor: pointer;
8290
+ }
8291
+ .rs-image-zoomed:hover {
8292
+ -webkit-transform: matrix(1.25, 0, 0, 1.25, 0, 0);
8293
+ transform: matrix(1.25, 0, 0, 1.25, 0, 0);
8294
+ }
8295
+ .rs-image-wrapper {
8296
+ position: relative;
8297
+ overflow: hidden;
8298
+ }
8265
8299
  .rs-input {
8266
8300
  display: block;
8267
8301
  width: 100%;