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
package/Popover/styles/index.css CHANGED
@@ -86,84 +86,6 @@ body{
86
86
  --rs-radius-sm:0.25rem;
87
87
  --rs-zindex-popover:1060;
88
88
  }
89
- [data-rs=box][style*="--rs-box-p"]{
90
- padding:var(--rs-box-p);
91
- }
92
- [data-rs=box][style*="--rs-box-pt"]{
93
- padding-top:var(--rs-box-pt);
94
- }
95
- [data-rs=box][style*="--rs-box-pb"]{
96
- padding-bottom:var(--rs-box-pb);
97
- }
98
- [data-rs=box][style*="--rs-box-pl"]{
99
- padding-left:var(--rs-box-pl);
100
- }
101
- [data-rs=box][style*="--rs-box-pr"]{
102
- padding-right:var(--rs-box-pr);
103
- }
104
- [data-rs=box][style*="--rs-box-px"]{
105
- padding-inline:var(--rs-box-px);
106
- }
107
- [data-rs=box][style*="--rs-box-py"]{
108
- padding-block:var(--rs-box-py);
109
- }
110
- [data-rs=box][style*="--rs-box-m"]{
111
- margin:var(--rs-box-m);
112
- }
113
- [data-rs=box][style*="--rs-box-mt"]{
114
- margin-top:var(--rs-box-mt);
115
- }
116
- [data-rs=box][style*="--rs-box-mb"]{
117
- margin-bottom:var(--rs-box-mb);
118
- }
119
- [data-rs=box][style*="--rs-box-ml"]{
120
- margin-left:var(--rs-box-ml);
121
- }
122
- [data-rs=box][style*="--rs-box-mr"]{
123
- margin-right:var(--rs-box-mr);
124
- }
125
- [data-rs=box][style*="--rs-box-mx"]{
126
- margin-inline:var(--rs-box-mx);
127
- }
128
- [data-rs=box][style*="--rs-box-my"]{
129
- margin-block:var(--rs-box-my);
130
- }
131
- [data-rs=box][style*="--rs-box-w"]{
132
- width:var(--rs-box-w);
133
- }
134
- [data-rs=box][style*="--rs-box-h"]{
135
- height:var(--rs-box-h);
136
- }
137
- [data-rs=box][style*="--rs-box-maxw"]{
138
- max-width:var(--rs-box-maxw);
139
- }
140
- [data-rs=box][style*="--rs-box-maxh"]{
141
- max-height:var(--rs-box-maxh);
142
- }
143
- [data-rs=box][style*="--rs-box-minw"]{
144
- min-width:var(--rs-box-minw);
145
- }
146
- [data-rs=box][style*="--rs-box-minh"]{
147
- min-height:var(--rs-box-minh);
148
- }
149
- [data-rs=box][style*="--rs-box-c"]{
150
- color:var(--rs-box-c);
151
- }
152
- [data-rs=box][style*="--rs-box-bd"]{
153
- border:var(--rs-box-bd);
154
- }
155
- [data-rs=box][style*="--rs-box-rounded"]{
156
- border-radius:var(--rs-box-rounded);
157
- }
158
- [data-rs=box][style*="--rs-box-shadow"]{
159
- box-shadow:var(--rs-box-shadow);
160
- }
161
- [data-rs=box][style*="--rs-box-bg"]{
162
- background:var(--rs-box-bg);
163
- }
164
- [data-rs=box][style*="--rs-box-display"]{
165
- display:var(--rs-box-display);
166
- }
167
89
 
