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-rtl.css CHANGED
@@ -4109,9 +4109,6 @@ label:hover .rs-checkbox-control .rs-checkbox-inner::before {
4109
4109
  .rs-content {
4110
4110
  flex: 1 1 auto;
4111
4111
  }
4112
- .rs-form-plaintext .rs-form-control-label {
4113
- color: var(--rs-text-secondary);
4114
- }
4115
4112
  .rs-picker-toolbar {
4116
4113
  padding: 10px;
4117
4114
  border-top: 1px solid var(--rs-divider-border);
@@ -5205,31 +5202,72 @@ label:hover .rs-checkbox-control .rs-checkbox-inner::before {
5205
5202
  .rs-footer {
5206
5203
  flex: 0 0 auto;
5207
5204
  }
5208
- .rs-form {
5209
- --rs-form-direction: column;
5210
- --rs-form-spacing: calc(var(--rs-spacing) * 4);
5211
- --rs-form-group-spacing: var(--rs-spacing);
5212
- --rs-form-group-direction: column;
5205
+ .rs-form-stack {
5206
+ --rs-form-stack-dir: column;
5207
+ --rs-form-stack-spacing: calc(var(--rs-spacing) * 4);
5213
5208
  display: flex;
5214
- flex-direction: var(--rs-form-direction);
5215
- gap: var(--rs-form-spacing);
5209
+ flex-direction: var(--rs-form-stack-dir);
5210
+ gap: var(--rs-form-stack-spacing);
5216
5211
  align-items: flex-start;
5217
5212
  }
5218
- .rs-form-inline {
5219
- --rs-form-direction: row;
5213
+ .rs-form-stack-inline {
5214
+ --rs-form-stack-dir: row;
5215
+ }
5216
+ .rs-form-group {
5217
+ position: relative;
5218
+ display: flex;
5219
+ flex-direction: var(--rs-form-group-direction);
5220
+ gap: var(--rs-form-group-spacing);
5221
+ }
5222
+ .rs-form-group .rs-input {
5223
+ display: inline-block;
5224
+ }
5225
+ .rs-form-group textarea.rs-input {
5226
+ vertical-align: bottom;
5227
+ }
5228
+ .rs-form-stack-vertical .rs-form-group .rs-form-control-label {
5229
+ display: block;
5230
+ }
5231
+ .rs-form-stack {
5232
+ --rs-form-group-spacing: var(--rs-spacing);
5233
+ --rs-form-group-direction: column;
5234
+ }
5235
+ .rs-form-stack-horizontal {
5236
+ --rs-form-control-label-width: 170px;
5237
+ --rs-form-group-spacing: calc(var(--rs-spacing) * 3);
5238
+ --rs-form-group-direction: row;
5220
5239
  }
5221
- .rs-form-fluid .rs-form-control-wrapper {
5240
+ .rs-form-stack-horizontal .rs-form-group {
5241
+ align-items: baseline;
5242
+ }
5243
+ .rs-form-stack-horizontal .rs-form-group .rs-form-control-label {
5244
+ display: inline-block;
5245
+ font-size: var(--rs-font-size-sm);
5246
+ width: var(--rs-form-control-label-width);
5247
+ text-align: end;
5248
+ }
5249
+ .rs-form-stack-horizontal .rs-form-group .rs-btn-toolbar {
5250
+ padding-inline-start: calc(var(--rs-form-control-label-width) + var(--rs-form-group-spacing));
5251
+ }
5252
+ .rs-form-stack-inline {
5253
+ --rs-form-group-direction: row;
5254
+ --rs-form-group-spacing: calc(var(--rs-spacing) * 3);
5255
+ }
5256
+ .rs-form-stack-inline .rs-form-group {
5257
+ align-items: center;
5258
+ }
5259
+ .rs-form-stack-fluid .rs-form-group {
5222
5260
  width: 100%;
5223
5261
  }
5224
- .rs-form-fluid .rs-form-control-wrapper > .rs-input-number,
5225
- .rs-form-fluid .rs-form-control-wrapper > .rs-input {
5262
+ .rs-form-stack-fluid .rs-form-control-wrapper {
5226
5263
  width: 100%;
5227
5264
  }
5228
- .rs-form-fluid.rs-form-vertical .rs-form-group .rs-input-group {
5265
+ .rs-form-stack-fluid .rs-form-control-wrapper > .rs-input-number,
5266
+ .rs-form-stack-fluid .rs-form-control-wrapper > .rs-input {
5229
5267
  width: 100%;
5230
5268
  }
5231
- .rs-form-fluid.rs-form-vertical .rs-form-group .rs-form-control-wrapper {
5232
- max-width: 100%;
5269
+ .rs-form-stack-fluid.rs-form-stack-vertical .rs-form-group .rs-input-group {
5270
+ width: 100%;
5233
5271
  }
5234
5272
  .rs-form-control-wrapper {
5235
5273
  position: relative;
@@ -5242,24 +5280,22 @@ label:hover .rs-checkbox-control .rs-checkbox-inner::before {
5242
5280
  pointer-events: none;
5243
5281
  touch-action: none;
5244
5282
  }
5245
- .rs-form-vertical .rs-form-group .rs-input-group {
5283
+ .rs-form-stack-vertical .rs-form-group .rs-input-group {
5246
5284
  width: 300px;
5247
5285
  }
5248
- .rs-form-vertical .rs-form-group .rs-form-control-wrapper {
5286
+ .rs-form-stack-vertical .rs-form-group .rs-form-control-wrapper {
5249
5287
  display: inline-block;
5250
- max-width: -moz-max-content;
5251
- max-width: max-content;
5252
5288
  }
5253
- .rs-form-horizontal .rs-form-group .rs-form-control-wrapper {
5289
+ .rs-form-stack-horizontal .rs-form-group .rs-form-control-wrapper {
5254
5290
  float: inline-start;
5255
5291
  }
5256
- .rs-form-horizontal .rs-form-group .rs-form-control-wrapper + .rs-form-help-text {
5292
+ .rs-form-stack-horizontal .rs-form-group .rs-form-control-wrapper + .rs-form-help-text {
5257
5293
  clear: both;
5258
5294
  }
5259
- .rs-form-inline .rs-form-group .rs-form-control-wrapper {
5295
+ .rs-form-stack-inline .rs-form-group .rs-form-control-wrapper {
5260
5296
  display: inline-block;
5261
5297
  }
5262
- .rs-form-inline .rs-form-group .rs-sr-only + .rs-form-control-wrapper {
5298
+ .rs-form-stack-inline .rs-form-group .rs-sr-only + .rs-form-control-wrapper {
5263
5299
  margin-inline-start: 0;
5264
5300
  }
5265
5301
  .rs-input-group > .rs-form-control > .rs-input {
@@ -5267,45 +5303,8 @@ label:hover .rs-checkbox-control .rs-checkbox-inner::before {
5267
5303
  border: none;
5268
5304
  outline: none;
5269
5305
  }
5270
- .rs-form-group {
5271
- position: relative;
5272
- display: flex;
5273
- flex-direction: var(--rs-form-group-direction);
5274
- gap: var(--rs-form-group-spacing);
5275
- }
5276
- .rs-form-group .rs-input {
5277
- display: inline-block;
5278
- }
5279
- .rs-form-group textarea.rs-input {
5280
- vertical-align: bottom;
5281
- }
5282
- .rs-form-vertical .rs-form-group .rs-form-control-label {
5283
- display: block;
5284
- }
5285
- .rs-form-horizontal {
5286
- --rs-form-control-label-width: 170px;
5287
- --rs-form-group-spacing: calc(var(--rs-spacing) * 3);
5288
- --rs-form-group-direction: row;
5289
- }
5290
- .rs-form-horizontal .rs-form-group {
5291
- align-items: baseline;
5292
- }
5293
- .rs-form-horizontal .rs-form-group .rs-form-control-label {
5294
- display: inline-block;
5295
- font-size: var(--rs-font-size-sm);
5296
- width: var(--rs-form-control-label-width);
5297
- text-align: end;
5298
- }
5299
- .rs-form-horizontal .rs-form-group .rs-btn-toolbar {
5300
- padding-inline-start: calc(var(--rs-form-control-label-width) + var(--rs-form-group-spacing));
5301
- }
5302
- .rs-form-inline {
5303
- --rs-form-spacing: calc(var(--rs-spacing) * 4);
5304
- --rs-form-group-direction: row;
5305
- --rs-form-group-spacing: calc(var(--rs-spacing) * 3);
5306
- }
5307
- .rs-form-inline .rs-form-group {
5308
- align-items: center;
5306
+ [data-rs='form'][data-plaintext='true'] .rs-form-control-label {
5307
+ color: var(--rs-text-secondary);
5309
5308
  }
5310
5309
  @keyframes errorMessageSlideUpIn {
5311
5310
  0% {
@@ -5490,6 +5489,18 @@ label:hover .rs-checkbox-control .rs-checkbox-inner::before {
5490
5489
  .rs-form-error-message-wrapper:where([data-placement='left-end'], [data-placement='right-end']) .rs-form-error-message-arrow::after {
5491
5490
  bottom: 4px;
5492
5491
  }
5492
+ .rs-form-help-text {
5493
+ display: block;
5494
+ color: var(--rs-text-secondary);
5495
+ min-height: 20px;
5496
+ line-height: 1.66666667;
5497
+ font-size: var(--rs-font-size-xs);
5498
+ }
5499
+ .rs-form-help-text-tooltip {
5500
+ display: inline-flex;
5501
+ align-items: center;
5502
+ font-size: var(--rs-font-size-md);
5503
+ }
5493
5504
  :root {
5494
5505
  --rs-grid-gutter: calc(var(--rs-spacing) * 3);
5495
5506
  --rs-row-gutter: calc(var(--rs-grid-gutter) / -2);
@@ -8069,18 +8080,6 @@ label:hover .rs-checkbox-control .rs-checkbox-inner::before {
8069
8080
  .rs-header {
8070
8081
  flex: 0 0 auto;
8071
8082
  }
8072
- .rs-form-help-text {
8073
- display: block;
8074
- color: var(--rs-text-secondary);
8075
- min-height: 20px;
8076
- line-height: 1.66666667;
8077
- font-size: var(--rs-font-size-xs);
8078
- }
8079
- .rs-form-help-text-tooltip {
8080
- display: inline-flex;
8081
- align-items: center;
8082
- font-size: var(--rs-font-size-md);
8083
- }
8084
8083
  .rs-btn-icon {
8085
8084
  padding: calc((var(--rs-btn-size) - var(--rs-btn-icon-size)) / 2);
8086
8085
  line-height: var(--rs-btn-icon-size);
@@ -14796,7 +14795,7 @@ kbd.rs-text {
14796
14795
  }
14797
14796
  .rs-picker-label.rs-input-group-addon {
14798
14797
  color: var(--rs-text-primary);
14799
- padding-inline-end: 4px !important;
14798
+ padding-inline: calc(var(--rs-input-group-inside-btn-padding) * 2 - var(--rs-picker-toggle-border-width));
14800
14799
  }
14801
14800
  .rs-picker-loader {
14802
14801
  width: var(--rs-picker-loader-size);