rsuite 6.0.0-canary-2025062016 → 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 (152) 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/styles/index.css +2 -0
  82. package/SelectPicker/styles/index.css +1 -79
  83. package/Sidebar/styles/index.css +0 -78
  84. package/Sidenav/styles/index.css +0 -78
  85. package/Slider/styles/index.css +0 -78
  86. package/Stack/styles/index.css +0 -78
  87. package/Stat/styles/index.css +0 -78
  88. package/StatGroup/styles/index.css +0 -78
  89. package/Steps/styles/index.css +0 -78
  90. package/Table/styles/index.css +0 -78
  91. package/Tabs/styles/index.css +0 -78
  92. package/Tag/styles/index.css +0 -78
  93. package/TagGroup/styles/index.css +0 -78
  94. package/TagInput/styles/index.css +1 -79
  95. package/TagPicker/styles/index.css +1 -79
  96. package/Text/styles/index.css +0 -78
  97. package/Textarea/styles/index.css +0 -78
  98. package/TimePicker/styles/index.css +1 -79
  99. package/TimeRangePicker/styles/index.css +1 -79
  100. package/Timeline/styles/index.css +0 -78
  101. package/Toggle/styles/index.css +0 -78
  102. package/Tooltip/styles/index.css +0 -78
  103. package/Tree/styles/index.css +1 -79
  104. package/TreePicker/styles/index.css +1 -79
  105. package/Uploader/styles/index.css +0 -78
  106. package/cjs/ButtonToolbar/ButtonToolbar.js +2 -0
  107. package/cjs/InputPicker/utils.d.ts +1 -1
  108. package/cjs/Nav/Nav.d.ts +2 -3
  109. package/cjs/Stack/Stack.js +20 -5
  110. package/cjs/Stack/utils.d.ts +9 -0
  111. package/cjs/Stack/utils.js +38 -0
  112. package/cjs/Tabs/Tabs.d.ts +4 -2
  113. package/cjs/internals/Box/Box.d.ts +27 -27
  114. package/cjs/internals/Box/Box.js +13 -8
  115. package/cjs/internals/Box/utils.d.ts +4 -1
  116. package/cjs/internals/Box/utils.js +154 -13
  117. package/cjs/internals/constants/index.js +2 -2
  118. package/cjs/internals/hooks/useStyled.d.ts +60 -0
  119. package/cjs/internals/hooks/useStyled.js +257 -0
  120. package/cjs/internals/utils/colours.js +1 -1
  121. package/cjs/internals/utils/style-sheet/index.d.ts +1 -0
  122. package/cjs/internals/utils/style-sheet/index.js +6 -0
  123. package/cjs/internals/utils/style-sheet/style-manager.d.ts +50 -0
  124. package/cjs/internals/utils/style-sheet/style-manager.js +97 -0
  125. package/dist/rsuite-no-reset.css +3 -83
  126. package/dist/rsuite-no-reset.min.css +1 -1
  127. package/dist/rsuite.css +3 -83
  128. package/dist/rsuite.js +42 -9
  129. package/dist/rsuite.js.map +1 -1
  130. package/dist/rsuite.min.css +1 -1
  131. package/dist/rsuite.min.js +1 -1
  132. package/dist/rsuite.min.js.map +1 -1
  133. package/esm/ButtonToolbar/ButtonToolbar.js +2 -0
  134. package/esm/InputPicker/utils.d.ts +1 -1
  135. package/esm/Nav/Nav.d.ts +2 -3
  136. package/esm/Stack/Stack.js +21 -6
  137. package/esm/Stack/utils.d.ts +9 -0
  138. package/esm/Stack/utils.js +35 -0
  139. package/esm/Tabs/Tabs.d.ts +4 -2
  140. package/esm/internals/Box/Box.d.ts +27 -27
  141. package/esm/internals/Box/Box.js +9 -4
  142. package/esm/internals/Box/utils.d.ts +4 -1
  143. package/esm/internals/Box/utils.js +153 -13
  144. package/esm/internals/constants/index.js +2 -2
  145. package/esm/internals/hooks/useStyled.d.ts +60 -0
  146. package/esm/internals/hooks/useStyled.js +251 -0
  147. package/esm/internals/utils/colours.js +1 -1
  148. package/esm/internals/utils/style-sheet/index.d.ts +1 -0
  149. package/esm/internals/utils/style-sheet/index.js +2 -1
  150. package/esm/internals/utils/style-sheet/style-manager.d.ts +50 -0
  151. package/esm/internals/utils/style-sheet/style-manager.js +93 -0
  152. package/package.json +1 -1