168
90
  @media (max-width: calc(576px - 1px)){
169
91
  [data-visible-from=xs]{
package/Progress/styles/index.css CHANGED
@@ -78,84 +78,6 @@ body{
78
78
  --rs-radius-sm:0.25rem;
79
79
  --rs-radius-lg:0.5rem;
80
80
  }
81
- [data-rs=box][style*="--rs-box-p"]{
82
- padding:var(--rs-box-p);
83
- }
84
- [data-rs=box][style*="--rs-box-pt"]{
85
- padding-top:var(--rs-box-pt);
86
- }
87
- [data-rs=box][style*="--rs-box-pb"]{
88
- padding-bottom:var(--rs-box-pb);
89
- }
90
- [data-rs=box][style*="--rs-box-pl"]{
91
- padding-left:var(--rs-box-pl);
92
- }
93
- [data-rs=box][style*="--rs-box-pr"]{
94
- padding-right:var(--rs-box-pr);
95
- }
96
- [data-rs=box][style*="--rs-box-px"]{
97
- padding-inline:var(--rs-box-px);
98
- }
99
- [data-rs=box][style*="--rs-box-py"]{
100
- padding-block:var(--rs-box-py);
101
- }
102
- [data-rs=box][style*="--rs-box-m"]{
103
- margin:var(--rs-box-m);
104
- }
105
- [data-rs=box][style*="--rs-box-mt"]{
106
- margin-top:var(--rs-box-mt);
107
- }
108
- [data-rs=box][style*="--rs-box-mb"]{
109
- margin-bottom:var(--rs-box-mb);
110
- }
111
- [data-rs=box][style*="--rs-box-ml"]{
112
- margin-left:var(--rs-box-ml);
113
- }
114
- [data-rs=box][style*="--rs-box-mr"]{
115
- margin-right:var(--rs-box-mr);
116
- }
117
- [data-rs=box][style*="--rs-box-mx"]{
118
- margin-inline:var(--rs-box-mx);
119
- }
120
- [data-rs=box][style*="--rs-box-my"]{
121
- margin-block:var(--rs-box-my);
122
- }
123
- [data-rs=box][style*="--rs-box-w"]{
124
- width:var(--rs-box-w);
125
- }
126
- [data-rs=box][style*="--rs-box-h"]{
127
- height:var(--rs-box-h);
128
- }
129
- [data-rs=box][style*="--rs-box-maxw"]{
130
- max-width:var(--rs-box-maxw);
131
- }
132
- [data-rs=box][style*="--rs-box-maxh"]{
133
- max-height:var(--rs-box-maxh);
134
- }
135
- [data-rs=box][style*="--rs-box-minw"]{
136
- min-width:var(--rs-box-minw);
137
- }
138
- [data-rs=box][style*="--rs-box-minh"]{
139
- min-height:var(--rs-box-minh);
140
- }
141
- [data-rs=box][style*="--rs-box-c"]{
142
- color:var(--rs-box-c);
143
- }
144
- [data-rs=box][style*="--rs-box-bd"]{
145
- border:var(--rs-box-bd);
146
- }
147
- [data-rs=box][style*="--rs-box-rounded"]{
148
- border-radius:var(--rs-box-rounded);
149
- }
150
- [data-rs=box][style*="--rs-box-shadow"]{
151
- box-shadow:var(--rs-box-shadow);
152
- }
153
- [data-rs=box][style*="--rs-box-bg"]{
154
- background:var(--rs-box-bg);
155
- }
156
- [data-rs=box][style*="--rs-box-display"]{
157
- display:var(--rs-box-display);
158
- }
159
81
 
160
82
  @media (max-width: calc(576px - 1px)){
161
83
  [data-visible-from=xs]{
package/ProgressCircle/styles/index.css CHANGED
@@ -82,84 +82,6 @@ body{
82
82
  --rs-font-size-md:1rem;
83
83
  --rs-line-height-md:calc(20 / 14);
84
84
  }
85
- [data-rs=box][style*="--rs-box-p"]{
86
- padding:var(--rs-box-p);
87
- }
88
- [data-rs=box][style*="--rs-box-pt"]{
89
- padding-top:var(--rs-box-pt);
90
- }
91
- [data-rs=box][style*="--rs-box-pb"]{
92
- padding-bottom:var(--rs-box-pb);
93
- }
94
- [data-rs=box][style*="--rs-box-pl"]{
95
- padding-left:var(--rs-box-pl);
96
- }
97
- [data-rs=box][style*="--rs-box-pr"]{
98
- padding-right:var(--rs-box-pr);
99
- }
100
- [data-rs=box][style*="--rs-box-px"]{
101
- padding-inline:var(--rs-box-px);
102
- }
103
- [data-rs=box][style*="--rs-box-py"]{
104
- padding-block:var(--rs-box-py);
105
- }
106
- [data-rs=box][style*="--rs-box-m"]{
107
- margin:var(--rs-box-m);
108
- }
109
- [data-rs=box][style*="--rs-box-mt"]{
110
- margin-top:var(--rs-box-mt);
111
- }
112
- [data-rs=box][style*="--rs-box-mb"]{
113
- margin-bottom:var(--rs-box-mb);
114
- }
115
- [data-rs=box][style*="--rs-box-ml"]{
116
- margin-left:var(--rs-box-ml);
117
- }
118
- [data-rs=box][style*="--rs-box-mr"]{
119
- margin-right:var(--rs-box-mr);
120
- }
121
- [data-rs=box][style*="--rs-box-mx"]{
122
- margin-inline:var(--rs-box-mx);
123
- }
124
- [data-rs=box][style*="--rs-box-my"]{
125
- margin-block:var(--rs-box-my);
126
- }
127
- [data-rs=box][style*="--rs-box-w"]{
128
- width:var(--rs-box-w);
129
- }
130
- [data-rs=box][style*="--rs-box-h"]{
131
- height:var(--rs-box-h);
132
- }
133
- [data-rs=box][style*="--rs-box-maxw"]{
134
- max-width:var(--rs-box-maxw);
135
- }
136
- [data-rs=box][style*="--rs-box-maxh"]{
137
- max-height:var(--rs-box-maxh);
138
- }
139
- [data-rs=box][style*="--rs-box-minw"]{
140
- min-width:var(--rs-box-minw);
141
- }
142
- [data-rs=box][style*="--rs-box-minh"]{
143
- min-height:var(--rs-box-minh);
144
- }
145
- [data-rs=box][style*="--rs-box-c"]{
146
- color:var(--rs-box-c);
147
- }
148
- [data-rs=box][style*="--rs-box-bd"]{
149
- border:var(--rs-box-bd);
150
- }
151
- [data-rs=box][style*="--rs-box-rounded"]{
152
- border-radius:var(--rs-box-rounded);
153
- }
154
- [data-rs=box][style*="--rs-box-shadow"]{
155
- box-shadow:var(--rs-box-shadow);
156
- }
157
- [data-rs=box][style*="--rs-box-bg"]{
158
- background:var(--rs-box-bg);
159
- }
160
- [data-rs=box][style*="--rs-box-display"]{
161
- display:var(--rs-box-display);
162
- }
163
85
 
164
86
  @media (max-width: calc(576px - 1px)){
165
87
  [data-visible-from=xs]{
package/Radio/styles/index.css CHANGED
@@ -122,84 +122,6 @@ body{
122
122
  --rs-radius-full:62.5rem;
123
123
  --rs-cursor-disabled:not-allowed;
124
124
  }
125
- [data-rs=box][style*="--rs-box-p"]{
126
- padding:var(--rs-box-p);
127
- }
128
- [data-rs=box][style*="--rs-box-pt"]{
129
- padding-top:var(--rs-box-pt);
130
- }
131
- [data-rs=box][style*="--rs-box-pb"]{
132
- padding-bottom:var(--rs-box-pb);
133
- }
134
- [data-rs=box][style*="--rs-box-pl"]{
135
- padding-left:var(--rs-box-pl);
136
- }
137
- [data-rs=box][style*="--rs-box-pr"]{
138
- padding-right:var(--rs-box-pr);
139
- }
140
- [data-rs=box][style*="--rs-box-px"]{
141
- padding-inline:var(--rs-box-px);
142
- }
143
- [data-rs=box][style*="--rs-box-py"]{
144
- padding-block:var(--rs-box-py);
145
- }
146
- [data-rs=box][style*="--rs-box-m"]{
147
- margin:var(--rs-box-m);
148
- }
149
- [data-rs=box][style*="--rs-box-mt"]{
150
- margin-top:var(--rs-box-mt);
151
- }
152
- [data-rs=box][style*="--rs-box-mb"]{
153
- margin-bottom:var(--rs-box-mb);
154
- }
155
- [data-rs=box][style*="--rs-box-ml"]{
156
- margin-left:var(--rs-box-ml);
157
- }
158
- [data-rs=box][style*="--rs-box-mr"]{
159
- margin-right:var(--rs-box-mr);
160
- }
161
- [data-rs=box][style*="--rs-box-mx"]{
162
- margin-inline:var(--rs-box-mx);
163
- }
164
- [data-rs=box][style*="--rs-box-my"]{
165
- margin-block:var(--rs-box-my);
166
- }
167
- [data-rs=box][style*="--rs-box-w"]{
168
- width:var(--rs-box-w);
169
- }
170
- [data-rs=box][style*="--rs-box-h"]{
171
- height:var(--rs-box-h);
172
- }
173
- [data-rs=box][style*="--rs-box-maxw"]{
174
- max-width:var(--rs-box-maxw);
175
- }
176
- [data-rs=box][style*="--rs-box-maxh"]{
177
- max-height:var(--rs-box-maxh);
178
- }
179
- [data-rs=box][style*="--rs-box-minw"]{
180
- min-width:var(--rs-box-minw);
181
- }
182
- [data-rs=box][style*="--rs-box-minh"]{
183
- min-height:var(--rs-box-minh);
184
- }
185
- [data-rs=box][style*="--rs-box-c"]{
186
- color:var(--rs-box-c);
187
- }
188
- [data-rs=box][style*="--rs-box-bd"]{
189
- border:var(--rs-box-bd);
190
- }
191
- [data-rs=box][style*="--rs-box-rounded"]{
192
- border-radius:var(--rs-box-rounded);
193
- }
194
- [data-rs=box][style*="--rs-box-shadow"]{
195
- box-shadow:var(--rs-box-shadow);
196
- }
197
- [data-rs=box][style*="--rs-box-bg"]{
198
- background:var(--rs-box-bg);
199
- }
200
- [data-rs=box][style*="--rs-box-display"]{
201
- display:var(--rs-box-display);
202
- }
203
125
 
204
126
  @media (max-width: calc(576px - 1px)){
205
127
  [data-visible-from=xs]{
package/RadioGroup/styles/index.css CHANGED
@@ -76,84 +76,6 @@ body{
76
76
  --rs-radius-none:0;
77
77
  --rs-radius-md:0.375rem;
78
78
  }
79
- [data-rs=box][style*="--rs-box-p"]{
80
- padding:var(--rs-box-p);
81
- }
82
- [data-rs=box][style*="--rs-box-pt"]{
83
- padding-top:var(--rs-box-pt);
84
- }
85
- [data-rs=box][style*="--rs-box-pb"]{
86
- padding-bottom:var(--rs-box-pb);
87
- }
88
- [data-rs=box][style*="--rs-box-pl"]{
89
- padding-left:var(--rs-box-pl);
90
- }
91
- [data-rs=box][style*="--rs-box-pr"]{
92
- padding-right:var(--rs-box-pr);
93
- }
94
- [data-rs=box][style*="--rs-box-px"]{
95
- padding-inline:var(--rs-box-px);
96
- }
97
- [data-rs=box][style*="--rs-box-py"]{
98
- padding-block:var(--rs-box-py);
99
- }
100
- [data-rs=box][style*="--rs-box-m"]{
101
- margin:var(--rs-box-m);
102
- }
103
- [data-rs=box][style*="--rs-box-mt"]{
104
- margin-top:var(--rs-box-mt);
105
- }
106
- [data-rs=box][style*="--rs-box-mb"]{
107
- margin-bottom:var(--rs-box-mb);
108
- }
109
- [data-rs=box][style*="--rs-box-ml"]{
110
- margin-left:var(--rs-box-ml);
111
- }
112
- [data-rs=box][style*="--rs-box-mr"]{
113
- margin-right:var(--rs-box-mr);
114
- }
115
- [data-rs=box][style*="--rs-box-mx"]{
116
- margin-inline:var(--rs-box-mx);
117
- }
118
- [data-rs=box][style*="--rs-box-my"]{
119
- margin-block:var(--rs-box-my);
120
- }
121
- [data-rs=box][style*="--rs-box-w"]{
122
- width:var(--rs-box-w);
123
- }
124
- [data-rs=box][style*="--rs-box-h"]{
125
- height:var(--rs-box-h);
126
- }
127
- [data-rs=box][style*="--rs-box-maxw"]{
128
- max-width:var(--rs-box-maxw);
129
- }
130
- [data-rs=box][style*="--rs-box-maxh"]{
131
- max-height:var(--rs-box-maxh);
132
- }
133
- [data-rs=box][style*="--rs-box-minw"]{
134
- min-width:var(--rs-box-minw);
135
- }
136
- [data-rs=box][style*="--rs-box-minh"]{
137
- min-height:var(--rs-box-minh);
138
- }
139
- [data-rs=box][style*="--rs-box-c"]{
140
- color:var(--rs-box-c);
141
- }
142
- [data-rs=box][style*="--rs-box-bd"]{
143
- border:var(--rs-box-bd);
144
- }
145
- [data-rs=box][style*="--rs-box-rounded"]{
146
- border-radius:var(--rs-box-rounded);
147
- }
148
- [data-rs=box][style*="--rs-box-shadow"]{
149
- box-shadow:var(--rs-box-shadow);
150
- }
151
- [data-rs=box][style*="--rs-box-bg"]{
152
- background:var(--rs-box-bg);
153
- }
154
- [data-rs=box][style*="--rs-box-display"]{
155
- display:var(--rs-box-display);
156
- }
157
79
 
158
80
  @media (max-width: calc(576px - 1px)){
159
81
  [data-visible-from=xs]{
package/RadioTile/styles/index.css CHANGED
@@ -92,84 +92,6 @@ body{
92
92
  --rs-radius-md:0.375rem;
93
93
  --rs-cursor-disabled:not-allowed;
94
94
  }
95
- [data-rs=box][style*="--rs-box-p"]{
96
- padding:var(--rs-box-p);
97
- }
98
- [data-rs=box][style*="--rs-box-pt"]{
99
- padding-top:var(--rs-box-pt);
100
- }
101
- [data-rs=box][style*="--rs-box-pb"]{
102
- padding-bottom:var(--rs-box-pb);
103
- }
104
- [data-rs=box][style*="--rs-box-pl"]{
105
- padding-left:var(--rs-box-pl);
106
- }
107
- [data-rs=box][style*="--rs-box-pr"]{
108
- padding-right:var(--rs-box-pr);
109
- }
110
- [data-rs=box][style*="--rs-box-px"]{
111
- padding-inline:var(--rs-box-px);
112
- }
113
- [data-rs=box][style*="--rs-box-py"]{
114
- padding-block:var(--rs-box-py);
115
- }
116
- [data-rs=box][style*="--rs-box-m"]{
117
- margin:var(--rs-box-m);
118
- }
119
- [data-rs=box][style*="--rs-box-mt"]{
120
- margin-top:var(--rs-box-mt);
121
- }
122
- [data-rs=box][style*="--rs-box-mb"]{
123
- margin-bottom:var(--rs-box-mb);
124
- }
125
- [data-rs=box][style*="--rs-box-ml"]{
126
- margin-left:var(--rs-box-ml);
127
- }
128
- [data-rs=box][style*="--rs-box-mr"]{
129
- margin-right:var(--rs-box-mr);
130
- }
131
- [data-rs=box][style*="--rs-box-mx"]{
132
- margin-inline:var(--rs-box-mx);
133
- }
134
- [data-rs=box][style*="--rs-box-my"]{
135
- margin-block:var(--rs-box-my);
136
- }
137
- [data-rs=box][style*="--rs-box-w"]{
138
- width:var(--rs-box-w);
139
- }
140
- [data-rs=box][style*="--rs-box-h"]{
141
- height:var(--rs-box-h);
142
- }
143
- [data-rs=box][style*="--rs-box-maxw"]{
144
- max-width:var(--rs-box-maxw);
145
- }
146
- [data-rs=box][style*="--rs-box-maxh"]{
147
- max-height:var(--rs-box-maxh);
148
- }
149
- [data-rs=box][style*="--rs-box-minw"]{
150
- min-width:var(--rs-box-minw);
151
- }
152
- [data-rs=box][style*="--rs-box-minh"]{
153
- min-height:var(--rs-box-minh);
154
- }
155
- [data-rs=box][style*="--rs-box-c"]{
156
- color:var(--rs-box-c);
157
- }
158
- [data-rs=box][style*="--rs-box-bd"]{
159
- border:var(--rs-box-bd);
160
- }
161
- [data-rs=box][style*="--rs-box-rounded"]{
162
- border-radius:var(--rs-box-rounded);
163
- }
164
- [data-rs=box][style*="--rs-box-shadow"]{
165
- box-shadow:var(--rs-box-shadow);
166
- }
167
- [data-rs=box][style*="--rs-box-bg"]{
168
- background:var(--rs-box-bg);
169
- }
170
- [data-rs=box][style*="--rs-box-display"]{
171
- display:var(--rs-box-display);
172
- }
173
95
 
174
96
  @media (max-width: calc(576px - 1px)){
175
97
  [data-visible-from=xs]{
package/RangeSlider/styles/index.css CHANGED
@@ -118,84 +118,6 @@ body{
118
118
  --rs-cursor-disabled:not-allowed;
119
119
  --rs-zindex-tooltip:1070;
120
120
  }
121
- [data-rs=box][style*="--rs-box-p"]{
122
- padding:var(--rs-box-p);
123
- }
124
- [data-rs=box][style*="--rs-box-pt"]{
125
- padding-top:var(--rs-box-pt);
126
- }
127
- [data-rs=box][style*="--rs-box-pb"]{
128
- padding-bottom:var(--rs-box-pb);
129
- }
130
- [data-rs=box][style*="--rs-box-pl"]{
131
- padding-left:var(--rs-box-pl);
132
- }
133
- [data-rs=box][style*="--rs-box-pr"]{
134
- padding-right:var(--rs-box-pr);
135
- }
136
- [data-rs=box][style*="--rs-box-px"]{
137
- padding-inline:var(--rs-box-px);
138
- }
139
- [data-rs=box][style*="--rs-box-py"]{
140
- padding-block:var(--rs-box-py);
141
- }
142
- [data-rs=box][style*="--rs-box-m"]{
143
- margin:var(--rs-box-m);
144
- }
145
- [data-rs=box][style*="--rs-box-mt"]{
146
- margin-top:var(--rs-box-mt);
147
- }
148
- [data-rs=box][style*="--rs-box-mb"]{
149
- margin-bottom:var(--rs-box-mb);
150
- }
151
- [data-rs=box][style*="--rs-box-ml"]{
152
- margin-left:var(--rs-box-ml);
153
- }
154
- [data-rs=box][style*="--rs-box-mr"]{
155
- margin-right:var(--rs-box-mr);
156
- }
157
- [data-rs=box][style*="--rs-box-mx"]{
158
- margin-inline:var(--rs-box-mx);
159
- }
160
- [data-rs=box][style*="--rs-box-my"]{
161
- margin-block:var(--rs-box-my);
162
- }
163
- [data-rs=box][style*="--rs-box-w"]{
164
- width:var(--rs-box-w);
165
- }
166
- [data-rs=box][style*="--rs-box-h"]{
167
- height:var(--rs-box-h);
168
- }
169
- [data-rs=box][style*="--rs-box-maxw"]{
170
- max-width:var(--rs-box-maxw);
171
- }
172
- [data-rs=box][style*="--rs-box-maxh"]{
173
- max-height:var(--rs-box-maxh);
174
- }
175
- [data-rs=box][style*="--rs-box-minw"]{
176
- min-width:var(--rs-box-minw);
177
- }
178
- [data-rs=box][style*="--rs-box-minh"]{
179
- min-height:var(--rs-box-minh);
180
- }
181
- [data-rs=box][style*="--rs-box-c"]{
182
- color:var(--rs-box-c);
183
- }
184
- [data-rs=box][style*="--rs-box-bd"]{
185
- border:var(--rs-box-bd);
186
- }
187
- [data-rs=box][style*="--rs-box-rounded"]{
188
- border-radius:var(--rs-box-rounded);
189
- }
190
- [data-rs=box][style*="--rs-box-shadow"]{
191
- box-shadow:var(--rs-box-shadow);
192
- }
193
- [data-rs=box][style*="--rs-box-bg"]{
194
- background:var(--rs-box-bg);
195
- }
196
- [data-rs=box][style*="--rs-box-display"]{
197
- display:var(--rs-box-display);
198
- }
199
121
 
200
122
  @media (max-width: calc(576px - 1px)){
201
123
  [data-visible-from=xs]{
package/Rate/styles/index.css CHANGED
@@ -77,84 +77,6 @@ body{
77
77
  --rs-cursor-disabled:not-allowed;
78
78
  --rs-zindex-rate-character-before:1;
79
79
  }
80
- [data-rs=box][style*="--rs-box-p"]{
81
- padding:var(--rs-box-p);
82
- }
83
- [data-rs=box][style*="--rs-box-pt"]{
84
- padding-top:var(--rs-box-pt);
85
- }
86
- [data-rs=box][style*="--rs-box-pb"]{
87
- padding-bottom:var(--rs-box-pb);
88
- }
89
- [data-rs=box][style*="--rs-box-pl"]{
90
- padding-left:var(--rs-box-pl);
91
- }
92
- [data-rs=box][style*="--rs-box-pr"]{
93
- padding-right:var(--rs-box-pr);
94
- }
95
- [data-rs=box][style*="--rs-box-px"]{
96
- padding-inline:var(--rs-box-px);
97
- }
98
- [data-rs=box][style*="--rs-box-py"]{
99
- padding-block:var(--rs-box-py);
100
- }
101
- [data-rs=box][style*="--rs-box-m"]{
102
- margin:var(--rs-box-m);
103
- }
104
- [data-rs=box][style*="--rs-box-mt"]{
105
- margin-top:var(--rs-box-mt);
106
- }
107
- [data-rs=box][style*="--rs-box-mb"]{
108
- margin-bottom:var(--rs-box-mb);
109
- }
110
- [data-rs=box][style*="--rs-box-ml"]{
111
- margin-left:var(--rs-box-ml);
112
- }
113
- [data-rs=box][style*="--rs-box-mr"]{
114
- margin-right:var(--rs-box-mr);
115
- }
116
- [data-rs=box][style*="--rs-box-mx"]{
117
- margin-inline:var(--rs-box-mx);
118
- }
119
- [data-rs=box][style*="--rs-box-my"]{
120
- margin-block:var(--rs-box-my);
121
- }
122
- [data-rs=box][style*="--rs-box-w"]{
123
- width:var(--rs-box-w);
124
- }
125
- [data-rs=box][style*="--rs-box-h"]{
126
- height:var(--rs-box-h);
127
- }
128
- [data-rs=box][style*="--rs-box-maxw"]{
129
- max-width:var(--rs-box-maxw);
130
- }
131
- [data-rs=box][style*="--rs-box-maxh"]{
132
- max-height:var(--rs-box-maxh);
133
- }
134
- [data-rs=box][style*="--rs-box-minw"]{
135
- min-width:var(--rs-box-minw);
136
- }
137
- [data-rs=box][style*="--rs-box-minh"]{
138
- min-height:var(--rs-box-minh);
139
- }
140
- [data-rs=box][style*="--rs-box-c"]{
141
- color:var(--rs-box-c);
142
- }
143
- [data-rs=box][style*="--rs-box-bd"]{
144
- border:var(--rs-box-bd);
145
- }
146
- [data-rs=box][style*="--rs-box-rounded"]{
147
- border-radius:var(--rs-box-rounded);
148
- }
149
- [data-rs=box][style*="--rs-box-shadow"]{
150
- box-shadow:var(--rs-box-shadow);
151
- }
152
- [data-rs=box][style*="--rs-box-bg"]{
153
- background:var(--rs-box-bg);
154
- }
155
- [data-rs=box][style*="--rs-box-display"]{
156
- display:var(--rs-box-display);
157
- }
158
80
 
159
81
  @media (max-width: calc(576px - 1px)){
160
82
  [data-visible-from=xs]{
package/SegmentedControl/styles/index.css CHANGED
@@ -121,6 +121,8 @@
121
121
  .rs-segmented-control .rs-segmented-control-item .rs-segmented-control-label{
122
122
  font-size:var(--rs-font-size-sm);
123
123
  line-height:var(--rs-line-height-sm);
124
+ display:flex;
125
+ align-items:center;
124
126
  }
125
127
  .rs-segmented-control .rs-segmented-control-indicator{
126
128
  position:absolute;