rsuite 6.0.0-canary-20251029 → 6.0.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 (59) hide show
  1. package/Badge/styles/index.css +62 -5
  2. package/Breadcrumb/styles/index.css +2 -3
  3. package/CHANGELOG.md +196 -396
  4. package/Modal/styles/index.css +5 -0
  5. package/Nav/styles/index.css +4 -0
  6. package/Pagination/styles/index.css +25 -2
  7. package/Tabs/styles/index.css +4 -0
  8. package/cjs/AutoComplete/utils.js +0 -0
  9. package/cjs/Badge/Badge.d.ts +5 -1
  10. package/cjs/Badge/Badge.js +4 -2
  11. package/cjs/Breadcrumb/Breadcrumb.js +1 -1
  12. package/cjs/CheckPicker/CheckPicker.js +5 -2
  13. package/cjs/CheckTreePicker/CheckTreePicker.js +5 -2
  14. package/cjs/DOMHelper/isElement.js +0 -0
  15. package/cjs/DatePicker/Toolbar.js +4 -1
  16. package/cjs/Dropdown/DropdownState.js +0 -0
  17. package/cjs/List/ListContext.js +0 -0
  18. package/cjs/List/helper/AutoScroller.js +0 -0
  19. package/cjs/List/helper/useManager.js +0 -0
  20. package/cjs/MaskedInput/adjustCaretPosition.js +0 -0
  21. package/cjs/MaskedInput/types.js +0 -0
  22. package/cjs/MaskedInput/utilities.js +0 -0
  23. package/cjs/Modal/Modal.d.ts +5 -0
  24. package/cjs/Modal/Modal.js +2 -0
  25. package/cjs/Modal/utils.js +24 -5
  26. package/cjs/MultiCascader/MultiCascader.js +5 -2
  27. package/cjs/Sidenav/Node.js +0 -0
  28. package/cjs/internals/Picker/SelectedElement.d.ts +2 -0
  29. package/cjs/internals/Picker/SelectedElement.js +4 -2
  30. package/dist/rsuite-no-reset.css +97 -7
  31. package/dist/rsuite-no-reset.min.css +1 -1
  32. package/dist/rsuite.css +97 -7
  33. package/dist/rsuite.js +265 -265
  34. package/dist/rsuite.min.css +1 -1
  35. package/dist/rsuite.min.js +1 -1
  36. package/dist/rsuite.min.js.map +1 -1
  37. package/esm/AutoComplete/utils.js +0 -0
  38. package/esm/Badge/Badge.d.ts +5 -1
  39. package/esm/Badge/Badge.js +4 -2
  40. package/esm/Breadcrumb/Breadcrumb.js +1 -1
  41. package/esm/CheckPicker/CheckPicker.js +5 -2
  42. package/esm/CheckTreePicker/CheckTreePicker.js +5 -2
  43. package/esm/DOMHelper/isElement.js +0 -0
  44. package/esm/DatePicker/Toolbar.js +4 -1
  45. package/esm/Dropdown/DropdownState.js +0 -0
  46. package/esm/List/ListContext.js +0 -0
  47. package/esm/List/helper/AutoScroller.js +0 -0
  48. package/esm/List/helper/useManager.js +0 -0
  49. package/esm/MaskedInput/adjustCaretPosition.js +0 -0
  50. package/esm/MaskedInput/types.js +0 -0
  51. package/esm/MaskedInput/utilities.js +0 -0
  52. package/esm/Modal/Modal.d.ts +5 -0
  53. package/esm/Modal/Modal.js +2 -0
  54. package/esm/Modal/utils.js +24 -5
  55. package/esm/MultiCascader/MultiCascader.js +5 -2
  56. package/esm/Sidenav/Node.js +0 -0
  57. package/esm/internals/Picker/SelectedElement.d.ts +2 -0
  58. package/esm/internals/Picker/SelectedElement.js +4 -2
  59. package/package.json +1 -1
package/dist/rsuite.css CHANGED
@@ -3952,11 +3952,33 @@ tbody.rs-anim-collapse.rs-anim-in{
3952
3952
  }
3953
3953
 