@@ -547,84 +547,6 @@ body{
547
547
  --rs-zindex-modal:1050;
548
548
  --rs-zindex-drawer:1050;
549
549
  }
550
- [data-rs=box][style*="--rs-box-p"]{
551
- padding:var(--rs-box-p);
552
- }
553
- [data-rs=box][style*="--rs-box-pt"]{
554
- padding-top:var(--rs-box-pt);
555
- }
556
- [data-rs=box][style*="--rs-box-pb"]{
557
- padding-bottom:var(--rs-box-pb);
558
- }
559
- [data-rs=box][style*="--rs-box-pl"]{
560
- padding-left:var(--rs-box-pl);
561
- }
562
- [data-rs=box][style*="--rs-box-pr"]{
563
- padding-right:var(--rs-box-pr);
564
- }
565
- [data-rs=box][style*="--rs-box-px"]{
566
- padding-inline:var(--rs-box-px);
567
- }
568
- [data-rs=box][style*="--rs-box-py"]{
569
- padding-block:var(--rs-box-py);
570
- }
571
- [data-rs=box][style*="--rs-box-m"]{
572
- margin:var(--rs-box-m);
573
- }
574
- [data-rs=box][style*="--rs-box-mt"]{
575
- margin-top:var(--rs-box-mt);
576
- }
577
- [data-rs=box][style*="--rs-box-mb"]{
578
- margin-bottom:var(--rs-box-mb);
579
- }
580
- [data-rs=box][style*="--rs-box-ml"]{
581
- margin-left:var(--rs-box-ml);
582
- }
583
- [data-rs=box][style*="--rs-box-mr"]{
584
- margin-right:var(--rs-box-mr);
585
- }
586
- [data-rs=box][style*="--rs-box-mx"]{
587
- margin-inline:var(--rs-box-mx);
588
- }
589
- [data-rs=box][style*="--rs-box-my"]{
590
- margin-block:var(--rs-box-my);
591
- }
592
- [data-rs=box][style*="--rs-box-w"]{
593
- width:var(--rs-box-w);
594
- }
595
- [data-rs=box][style*="--rs-box-h"]{
596
- height:var(--rs-box-h);
597
- }
598
- [data-rs=box][style*="--rs-box-maxw"]{
599
- max-width:var(--rs-box-maxw);
600
- }
601
- [data-rs=box][style*="--rs-box-maxh"]{
602
- max-height:var(--rs-box-maxh);
603
- }
604
- [data-rs=box][style*="--rs-box-minw"]{
605
- min-width:var(--rs-box-minw);
606
- }
607
- [data-rs=box][style*="--rs-box-minh"]{
608
- min-height:var(--rs-box-minh);
609
- }
610
- [data-rs=box][style*="--rs-box-c"]{
611
- color:var(--rs-box-c);
612
- }
613
- [data-rs=box][style*="--rs-box-bd"]{
614
- border:var(--rs-box-bd);
615
- }
616
- [data-rs=box][style*="--rs-box-rounded"]{
617
- border-radius:var(--rs-box-rounded);
618
- }
619
- [data-rs=box][style*="--rs-box-shadow"]{
620
- box-shadow:var(--rs-box-shadow);
621
- }
622
- [data-rs=box][style*="--rs-box-bg"]{
623
- background:var(--rs-box-bg);
624
- }
625
- [data-rs=box][style*="--rs-box-display"]{
626
- display:var(--rs-box-display);
627
- }
628
550
 
