rsuite 6.0.0-canary-2025031915 → 6.0.0-canary-2025032014

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 (88) hide show
  1. package/AutoComplete/styles/index.css +1 -1
  2. package/Cascader/styles/index.css +1 -1
  3. package/CheckPicker/styles/index.css +1 -1
  4. package/CheckTree/styles/index.css +1 -1
  5. package/CheckTreePicker/styles/index.css +1 -1
  6. package/DatePicker/styles/index.css +1 -1
  7. package/DateRangePicker/styles/index.css +1 -1
  8. package/Form/styles/index.css +0 -14
  9. package/Form/styles/index.less +0 -18
  10. package/FormControl/styles/index.css +10 -15
  11. package/FormControl/styles/index.less +11 -13
  12. package/FormControlLabel/styles/index.css +1 -1
  13. package/FormControlLabel/styles/index.less +1 -1
  14. package/FormGroup/styles/index.css +14 -21
  15. package/FormGroup/styles/index.less +15 -4
  16. package/FormStack/package.json +7 -0
  17. package/FormStack/styles/index.css +27 -0
  18. package/FormStack/styles/index.less +15 -0
  19. package/InputPicker/styles/index.css +1 -1
  20. package/MultiCascadeTree/styles/index.css +1 -1
  21. package/MultiCascader/styles/index.css +1 -1
  22. package/Pagination/styles/index.css +1 -1
  23. package/SelectPicker/styles/index.css +1 -1
  24. package/TagInput/styles/index.css +1 -1
  25. package/TagPicker/styles/index.css +1 -1
  26. package/TimePicker/styles/index.css +1 -1
  27. package/TimeRangePicker/styles/index.css +1 -1
  28. package/Tree/styles/index.css +1 -1
  29. package/TreePicker/styles/index.css +1 -1
  30. package/cjs/CustomProvider/types.d.ts +2 -0
  31. package/cjs/Form/Form.d.ts +10 -1
  32. package/cjs/Form/Form.js +32 -21
  33. package/cjs/FormControl/FormControl.d.ts +3 -2
  34. package/cjs/FormControl/FormControl.js +4 -2
  35. package/cjs/FormControlLabel/FormControlLabel.d.ts +2 -2
  36. package/cjs/FormControlLabel/FormControlLabel.js +4 -2
  37. package/cjs/FormErrorMessage/FormErrorMessage.d.ts +3 -2
  38. package/cjs/FormErrorMessage/FormErrorMessage.js +4 -2
  39. package/cjs/FormGroup/FormGroup.d.ts +2 -2
  40. package/cjs/FormGroup/FormGroup.js +5 -2
  41. package/cjs/FormHelpText/FormHelpText.d.ts +2 -2
  42. package/cjs/FormHelpText/FormHelpText.js +6 -3
  43. package/cjs/FormStack/FormStack.d.ts +27 -0
  44. package/cjs/FormStack/FormStack.js +50 -0
  45. package/cjs/FormStack/index.d.ts +4 -0
  46. package/cjs/FormStack/index.js +11 -0
  47. package/cjs/Schema/Schema.js +0 -0
  48. package/cjs/index.d.ts +1 -0
  49. package/cjs/index.js +6 -0
  50. package/dist/rsuite-no-reset-rtl.css +77 -78
  51. package/dist/rsuite-no-reset-rtl.min.css +1 -1
  52. package/dist/rsuite-no-reset-rtl.min.css.map +1 -1
  53. package/dist/rsuite-no-reset.css +77 -78
  54. package/dist/rsuite-no-reset.min.css +1 -1
  55. package/dist/rsuite-no-reset.min.css.map +1 -1
  56. package/dist/rsuite-rtl.css +77 -78
  57. package/dist/rsuite-rtl.min.css +1 -1
  58. package/dist/rsuite-rtl.min.css.map +1 -1
  59. package/dist/rsuite.css +77 -78
  60. package/dist/rsuite.js +29 -18
  61. package/dist/rsuite.js.map +1 -1
  62. package/dist/rsuite.min.css +1 -1
  63. package/dist/rsuite.min.css.map +1 -1
  64. package/dist/rsuite.min.js +1 -1
  65. package/dist/rsuite.min.js.map +1 -1
  66. package/esm/CustomProvider/types.d.ts +2 -0
  67. package/esm/Form/Form.d.ts +10 -1
  68. package/esm/Form/Form.js +30 -21
  69. package/esm/FormControl/FormControl.d.ts +3 -2
  70. package/esm/FormControl/FormControl.js +4 -2
  71. package/esm/FormControlLabel/FormControlLabel.d.ts +2 -2
  72. package/esm/FormControlLabel/FormControlLabel.js +4 -2
  73. package/esm/FormErrorMessage/FormErrorMessage.d.ts +3 -2
  74. package/esm/FormErrorMessage/FormErrorMessage.js +4 -2
  75. package/esm/FormGroup/FormGroup.d.ts +2 -2
  76. package/esm/FormGroup/FormGroup.js +5 -2
  77. package/esm/FormHelpText/FormHelpText.d.ts +2 -2
  78. package/esm/FormHelpText/FormHelpText.js +6 -3
  79. package/esm/FormStack/FormStack.d.ts +27 -0
  80. package/esm/FormStack/FormStack.js +45 -0
  81. package/esm/FormStack/index.d.ts +4 -0
  82. package/esm/FormStack/index.js +8 -0
  83. package/esm/Schema/Schema.js +0 -0
  84. package/esm/index.d.ts +1 -0
  85. package/esm/index.js +1 -0
  86. package/internals/Picker/styles/index.less +3 -1
  87. package/package.json +1 -1
  88. package/styles/index.less +4 -3
