rsuite 6.0.0-canary-20250620 → 6.0.0-canary-20250622

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 (193) hide show
  1. package/Accordion/styles/index.css +0 -78
  2. package/AutoComplete/styles/index.css +1 -79
  3. package/Avatar/styles/index.css +0 -78
  4. package/AvatarGroup/styles/index.css +0 -78
  5. package/Badge/styles/index.css +0 -78
  6. package/Box/styles/index.css +0 -78
  7. package/Breadcrumb/styles/index.css +0 -78
  8. package/Button/styles/index.css +0 -78
  9. package/ButtonGroup/styles/index.css +0 -78
  10. package/ButtonToolbar/styles/index.css +0 -82
  11. package/Calendar/styles/index.css +0 -78
  12. package/Card/styles/index.css +0 -78
  13. package/CardGroup/styles/index.css +0 -78
  14. package/Carousel/styles/index.css +0 -78
  15. package/CascadeTree/styles/index.css +0 -78
  16. package/Cascader/styles/index.css +1 -79
  17. package/Center/styles/index.css +0 -78
  18. package/CheckPicker/styles/index.css +1 -79
  19. package/CheckTree/styles/index.css +1 -79
  20. package/CheckTreePicker/styles/index.css +1 -79
  21. package/Checkbox/styles/index.css +0 -78
  22. package/CheckboxGroup/styles/index.css +0 -78
  23. package/Container/styles/index.css +0 -78
  24. package/Content/styles/index.css +0 -78
  25. package/DateInput/styles/index.css +0 -78
  26. package/DatePicker/styles/index.css +1 -79
  27. package/DateRangeInput/styles/index.css +0 -78
  28. package/DateRangePicker/styles/index.css +1 -79
  29. package/Divider/styles/index.css +0 -78
  30. package/Drawer/styles/index.css +0 -78
  31. package/Dropdown/styles/index.css +0 -78
  32. package/FlexboxGrid/styles/index.css +0 -78
  33. package/Footer/styles/index.css +0 -78
  34. package/Form/styles/index.css +0 -78
  35. package/FormControl/styles/index.css +0 -78
  36. package/FormControlLabel/styles/index.css +0 -78
  37. package/FormErrorMessage/styles/index.css +0 -78
  38. package/FormGroup/styles/index.css +0 -78
  39. package/FormHelpText/styles/index.css +0 -78
  40. package/FormStack/styles/index.css +0 -78
  41. package/Grid/styles/index.css +0 -78
  42. package/Header/styles/index.css +0 -78
  43. package/Heading/styles/index.css +0 -78
  44. package/HeadingGroup/styles/index.css +0 -78
  45. package/Highlight/styles/index.css +0 -78
  46. package/IconButton/styles/index.css +0 -78
  47. package/Image/styles/index.css +0 -78
  48. package/InlineEdit/styles/index.css +0 -78
  49. package/Input/styles/index.css +0 -78
  50. package/InputGroup/styles/index.css +1 -79
  51. package/InputNumber/styles/index.css +1 -79
  52. package/InputPicker/styles/index.css +1 -79
  53. package/Kbd/styles/index.css +0 -78
  54. package/Link/styles/index.css +0 -78
  55. package/List/styles/index.css +0 -78
  56. package/Loader/styles/index.css +0 -78
  57. package/Menu/styles/index.css +0 -78
  58. package/Message/styles/index.css +0 -78
  59. package/Modal/styles/index.css +0 -78
  60. package/MultiCascadeTree/styles/index.css +1 -79
  61. package/MultiCascader/styles/index.css +1 -79
  62. package/Nav/styles/index.css +0 -78
  63. package/Navbar/styles/index.css +0 -78
  64. package/Notification/styles/index.css +0 -78
  65. package/NumberInput/styles/index.css +1 -79
  66. package/Pagination/styles/index.css +1 -79
  67. package/Panel/styles/index.css +0 -78
  68. package/PanelGroup/styles/index.css +0 -78
  69. package/PasswordInput/styles/index.css +1 -79
  70. package/PasswordStrengthMeter/styles/index.css +0 -78
  71. package/PinInput/styles/index.css +0 -78
  72. package/Placeholder/styles/index.css +0 -78
  73. package/Popover/styles/index.css +0 -78
  74. package/Progress/styles/index.css +0 -78
  75. package/ProgressCircle/styles/index.css +0 -78
  76. package/Radio/styles/index.css +0 -78
  77. package/RadioGroup/styles/index.css +0 -78
  78. package/RadioTile/styles/index.css +0 -78
  79. package/RangeSlider/styles/index.css +0 -78
  80. package/Rate/styles/index.css +0 -78
  81. package/SegmentedControl/package.json +7 -0
  82. package/SegmentedControl/styles/index.css +159 -0
  83. package/SelectPicker/styles/index.css +1 -79
  84. package/Sidebar/styles/index.css +0 -78
  85. package/Sidenav/styles/index.css +0 -78
  86. package/Slider/styles/index.css +0 -78
  87. package/Stack/styles/index.css +0 -78
  88. package/Stat/styles/index.css +0 -78
  89. package/StatGroup/styles/index.css +0 -78
  90. package/Steps/styles/index.css +0 -78
  91. package/Table/styles/index.css +0 -78
  92. package/Tabs/styles/index.css +0 -78
  93. package/Tag/styles/index.css +0 -78
  94. package/TagGroup/styles/index.css +0 -78
  95. package/TagInput/styles/index.css +1 -79
  96. package/TagPicker/styles/index.css +1 -79
  97. package/Text/styles/index.css +0 -78
  98. package/Textarea/styles/index.css +0 -78
  99. package/TimePicker/styles/index.css +1 -79
  100. package/TimeRangePicker/styles/index.css +1 -79
  101. package/Timeline/styles/index.css +0 -78
  102. package/Toggle/styles/index.css +0 -78
  103. package/Tooltip/styles/index.css +0 -78
  104. package/Tree/styles/index.css +1 -79
  105. package/TreePicker/styles/index.css +1 -79
  106. package/Uploader/styles/index.css +0 -78
  107. package/cjs/ButtonToolbar/ButtonToolbar.js +2 -0
  108. package/cjs/Grid/utils/styles.d.ts +1 -1
  109. package/cjs/InputPicker/utils.d.ts +1 -1
  110. package/cjs/Nav/Nav.d.ts +2 -3
  111. package/cjs/RadioGroup/RadioGroup.d.ts +4 -1
  112. package/cjs/SegmentedControl/Indicator.d.ts +10 -0
  113. package/cjs/SegmentedControl/Indicator.js +22 -0
  114. package/cjs/SegmentedControl/SegmentedControl.d.ts +27 -0
  115. package/cjs/SegmentedControl/SegmentedControl.js +87 -0
  116. package/cjs/SegmentedControl/SegmentedItem.d.ts +16 -0
  117. package/cjs/SegmentedControl/SegmentedItem.js +44 -0
  118. package/cjs/SegmentedControl/hooks/useIndicatorPosition.d.ts +17 -0
  119. package/cjs/SegmentedControl/hooks/useIndicatorPosition.js +55 -0
  120. package/cjs/SegmentedControl/index.d.ts +4 -0
  121. package/cjs/SegmentedControl/index.js +11 -0
  122. package/cjs/Slider/ProgressBar.js +1 -1
  123. package/cjs/Stack/Stack.js +20 -5
  124. package/cjs/Stack/utils.d.ts +9 -0
  125. package/cjs/Stack/utils.js +38 -0
  126. package/cjs/Tabs/Tabs.d.ts +4 -2
  127. package/cjs/index.d.ts +1 -0
  128. package/cjs/index.js +6 -0
  129. package/cjs/internals/Box/Box.d.ts +27 -27
  130. package/cjs/internals/Box/Box.js +13 -8
  131. package/cjs/internals/Box/utils.d.ts +4 -1
  132. package/cjs/internals/Box/utils.js +154 -13
  133. package/cjs/internals/Provider/types.d.ts +2 -0
  134. package/cjs/internals/constants/index.js +2 -2
  135. package/cjs/internals/hooks/useElementResize.d.ts +2 -1
  136. package/cjs/internals/hooks/useElementResize.js +50 -7
  137. package/cjs/internals/hooks/useStyled.d.ts +60 -0
  138. package/cjs/internals/hooks/useStyled.js +257 -0
  139. package/cjs/internals/utils/colours.js +1 -1
  140. package/cjs/internals/utils/style-sheet/css.d.ts +1 -1
  141. package/cjs/internals/utils/style-sheet/css.js +1 -1
  142. package/cjs/internals/utils/style-sheet/index.d.ts +1 -0
  143. package/cjs/internals/utils/style-sheet/index.js +6 -0
  144. package/cjs/internals/utils/style-sheet/style-manager.d.ts +50 -0
  145. package/cjs/internals/utils/style-sheet/style-manager.js +97 -0
  146. package/dist/rsuite-no-reset.css +200 -101
  147. package/dist/rsuite-no-reset.min.css +1 -1
  148. package/dist/rsuite.css +200 -101
  149. package/dist/rsuite.js +172 -14
  150. package/dist/rsuite.js.map +1 -1
  151. package/dist/rsuite.min.css +1 -1
  152. package/dist/rsuite.min.js +1 -1
  153. package/dist/rsuite.min.js.map +1 -1
  154. package/esm/ButtonToolbar/ButtonToolbar.js +2 -0
  155. package/esm/Grid/utils/styles.d.ts +1 -1
  156. package/esm/InputPicker/utils.d.ts +1 -1
  157. package/esm/Nav/Nav.d.ts +2 -3
  158. package/esm/RadioGroup/RadioGroup.d.ts +4 -1
  159. package/esm/SegmentedControl/Indicator.d.ts +10 -0
  160. package/esm/SegmentedControl/Indicator.js +17 -0
  161. package/esm/SegmentedControl/SegmentedControl.d.ts +27 -0
  162. package/esm/SegmentedControl/SegmentedControl.js +81 -0
  163. package/esm/SegmentedControl/SegmentedItem.d.ts +16 -0
  164. package/esm/SegmentedControl/SegmentedItem.js +39 -0
  165. package/esm/SegmentedControl/hooks/useIndicatorPosition.d.ts +17 -0
  166. package/esm/SegmentedControl/hooks/useIndicatorPosition.js +50 -0
  167. package/esm/SegmentedControl/index.d.ts +4 -0
  168. package/esm/SegmentedControl/index.js +8 -0
  169. package/esm/Slider/ProgressBar.js +1 -1
  170. package/esm/Stack/Stack.js +21 -6
  171. package/esm/Stack/utils.d.ts +9 -0
  172. package/esm/Stack/utils.js +35 -0
  173. package/esm/Tabs/Tabs.d.ts +4 -2
  174. package/esm/index.d.ts +1 -0
  175. package/esm/index.js +1 -0
  176. package/esm/internals/Box/Box.d.ts +27 -27
  177. package/esm/internals/Box/Box.js +9 -4
  178. package/esm/internals/Box/utils.d.ts +4 -1
  179. package/esm/internals/Box/utils.js +153 -13
  180. package/esm/internals/Provider/types.d.ts +2 -0
  181. package/esm/internals/constants/index.js +2 -2
  182. package/esm/internals/hooks/useElementResize.d.ts +2 -1
  183. package/esm/internals/hooks/useElementResize.js +50 -7
  184. package/esm/internals/hooks/useStyled.d.ts +60 -0
  185. package/esm/internals/hooks/useStyled.js +251 -0
  186. package/esm/internals/utils/colours.js +1 -1
  187. package/esm/internals/utils/style-sheet/css.d.ts +1 -1
  188. package/esm/internals/utils/style-sheet/css.js +1 -1
  189. package/esm/internals/utils/style-sheet/index.d.ts +1 -0
  190. package/esm/internals/utils/style-sheet/index.js +2 -1
  191. package/esm/internals/utils/style-sheet/style-manager.d.ts +50 -0
  192. package/esm/internals/utils/style-sheet/style-manager.js +93 -0
  193. package/package.json +1 -1
