rsuite 5.0.3 → 5.1.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 (76) hide show
  1. package/CHANGELOG.md +17 -0
  2. package/MaskedInput/package.json +7 -0
  3. package/README.md +1 -1
  4. package/Toggle/styles/index.less +20 -0
  5. package/Toggle/styles/mixin.less +12 -0
  6. package/cjs/DOMHelper/index.d.ts +1 -1
  7. package/cjs/DatePicker/DatePicker.js +3 -2
  8. package/cjs/DateRangePicker/DateRangePicker.js +3 -2
  9. package/cjs/Dropdown/DropdownItem.js +23 -16
  10. package/cjs/MaskedInput/MaskedInput.d.ts +43 -0
  11. package/cjs/MaskedInput/MaskedInput.js +80 -0
  12. package/cjs/MaskedInput/adjustCaretPosition.d.ts +11 -0
  13. package/cjs/MaskedInput/adjustCaretPosition.js +218 -0
  14. package/cjs/MaskedInput/conformToMask.d.ts +8 -0
  15. package/cjs/MaskedInput/conformToMask.js +247 -0
  16. package/cjs/MaskedInput/createTextMaskInputElement.d.ts +7 -0
  17. package/cjs/MaskedInput/createTextMaskInputElement.js +226 -0
  18. package/cjs/MaskedInput/index.d.ts +3 -0
  19. package/cjs/MaskedInput/index.js +11 -0
  20. package/cjs/MaskedInput/types.d.ts +10 -0
  21. package/cjs/{@types/icons.js → MaskedInput/types.js} +0 -0
  22. package/cjs/MaskedInput/utilities.d.ts +7 -0
  23. package/cjs/MaskedInput/utilities.js +47 -0
  24. package/cjs/Overlay/positionUtils.js +1 -1
  25. package/cjs/Picker/PickerToggle.js +3 -3
  26. package/cjs/Toggle/Toggle.d.ts +2 -0
  27. package/cjs/Toggle/Toggle.js +23 -5
  28. package/cjs/index.d.ts +2 -0
  29. package/cjs/index.js +5 -1
  30. package/cjs/locales/fa_IR.d.ts +105 -0
  31. package/cjs/locales/fa_IR.js +84 -0
  32. package/cjs/locales/index.d.ts +1 -0
  33. package/cjs/locales/index.js +6 -2
  34. package/dist/rsuite-rtl.css +58 -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 +58 -0
  38. package/dist/rsuite.js +79 -23
  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/DOMHelper/index.d.ts +1 -1
  45. package/esm/DatePicker/DatePicker.js +3 -2
  46. package/esm/DateRangePicker/DateRangePicker.js +3 -2
  47. package/esm/Dropdown/DropdownItem.js +23 -16
  48. package/esm/MaskedInput/MaskedInput.d.ts +43 -0
  49. package/esm/MaskedInput/MaskedInput.js +67 -0
  50. package/esm/MaskedInput/adjustCaretPosition.d.ts +11 -0
  51. package/esm/MaskedInput/adjustCaretPosition.js +213 -0
  52. package/esm/MaskedInput/conformToMask.d.ts +8 -0
  53. package/esm/MaskedInput/conformToMask.js +239 -0
  54. package/esm/MaskedInput/createTextMaskInputElement.d.ts +7 -0
  55. package/esm/MaskedInput/createTextMaskInputElement.js +212 -0
  56. package/esm/MaskedInput/index.d.ts +3 -0
  57. package/esm/MaskedInput/index.js +2 -0
  58. package/esm/MaskedInput/types.d.ts +10 -0
  59. package/esm/{@types/icons.js → MaskedInput/types.js} +0 -0
  60. package/esm/MaskedInput/utilities.d.ts +7 -0
  61. package/esm/MaskedInput/utilities.js +38 -0
  62. package/esm/Overlay/positionUtils.js +1 -1
  63. package/esm/Picker/PickerToggle.js +1 -1
  64. package/esm/Toggle/Toggle.d.ts +2 -0
  65. package/esm/Toggle/Toggle.js +22 -5
  66. package/esm/index.d.ts +2 -0
  67. package/esm/index.js +1 -0
  68. package/esm/locales/fa_IR.d.ts +105 -0
  69. package/esm/locales/fa_IR.js +74 -0
  70. package/esm/locales/index.d.ts +1 -0
  71. package/esm/locales/index.js +2 -1
  72. package/locales/fa_IR/package.json +7 -0
  73. package/package.json +3 -4
  74. package/styles/color-modes/light.less +2 -0
  75. package/cjs/@types/icons.d.ts +0 -1
  76. package/esm/@types/icons.d.ts +0 -1
package/dist/rsuite.css CHANGED
@@ -260,6 +260,8 @@
260
260
  --rs-rate-symbol-checked: #ffb300;
261
261
  --rs-toggle-bg: #d9d9d9;
262
262
  --rs-toggle-thumb: #fff;
263
+ --rs-toggle-loader-ring: rgba(247, 247, 250, 0.3);
264
+ --rs-toggle-loader-rotor: #fff;
263
265
  --rs-toggle-hover-bg: #c5c6c7;
264
266
  --rs-toggle-disabled-bg: #f7f7fa;
265
267
  --rs-toggle-disabled-thumb: #fff;