package/dist/rsuite.css CHANGED
@@ -4111,9 +4111,6 @@ label:hover .rs-checkbox-control .rs-checkbox-inner::before {
4111
4111
  .rs-content {
4112
4112
  flex: 1 1 auto;
4113
4113
  }
4114
- .rs-form-plaintext .rs-form-control-label {
4115
- color: var(--rs-text-secondary);
4116
- }
4117
4114
  .rs-picker-toolbar {
4118
4115
  padding: 10px;
4119
4116
  border-top: 1px solid var(--rs-divider-border);
@@ -5207,31 +5204,72 @@ label:hover .rs-checkbox-control .rs-checkbox-inner::before {
5207
5204
  .rs-footer {
5208
5205
  flex: 0 0 auto;
5209
5206
  }
5210
- .rs-form {
5211
- --rs-form-direction: column;
5212
- --rs-form-spacing: calc(var(--rs-spacing) * 4);
5213
- --rs-form-group-spacing: var(--rs-spacing);
5214
- --rs-form-group-direction: column;
5207
+ .rs-form-stack {
5208
+ --rs-form-stack-dir: column;
5209
+ --rs-form-stack-spacing: calc(var(--rs-spacing) * 4);
5215
5210
  display: flex;
5216
- flex-direction: var(--rs-form-direction);
5217
- gap: var(--rs-form-spacing);
5211
+ flex-direction: var(--rs-form-stack-dir);
5212
+ gap: var(--rs-form-stack-spacing);
5218
5213
  align-items: flex-start;
5219
5214
  }
5220
- .rs-form-inline {
5221
- --rs-form-direction: row;
5215
+ .rs-form-stack-inline {
5216
+ --rs-form-stack-dir: row;
5217
+ }
5218
+ .rs-form-group {
5219
+ position: relative;
5220
+ display: flex;
5221
+ flex-direction: var(--rs-form-group-direction);
5222
+ gap: var(--rs-form-group-spacing);
5223
+ }
5224
+ .rs-form-group .rs-input {
5225
+ display: inline-block;
5226
+ }
5227
+ .rs-form-group textarea.rs-input {
5228
+ vertical-align: bottom;
5229
+ }
5230
+ .rs-form-stack-vertical .rs-form-group .rs-form-control-label {
5231
+ display: block;
5232
+ }
5233
+ .rs-form-stack {
5234
+ --rs-form-group-spacing: var(--rs-spacing);
5235
+ --rs-form-group-direction: column;
5236
+ }
5237
+ .rs-form-stack-horizontal {
5238
+ --rs-form-control-label-width: 170px;
5239
+ --rs-form-group-spacing: calc(var(--rs-spacing) * 3);
5240
+ --rs-form-group-direction: row;
5222
5241
  }
5223
- .rs-form-fluid .rs-form-control-wrapper {
5242
+ .rs-form-stack-horizontal .rs-form-group {
5243
+ align-items: baseline;
5244
+ }
5245
+ .rs-form-stack-horizontal .rs-form-group .rs-form-control-label {
5246
+ display: inline-block;
5247
+ font-size: var(--rs-font-size-sm);
5248
+ width: var(--rs-form-control-label-width);
5249
+ text-align: end;
5250
+ }
5251
+ .rs-form-stack-horizontal .rs-form-group .rs-btn-toolbar {
5252
+ padding-inline-start: calc(var(--rs-form-control-label-width) + var(--rs-form-group-spacing));
5253
+ }
5254
+ .rs-form-stack-inline {
5255
+ --rs-form-group-direction: row;
5256
+ --rs-form-group-spacing: calc(var(--rs-spacing) * 3);
5257
+ }
5258
+ .rs-form-stack-inline .rs-form-group {
5259
+ align-items: center;
5260
+ }
5261
+ .rs-form-stack-fluid .rs-form-group {
5224
5262
  width: 100%;
5225
5263
  }
5226
- .rs-form-fluid .rs-form-control-wrapper > .rs-input-number,
5227
- .rs-form-fluid .rs-form-control-wrapper > .rs-input {
5264
+ .rs-form-stack-fluid .rs-form-control-wrapper {
5228
5265
  width: 100%;
5229
5266
  }
5230
- .rs-form-fluid.rs-form-vertical .rs-form-group .rs-input-group {
5267
+ .rs-form-stack-fluid .rs-form-control-wrapper > .rs-input-number,
5268
+ .rs-form-stack-fluid .rs-form-control-wrapper > .rs-input {
5231
5269
  width: 100%;
5232
5270
  }
5233
- .rs-form-fluid.rs-form-vertical .rs-form-group .rs-form-control-wrapper {
5234
- max-width: 100%;
5271
+ .rs-form-stack-fluid.rs-form-stack-vertical .rs-form-group .rs-input-group {
5272
+ width: 100%;
5235
5273
  }
5236
5274
  .rs-form-control-wrapper {
5237
5275
  position: relative;
@@ -5244,24 +5282,22 @@ label:hover .rs-checkbox-control .rs-checkbox-inner::before {
5244
5282
  pointer-events: none;
5245
5283
  touch-action: none;
5246
5284
  }
5247
- .rs-form-vertical .rs-form-group .rs-input-group {
5285
+ .rs-form-stack-vertical .rs-form-group .rs-input-group {
5248
5286
  width: 300px;
5249
5287
  }
5250
- .rs-form-vertical .rs-form-group .rs-form-control-wrapper {
5288
+ .rs-form-stack-vertical .rs-form-group .rs-form-control-wrapper {
5251
5289
  display: inline-block;
5252
- max-width: -moz-max-content;
5253
- max-width: max-content;
5254
5290
  }
5255
- .rs-form-horizontal .rs-form-group .rs-form-control-wrapper {
5291
+ .rs-form-stack-horizontal .rs-form-group .rs-form-control-wrapper {
5256
5292
  float: inline-start;
5257
5293
  }
5258
- .rs-form-horizontal .rs-form-group .rs-form-control-wrapper + .rs-form-help-text {
5294
+ .rs-form-stack-horizontal .rs-form-group .rs-form-control-wrapper + .rs-form-help-text {
5259
5295
  clear: both;
5260
5296
  }
5261
- .rs-form-inline .rs-form-group .rs-form-control-wrapper {
5297
+ .rs-form-stack-inline .rs-form-group .rs-form-control-wrapper {
5262
5298
  display: inline-block;
5263
5299
  }
5264
- .rs-form-inline .rs-form-group .rs-sr-only + .rs-form-control-wrapper {
5300
+ .rs-form-stack-inline .rs-form-group .rs-sr-only + .rs-form-control-wrapper {
5265
5301
  margin-inline-start: 0;
5266
5302
  }
5267
5303
  .rs-input-group > .rs-form-control > .rs-input {
@@ -5269,45 +5305,8 @@ label:hover .rs-checkbox-control .rs-checkbox-inner::before {
5269
5305
  border: none;
5270
5306
  outline: none;
5271
5307
  }
5272
- .rs-form-group {
5273
- position: relative;
5274
- display: flex;
5275
- flex-direction: var(--rs-form-group-direction);
5276
- gap: var(--rs-form-group-spacing);
5277
- }
5278
- .rs-form-group .rs-input {
5279
- display: inline-block;
5280
- }
5281
- .rs-form-group textarea.rs-input {
5282
- vertical-align: bottom;
5283
- }
5284
- .rs-form-vertical .rs-form-group .rs-form-control-label {
5285
- display: block;
5286
- }
5287
- .rs-form-horizontal {
5288
- --rs-form-control-label-width: 170px;
5289
- --rs-form-group-spacing: calc(var(--rs-spacing) * 3);
5290
- --rs-form-group-direction: row;
5291
- }
5292
- .rs-form-horizontal .rs-form-group {
5293
- align-items: baseline;
5294
- }
5295
- .rs-form-horizontal .rs-form-group .rs-form-control-label {
5296
- display: inline-block;
5297
- font-size: var(--rs-font-size-sm);
5298
- width: var(--rs-form-control-label-width);
5299
- text-align: end;
5300
- }
5301
- .rs-form-horizontal .rs-form-group .rs-btn-toolbar {
5302
- padding-inline-start: calc(var(--rs-form-control-label-width) + var(--rs-form-group-spacing));
5303
- }
5304
- .rs-form-inline {
5305
- --rs-form-spacing: calc(var(--rs-spacing) * 4);
5306
- --rs-form-group-direction: row;
5307
- --rs-form-group-spacing: calc(var(--rs-spacing) * 3);
5308
- }
5309
- .rs-form-inline .rs-form-group {
5310
- align-items: center;
5308
+ [data-rs='form'][data-plaintext='true'] .rs-form-control-label {
5309
+ color: var(--rs-text-secondary);
5311
5310
  }
5312
5311
  @keyframes errorMessageSlideUpIn {
5313
5312
  0% {
@@ -5494,6 +5493,18 @@ label:hover .rs-checkbox-control .rs-checkbox-inner::before {
5494
5493
  .rs-form-error-message-wrapper:where([data-placement='left-end'], [data-placement='right-end']) .rs-form-error-message-arrow::after {
5495
5494
  bottom: 4px;
5496
5495
  }
5496
+ .rs-form-help-text {
5497
+ display: block;
5498
+ color: var(--rs-text-secondary);
5499
+ min-height: 20px;
5500
+ line-height: 1.66666667;
5501
+ font-size: var(--rs-font-size-xs);
5502
+ }
5503
+ .rs-form-help-text-tooltip {
5504
+ display: inline-flex;
5505
+ align-items: center;
5506
+ font-size: var(--rs-font-size-md);
5507
+ }
5497
5508
  :root {
5498
5509
  --rs-grid-gutter: calc(var(--rs-spacing) * 3);
5499
5510
  --rs-row-gutter: calc(var(--rs-grid-gutter) / -2);
@@ -8073,18 +8084,6 @@ label:hover .rs-checkbox-control .rs-checkbox-inner::before {
8073
8084
  .rs-header {
8074
8085
  flex: 0 0 auto;
8075
8086
  }
8076
- .rs-form-help-text {
8077
- display: block;
8078
- color: var(--rs-text-secondary);
8079
- min-height: 20px;
8080
- line-height: 1.66666667;
8081
- font-size: var(--rs-font-size-xs);
8082
- }
8083
- .rs-form-help-text-tooltip {
8084
- display: inline-flex;
8085
- align-items: center;
8086
- font-size: var(--rs-font-size-md);
8087
- }
8088
8087
  .rs-btn-icon {
8089
8088
  padding: calc((var(--rs-btn-size) - var(--rs-btn-icon-size)) / 2);
8090
8089
  line-height: var(--rs-btn-icon-size);
@@ -14810,7 +14809,7 @@ kbd.rs-text {
14810
14809
  }
14811
14810
  .rs-picker-label.rs-input-group-addon {
14812
14811
  color: var(--rs-text-primary);
14813
- padding-inline-end: 4px !important;
14812
+ padding-inline: calc(var(--rs-input-group-inside-btn-padding) * 2 - var(--rs-picker-toggle-border-width));
14814
14813
  }
14815
14814
  .rs-picker-loader {
14816
14815
  width: var(--rs-picker-loader-size);