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/Badge/styles/index.css CHANGED
@@ -78,7 +78,6 @@ body{
78
78
 
79
79
  :root{
80
80
  --rs-font-family-base:-apple-system, BlinkMacSystemFont, Arial, Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", STXihei, sans-serif;
81
- --rs-font-size-xs:0.75rem;
82
81
  --rs-font-size-sm:0.875rem;
83
82
  --rs-line-height-md:calc(20 / 14);
84
83
  --rs-radius-full:62.5rem;
@@ -136,11 +135,33 @@ body{
136
135
  }
137
136
  }
138
137
  .rs-badge{
138
+ --rs-badge-font-size-xs:0.625rem;
139
+ --rs-badge-font-size-sm:0.6875rem;
140
+ --rs-badge-font-size-md:0.75rem;
141
+ --rs-badge-font-size-lg:0.875rem;
142
+ --rs-badge-font-size-xl:1rem;
143
+ --rs-badge-line-height-xs:0.875rem;
144
+ --rs-badge-line-height-sm:0.9375rem;
145
+ --rs-badge-line-height-md:1rem;
146
+ --rs-badge-line-height-lg:1.125rem;
147
+ --rs-badge-line-height-xl:1.25rem;
148
+ --rs-badge-one-char-size-xs:1rem;
149
+ --rs-badge-one-char-size-sm:1.125rem;
150
+ --rs-badge-one-char-size-md:1.25rem;
151
+ --rs-badge-one-char-size-lg:1.5rem;
152
+ --rs-badge-one-char-size-xl:1.75rem;
153
+ --rs-badge-dot-size-xs:0.375rem;
154
+ --rs-badge-dot-size-sm:0.5rem;
155
+ --rs-badge-dot-size-md:0.625rem;
156
+ --rs-badge-dot-size-lg:0.75rem;
157
+ --rs-badge-dot-size-xl:0.875rem;
139
158
  --rs-badge-offset-x:5%;
140
159
  --rs-badge-offset-y:5%;
141
160
  --rs-badge-move:var(--rs-badge-offset, 40%);
142
- --rs-badge-one-char-size:20px;
143
- --rs-badge-dot-size:10px;
161
+ --rs-badge-one-char-size:var(--rs-badge-one-char-size-md);
162
+ --rs-badge-dot-size:var(--rs-badge-dot-size-md);
163
+ --rs-badge-font-size:var(--rs-badge-font-size-md);
164
+ --rs-badge-line-height:var(--rs-badge-line-height-md);
144
165
  --rs-badge-transform-top-start:translate(calc(-1 * var(--rs-badge-move)), calc(-1 * var(--rs-badge-move)));
145
166
  --rs-badge-transform-top-end:translate(var(--rs-badge-move), calc(-1 * var(--rs-badge-move)));
146
167
  --rs-badge-transform-bottom-start:translate(calc(-1 * var(--rs-badge-move)), var(--rs-badge-move));
@@ -172,14 +193,15 @@ body{
172
193
  background-color:var(--rs-badge-bg);
173
194
  color:var(--rs-badge-text);
174
195
  border-radius:var(--rs-radius-full);
175
- font-size:var(--rs-font-size-xs);
176
- line-height:1rem;
196
+ font-size:var(--rs-badge-font-size);
197
+ line-height:var(--rs-badge-line-height);
177
198
  padding-inline:0.3125rem;
178
199
  transition:opacity 0.3s ease-in-out;
179
200
  }
180
201
  .rs-badge[data-one-char=true] .rs-badge-content, .rs-badge[data-one-char=true][data-independent=true]{
181
202
  width:var(--rs-badge-one-char-size);
182
203
  height:var(--rs-badge-one-char-size);
204
+ line-height:var(--rs-badge-one-char-size);
183
205
  }
184
206
  .rs-badge-content{
185
207
  box-sizing:border-box;
@@ -255,4 +277,39 @@ body{
255
277
 
256
278
  .rs-badge[data-color=pink]{
257
279
  --rs-badge-bg:var(--rs-pink-500);
280
+ }
281
+
282
+ .rs-badge[data-size=xs]{
283
+ --rs-badge-font-size:var(--rs-badge-font-size-xs);
284
+ --rs-badge-line-height:var(--rs-badge-line-height-xs);
285
+ --rs-badge-one-char-size:var(--rs-badge-one-char-size-xs);
286
+ --rs-badge-dot-size:var(--rs-badge-dot-size-xs);
287
+ }
288
+
289
+ .rs-badge[data-size=sm]{
290
+ --rs-badge-font-size:var(--rs-badge-font-size-sm);
291
+ --rs-badge-line-height:var(--rs-badge-line-height-sm);
292
+ --rs-badge-one-char-size:var(--rs-badge-one-char-size-sm);
293
+ --rs-badge-dot-size:var(--rs-badge-dot-size-sm);
294
+ }
295
+
296
+ .rs-badge[data-size=md]{
297
+ --rs-badge-font-size:var(--rs-badge-font-size-md);
298
+ --rs-badge-line-height:var(--rs-badge-line-height-md);
299
+ --rs-badge-one-char-size:var(--rs-badge-one-char-size-md);
300
+ --rs-badge-dot-size:var(--rs-badge-dot-size-md);
301
+ }
302
+
303
+ .rs-badge[data-size=lg]{
304
+ --rs-badge-font-size:var(--rs-badge-font-size-lg);
305
+ --rs-badge-line-height:var(--rs-badge-line-height-lg);
306
+ --rs-badge-one-char-size:var(--rs-badge-one-char-size-lg);
307
+ --rs-badge-dot-size:var(--rs-badge-dot-size-lg);
308
+ }
309
+
310
+ .rs-badge[data-size=xl]{
311
+ --rs-badge-font-size:var(--rs-badge-font-size-xl);
312
+ --rs-badge-line-height:var(--rs-badge-line-height-xl);
313
+ --rs-badge-one-char-size:var(--rs-badge-one-char-size-xl);
314
+ --rs-badge-dot-size:var(--rs-badge-dot-size-xl);
258
315
  }
package/Breadcrumb/styles/index.css CHANGED
@@ -57,7 +57,6 @@ body{
57
57
 
58
58
  :root{
59
59
  --rs-font-family-base:-apple-system, BlinkMacSystemFont, Arial, Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", STXihei, sans-serif;
60
- --rs-font-size-xs:0.75rem;
61
60
  --rs-font-size-sm:0.875rem;
62
61
  --rs-line-height-md:calc(20 / 14);
63
62
  --rs-spacing:0.25rem;
@@ -115,8 +114,8 @@ body{
115
114
  }
116
115
  .rs-breadcrumb{
117
116
  --rs-breadcrumb-spacing:var(--rs-spacing);
118
- --rs-breadcrumb-size-sm:var(--rs-font-size-xs);
119
- --rs-breadcrumb-size:var(--rs-breadcrumb-size-sm);
117
+ --rs-breadcrumb-size-md:var(--rs-font-size-sm);
118
+ --rs-breadcrumb-size:var(--rs-breadcrumb-size-md);
120
119
  font-size:var(--rs-breadcrumb-size);
121
120
  color:var(--rs-text-secondary);
122
121
  }