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
package/NumberInput/styles/index.css CHANGED
@@ -402,84 +402,6 @@ body{
402
402
  --rs-link-hover-decoration:underline;
403
403
  --rs-ripple-bg:rgb(0 0 0 / 20%);
404
404
  }
405
- [data-rs=box][style*="--rs-box-p"]{
406
- padding:var(--rs-box-p);
407
- }
408
- [data-rs=box][style*="--rs-box-pt"]{
409
- padding-top:var(--rs-box-pt);
410
- }
411
- [data-rs=box][style*="--rs-box-pb"]{
412
- padding-bottom:var(--rs-box-pb);
413
- }
414
- [data-rs=box][style*="--rs-box-pl"]{
415
- padding-left:var(--rs-box-pl);
416
- }
417
- [data-rs=box][style*="--rs-box-pr"]{
418
- padding-right:var(--rs-box-pr);
419
- }
420
- [data-rs=box][style*="--rs-box-px"]{
421
- padding-inline:var(--rs-box-px);
422
- }
423
- [data-rs=box][style*="--rs-box-py"]{
424
- padding-block:var(--rs-box-py);
425
- }
426
- [data-rs=box][style*="--rs-box-m"]{
427
- margin:var(--rs-box-m);
428
- }
429
- [data-rs=box][style*="--rs-box-mt"]{
430
- margin-top:var(--rs-box-mt);
431
- }
432
- [data-rs=box][style*="--rs-box-mb"]{
433
- margin-bottom:var(--rs-box-mb);
434
- }
435
- [data-rs=box][style*="--rs-box-ml"]{
436
- margin-left:var(--rs-box-ml);
437
- }
438
- [data-rs=box][style*="--rs-box-mr"]{
439
- margin-right:var(--rs-box-mr);
440
- }
441
- [data-rs=box][style*="--rs-box-mx"]{
442
- margin-inline:var(--rs-box-mx);
443
- }
444
- [data-rs=box][style*="--rs-box-my"]{
445
- margin-block:var(--rs-box-my);
446
- }
447
- [data-rs=box][style*="--rs-box-w"]{
448
- width:var(--rs-box-w);
449
- }
450
- [data-rs=box][style*="--rs-box-h"]{
451
- height:var(--rs-box-h);
452
- }
453
- [data-rs=box][style*="--rs-box-maxw"]{
454
- max-width:var(--rs-box-maxw);
455
- }
456
- [data-rs=box][style*="--rs-box-maxh"]{
457
- max-height:var(--rs-box-maxh);
458
- }
459
- [data-rs=box][style*="--rs-box-minw"]{
460
- min-width:var(--rs-box-minw);
461
- }
462
- [data-rs=box][style*="--rs-box-minh"]{
463
- min-height:var(--rs-box-minh);
464
- }
465
- [data-rs=box][style*="--rs-box-c"]{
466
- color:var(--rs-box-c);
467
- }
468
- [data-rs=box][style*="--rs-box-bd"]{
469
- border:var(--rs-box-bd);
470
- }
471
- [data-rs=box][style*="--rs-box-rounded"]{
472
- border-radius:var(--rs-box-rounded);
473
- }
474
- [data-rs=box][style*="--rs-box-shadow"]{
475
- box-shadow:var(--rs-box-shadow);
476
- }
477
- [data-rs=box][style*="--rs-box-bg"]{
478
- background:var(--rs-box-bg);
479
- }
480
- [data-rs=box][style*="--rs-box-display"]{
481
- display:var(--rs-box-display);
482
- }
483
405
 