@@ -14250,6 +14252,12 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
14250
14252
  -ms-user-select: none;
14251
14253
  user-select: none;
14252
14254
  }
14255
+ .rs-btn-toggle-loader {
14256
+ width: 18px;
14257
+ height: 18px;
14258
+ left: 3px;
14259
+ top: 3px;
14260
+ }
14253
14261
  .rs-btn-toggle::after {
14254
14262
  width: 18px;
14255
14263
  height: 18px;
@@ -14281,6 +14289,10 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
14281
14289
  margin-right: 24px;
14282
14290
  margin-left: 8px;
14283
14291
  }
14292
+ .rs-btn-toggle.rs-btn-toggle-checked .rs-btn-toggle-loader {
14293
+ left: 100%;
14294
+ margin-left: -21px;
14295
+ }
14284
14296
  .rs-theme-high-contrast .rs-btn-toggle {
14285
14297
  -webkit-transition: none;
14286
14298
  transition: none;
@@ -14293,6 +14305,19 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
14293
14305
  background-color: #c5c6c7;
14294
14306
  background-color: var(--rs-toggle-hover-bg);
14295
14307
  }
14308
+ .rs-btn-toggle-loader {
14309
+ position: absolute;
14310
+ -webkit-transition: left 0.2s ease-in-out, margin-left 0.2s ease-in-out, width 0.2s ease-in-out;
14311
+ transition: left 0.2s ease-in-out, margin-left 0.2s ease-in-out, width 0.2s ease-in-out;
14312
+ }
14313
+ .rs-btn-toggle-loader .rs-loader-spin::before {
14314
+ border-color: rgba(247, 247, 250, 0.3);
14315
+ border-color: var(--rs-toggle-loader-ring);
14316
+ }
14317
+ .rs-btn-toggle-loader .rs-loader-spin::after {
14318
+ border-top-color: #fff;
14319
+ border-top-color: var(--rs-toggle-loader-rotor);
14320
+ }
14296
14321
  .rs-btn-toggle::after {
14297
14322
  content: '';
14298
14323
  cursor: pointer;
@@ -14334,6 +14359,9 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
14334
14359
  color: #fff;
14335
14360
  color: var(--rs-toggle-checked-disabled-thumb);
14336
14361
  }
14362
+ .rs-btn-toggle.rs-btn-toggle-loading::after {
14363
+ display: none;
14364
+ }
14337
14365
  .rs-btn-toggle-inner {
14338
14366
  display: block;
14339
14367
  -webkit-transition: margin 0.2s ease-in-out;
@@ -14348,6 +14376,12 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
14348
14376
  min-width: 26px;
14349
14377
  border-radius: 7px;
14350
14378
  }
14379
+ .rs-btn-toggle-sm-loader {
14380
+ width: 10px;
14381
+ height: 10px;
14382
+ left: 2px;
14383
+ top: 2px;
14384
+ }
14351
14385
  .rs-btn-toggle-sm::after {
14352
14386
  width: 10px;
14353
14387
  height: 10px;
@@ -14379,11 +14413,21 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
14379
14413
  margin-right: 14px;
14380
14414
  margin-left: 6px;
14381
14415
  }
14416
+ .rs-btn-toggle-sm.rs-btn-toggle-checked .rs-btn-toggle-sm-loader {
14417
+ left: 100%;
14418
+ margin-left: -12px;
14419
+ }
14382
14420
  .rs-btn-toggle-md {
14383
14421
  height: 24px;
14384
14422
  min-width: 44px;
14385
14423
  border-radius: 12px;
14386
14424
  }
14425
+ .rs-btn-toggle-md-loader {
14426
+ width: 18px;
14427
+ height: 18px;
14428
+ left: 3px;
14429
+ top: 3px;
14430
+ }
14387
14431
  .rs-btn-toggle-md::after {
14388
14432
  width: 18px;
14389
14433
  height: 18px;
@@ -14415,11 +14459,21 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
14415
14459
  margin-right: 24px;
14416
14460
  margin-left: 8px;
14417
14461
  }
14462
+ .rs-btn-toggle-md.rs-btn-toggle-checked .rs-btn-toggle-md-loader {
14463
+ left: 100%;
14464
+ margin-left: -21px;
14465
+ }
14418
14466
  .rs-btn-toggle-lg {
14419
14467
  height: 30px;
14420
14468
  min-width: 55px;
14421
14469
  border-radius: 15px;
14422
14470
  }
14471
+ .rs-btn-toggle-lg-loader {
14472
+ width: 22px;
14473
+ height: 22px;
14474
+ left: 4px;
14475
+ top: 4px;
14476
+ }
14423
14477
  .rs-btn-toggle-lg::after {
14424
14478
  width: 22px;
14425
14479
  height: 22px;
@@ -14451,6 +14505,10 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
14451
14505
  margin-right: 30px;
14452
14506
  margin-left: 10px;
14453
14507
  }
14508
+ .rs-btn-toggle-lg.rs-btn-toggle-checked .rs-btn-toggle-lg-loader {
14509
+ left: 100%;
14510
+ margin-left: -26px;
14511
+ }
14454
14512
  /* rtl:begin:ignore */
14455
14513
  /* rtl:end:ignore */
14456
14514
  .rs-tooltip {