3954
3954
  .rs-badge{
3955
+ --rs-badge-font-size-xs:0.625rem;
3956
+ --rs-badge-font-size-sm:0.6875rem;
3957
+ --rs-badge-font-size-md:0.75rem;
3958
+ --rs-badge-font-size-lg:0.875rem;
3959
+ --rs-badge-font-size-xl:1rem;
3960
+ --rs-badge-line-height-xs:0.875rem;
3961
+ --rs-badge-line-height-sm:0.9375rem;
3962
+ --rs-badge-line-height-md:1rem;
3963
+ --rs-badge-line-height-lg:1.125rem;
3964
+ --rs-badge-line-height-xl:1.25rem;
3965
+ --rs-badge-one-char-size-xs:1rem;
3966
+ --rs-badge-one-char-size-sm:1.125rem;
3967
+ --rs-badge-one-char-size-md:1.25rem;
3968
+ --rs-badge-one-char-size-lg:1.5rem;
3969
+ --rs-badge-one-char-size-xl:1.75rem;
3970
+ --rs-badge-dot-size-xs:0.375rem;
3971
+ --rs-badge-dot-size-sm:0.5rem;
3972
+ --rs-badge-dot-size-md:0.625rem;
3973
+ --rs-badge-dot-size-lg:0.75rem;
3974
+ --rs-badge-dot-size-xl:0.875rem;
3955
3975
  --rs-badge-offset-x:5%;
3956
3976
  --rs-badge-offset-y:5%;
3957
3977
  --rs-badge-move:var(--rs-badge-offset, 40%);
3958
- --rs-badge-one-char-size:20px;
3959
- --rs-badge-dot-size:10px;
3978
+ --rs-badge-one-char-size:var(--rs-badge-one-char-size-md);
3979
+ --rs-badge-dot-size:var(--rs-badge-dot-size-md);
3980
+ --rs-badge-font-size:var(--rs-badge-font-size-md);
3981
+ --rs-badge-line-height:var(--rs-badge-line-height-md);
3960
3982
  --rs-badge-transform-top-start:translate(calc(-1 * var(--rs-badge-move)), calc(-1 * var(--rs-badge-move)));
3961
3983
  --rs-badge-transform-top-end:translate(var(--rs-badge-move), calc(-1 * var(--rs-badge-move)));
3962
3984
  --rs-badge-transform-bottom-start:translate(calc(-1 * var(--rs-badge-move)), var(--rs-badge-move));
@@ -3988,14 +4010,15 @@ tbody.rs-anim-collapse.rs-anim-in{
3988
4010
  background-color:var(--rs-badge-bg);
3989
4011
  color:var(--rs-badge-text);
3990
4012
  border-radius:var(--rs-radius-full);
3991
- font-size:var(--rs-font-size-xs);
3992
- line-height:1rem;
4013
+ font-size:var(--rs-badge-font-size);
4014
+ line-height:var(--rs-badge-line-height);
3993
4015
  padding-inline:0.3125rem;
3994
4016
  transition:opacity 0.3s ease-in-out;
3995
4017
  }
3996
4018
  .rs-badge[data-one-char=true] .rs-badge-content, .rs-badge[data-one-char=true][data-independent=true]{
3997
4019
  width:var(--rs-badge-one-char-size);
3998
4020
  height:var(--rs-badge-one-char-size);
4021
+ line-height:var(--rs-badge-one-char-size);
3999
4022
  }
4000
4023
  .rs-badge-content{
4001
4024
  box-sizing:border-box;
@@ -4073,12 +4096,47 @@ tbody.rs-anim-collapse.rs-anim-in{
4073
4096
  --rs-badge-bg:var(--rs-pink-500);
4074
4097
  }
4075
4098
 
4099
+ .rs-badge[data-size=xs]{
4100
+ --rs-badge-font-size:var(--rs-badge-font-size-xs);
4101
+ --rs-badge-line-height:var(--rs-badge-line-height-xs);
4102
+ --rs-badge-one-char-size:var(--rs-badge-one-char-size-xs);
4103
+ --rs-badge-dot-size:var(--rs-badge-dot-size-xs);
4104
+ }
4105
+
4106
+ .rs-badge[data-size=sm]{
4107
+ --rs-badge-font-size:var(--rs-badge-font-size-sm);
4108
+ --rs-badge-line-height:var(--rs-badge-line-height-sm);
4109
+ --rs-badge-one-char-size:var(--rs-badge-one-char-size-sm);
4110
+ --rs-badge-dot-size:var(--rs-badge-dot-size-sm);
4111
+ }
4112
+
4113
+ .rs-badge[data-size=md]{
4114
+ --rs-badge-font-size:var(--rs-badge-font-size-md);
4115
+ --rs-badge-line-height:var(--rs-badge-line-height-md);
4116
+ --rs-badge-one-char-size:var(--rs-badge-one-char-size-md);
4117
+ --rs-badge-dot-size:var(--rs-badge-dot-size-md);
4118
+ }
4119
+
4120
+ .rs-badge[data-size=lg]{
4121
+ --rs-badge-font-size:var(--rs-badge-font-size-lg);
4122
+ --rs-badge-line-height:var(--rs-badge-line-height-lg);
4123
+ --rs-badge-one-char-size:var(--rs-badge-one-char-size-lg);
4124
+ --rs-badge-dot-size:var(--rs-badge-dot-size-lg);
4125
+ }
4126
+
4127
+ .rs-badge[data-size=xl]{
4128
+ --rs-badge-font-size:var(--rs-badge-font-size-xl);
4129
+ --rs-badge-line-height:var(--rs-badge-line-height-xl);
4130
+ --rs-badge-one-char-size:var(--rs-badge-one-char-size-xl);
4131
+ --rs-badge-dot-size:var(--rs-badge-dot-size-xl);
4132
+ }
4133
+
4076
4134
  .rs-breadcrumb{
4077
4135
  --rs-breadcrumb-spacing:var(--rs-spacing);
4078
4136
  --rs-breadcrumb-size-sm:var(--rs-font-size-xs);
4079
4137
  --rs-breadcrumb-size-md:var(--rs-font-size-sm);
4080
4138
  --rs-breadcrumb-size-lg:var(--rs-font-size-md);
4081
- --rs-breadcrumb-size:var(--rs-breadcrumb-size-sm);
4139
+ --rs-breadcrumb-size:var(--rs-breadcrumb-size-md);
4082
4140
  font-size:var(--rs-breadcrumb-size);
4083
4141
  color:var(--rs-text-secondary);
4084
4142
  }
@@ -10397,6 +10455,11 @@ label:hover .rs-checkbox-control .rs-checkbox-inner::before{
10397
10455
  .rs-modal.rs-modal-full .rs-modal-dialog .rs-modal-footer{
10398
10456
  flex:0 0 auto;
10399
10457
  }
10458
+ .rs-modal.rs-modal-fill .rs-modal-dialog,
10459
+ .rs-modal.rs-modal-fill .rs-modal-body{
10460
+ margin:0;
10461
+ padding:0;
10462
+ }
10400
10463
  .rs-modal .rs-modal-dialog{
10401
10464
  position:relative;
10402
10465
  background-color:var(--rs-bg-overlay);
@@ -10734,6 +10797,10 @@ label:hover .rs-checkbox-control .rs-checkbox-inner::before{
10734
10797
  bottom:auto;
10735
10798
  top:0;
10736
10799
  }
10800
+ .rs-nav[data-appearance=subtle][data-direction=vertical]{
10801
+ display:flex;
10802
+ flex-direction:column;
10803
+ }
10737
10804
  .rs-nav[data-appearance=subtle][data-direction=vertical] .rs-nav-bar{
10738
10805
  width:2px;
10739
10806
  background:var(--rs-navs-subtle-border);
@@ -11245,10 +11312,33 @@ label:hover .rs-checkbox-control .rs-checkbox-inner::before{
11245
11312
  }
11246
11313
 
11247
11314
  .rs-pagination-group{
11248
- --pagination-group-gap:calc(var(--rs-spacing) * 2.5);
11315
+ --rs-pagination-font-size-xs:var(--rs-font-size-xs);
11316
+ --rs-pagination-font-size-sm:var(--rs-font-size-sm);
11317
+ --rs-pagination-font-size-md:var(--rs-font-size-sm);
11318
+ --rs-pagination-font-size-lg:var(--rs-font-size-md);
11319
+ --rs-pagination-group-gap:calc(var(--rs-spacing) * 2.5);
11249
11320
  display:flex;
11250
11321
  align-items:center;
11251
- gap:var(--pagination-group-gap);
11322
+ gap:var(--rs-pagination-group-gap);
11323
+ }
11324
+ .rs-pagination-group-total, .rs-pagination-group-skip{
11325
+ font-size:var(--rs-pagination-font-size-md);
11326
+ }
11327
+ .rs-pagination-group[data-size=xs] .rs-pagination-group-total,
11328
+ .rs-pagination-group[data-size=xs] .rs-pagination-group-skip{
11329
+ font-size:var(--rs-pagination-font-size-xs);
11330
+ }
11331
+ .rs-pagination-group[data-size=sm] .rs-pagination-group-total,
11332
+ .rs-pagination-group[data-size=sm] .rs-pagination-group-skip{
11333
+ font-size:var(--rs-pagination-font-size-sm);
11334
+ }
11335
+ .rs-pagination-group[data-size=md] .rs-pagination-group-total,
11336
+ .rs-pagination-group[data-size=md] .rs-pagination-group-skip{
11337
+ font-size:var(--rs-pagination-font-size-md);
11338
+ }
11339
+ .rs-pagination-group[data-size=lg] .rs-pagination-group-total,
11340
+ .rs-pagination-group[data-size=lg] .rs-pagination-group-skip{
11341
+ font-size:var(--rs-pagination-font-size-lg);
11252
11342
  }
11253
11343
  .rs-pagination-group-grow{
11254
11344
  flex-grow:1;