484
406
  @media (max-width: calc(576px - 1px)){
485
407
  [data-visible-from=xs]{
@@ -1346,7 +1268,7 @@ body{
1346
1268
  --rs-input-group-font-size-sm:var(--rs-font-size-sm);
1347
1269
  --rs-input-group-font-size-md:var(--rs-font-size-sm);
1348
1270
  --rs-input-group-font-size-lg:var(--rs-font-size-md);
1349
- --rs-input-group-width:var(--rs-box-w, 100%);
1271
+ --rs-input-group-width:100%;
1350
1272
  position:relative;
1351
1273
  display:flex;
1352
1274
  border-radius:var(--rs-input-group-border-radius);
package/Pagination/styles/index.css CHANGED
@@ -524,84 +524,6 @@ body{
524
524
  --rs-zindex-modal:1050;
525
525
  --rs-zindex-drawer:1050;
526
526
  }
527
- [data-rs=box][style*="--rs-box-p"]{
528
- padding:var(--rs-box-p);
529
- }
530
- [data-rs=box][style*="--rs-box-pt"]{
531
- padding-top:var(--rs-box-pt);
532
- }
533
- [data-rs=box][style*="--rs-box-pb"]{
534
- padding-bottom:var(--rs-box-pb);
535
- }
536
- [data-rs=box][style*="--rs-box-pl"]{
537
- padding-left:var(--rs-box-pl);
538
- }
539
- [data-rs=box][style*="--rs-box-pr"]{
540
- padding-right:var(--rs-box-pr);
541
- }
542
- [data-rs=box][style*="--rs-box-px"]{
543
- padding-inline:var(--rs-box-px);
544
- }
545
- [data-rs=box][style*="--rs-box-py"]{
546
- padding-block:var(--rs-box-py);
547
- }
548
- [data-rs=box][style*="--rs-box-m"]{
549
- margin:var(--rs-box-m);
550
- }
551
- [data-rs=box][style*="--rs-box-mt"]{
552
- margin-top:var(--rs-box-mt);
553
- }
554
- [data-rs=box][style*="--rs-box-mb"]{
555
- margin-bottom:var(--rs-box-mb);
556
- }
557
- [data-rs=box][style*="--rs-box-ml"]{
558
- margin-left:var(--rs-box-ml);
559
- }
560
- [data-rs=box][style*="--rs-box-mr"]{
561
- margin-right:var(--rs-box-mr);
562
- }
563
- [data-rs=box][style*="--rs-box-mx"]{
564
- margin-inline:var(--rs-box-mx);
565
- }
566
- [data-rs=box][style*="--rs-box-my"]{
567
- margin-block:var(--rs-box-my);
568
- }
569
- [data-rs=box][style*="--rs-box-w"]{
570
- width:var(--rs-box-w);
571
- }
572
- [data-rs=box][style*="--rs-box-h"]{
573
- height:var(--rs-box-h);
574
- }
575
- [data-rs=box][style*="--rs-box-maxw"]{
576
- max-width:var(--rs-box-maxw);
577
- }
578
- [data-rs=box][style*="--rs-box-maxh"]{
579
- max-height:var(--rs-box-maxh);
580
- }
581
- [data-rs=box][style*="--rs-box-minw"]{
582
- min-width:var(--rs-box-minw);
583
- }
584
- [data-rs=box][style*="--rs-box-minh"]{
585
- min-height:var(--rs-box-minh);
586
- }
587
- [data-rs=box][style*="--rs-box-c"]{
588
- color:var(--rs-box-c);
589
- }
590
- [data-rs=box][style*="--rs-box-bd"]{
591
- border:var(--rs-box-bd);
592
- }
593
- [data-rs=box][style*="--rs-box-rounded"]{
594
- border-radius:var(--rs-box-rounded);
595
- }
596
- [data-rs=box][style*="--rs-box-shadow"]{
597
- box-shadow:var(--rs-box-shadow);
598
- }
599
- [data-rs=box][style*="--rs-box-bg"]{
600
- background:var(--rs-box-bg);
601
- }
602
- [data-rs=box][style*="--rs-box-display"]{
603
- display:var(--rs-box-display);
604
- }
605
527
 
606
528
  @media (max-width: calc(576px - 1px)){
607
529
  [data-visible-from=xs]{
@@ -1837,7 +1759,7 @@ body{
1837
1759
  --rs-input-group-font-size-sm:var(--rs-font-size-sm);
1838
1760
  --rs-input-group-font-size-md:var(--rs-font-size-sm);
1839
1761
  --rs-input-group-font-size-lg:var(--rs-font-size-md);
1840
- --rs-input-group-width:var(--rs-box-w, 100%);
1762
+ --rs-input-group-width:100%;
1841
1763
  position:relative;
1842
1764
  display:flex;
1843
1765
  border-radius:var(--rs-input-group-border-radius);
package/Panel/styles/index.css CHANGED
@@ -115,84 +115,6 @@ body{
115
115
  --rs-shadow-color:rgb(0 0 0 / 10%);
116
116
  --rs-shadow-md:0 4px 6px -1px var(--rs-shadow-color), 0 2px 4px 0 var(--rs-shadow-color);
117
117
  }
118
- [data-rs=box][style*="--rs-box-p"]{
119
- padding:var(--rs-box-p);
120
- }
121
- [data-rs=box][style*="--rs-box-pt"]{
122
- padding-top:var(--rs-box-pt);
123
- }
124
- [data-rs=box][style*="--rs-box-pb"]{
125
- padding-bottom:var(--rs-box-pb);
126
- }
127
- [data-rs=box][style*="--rs-box-pl"]{
128
- padding-left:var(--rs-box-pl);
129
- }
130
- [data-rs=box][style*="--rs-box-pr"]{
131
- padding-right:var(--rs-box-pr);
132
- }
133
- [data-rs=box][style*="--rs-box-px"]{
134
- padding-inline:var(--rs-box-px);
135
- }
136
- [data-rs=box][style*="--rs-box-py"]{
137
- padding-block:var(--rs-box-py);
138
- }
139
- [data-rs=box][style*="--rs-box-m"]{
140
- margin:var(--rs-box-m);
141
- }
142
- [data-rs=box][style*="--rs-box-mt"]{
143
- margin-top:var(--rs-box-mt);
144
- }
145
- [data-rs=box][style*="--rs-box-mb"]{
146
- margin-bottom:var(--rs-box-mb);
147
- }
148
- [data-rs=box][style*="--rs-box-ml"]{
149
- margin-left:var(--rs-box-ml);
150
- }
151
- [data-rs=box][style*="--rs-box-mr"]{
152
- margin-right:var(--rs-box-mr);
153
- }
154
- [data-rs=box][style*="--rs-box-mx"]{
155
- margin-inline:var(--rs-box-mx);
156
- }
157
- [data-rs=box][style*="--rs-box-my"]{
158
- margin-block:var(--rs-box-my);
159
- }
160
- [data-rs=box][style*="--rs-box-w"]{
161
- width:var(--rs-box-w);
162
- }
163
- [data-rs=box][style*="--rs-box-h"]{
164
- height:var(--rs-box-h);
165
- }
166
- [data-rs=box][style*="--rs-box-maxw"]{
167
- max-width:var(--rs-box-maxw);
168
- }
169
- [data-rs=box][style*="--rs-box-maxh"]{
170
- max-height:var(--rs-box-maxh);
171
- }
172
- [data-rs=box][style*="--rs-box-minw"]{
173
- min-width:var(--rs-box-minw);
174
- }
175
- [data-rs=box][style*="--rs-box-minh"]{
176
- min-height:var(--rs-box-minh);
177
- }
178
- [data-rs=box][style*="--rs-box-c"]{
179
- color:var(--rs-box-c);
180
- }
181
- [data-rs=box][style*="--rs-box-bd"]{
182
- border:var(--rs-box-bd);
183
- }
184
- [data-rs=box][style*="--rs-box-rounded"]{
185
- border-radius:var(--rs-box-rounded);
186
- }
187
- [data-rs=box][style*="--rs-box-shadow"]{
188
- box-shadow:var(--rs-box-shadow);
189
- }
190
- [data-rs=box][style*="--rs-box-bg"]{
191
- background:var(--rs-box-bg);
192
- }
193
- [data-rs=box][style*="--rs-box-display"]{
194
- display:var(--rs-box-display);
195
- }
196
118
 
197
119
  @media (max-width: calc(576px - 1px)){
198
120
  [data-visible-from=xs]{
package/PanelGroup/styles/index.css CHANGED
@@ -61,84 +61,6 @@ body{
61
61
  --rs-line-height-md:calc(20 / 14);
62
62
  --rs-radius-md:0.375rem;
63
63
  }
64
- [data-rs=box][style*="--rs-box-p"]{
65
- padding:var(--rs-box-p);
66
- }
67
- [data-rs=box][style*="--rs-box-pt"]{
68
- padding-top:var(--rs-box-pt);
69
- }
70
- [data-rs=box][style*="--rs-box-pb"]{
71
- padding-bottom:var(--rs-box-pb);
72
- }
73
- [data-rs=box][style*="--rs-box-pl"]{
74
- padding-left:var(--rs-box-pl);
75
- }
76
- [data-rs=box][style*="--rs-box-pr"]{
77
- padding-right:var(--rs-box-pr);
78
- }
79
- [data-rs=box][style*="--rs-box-px"]{
80
- padding-inline:var(--rs-box-px);
81
- }
82
- [data-rs=box][style*="--rs-box-py"]{
83
- padding-block:var(--rs-box-py);
84
- }
85
- [data-rs=box][style*="--rs-box-m"]{
86
- margin:var(--rs-box-m);
87
- }
88
- [data-rs=box][style*="--rs-box-mt"]{
89
- margin-top:var(--rs-box-mt);
90
- }
91
- [data-rs=box][style*="--rs-box-mb"]{
92
- margin-bottom:var(--rs-box-mb);
93
- }
94
- [data-rs=box][style*="--rs-box-ml"]{
95
- margin-left:var(--rs-box-ml);
96
- }
97
- [data-rs=box][style*="--rs-box-mr"]{
98
- margin-right:var(--rs-box-mr);
99
- }
100
- [data-rs=box][style*="--rs-box-mx"]{
101
- margin-inline:var(--rs-box-mx);
102
- }
103
- [data-rs=box][style*="--rs-box-my"]{
104
- margin-block:var(--rs-box-my);
105
- }
106
- [data-rs=box][style*="--rs-box-w"]{
107
- width:var(--rs-box-w);
108
- }
109
- [data-rs=box][style*="--rs-box-h"]{
110
- height:var(--rs-box-h);
111
- }
112
- [data-rs=box][style*="--rs-box-maxw"]{
113
- max-width:var(--rs-box-maxw);
114
- }
115
- [data-rs=box][style*="--rs-box-maxh"]{
116
- max-height:var(--rs-box-maxh);
117
- }
118
- [data-rs=box][style*="--rs-box-minw"]{
119
- min-width:var(--rs-box-minw);
120
- }
121
- [data-rs=box][style*="--rs-box-minh"]{
122
- min-height:var(--rs-box-minh);
123
- }
124
- [data-rs=box][style*="--rs-box-c"]{
125
- color:var(--rs-box-c);
126
- }
127
- [data-rs=box][style*="--rs-box-bd"]{
128
- border:var(--rs-box-bd);
129
- }
130
- [data-rs=box][style*="--rs-box-rounded"]{
131
- border-radius:var(--rs-box-rounded);
132
- }
133
- [data-rs=box][style*="--rs-box-shadow"]{
134
- box-shadow:var(--rs-box-shadow);
135
- }
136
- [data-rs=box][style*="--rs-box-bg"]{
137
- background:var(--rs-box-bg);
138
- }
139
- [data-rs=box][style*="--rs-box-display"]{
140
- display:var(--rs-box-display);
141
- }
142
64
 
143
65
  @media (max-width: calc(576px - 1px)){
144
66
  [data-visible-from=xs]{
package/PasswordInput/styles/index.css CHANGED
@@ -145,84 +145,6 @@ body{
145
145
  --rs-radius-none:0;
146
146
  --rs-radius-md:0.375rem;
147
147
  }
148
- [data-rs=box][style*="--rs-box-p"]{
149
- padding:var(--rs-box-p);
150
- }
151
- [data-rs=box][style*="--rs-box-pt"]{
152
- padding-top:var(--rs-box-pt);
153
- }
154
- [data-rs=box][style*="--rs-box-pb"]{
155
- padding-bottom:var(--rs-box-pb);
156
- }
157
- [data-rs=box][style*="--rs-box-pl"]{
158
- padding-left:var(--rs-box-pl);
159
- }
160
- [data-rs=box][style*="--rs-box-pr"]{
161
- padding-right:var(--rs-box-pr);
162
- }
163
- [data-rs=box][style*="--rs-box-px"]{
164
- padding-inline:var(--rs-box-px);
165
- }
166
- [data-rs=box][style*="--rs-box-py"]{
167
- padding-block:var(--rs-box-py);
168
- }
169
- [data-rs=box][style*="--rs-box-m"]{
170
- margin:var(--rs-box-m);
171
- }
172
- [data-rs=box][style*="--rs-box-mt"]{
173
- margin-top:var(--rs-box-mt);
174
- }
175
- [data-rs=box][style*="--rs-box-mb"]{
176
- margin-bottom:var(--rs-box-mb);
177
- }
178
- [data-rs=box][style*="--rs-box-ml"]{
179
- margin-left:var(--rs-box-ml);
180
- }
181
- [data-rs=box][style*="--rs-box-mr"]{
182
- margin-right:var(--rs-box-mr);
183
- }
184
- [data-rs=box][style*="--rs-box-mx"]{
185
- margin-inline:var(--rs-box-mx);
186
- }
187
- [data-rs=box][style*="--rs-box-my"]{
188
- margin-block:var(--rs-box-my);
189
- }
190
- [data-rs=box][style*="--rs-box-w"]{
191
- width:var(--rs-box-w);
192
- }
193
- [data-rs=box][style*="--rs-box-h"]{
194
- height:var(--rs-box-h);
195
- }
196
- [data-rs=box][style*="--rs-box-maxw"]{
197
- max-width:var(--rs-box-maxw);
198
- }
199
- [data-rs=box][style*="--rs-box-maxh"]{
200
- max-height:var(--rs-box-maxh);
201
- }
202
- [data-rs=box][style*="--rs-box-minw"]{
203
- min-width:var(--rs-box-minw);
204
- }
205
- [data-rs=box][style*="--rs-box-minh"]{
206
- min-height:var(--rs-box-minh);
207
- }
208
- [data-rs=box][style*="--rs-box-c"]{
209
- color:var(--rs-box-c);
210
- }
211
- [data-rs=box][style*="--rs-box-bd"]{
212
- border:var(--rs-box-bd);
213
- }
214
- [data-rs=box][style*="--rs-box-rounded"]{
215
- border-radius:var(--rs-box-rounded);
216
- }
217
- [data-rs=box][style*="--rs-box-shadow"]{
218
- box-shadow:var(--rs-box-shadow);
219
- }
220
- [data-rs=box][style*="--rs-box-bg"]{
221
- background:var(--rs-box-bg);
222
- }
223
- [data-rs=box][style*="--rs-box-display"]{
224
- display:var(--rs-box-display);
225
- }
226
148
 
227
149
  @media (max-width: calc(576px - 1px)){
228
150
  [data-visible-from=xs]{
@@ -377,7 +299,7 @@ body{
377
299
  --rs-input-group-font-size-sm:var(--rs-font-size-sm);
378
300
  --rs-input-group-font-size-md:var(--rs-font-size-sm);
379
301
  --rs-input-group-font-size-lg:var(--rs-font-size-md);
380
- --rs-input-group-width:var(--rs-box-w, 100%);
302
+ --rs-input-group-width:100%;
381
303
  position:relative;
382
304
  display:flex;
383
305
  border-radius:var(--rs-input-group-border-radius);
package/PasswordStrengthMeter/styles/index.css CHANGED
@@ -61,84 +61,6 @@ body{
61
61
  --rs-line-height-md:calc(20 / 14);
62
62
  --rs-spacing:0.25rem;
63
63
  }
64
- [data-rs=box][style*="--rs-box-p"]{
65
- padding:var(--rs-box-p);
66
- }
67
- [data-rs=box][style*="--rs-box-pt"]{
68
- padding-top:var(--rs-box-pt);
69
- }
70
- [data-rs=box][style*="--rs-box-pb"]{
71
- padding-bottom:var(--rs-box-pb);
72
- }
73
- [data-rs=box][style*="--rs-box-pl"]{
74
- padding-left:var(--rs-box-pl);
75
- }
76
- [data-rs=box][style*="--rs-box-pr"]{
77
- padding-right:var(--rs-box-pr);
78
- }
79
- [data-rs=box][style*="--rs-box-px"]{
80
- padding-inline:var(--rs-box-px);
81
- }
82
- [data-rs=box][style*="--rs-box-py"]{
83
- padding-block:var(--rs-box-py);
84
- }
85
- [data-rs=box][style*="--rs-box-m"]{
86
- margin:var(--rs-box-m);
87
- }
88
- [data-rs=box][style*="--rs-box-mt"]{
89
- margin-top:var(--rs-box-mt);
90
- }
91
- [data-rs=box][style*="--rs-box-mb"]{
92
- margin-bottom:var(--rs-box-mb);
93
- }
94
- [data-rs=box][style*="--rs-box-ml"]{
95
- margin-left:var(--rs-box-ml);
96
- }
97
- [data-rs=box][style*="--rs-box-mr"]{
98
- margin-right:var(--rs-box-mr);
99
- }
100
- [data-rs=box][style*="--rs-box-mx"]{
101
- margin-inline:var(--rs-box-mx);
102
- }
103
- [data-rs=box][style*="--rs-box-my"]{
104
- margin-block:var(--rs-box-my);
105
- }
106
- [data-rs=box][style*="--rs-box-w"]{
107
- width:var(--rs-box-w);
108
- }
109
- [data-rs=box][style*="--rs-box-h"]{
110
- height:var(--rs-box-h);
111
- }
112
- [data-rs=box][style*="--rs-box-maxw"]{
113
- max-width:var(--rs-box-maxw);
114
- }
115
- [data-rs=box][style*="--rs-box-maxh"]{
116
- max-height:var(--rs-box-maxh);
117
- }
118
- [data-rs=box][style*="--rs-box-minw"]{
119
- min-width:var(--rs-box-minw);
120
- }
121
- [data-rs=box][style*="--rs-box-minh"]{
122
- min-height:var(--rs-box-minh);
123
- }
124
- [data-rs=box][style*="--rs-box-c"]{
125
- color:var(--rs-box-c);
126
- }
127
- [data-rs=box][style*="--rs-box-bd"]{
128
- border:var(--rs-box-bd);
129
- }
130
- [data-rs=box][style*="--rs-box-rounded"]{
131
- border-radius:var(--rs-box-rounded);
132
- }
133
- [data-rs=box][style*="--rs-box-shadow"]{
134
- box-shadow:var(--rs-box-shadow);
135
- }
136
- [data-rs=box][style*="--rs-box-bg"]{
137
- background:var(--rs-box-bg);
138
- }
139
- [data-rs=box][style*="--rs-box-display"]{
140
- display:var(--rs-box-display);
141
- }
142
64
 
143
65
  @media (max-width: calc(576px - 1px)){
144
66
  [data-visible-from=xs]{
package/PinInput/styles/index.css CHANGED
@@ -111,84 +111,6 @@ body{
111
111
  --rs-padding-block-md:8px;
112
112
  --rs-radius-md:0.375rem;
113
113
  }
114
- [data-rs=box][style*="--rs-box-p"]{
115
- padding:var(--rs-box-p);
116
- }
117
- [data-rs=box][style*="--rs-box-pt"]{
118
- padding-top:var(--rs-box-pt);
119
- }
120
- [data-rs=box][style*="--rs-box-pb"]{
121
- padding-bottom:var(--rs-box-pb);
122
- }
123
- [data-rs=box][style*="--rs-box-pl"]{
124
- padding-left:var(--rs-box-pl);
125
- }
126
- [data-rs=box][style*="--rs-box-pr"]{
127
- padding-right:var(--rs-box-pr);
128
- }
129
- [data-rs=box][style*="--rs-box-px"]{
130
- padding-inline:var(--rs-box-px);
131
- }
132
- [data-rs=box][style*="--rs-box-py"]{
133
- padding-block:var(--rs-box-py);
134
- }
135
- [data-rs=box][style*="--rs-box-m"]{
136
- margin:var(--rs-box-m);
137
- }
138
- [data-rs=box][style*="--rs-box-mt"]{
139
- margin-top:var(--rs-box-mt);
140
- }
141
- [data-rs=box][style*="--rs-box-mb"]{
142
- margin-bottom:var(--rs-box-mb);
143
- }
144
- [data-rs=box][style*="--rs-box-ml"]{
145
- margin-left:var(--rs-box-ml);
146
- }
147
- [data-rs=box][style*="--rs-box-mr"]{
148
- margin-right:var(--rs-box-mr);
149
- }
150
- [data-rs=box][style*="--rs-box-mx"]{
151
- margin-inline:var(--rs-box-mx);
152
- }
153
- [data-rs=box][style*="--rs-box-my"]{
154
- margin-block:var(--rs-box-my);
155
- }
156
- [data-rs=box][style*="--rs-box-w"]{
157
- width:var(--rs-box-w);
158
- }
159
- [data-rs=box][style*="--rs-box-h"]{
160
- height:var(--rs-box-h);
161
- }
162
- [data-rs=box][style*="--rs-box-maxw"]{
163
- max-width:var(--rs-box-maxw);
164
- }
165
- [data-rs=box][style*="--rs-box-maxh"]{
166
- max-height:var(--rs-box-maxh);
167
- }
168
- [data-rs=box][style*="--rs-box-minw"]{
169
- min-width:var(--rs-box-minw);
170
- }
171
- [data-rs=box][style*="--rs-box-minh"]{
172
- min-height:var(--rs-box-minh);
173
- }
174
- [data-rs=box][style*="--rs-box-c"]{
175
- color:var(--rs-box-c);
176
- }
177
- [data-rs=box][style*="--rs-box-bd"]{
178
- border:var(--rs-box-bd);
179
- }
180
- [data-rs=box][style*="--rs-box-rounded"]{
181
- border-radius:var(--rs-box-rounded);
182
- }
183
- [data-rs=box][style*="--rs-box-shadow"]{
184
- box-shadow:var(--rs-box-shadow);
185
- }
186
- [data-rs=box][style*="--rs-box-bg"]{
187
- background:var(--rs-box-bg);
188
- }
189
- [data-rs=box][style*="--rs-box-display"]{
190
- display:var(--rs-box-display);
191
- }
192
114
 
193
115
  @media (max-width: calc(576px - 1px)){
194
116
  [data-visible-from=xs]{
package/Placeholder/styles/index.css CHANGED
@@ -84,84 +84,6 @@ body{
84
84
  --rs-radius-xs:0.125rem;
85
85
  --rs-radius-full:62.5rem;
86
86
  }
87
- [data-rs=box][style*="--rs-box-p"]{
88
- padding:var(--rs-box-p);
89
- }
90
- [data-rs=box][style*="--rs-box-pt"]{
91
- padding-top:var(--rs-box-pt);
92
- }
93
- [data-rs=box][style*="--rs-box-pb"]{
94
- padding-bottom:var(--rs-box-pb);
95
- }
96
- [data-rs=box][style*="--rs-box-pl"]{
97
- padding-left:var(--rs-box-pl);
98
- }
99
- [data-rs=box][style*="--rs-box-pr"]{
100
- padding-right:var(--rs-box-pr);
101
- }
102
- [data-rs=box][style*="--rs-box-px"]{
103
- padding-inline:var(--rs-box-px);
104
- }
105
- [data-rs=box][style*="--rs-box-py"]{
106
- padding-block:var(--rs-box-py);
107
- }
108
- [data-rs=box][style*="--rs-box-m"]{
109
- margin:var(--rs-box-m);
110
- }
111
- [data-rs=box][style*="--rs-box-mt"]{
112
- margin-top:var(--rs-box-mt);
113
- }
114
- [data-rs=box][style*="--rs-box-mb"]{
115
- margin-bottom:var(--rs-box-mb);
116
- }
117
- [data-rs=box][style*="--rs-box-ml"]{
118
- margin-left:var(--rs-box-ml);
119
- }
120
- [data-rs=box][style*="--rs-box-mr"]{
121
- margin-right:var(--rs-box-mr);
122
- }
123
- [data-rs=box][style*="--rs-box-mx"]{
124
- margin-inline:var(--rs-box-mx);
125
- }
126
- [data-rs=box][style*="--rs-box-my"]{
127
- margin-block:var(--rs-box-my);
128
- }
129
- [data-rs=box][style*="--rs-box-w"]{
130
- width:var(--rs-box-w);
131
- }
132
- [data-rs=box][style*="--rs-box-h"]{
133
- height:var(--rs-box-h);
134
- }
135
- [data-rs=box][style*="--rs-box-maxw"]{
136
- max-width:var(--rs-box-maxw);
137
- }
138
- [data-rs=box][style*="--rs-box-maxh"]{
139
- max-height:var(--rs-box-maxh);
140
- }
141
- [data-rs=box][style*="--rs-box-minw"]{
142
- min-width:var(--rs-box-minw);
143
- }
144
- [data-rs=box][style*="--rs-box-minh"]{
145
- min-height:var(--rs-box-minh);
146
- }
147
- [data-rs=box][style*="--rs-box-c"]{
148
- color:var(--rs-box-c);
149
- }
150
- [data-rs=box][style*="--rs-box-bd"]{
151
- border:var(--rs-box-bd);
152
- }
153
- [data-rs=box][style*="--rs-box-rounded"]{
154
- border-radius:var(--rs-box-rounded);
155
- }
156
- [data-rs=box][style*="--rs-box-shadow"]{
157
- box-shadow:var(--rs-box-shadow);
158
- }
159
- [data-rs=box][style*="--rs-box-bg"]{
160
- background:var(--rs-box-bg);
161
- }
162
- [data-rs=box][style*="--rs-box-display"]{
163
- display:var(--rs-box-display);
164
- }
165
87
 
166
88
  @media (max-width: calc(576px - 1px)){
167
89
  [data-visible-from=xs]{