629
551
  @media (max-width: calc(576px - 1px)){
630
552
  [data-visible-from=xs]{
@@ -1036,7 +958,7 @@ body{
1036
958
  --rs-input-group-font-size-sm:var(--rs-font-size-sm);
1037
959
  --rs-input-group-font-size-md:var(--rs-font-size-sm);
1038
960
  --rs-input-group-font-size-lg:var(--rs-font-size-md);
1039
- --rs-input-group-width:var(--rs-box-w, 100%);
961
+ --rs-input-group-width:100%;
1040
962
  position:relative;
1041
963
  display:flex;
1042
964
  border-radius:var(--rs-input-group-border-radius);
@@ -548,84 +548,6 @@ body{
548
548
  --rs-zindex-modal:1050;
549
549
  --rs-zindex-drawer:1050;
550
550
  }
551
- [data-rs=box][style*="--rs-box-p"]{
552
- padding:var(--rs-box-p);
553
- }
554
- [data-rs=box][style*="--rs-box-pt"]{
555
- padding-top:var(--rs-box-pt);
556
- }
557
- [data-rs=box][style*="--rs-box-pb"]{
558
- padding-bottom:var(--rs-box-pb);
559
- }
560
- [data-rs=box][style*="--rs-box-pl"]{
561
- padding-left:var(--rs-box-pl);
562
- }
563
- [data-rs=box][style*="--rs-box-pr"]{
564
- padding-right:var(--rs-box-pr);
565
- }
566
- [data-rs=box][style*="--rs-box-px"]{
567
- padding-inline:var(--rs-box-px);
568
- }
569
- [data-rs=box][style*="--rs-box-py"]{
570
- padding-block:var(--rs-box-py);
571
- }
572
- [data-rs=box][style*="--rs-box-m"]{
573
- margin:var(--rs-box-m);
574
- }
575
- [data-rs=box][style*="--rs-box-mt"]{
576
- margin-top:var(--rs-box-mt);
577
- }
578
- [data-rs=box][style*="--rs-box-mb"]{
579
- margin-bottom:var(--rs-box-mb);
580
- }
581
- [data-rs=box][style*="--rs-box-ml"]{
582
- margin-left:var(--rs-box-ml);
583
- }
584
- [data-rs=box][style*="--rs-box-mr"]{
585
- margin-right:var(--rs-box-mr);
586
- }
587
- [data-rs=box][style*="--rs-box-mx"]{
588
- margin-inline:var(--rs-box-mx);
589
- }
590
- [data-rs=box][style*="--rs-box-my"]{
591
- margin-block:var(--rs-box-my);
592
- }
593
- [data-rs=box][style*="--rs-box-w"]{
594
- width:var(--rs-box-w);
595
- }
596
- [data-rs=box][style*="--rs-box-h"]{
597
- height:var(--rs-box-h);
598
- }
599
- [data-rs=box][style*="--rs-box-maxw"]{
600
- max-width:var(--rs-box-maxw);
601
- }
602
- [data-rs=box][style*="--rs-box-maxh"]{
603
- max-height:var(--rs-box-maxh);
604
- }
605
- [data-rs=box][style*="--rs-box-minw"]{
606
- min-width:var(--rs-box-minw);
607
- }
608
- [data-rs=box][style*="--rs-box-minh"]{
609
- min-height:var(--rs-box-minh);
610
- }
611
- [data-rs=box][style*="--rs-box-c"]{
612
- color:var(--rs-box-c);
613
- }
614
- [data-rs=box][style*="--rs-box-bd"]{
615
- border:var(--rs-box-bd);
616
- }
617
- [data-rs=box][style*="--rs-box-rounded"]{
618
- border-radius:var(--rs-box-rounded);
619
- }
620
- [data-rs=box][style*="--rs-box-shadow"]{
621
- box-shadow:var(--rs-box-shadow);
622
- }
623
- [data-rs=box][style*="--rs-box-bg"]{
624
- background:var(--rs-box-bg);
625
- }
626
- [data-rs=box][style*="--rs-box-display"]{
627
- display:var(--rs-box-display);
628
- }
629
551
 
630
552
  @media (max-width: calc(576px - 1px)){
631
553
  [data-visible-from=xs]{
@@ -1037,7 +959,7 @@ body{
1037
959
  --rs-input-group-font-size-sm:var(--rs-font-size-sm);
1038
960
  --rs-input-group-font-size-md:var(--rs-font-size-sm);
1039
961
  --rs-input-group-font-size-lg:var(--rs-font-size-md);
1040
- --rs-input-group-width:var(--rs-box-w, 100%);
962
+ --rs-input-group-width:100%;
1041
963
  position:relative;
1042
964
  display:flex;
1043
965
  border-radius:var(--rs-input-group-border-radius);
@@ -64,84 +64,6 @@ body{
64
64
  --rs-line-height-md:calc(20 / 14);
65
65
  --rs-radius-full:62.5rem;
66
66
  }
67
- [data-rs=box][style*="--rs-box-p"]{
68
- padding:var(--rs-box-p);
69
- }
70
- [data-rs=box][style*="--rs-box-pt"]{
71
- padding-top:var(--rs-box-pt);
72
- }
73
- [data-rs=box][style*="--rs-box-pb"]{
74
- padding-bottom:var(--rs-box-pb);
75
- }
76
- [data-rs=box][style*="--rs-box-pl"]{
77
- padding-left:var(--rs-box-pl);
78
- }
79
- [data-rs=box][style*="--rs-box-pr"]{
80
- padding-right:var(--rs-box-pr);
81
- }
82
- [data-rs=box][style*="--rs-box-px"]{
83
- padding-inline:var(--rs-box-px);
84
- }
85
- [data-rs=box][style*="--rs-box-py"]{
86
- padding-block:var(--rs-box-py);
87
- }
88
- [data-rs=box][style*="--rs-box-m"]{
89
- margin:var(--rs-box-m);
90
- }
91
- [data-rs=box][style*="--rs-box-mt"]{
92
- margin-top:var(--rs-box-mt);
93
- }
94
- [data-rs=box][style*="--rs-box-mb"]{
95
- margin-bottom:var(--rs-box-mb);
96
- }
97
- [data-rs=box][style*="--rs-box-ml"]{
98
- margin-left:var(--rs-box-ml);
99
- }
100
- [data-rs=box][style*="--rs-box-mr"]{
101
- margin-right:var(--rs-box-mr);
102
- }
103
- [data-rs=box][style*="--rs-box-mx"]{
104
- margin-inline:var(--rs-box-mx);
105
- }
106
- [data-rs=box][style*="--rs-box-my"]{
107
- margin-block:var(--rs-box-my);
108
- }
109
- [data-rs=box][style*="--rs-box-w"]{
110
- width:var(--rs-box-w);
111
- }
112
- [data-rs=box][style*="--rs-box-h"]{
113
- height:var(--rs-box-h);
114
- }
115
- [data-rs=box][style*="--rs-box-maxw"]{
116
- max-width:var(--rs-box-maxw);
117
- }
118
- [data-rs=box][style*="--rs-box-maxh"]{
119
- max-height:var(--rs-box-maxh);
120
- }
121
- [data-rs=box][style*="--rs-box-minw"]{
122
- min-width:var(--rs-box-minw);
123
- }
124
- [data-rs=box][style*="--rs-box-minh"]{
125
- min-height:var(--rs-box-minh);
126
- }
127
- [data-rs=box][style*="--rs-box-c"]{
128
- color:var(--rs-box-c);
129
- }
130
- [data-rs=box][style*="--rs-box-bd"]{
131
- border:var(--rs-box-bd);
132
- }
133
- [data-rs=box][style*="--rs-box-rounded"]{
134
- border-radius:var(--rs-box-rounded);
135
- }
136
- [data-rs=box][style*="--rs-box-shadow"]{
137
- box-shadow:var(--rs-box-shadow);
138
- }
139
- [data-rs=box][style*="--rs-box-bg"]{
140
- background:var(--rs-box-bg);
141
- }
142
- [data-rs=box][style*="--rs-box-display"]{
143
- display:var(--rs-box-display);
144
- }
145
67
 
146
68
  @media (max-width: calc(576px - 1px)){
147
69
  [data-visible-from=xs]{
@@ -181,84 +181,6 @@ body{
181
181
  --rs-line-height-md:calc(20 / 14);
182
182
  --rs-radius-full:62.5rem;
183
183
  }
184
- [data-rs=box][style*="--rs-box-p"]{
185
- padding:var(--rs-box-p);
186
- }
187
- [data-rs=box][style*="--rs-box-pt"]{
188
- padding-top:var(--rs-box-pt);
189
- }
190
- [data-rs=box][style*="--rs-box-pb"]{
191
- padding-bottom:var(--rs-box-pb);
192
- }
193
- [data-rs=box][style*="--rs-box-pl"]{
194
- padding-left:var(--rs-box-pl);
195
- }
196
- [data-rs=box][style*="--rs-box-pr"]{
197
- padding-right:var(--rs-box-pr);
198
- }
199
- [data-rs=box][style*="--rs-box-px"]{
200
- padding-inline:var(--rs-box-px);
201
- }
202
- [data-rs=box][style*="--rs-box-py"]{
203
- padding-block:var(--rs-box-py);
204
- }
205
- [data-rs=box][style*="--rs-box-m"]{
206
- margin:var(--rs-box-m);
207
- }
208
- [data-rs=box][style*="--rs-box-mt"]{
209
- margin-top:var(--rs-box-mt);
210
- }
211
- [data-rs=box][style*="--rs-box-mb"]{
212
- margin-bottom:var(--rs-box-mb);
213
- }
214
- [data-rs=box][style*="--rs-box-ml"]{
215
- margin-left:var(--rs-box-ml);
216
- }
217
- [data-rs=box][style*="--rs-box-mr"]{
218
- margin-right:var(--rs-box-mr);
219
- }
220
- [data-rs=box][style*="--rs-box-mx"]{
221
- margin-inline:var(--rs-box-mx);
222
- }
223
- [data-rs=box][style*="--rs-box-my"]{
224
- margin-block:var(--rs-box-my);
225
- }
226
- [data-rs=box][style*="--rs-box-w"]{
227
- width:var(--rs-box-w);
228
- }
229
- [data-rs=box][style*="--rs-box-h"]{
230
- height:var(--rs-box-h);
231
- }
232
- [data-rs=box][style*="--rs-box-maxw"]{
233
- max-width:var(--rs-box-maxw);
234
- }
235
- [data-rs=box][style*="--rs-box-maxh"]{
236
- max-height:var(--rs-box-maxh);
237
- }
238
- [data-rs=box][style*="--rs-box-minw"]{
239
- min-width:var(--rs-box-minw);
240
- }
241
- [data-rs=box][style*="--rs-box-minh"]{
242
- min-height:var(--rs-box-minh);
243
- }
244
- [data-rs=box][style*="--rs-box-c"]{
245
- color:var(--rs-box-c);
246
- }
247
- [data-rs=box][style*="--rs-box-bd"]{
248
- border:var(--rs-box-bd);
249
- }
250
- [data-rs=box][style*="--rs-box-rounded"]{
251
- border-radius:var(--rs-box-rounded);
252
- }
253
- [data-rs=box][style*="--rs-box-shadow"]{
254
- box-shadow:var(--rs-box-shadow);
255
- }
256
- [data-rs=box][style*="--rs-box-bg"]{
257
- background:var(--rs-box-bg);
258
- }
259
- [data-rs=box][style*="--rs-box-display"]{
260
- display:var(--rs-box-display);
261
- }
262
184
 
263
185
  @media (max-width: calc(576px - 1px)){
264
186
  [data-visible-from=xs]{
@@ -74,84 +74,6 @@ body{
74
74
  --rs-radius-sm:0.25rem;
75
75
  --rs-zindex-tooltip:1070;
76
76
  }
77
- [data-rs=box][style*="--rs-box-p"]{
78
- padding:var(--rs-box-p);
79
- }
80
- [data-rs=box][style*="--rs-box-pt"]{
81
- padding-top:var(--rs-box-pt);
82
- }
83
- [data-rs=box][style*="--rs-box-pb"]{
84
- padding-bottom:var(--rs-box-pb);
85
- }
86
- [data-rs=box][style*="--rs-box-pl"]{
87
- padding-left:var(--rs-box-pl);
88
- }
89
- [data-rs=box][style*="--rs-box-pr"]{
90
- padding-right:var(--rs-box-pr);
91
- }
92
- [data-rs=box][style*="--rs-box-px"]{
93
- padding-inline:var(--rs-box-px);
94
- }
95
- [data-rs=box][style*="--rs-box-py"]{
96
- padding-block:var(--rs-box-py);
97
- }
98
- [data-rs=box][style*="--rs-box-m"]{
99
- margin:var(--rs-box-m);
100
- }
101
- [data-rs=box][style*="--rs-box-mt"]{
102
- margin-top:var(--rs-box-mt);
103
- }
104
- [data-rs=box][style*="--rs-box-mb"]{
105
- margin-bottom:var(--rs-box-mb);
106
- }
107
- [data-rs=box][style*="--rs-box-ml"]{
108
- margin-left:var(--rs-box-ml);
109
- }
110
- [data-rs=box][style*="--rs-box-mr"]{
111
- margin-right:var(--rs-box-mr);
112
- }
113
- [data-rs=box][style*="--rs-box-mx"]{
114
- margin-inline:var(--rs-box-mx);
115
- }
116
- [data-rs=box][style*="--rs-box-my"]{
117
- margin-block:var(--rs-box-my);
118
- }
119
- [data-rs=box][style*="--rs-box-w"]{
120
- width:var(--rs-box-w);
121
- }
122
- [data-rs=box][style*="--rs-box-h"]{
123
- height:var(--rs-box-h);
124
- }
125
- [data-rs=box][style*="--rs-box-maxw"]{
126
- max-width:var(--rs-box-maxw);
127
- }
128
- [data-rs=box][style*="--rs-box-maxh"]{
129
- max-height:var(--rs-box-maxh);
130
- }
131
- [data-rs=box][style*="--rs-box-minw"]{
132
- min-width:var(--rs-box-minw);
133
- }
134
- [data-rs=box][style*="--rs-box-minh"]{
135
- min-height:var(--rs-box-minh);
136
- }
137
- [data-rs=box][style*="--rs-box-c"]{
138
- color:var(--rs-box-c);
139
- }
140
- [data-rs=box][style*="--rs-box-bd"]{
141
- border:var(--rs-box-bd);
142
- }
143
- [data-rs=box][style*="--rs-box-rounded"]{
144
- border-radius:var(--rs-box-rounded);
145
- }
146
- [data-rs=box][style*="--rs-box-shadow"]{
147
- box-shadow:var(--rs-box-shadow);
148
- }
149
- [data-rs=box][style*="--rs-box-bg"]{
150
- background:var(--rs-box-bg);
151
- }
152
- [data-rs=box][style*="--rs-box-display"]{
153
- display:var(--rs-box-display);
154
- }
155
77
 
156
78
  @media (max-width: calc(576px - 1px)){
157
79
  [data-visible-from=xs]{
@@ -523,84 +523,6 @@ body{
523
523
  --rs-zindex-modal:1050;
524
524
  --rs-zindex-drawer:1050;
525
525
  }
526
- [data-rs=box][style*="--rs-box-p"]{
527
- padding:var(--rs-box-p);
528
- }
529
- [data-rs=box][style*="--rs-box-pt"]{
530
- padding-top:var(--rs-box-pt);
531
- }
532
- [data-rs=box][style*="--rs-box-pb"]{
533
- padding-bottom:var(--rs-box-pb);
534
- }
535
- [data-rs=box][style*="--rs-box-pl"]{
536
- padding-left:var(--rs-box-pl);
537
- }
538
- [data-rs=box][style*="--rs-box-pr"]{
539
- padding-right:var(--rs-box-pr);
540
- }
541
- [data-rs=box][style*="--rs-box-px"]{
542
- padding-inline:var(--rs-box-px);
543
- }
544
- [data-rs=box][style*="--rs-box-py"]{
545
- padding-block:var(--rs-box-py);
546
- }
547
- [data-rs=box][style*="--rs-box-m"]{
548
- margin:var(--rs-box-m);
549
- }
550
- [data-rs=box][style*="--rs-box-mt"]{
551
- margin-top:var(--rs-box-mt);
552
- }
553
- [data-rs=box][style*="--rs-box-mb"]{
554
- margin-bottom:var(--rs-box-mb);
555
- }
556
- [data-rs=box][style*="--rs-box-ml"]{
557
- margin-left:var(--rs-box-ml);
558
- }
559
- [data-rs=box][style*="--rs-box-mr"]{
560
- margin-right:var(--rs-box-mr);
561
- }
562
- [data-rs=box][style*="--rs-box-mx"]{
563
- margin-inline:var(--rs-box-mx);
564
- }
565
- [data-rs=box][style*="--rs-box-my"]{
566
- margin-block:var(--rs-box-my);
567
- }
568
- [data-rs=box][style*="--rs-box-w"]{
569
- width:var(--rs-box-w);
570
- }
571
- [data-rs=box][style*="--rs-box-h"]{
572
- height:var(--rs-box-h);
573
- }
574
- [data-rs=box][style*="--rs-box-maxw"]{
575
- max-width:var(--rs-box-maxw);
576
- }
577
- [data-rs=box][style*="--rs-box-maxh"]{
578
- max-height:var(--rs-box-maxh);
579
- }
580
- [data-rs=box][style*="--rs-box-minw"]{
581
- min-width:var(--rs-box-minw);
582
- }
583
- [data-rs=box][style*="--rs-box-minh"]{
584
- min-height:var(--rs-box-minh);
585
- }
586
- [data-rs=box][style*="--rs-box-c"]{
587
- color:var(--rs-box-c);
588
- }
589
- [data-rs=box][style*="--rs-box-bd"]{
590
- border:var(--rs-box-bd);
591
- }
592
- [data-rs=box][style*="--rs-box-rounded"]{
593
- border-radius:var(--rs-box-rounded);
594
- }
595
- [data-rs=box][style*="--rs-box-shadow"]{
596
- box-shadow:var(--rs-box-shadow);
597
- }
598
- [data-rs=box][style*="--rs-box-bg"]{
599
- background:var(--rs-box-bg);
600
- }
601
- [data-rs=box][style*="--rs-box-display"]{
602
- display:var(--rs-box-display);
603
- }
604
526
 
605
527
  @media (max-width: calc(576px - 1px)){
606
528
  [data-visible-from=xs]{
@@ -1012,7 +934,7 @@ body{
1012
934
  --rs-input-group-font-size-sm:var(--rs-font-size-sm);
1013
935
  --rs-input-group-font-size-md:var(--rs-font-size-sm);
1014
936
  --rs-input-group-font-size-lg:var(--rs-font-size-md);
1015
- --rs-input-group-width:var(--rs-box-w, 100%);
937
+ --rs-input-group-width:100%;
1016
938
  position:relative;
1017
939
  display:flex;
1018
940
  border-radius:var(--rs-input-group-border-radius);
@@ -523,84 +523,6 @@ body{
523
523
  --rs-zindex-modal:1050;
524
524
  --rs-zindex-drawer:1050;
525
525
  }
526
- [data-rs=box][style*="--rs-box-p"]{
527
- padding:var(--rs-box-p);
528
- }
529
- [data-rs=box][style*="--rs-box-pt"]{
530
- padding-top:var(--rs-box-pt);
531
- }
532
- [data-rs=box][style*="--rs-box-pb"]{
533
- padding-bottom:var(--rs-box-pb);
534
- }
535
- [data-rs=box][style*="--rs-box-pl"]{
536
- padding-left:var(--rs-box-pl);
537
- }
538
- [data-rs=box][style*="--rs-box-pr"]{
539
- padding-right:var(--rs-box-pr);
540
- }
541
- [data-rs=box][style*="--rs-box-px"]{
542
- padding-inline:var(--rs-box-px);
543
- }
544
- [data-rs=box][style*="--rs-box-py"]{
545
- padding-block:var(--rs-box-py);
546
- }
547
- [data-rs=box][style*="--rs-box-m"]{
548
- margin:var(--rs-box-m);
549
- }
550
- [data-rs=box][style*="--rs-box-mt"]{
551
- margin-top:var(--rs-box-mt);
552
- }
553
- [data-rs=box][style*="--rs-box-mb"]{
554
- margin-bottom:var(--rs-box-mb);
555
- }
556
- [data-rs=box][style*="--rs-box-ml"]{
557
- margin-left:var(--rs-box-ml);
558
- }
559
- [data-rs=box][style*="--rs-box-mr"]{
560
- margin-right:var(--rs-box-mr);
561
- }
562
- [data-rs=box][style*="--rs-box-mx"]{
563
- margin-inline:var(--rs-box-mx);
564
- }
565
- [data-rs=box][style*="--rs-box-my"]{
566
- margin-block:var(--rs-box-my);
567
- }
568
- [data-rs=box][style*="--rs-box-w"]{
569
- width:var(--rs-box-w);
570
- }
571
- [data-rs=box][style*="--rs-box-h"]{
572
- height:var(--rs-box-h);
573
- }
574
- [data-rs=box][style*="--rs-box-maxw"]{
575
- max-width:var(--rs-box-maxw);
576
- }
577
- [data-rs=box][style*="--rs-box-maxh"]{
578
- max-height:var(--rs-box-maxh);
579
- }
580
- [data-rs=box][style*="--rs-box-minw"]{
581
- min-width:var(--rs-box-minw);
582
- }
583
- [data-rs=box][style*="--rs-box-minh"]{
584
- min-height:var(--rs-box-minh);
585
- }
586
- [data-rs=box][style*="--rs-box-c"]{
587
- color:var(--rs-box-c);
588
- }
589
- [data-rs=box][style*="--rs-box-bd"]{
590
- border:var(--rs-box-bd);
591
- }
592
- [data-rs=box][style*="--rs-box-rounded"]{
593
- border-radius:var(--rs-box-rounded);
594
- }
595
- [data-rs=box][style*="--rs-box-shadow"]{
596
- box-shadow:var(--rs-box-shadow);
597
- }
598
- [data-rs=box][style*="--rs-box-bg"]{
599
- background:var(--rs-box-bg);
600
- }
601
- [data-rs=box][style*="--rs-box-display"]{
602
- display:var(--rs-box-display);
603
- }
604
526
 
605
527
  @media (max-width: calc(576px - 1px)){
606
528
  [data-visible-from=xs]{
@@ -1012,7 +934,7 @@ body{
1012
934
  --rs-input-group-font-size-sm:var(--rs-font-size-sm);
1013
935
  --rs-input-group-font-size-md:var(--rs-font-size-sm);
1014
936
  --rs-input-group-font-size-lg:var(--rs-font-size-md);
1015
- --rs-input-group-width:var(--rs-box-w, 100%);
937
+ --rs-input-group-width:100%;
1016
938
  position:relative;
1017
939
  display:flex;
1018
940
  border-radius:var(--rs-input-group-border-radius);
@@ -400,84 +400,6 @@ body{
400
400
  --rs-ripple-bg:rgb(0 0 0 / 20%);
401
401
  --rs-loader-default-size:1.125rem;
402
402
  }
403
- [data-rs=box][style*="--rs-box-p"]{
404
- padding:var(--rs-box-p);
405
- }
406
- [data-rs=box][style*="--rs-box-pt"]{
407
- padding-top:var(--rs-box-pt);
408
- }
409
- [data-rs=box][style*="--rs-box-pb"]{
410
- padding-bottom:var(--rs-box-pb);
411
- }
412
- [data-rs=box][style*="--rs-box-pl"]{
413
- padding-left:var(--rs-box-pl);
414
- }
415
- [data-rs=box][style*="--rs-box-pr"]{
416
- padding-right:var(--rs-box-pr);
417
- }
418
- [data-rs=box][style*="--rs-box-px"]{
419
- padding-inline:var(--rs-box-px);
420
- }
421
- [data-rs=box][style*="--rs-box-py"]{
422
- padding-block:var(--rs-box-py);
423
- }
424
- [data-rs=box][style*="--rs-box-m"]{
425
- margin:var(--rs-box-m);
426
- }
427
- [data-rs=box][style*="--rs-box-mt"]{
428
- margin-top:var(--rs-box-mt);
429
- }
430
- [data-rs=box][style*="--rs-box-mb"]{
431
- margin-bottom:var(--rs-box-mb);
432
- }
433
- [data-rs=box][style*="--rs-box-ml"]{
434
- margin-left:var(--rs-box-ml);
435
- }
436
- [data-rs=box][style*="--rs-box-mr"]{
437
- margin-right:var(--rs-box-mr);
438
- }
439
- [data-rs=box][style*="--rs-box-mx"]{
440
- margin-inline:var(--rs-box-mx);
441
- }
442
- [data-rs=box][style*="--rs-box-my"]{
443
- margin-block:var(--rs-box-my);
444
- }
445
- [data-rs=box][style*="--rs-box-w"]{
446
- width:var(--rs-box-w);
447
- }
448
- [data-rs=box][style*="--rs-box-h"]{
449
- height:var(--rs-box-h);
450
- }
451
- [data-rs=box][style*="--rs-box-maxw"]{
452
- max-width:var(--rs-box-maxw);
453
- }
454
- [data-rs=box][style*="--rs-box-maxh"]{
455
- max-height:var(--rs-box-maxh);
456
- }
457
- [data-rs=box][style*="--rs-box-minw"]{
458
- min-width:var(--rs-box-minw);
459
- }
460
- [data-rs=box][style*="--rs-box-minh"]{
461
- min-height:var(--rs-box-minh);
462
- }
463
- [data-rs=box][style*="--rs-box-c"]{
464
- color:var(--rs-box-c);
465
- }
466
- [data-rs=box][style*="--rs-box-bd"]{
467
- border:var(--rs-box-bd);
468
- }
469
- [data-rs=box][style*="--rs-box-rounded"]{
470
- border-radius:var(--rs-box-rounded);
471
- }
472
- [data-rs=box][style*="--rs-box-shadow"]{
473
- box-shadow:var(--rs-box-shadow);
474
- }
475
- [data-rs=box][style*="--rs-box-bg"]{
476
- background:var(--rs-box-bg);
477
- }
478
- [data-rs=box][style*="--rs-box-display"]{
479
- display:var(--rs-box-display);
480
- }
481
403
 
482
404
  @media (max-width: calc(576px - 1px)){
483
405
  [data-visible-from=xs]{