@@ -114,84 +114,6 @@ body{
114
114
  --rs-radius-md:0.375rem;
115
115
  --rs-cursor-disabled:not-allowed;
116
116
  }
117
- [data-rs=box][style*="--rs-box-p"]{
118
- padding:var(--rs-box-p);
119
- }
120
- [data-rs=box][style*="--rs-box-pt"]{
121
- padding-top:var(--rs-box-pt);
122
- }
123
- [data-rs=box][style*="--rs-box-pb"]{
124
- padding-bottom:var(--rs-box-pb);
125
- }
126
- [data-rs=box][style*="--rs-box-pl"]{
127
- padding-left:var(--rs-box-pl);
128
- }
129
- [data-rs=box][style*="--rs-box-pr"]{
130
- padding-right:var(--rs-box-pr);
131
- }
132
- [data-rs=box][style*="--rs-box-px"]{
133
- padding-inline:var(--rs-box-px);
134
- }
135
- [data-rs=box][style*="--rs-box-py"]{
136
- padding-block:var(--rs-box-py);
137
- }
138
- [data-rs=box][style*="--rs-box-m"]{
139
- margin:var(--rs-box-m);
140
- }
141
- [data-rs=box][style*="--rs-box-mt"]{
142
- margin-top:var(--rs-box-mt);
143
- }
144
- [data-rs=box][style*="--rs-box-mb"]{
145
- margin-bottom:var(--rs-box-mb);
146
- }
147
- [data-rs=box][style*="--rs-box-ml"]{
148
- margin-left:var(--rs-box-ml);
149
- }
150
- [data-rs=box][style*="--rs-box-mr"]{
151
- margin-right:var(--rs-box-mr);
152
- }
153
- [data-rs=box][style*="--rs-box-mx"]{
154
- margin-inline:var(--rs-box-mx);
155
- }
156
- [data-rs=box][style*="--rs-box-my"]{
157
- margin-block:var(--rs-box-my);
158
- }
159
- [data-rs=box][style*="--rs-box-w"]{
160
- width:var(--rs-box-w);
161
- }
162
- [data-rs=box][style*="--rs-box-h"]{
163
- height:var(--rs-box-h);
164
- }
165
- [data-rs=box][style*="--rs-box-maxw"]{
166
- max-width:var(--rs-box-maxw);
167
- }
168
- [data-rs=box][style*="--rs-box-maxh"]{
169
- max-height:var(--rs-box-maxh);
170
- }
171
- [data-rs=box][style*="--rs-box-minw"]{
172
- min-width:var(--rs-box-minw);
173
- }
174
- [data-rs=box][style*="--rs-box-minh"]{
175
- min-height:var(--rs-box-minh);
176
- }
177
- [data-rs=box][style*="--rs-box-c"]{
178
- color:var(--rs-box-c);
179
- }
180
- [data-rs=box][style*="--rs-box-bd"]{
181
- border:var(--rs-box-bd);
182
- }
183
- [data-rs=box][style*="--rs-box-rounded"]{
184
- border-radius:var(--rs-box-rounded);
185
- }
186
- [data-rs=box][style*="--rs-box-shadow"]{
187
- box-shadow:var(--rs-box-shadow);
188
- }
189
- [data-rs=box][style*="--rs-box-bg"]{
190
- background:var(--rs-box-bg);
191
- }
192
- [data-rs=box][style*="--rs-box-display"]{
193
- display:var(--rs-box-display);
194
- }
195
117
 
196
118
  @media (max-width: calc(576px - 1px)){
197
119
  [data-visible-from=xs]{
@@ -220,84 +220,6 @@ body{
220
220
  --rs-radius-full:62.5rem;
221
221
  --rs-zindex-message-full:3;
222
222
  }
223
- [data-rs=box][style*="--rs-box-p"]{
224
- padding:var(--rs-box-p);
225
- }
226
- [data-rs=box][style*="--rs-box-pt"]{
227
- padding-top:var(--rs-box-pt);
228
- }
229
- [data-rs=box][style*="--rs-box-pb"]{
230
- padding-bottom:var(--rs-box-pb);
231
- }
232
- [data-rs=box][style*="--rs-box-pl"]{
233
- padding-left:var(--rs-box-pl);
234
- }
235
- [data-rs=box][style*="--rs-box-pr"]{
236
- padding-right:var(--rs-box-pr);
237
- }
238
- [data-rs=box][style*="--rs-box-px"]{
239
- padding-inline:var(--rs-box-px);
240
- }
241
- [data-rs=box][style*="--rs-box-py"]{
242
- padding-block:var(--rs-box-py);
243
- }
244
- [data-rs=box][style*="--rs-box-m"]{
245
- margin:var(--rs-box-m);
246
- }
247
- [data-rs=box][style*="--rs-box-mt"]{
248
- margin-top:var(--rs-box-mt);
249
- }
250
- [data-rs=box][style*="--rs-box-mb"]{
251
- margin-bottom:var(--rs-box-mb);
252
- }
253
- [data-rs=box][style*="--rs-box-ml"]{
254
- margin-left:var(--rs-box-ml);
255
- }
256
- [data-rs=box][style*="--rs-box-mr"]{
257
- margin-right:var(--rs-box-mr);
258
- }
259
- [data-rs=box][style*="--rs-box-mx"]{
260
- margin-inline:var(--rs-box-mx);
261
- }
262
- [data-rs=box][style*="--rs-box-my"]{
263
- margin-block:var(--rs-box-my);
264
- }
265
- [data-rs=box][style*="--rs-box-w"]{
266
- width:var(--rs-box-w);
267
- }
268
- [data-rs=box][style*="--rs-box-h"]{
269
- height:var(--rs-box-h);
270
- }
271
- [data-rs=box][style*="--rs-box-maxw"]{
272
- max-width:var(--rs-box-maxw);
273
- }
274
- [data-rs=box][style*="--rs-box-maxh"]{
275
- max-height:var(--rs-box-maxh);
276
- }
277
- [data-rs=box][style*="--rs-box-minw"]{
278
- min-width:var(--rs-box-minw);
279
- }
280
- [data-rs=box][style*="--rs-box-minh"]{
281
- min-height:var(--rs-box-minh);
282
- }
283
- [data-rs=box][style*="--rs-box-c"]{
284
- color:var(--rs-box-c);
285
- }
286
- [data-rs=box][style*="--rs-box-bd"]{
287
- border:var(--rs-box-bd);
288
- }
289
- [data-rs=box][style*="--rs-box-rounded"]{
290
- border-radius:var(--rs-box-rounded);
291
- }
292
- [data-rs=box][style*="--rs-box-shadow"]{
293
- box-shadow:var(--rs-box-shadow);
294
- }
295
- [data-rs=box][style*="--rs-box-bg"]{
296
- background:var(--rs-box-bg);
297
- }
298
- [data-rs=box][style*="--rs-box-display"]{
299
- display:var(--rs-box-display);
300
- }
301
223
 
302
224
  @media (max-width: calc(576px - 1px)){
303
225
  [data-visible-from=xs]{
@@ -90,84 +90,6 @@ body{
90
90
  --rs-shadow-lg:0 10px 15px -3px var(--rs-shadow-color), 0 4px 6px 0 var(--rs-shadow-color);
91
91
  --rs-zindex-modal:1050;
92
92
  }
93
- [data-rs=box][style*="--rs-box-p"]{
94
- padding:var(--rs-box-p);
95
- }
96
- [data-rs=box][style*="--rs-box-pt"]{
97
- padding-top:var(--rs-box-pt);
98
- }
99
- [data-rs=box][style*="--rs-box-pb"]{
100
- padding-bottom:var(--rs-box-pb);
101
- }
102
- [data-rs=box][style*="--rs-box-pl"]{
103
- padding-left:var(--rs-box-pl);
104
- }
105
- [data-rs=box][style*="--rs-box-pr"]{
106
- padding-right:var(--rs-box-pr);
107
- }
108
- [data-rs=box][style*="--rs-box-px"]{
109
- padding-inline:var(--rs-box-px);
110
- }
111
- [data-rs=box][style*="--rs-box-py"]{
112
- padding-block:var(--rs-box-py);
113
- }
114
- [data-rs=box][style*="--rs-box-m"]{
115
- margin:var(--rs-box-m);
116
- }
117
- [data-rs=box][style*="--rs-box-mt"]{
118
- margin-top:var(--rs-box-mt);
119
- }
120
- [data-rs=box][style*="--rs-box-mb"]{
121
- margin-bottom:var(--rs-box-mb);
122
- }
123
- [data-rs=box][style*="--rs-box-ml"]{
124
- margin-left:var(--rs-box-ml);
125
- }
126
- [data-rs=box][style*="--rs-box-mr"]{
127
- margin-right:var(--rs-box-mr);
128
- }
129
- [data-rs=box][style*="--rs-box-mx"]{
130
- margin-inline:var(--rs-box-mx);
131
- }
132
- [data-rs=box][style*="--rs-box-my"]{
133
- margin-block:var(--rs-box-my);
134
- }
135
- [data-rs=box][style*="--rs-box-w"]{
136
- width:var(--rs-box-w);
137
- }
138
- [data-rs=box][style*="--rs-box-h"]{
139
- height:var(--rs-box-h);
140
- }
141
- [data-rs=box][style*="--rs-box-maxw"]{
142
- max-width:var(--rs-box-maxw);
143
- }
144
- [data-rs=box][style*="--rs-box-maxh"]{
145
- max-height:var(--rs-box-maxh);
146
- }
147
- [data-rs=box][style*="--rs-box-minw"]{
148
- min-width:var(--rs-box-minw);
149
- }
150
- [data-rs=box][style*="--rs-box-minh"]{
151
- min-height:var(--rs-box-minh);
152
- }
153
- [data-rs=box][style*="--rs-box-c"]{
154
- color:var(--rs-box-c);
155
- }
156
- [data-rs=box][style*="--rs-box-bd"]{
157
- border:var(--rs-box-bd);
158
- }
159
- [data-rs=box][style*="--rs-box-rounded"]{
160
- border-radius:var(--rs-box-rounded);
161
- }
162
- [data-rs=box][style*="--rs-box-shadow"]{
163
- box-shadow:var(--rs-box-shadow);
164
- }
165
- [data-rs=box][style*="--rs-box-bg"]{
166
- background:var(--rs-box-bg);
167
- }
168
- [data-rs=box][style*="--rs-box-display"]{
169
- display:var(--rs-box-display);
170
- }
171
93
 
172
94
  @media (max-width: calc(576px - 1px)){
173
95
  [data-visible-from=xs]{
@@ -528,84 +528,6 @@ body{
528
528
  --rs-zindex-modal:1050;
529
529
  --rs-zindex-drawer:1050;
530
530
  }
531
- [data-rs=box][style*="--rs-box-p"]{
532
- padding:var(--rs-box-p);
533
- }
534
- [data-rs=box][style*="--rs-box-pt"]{
535
- padding-top:var(--rs-box-pt);
536
- }
537
- [data-rs=box][style*="--rs-box-pb"]{
538
- padding-bottom:var(--rs-box-pb);
539
- }
540
- [data-rs=box][style*="--rs-box-pl"]{
541
- padding-left:var(--rs-box-pl);
542
- }
543
- [data-rs=box][style*="--rs-box-pr"]{
544
- padding-right:var(--rs-box-pr);
545
- }
546
- [data-rs=box][style*="--rs-box-px"]{
547
- padding-inline:var(--rs-box-px);
548
- }
549
- [data-rs=box][style*="--rs-box-py"]{
550
- padding-block:var(--rs-box-py);
551
- }
552
- [data-rs=box][style*="--rs-box-m"]{
553
- margin:var(--rs-box-m);
554
- }
555
- [data-rs=box][style*="--rs-box-mt"]{
556
- margin-top:var(--rs-box-mt);
557
- }
558
- [data-rs=box][style*="--rs-box-mb"]{
559
- margin-bottom:var(--rs-box-mb);
560
- }
561
- [data-rs=box][style*="--rs-box-ml"]{
562
- margin-left:var(--rs-box-ml);
563
- }
564
- [data-rs=box][style*="--rs-box-mr"]{
565
- margin-right:var(--rs-box-mr);
566
- }
567
- [data-rs=box][style*="--rs-box-mx"]{
568
- margin-inline:var(--rs-box-mx);
569
- }
570
- [data-rs=box][style*="--rs-box-my"]{
571
- margin-block:var(--rs-box-my);
572
- }
573
- [data-rs=box][style*="--rs-box-w"]{
574
- width:var(--rs-box-w);
575
- }
576
- [data-rs=box][style*="--rs-box-h"]{
577
- height:var(--rs-box-h);
578
- }
579
- [data-rs=box][style*="--rs-box-maxw"]{
580
- max-width:var(--rs-box-maxw);
581
- }
582
- [data-rs=box][style*="--rs-box-maxh"]{
583
- max-height:var(--rs-box-maxh);
584
- }
585
- [data-rs=box][style*="--rs-box-minw"]{
586
- min-width:var(--rs-box-minw);
587
- }
588
- [data-rs=box][style*="--rs-box-minh"]{
589
- min-height:var(--rs-box-minh);
590
- }
591
- [data-rs=box][style*="--rs-box-c"]{
592
- color:var(--rs-box-c);
593
- }
594
- [data-rs=box][style*="--rs-box-bd"]{
595
- border:var(--rs-box-bd);
596
- }
597
- [data-rs=box][style*="--rs-box-rounded"]{
598
- border-radius:var(--rs-box-rounded);
599
- }
600
- [data-rs=box][style*="--rs-box-shadow"]{
601
- box-shadow:var(--rs-box-shadow);
602
- }
603
- [data-rs=box][style*="--rs-box-bg"]{
604
- background:var(--rs-box-bg);
605
- }
606
- [data-rs=box][style*="--rs-box-display"]{
607
- display:var(--rs-box-display);
608
- }
609
531
 
610
532
  @media (max-width: calc(576px - 1px)){
611
533
  [data-visible-from=xs]{
@@ -1331,7 +1253,7 @@ label:hover .rs-checkbox-control .rs-checkbox-inner::before{
1331
1253
  --rs-input-group-font-size-sm:var(--rs-font-size-sm);
1332
1254
  --rs-input-group-font-size-md:var(--rs-font-size-sm);
1333
1255
  --rs-input-group-font-size-lg:var(--rs-font-size-md);
1334
- --rs-input-group-width:var(--rs-box-w, 100%);
1256
+ --rs-input-group-width:100%;
1335
1257
  position:relative;
1336
1258
  display:flex;
1337
1259
  border-radius:var(--rs-input-group-border-radius);
@@ -528,84 +528,6 @@ body{
528
528
  --rs-zindex-modal:1050;
529
529
  --rs-zindex-drawer:1050;
530
530
  }
531
- [data-rs=box][style*="--rs-box-p"]{
532
- padding:var(--rs-box-p);
533
- }
534
- [data-rs=box][style*="--rs-box-pt"]{
535
- padding-top:var(--rs-box-pt);
536
- }
537
- [data-rs=box][style*="--rs-box-pb"]{
538
- padding-bottom:var(--rs-box-pb);
539
- }
540
- [data-rs=box][style*="--rs-box-pl"]{
541
- padding-left:var(--rs-box-pl);
542
- }
543
- [data-rs=box][style*="--rs-box-pr"]{
544
- padding-right:var(--rs-box-pr);
545
- }
546
- [data-rs=box][style*="--rs-box-px"]{
547
- padding-inline:var(--rs-box-px);
548
- }
549
- [data-rs=box][style*="--rs-box-py"]{
550
- padding-block:var(--rs-box-py);
551
- }
552
- [data-rs=box][style*="--rs-box-m"]{
553
- margin:var(--rs-box-m);
554
- }
555
- [data-rs=box][style*="--rs-box-mt"]{
556
- margin-top:var(--rs-box-mt);
557
- }
558
- [data-rs=box][style*="--rs-box-mb"]{
559
- margin-bottom:var(--rs-box-mb);
560
- }
561
- [data-rs=box][style*="--rs-box-ml"]{
562
- margin-left:var(--rs-box-ml);
563
- }
564
- [data-rs=box][style*="--rs-box-mr"]{
565
- margin-right:var(--rs-box-mr);
566
- }
567
- [data-rs=box][style*="--rs-box-mx"]{
568
- margin-inline:var(--rs-box-mx);
569
- }
570
- [data-rs=box][style*="--rs-box-my"]{
571
- margin-block:var(--rs-box-my);
572
- }
573
- [data-rs=box][style*="--rs-box-w"]{
574
- width:var(--rs-box-w);
575
- }
576
- [data-rs=box][style*="--rs-box-h"]{
577
- height:var(--rs-box-h);
578
- }
579
- [data-rs=box][style*="--rs-box-maxw"]{
580
- max-width:var(--rs-box-maxw);
581
- }
582
- [data-rs=box][style*="--rs-box-maxh"]{
583
- max-height:var(--rs-box-maxh);
584
- }
585
- [data-rs=box][style*="--rs-box-minw"]{
586
- min-width:var(--rs-box-minw);
587
- }
588
- [data-rs=box][style*="--rs-box-minh"]{
589
- min-height:var(--rs-box-minh);
590
- }
591
- [data-rs=box][style*="--rs-box-c"]{
592
- color:var(--rs-box-c);
593
- }
594
- [data-rs=box][style*="--rs-box-bd"]{
595
- border:var(--rs-box-bd);
596
- }
597
- [data-rs=box][style*="--rs-box-rounded"]{
598
- border-radius:var(--rs-box-rounded);
599
- }
600
- [data-rs=box][style*="--rs-box-shadow"]{
601
- box-shadow:var(--rs-box-shadow);
602
- }
603
- [data-rs=box][style*="--rs-box-bg"]{
604
- background:var(--rs-box-bg);
605
- }
606
- [data-rs=box][style*="--rs-box-display"]{
607
- display:var(--rs-box-display);
608
- }
609
531
 
610
532
  @media (max-width: calc(576px - 1px)){
611
533
  [data-visible-from=xs]{
@@ -1331,7 +1253,7 @@ label:hover .rs-checkbox-control .rs-checkbox-inner::before{
1331
1253
  --rs-input-group-font-size-sm:var(--rs-font-size-sm);
1332
1254
  --rs-input-group-font-size-md:var(--rs-font-size-sm);
1333
1255
  --rs-input-group-font-size-lg:var(--rs-font-size-md);
1334
- --rs-input-group-width:var(--rs-box-w, 100%);
1256
+ --rs-input-group-width:100%;
1335
1257
  position:relative;
1336
1258
  display:flex;
1337
1259
  border-radius:var(--rs-input-group-border-radius);
@@ -451,84 +451,6 @@ body{
451
451
  --rs-ripple-bg:rgb(0 0 0 / 20%);
452
452
  --rs-zindex-dropdown:5;
453
453
  }
454
- [data-rs=box][style*="--rs-box-p"]{
455
- padding:var(--rs-box-p);
456
- }
457
- [data-rs=box][style*="--rs-box-pt"]{
458
- padding-top:var(--rs-box-pt);
459
- }
460
- [data-rs=box][style*="--rs-box-pb"]{
461
- padding-bottom:var(--rs-box-pb);
462
- }
463
- [data-rs=box][style*="--rs-box-pl"]{
464
- padding-left:var(--rs-box-pl);
465
- }
466
- [data-rs=box][style*="--rs-box-pr"]{
467
- padding-right:var(--rs-box-pr);
468
- }
469
- [data-rs=box][style*="--rs-box-px"]{
470
- padding-inline:var(--rs-box-px);
471
- }
472
- [data-rs=box][style*="--rs-box-py"]{
473
- padding-block:var(--rs-box-py);
474
- }
475
- [data-rs=box][style*="--rs-box-m"]{
476
- margin:var(--rs-box-m);
477
- }
478
- [data-rs=box][style*="--rs-box-mt"]{
479
- margin-top:var(--rs-box-mt);
480
- }
481
- [data-rs=box][style*="--rs-box-mb"]{
482
- margin-bottom:var(--rs-box-mb);
483
- }
484
- [data-rs=box][style*="--rs-box-ml"]{
485
- margin-left:var(--rs-box-ml);
486
- }
487
- [data-rs=box][style*="--rs-box-mr"]{
488
- margin-right:var(--rs-box-mr);
489
- }
490
- [data-rs=box][style*="--rs-box-mx"]{
491
- margin-inline:var(--rs-box-mx);
492
- }
493
- [data-rs=box][style*="--rs-box-my"]{
494
- margin-block:var(--rs-box-my);
495
- }
496
- [data-rs=box][style*="--rs-box-w"]{
497
- width:var(--rs-box-w);
498
- }
499
- [data-rs=box][style*="--rs-box-h"]{
500
- height:var(--rs-box-h);
501
- }
502
- [data-rs=box][style*="--rs-box-maxw"]{
503
- max-width:var(--rs-box-maxw);
504
- }
505
- [data-rs=box][style*="--rs-box-maxh"]{
506
- max-height:var(--rs-box-maxh);
507
- }
508
- [data-rs=box][style*="--rs-box-minw"]{
509
- min-width:var(--rs-box-minw);
510
- }
511
- [data-rs=box][style*="--rs-box-minh"]{
512
- min-height:var(--rs-box-minh);
513
- }
514
- [data-rs=box][style*="--rs-box-c"]{
515
- color:var(--rs-box-c);
516
- }
517
- [data-rs=box][style*="--rs-box-bd"]{
518
- border:var(--rs-box-bd);
519
- }
520
- [data-rs=box][style*="--rs-box-rounded"]{
521
- border-radius:var(--rs-box-rounded);
522
- }
523
- [data-rs=box][style*="--rs-box-shadow"]{
524
- box-shadow:var(--rs-box-shadow);
525
- }
526
- [data-rs=box][style*="--rs-box-bg"]{
527
- background:var(--rs-box-bg);
528
- }
529
- [data-rs=box][style*="--rs-box-display"]{
530
- display:var(--rs-box-display);
531
- }
532
454
 
533
455
  @media (max-width: calc(576px - 1px)){
534
456
  [data-visible-from=xs]{
@@ -450,84 +450,6 @@ body{
450
450
  --rs-ripple-bg:rgb(0 0 0 / 20%);
451
451
  --rs-zindex-dropdown:5;
452
452
  }
453
- [data-rs=box][style*="--rs-box-p"]{
454
- padding:var(--rs-box-p);
455
- }
456
- [data-rs=box][style*="--rs-box-pt"]{
457
- padding-top:var(--rs-box-pt);
458
- }
459
- [data-rs=box][style*="--rs-box-pb"]{
460
- padding-bottom:var(--rs-box-pb);
461
- }
462
- [data-rs=box][style*="--rs-box-pl"]{
463
- padding-left:var(--rs-box-pl);
464
- }
465
- [data-rs=box][style*="--rs-box-pr"]{
466
- padding-right:var(--rs-box-pr);
467
- }
468
- [data-rs=box][style*="--rs-box-px"]{
469
- padding-inline:var(--rs-box-px);
470
- }
471
- [data-rs=box][style*="--rs-box-py"]{
472
- padding-block:var(--rs-box-py);
473
- }
474
- [data-rs=box][style*="--rs-box-m"]{
475
- margin:var(--rs-box-m);
476
- }
477
- [data-rs=box][style*="--rs-box-mt"]{
478
- margin-top:var(--rs-box-mt);
479
- }
480
- [data-rs=box][style*="--rs-box-mb"]{
481
- margin-bottom:var(--rs-box-mb);
482
- }
483
- [data-rs=box][style*="--rs-box-ml"]{
484
- margin-left:var(--rs-box-ml);
485
- }
486
- [data-rs=box][style*="--rs-box-mr"]{
487
- margin-right:var(--rs-box-mr);
488
- }
489
- [data-rs=box][style*="--rs-box-mx"]{
490
- margin-inline:var(--rs-box-mx);
491
- }
492
- [data-rs=box][style*="--rs-box-my"]{
493
- margin-block:var(--rs-box-my);
494
- }
495
- [data-rs=box][style*="--rs-box-w"]{
496
- width:var(--rs-box-w);
497
- }
498
- [data-rs=box][style*="--rs-box-h"]{
499
- height:var(--rs-box-h);
500
- }
501
- [data-rs=box][style*="--rs-box-maxw"]{
502
- max-width:var(--rs-box-maxw);
503
- }
504
- [data-rs=box][style*="--rs-box-maxh"]{
505
- max-height:var(--rs-box-maxh);
506
- }
507
- [data-rs=box][style*="--rs-box-minw"]{
508
- min-width:var(--rs-box-minw);
509
- }
510
- [data-rs=box][style*="--rs-box-minh"]{
511
- min-height:var(--rs-box-minh);
512
- }
513
- [data-rs=box][style*="--rs-box-c"]{
514
- color:var(--rs-box-c);
515
- }
516
- [data-rs=box][style*="--rs-box-bd"]{
517
- border:var(--rs-box-bd);
518
- }
519
- [data-rs=box][style*="--rs-box-rounded"]{
520
- border-radius:var(--rs-box-rounded);
521
- }
522
- [data-rs=box][style*="--rs-box-shadow"]{
523
- box-shadow:var(--rs-box-shadow);
524
- }
525
- [data-rs=box][style*="--rs-box-bg"]{
526
- background:var(--rs-box-bg);
527
- }
528
- [data-rs=box][style*="--rs-box-display"]{
529
- display:var(--rs-box-display);
530
- }
531
453
 
532
454
  @media (max-width: calc(576px - 1px)){
533
455
  [data-visible-from=xs]{
@@ -99,84 +99,6 @@ body{
99
99
  --rs-shadow-color:rgb(0 0 0 / 10%);
100
100
  --rs-shadow-md:0 4px 6px -1px var(--rs-shadow-color), 0 2px 4px 0 var(--rs-shadow-color);
101
101
  }
102
- [data-rs=box][style*="--rs-box-p"]{
103
- padding:var(--rs-box-p);
104
- }
105
- [data-rs=box][style*="--rs-box-pt"]{
106
- padding-top:var(--rs-box-pt);
107
- }
108
- [data-rs=box][style*="--rs-box-pb"]{
109
- padding-bottom:var(--rs-box-pb);
110
- }
111
- [data-rs=box][style*="--rs-box-pl"]{
112
- padding-left:var(--rs-box-pl);
113
- }
114
- [data-rs=box][style*="--rs-box-pr"]{
115
- padding-right:var(--rs-box-pr);
116
- }
117
- [data-rs=box][style*="--rs-box-px"]{
118
- padding-inline:var(--rs-box-px);
119
- }
120
- [data-rs=box][style*="--rs-box-py"]{
121
- padding-block:var(--rs-box-py);
122
- }
123
- [data-rs=box][style*="--rs-box-m"]{
124
- margin:var(--rs-box-m);
125
- }
126
- [data-rs=box][style*="--rs-box-mt"]{
127
- margin-top:var(--rs-box-mt);
128
- }
129
- [data-rs=box][style*="--rs-box-mb"]{
130
- margin-bottom:var(--rs-box-mb);
131
- }
132
- [data-rs=box][style*="--rs-box-ml"]{
133
- margin-left:var(--rs-box-ml);
134
- }
135
- [data-rs=box][style*="--rs-box-mr"]{
136
- margin-right:var(--rs-box-mr);
137
- }
138
- [data-rs=box][style*="--rs-box-mx"]{
139
- margin-inline:var(--rs-box-mx);
140
- }
141
- [data-rs=box][style*="--rs-box-my"]{
142
- margin-block:var(--rs-box-my);
143
- }
144
- [data-rs=box][style*="--rs-box-w"]{
145
- width:var(--rs-box-w);
146
- }
147
- [data-rs=box][style*="--rs-box-h"]{
148
- height:var(--rs-box-h);
149
- }
150
- [data-rs=box][style*="--rs-box-maxw"]{
151
- max-width:var(--rs-box-maxw);
152
- }
153
- [data-rs=box][style*="--rs-box-maxh"]{
154
- max-height:var(--rs-box-maxh);
155
- }
156
- [data-rs=box][style*="--rs-box-minw"]{
157
- min-width:var(--rs-box-minw);
158
- }
159
- [data-rs=box][style*="--rs-box-minh"]{
160
- min-height:var(--rs-box-minh);
161
- }
162
- [data-rs=box][style*="--rs-box-c"]{
163
- color:var(--rs-box-c);
164
- }
165
- [data-rs=box][style*="--rs-box-bd"]{
166
- border:var(--rs-box-bd);
167
- }
168
- [data-rs=box][style*="--rs-box-rounded"]{
169
- border-radius:var(--rs-box-rounded);
170
- }
171
- [data-rs=box][style*="--rs-box-shadow"]{
172
- box-shadow:var(--rs-box-shadow);
173
- }
174
- [data-rs=box][style*="--rs-box-bg"]{
175
- background:var(--rs-box-bg);
176
- }
177
- [data-rs=box][style*="--rs-box-display"]{
178
- display:var(--rs-box-display);
179
- }
180
102
 
181
103
  @media (max-width: calc(576px - 1px)){
182
104
  [data-visible-from=xs]{