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/SegmentedControl/styles/index.css ADDED
@@ -0,0 +1,159 @@
1
+ :root{
2
+ --rs-segmented-control-spacing:calc(var(--rs-spacing) * 1);
3
+ --rs-segmented-control-border-radius:var(--rs-radius-md);
4
+ --rs-segmented-control-border-width:1px;
5
+ --rs-segmented-control-padding:calc(var(--rs-spacing) * 0.5);
6
+ --rs-segmented-control-height:36px;
7
+ --rs-segmented-control-height-xs:24px;
8
+ --rs-segmented-control-height-sm:30px;
9
+ --rs-segmented-control-height-lg:42px;
10
+ --rs-segmented-control-height-xl:48px;
11
+ --rs-segmented-control-item-padding-y:calc(var(--rs-spacing) * 1);
12
+ --rs-segmented-control-item-padding-y-xs:calc(var(--rs-spacing) * 0.5);
13
+ --rs-segmented-control-item-padding-y-sm:calc(var(--rs-spacing) * 0.75);
14
+ --rs-segmented-control-item-padding-y-lg:calc(var(--rs-spacing) * 1.25);
15
+ --rs-segmented-control-item-padding-y-xl:calc(var(--rs-spacing) * 1.5);
16
+ --rs-segmented-control-item-padding-x:calc(var(--rs-spacing) * 2);
17
+ --rs-segmented-control-item-padding-x-xs:calc(var(--rs-spacing) * 1.5);
18
+ --rs-segmented-control-item-padding-x-sm:calc(var(--rs-spacing) * 1.75);
19
+ --rs-segmented-control-item-padding-x-lg:calc(var(--rs-spacing) * 2.25);
20
+ --rs-segmented-control-item-padding-x-xl:calc(var(--rs-spacing) * 2.5);
21
+ --rs-segmented-control-font-size:var(--rs-font-size-sm);
22
+ --rs-segmented-control-font-size-xs:var(--rs-font-size-extra-small);
23
+ --rs-segmented-control-font-size-sm:var(--rs-font-size-sm);
24
+ --rs-segmented-control-font-size-lg:var(--rs-font-size-base);
25
+ --rs-segmented-control-font-size-xl:var(--rs-font-size-large);
26
+ --rs-segmented-control-indicator-transition:all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
27
+ --rs-segmented-control-indicator-border-radius:calc(var(--rs-radius-md) - 2px);
28
+ --rs-segmented-control-indicator-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
29
+ --rs-segmented-control-underline-height:2px;
30
+ --rs-segmented-control-pill-indicator-height:calc(var(--rs-segmented-control-height) - 8px);
31
+ --rs-segmented-control-pill-indicator-border-radius:var(--rs-radius-md);
32
+ --rs-segmented-control-pill-indicator-shadow:var(--rs-shadow-sm);
33
+ }
34
+
35
+ .rs-segmented-control{
36
+ display:inline-flex;
37
+ position:relative;
38
+ align-items:center;
39
+ height:var(--rs-segmented-control-height);
40
+ border-style:solid;
41
+ border-width:var(--rs-segmented-control-border-width);
42
+ border-color:var(--rs-segmented-control-border-color);
43
+ border-radius:var(--rs-segmented-control-border-radius);
44
+ padding:var(--rs-segmented-control-padding);
45
+ gap:var(--rs-segmented-control-spacing);
46
+ background-color:var(--rs-segmented-control-bg);
47
+ box-sizing:border-box;
48
+ font-size:var(--rs-segmented-control-font-size);
49
+ }
50
+ .rs-segmented-control:where([data-size=xs]){
51
+ --rs-segmented-control-height:var(--rs-segmented-control-height-xs);
52
+ --rs-segmented-control-item-padding-y:var(--rs-segmented-control-item-padding-y-xs);
53
+ --rs-segmented-control-item-padding-x:var(--rs-segmented-control-item-padding-x-xs);
54
+ --rs-segmented-control-font-size:var(--rs-segmented-control-font-size-xs);
55
+ }
56
+ .rs-segmented-control:where([data-size=sm]){
57
+ --rs-segmented-control-height:var(--rs-segmented-control-height-sm);
58
+ --rs-segmented-control-item-padding-y:var(--rs-segmented-control-item-padding-y-sm);
59
+ --rs-segmented-control-item-padding-x:var(--rs-segmented-control-item-padding-x-sm);
60
+ --rs-segmented-control-font-size:var(--rs-segmented-control-font-size-sm);
61
+ }
62
+ .rs-segmented-control:where([data-size=lg]){
63
+ --rs-segmented-control-height:var(--rs-segmented-control-height-lg);
64
+ --rs-segmented-control-item-padding-y:var(--rs-segmented-control-item-padding-y-lg);
65
+ --rs-segmented-control-item-padding-x:var(--rs-segmented-control-item-padding-x-lg);
66
+ --rs-segmented-control-font-size:var(--rs-segmented-control-font-size-lg);
67
+ }
68
+ .rs-segmented-control:where([data-size=xl]){
69
+ --rs-segmented-control-height:var(--rs-segmented-control-height-xl);
70
+ --rs-segmented-control-item-padding-y:var(--rs-segmented-control-item-padding-y-xl);
71
+ --rs-segmented-control-item-padding-x:var(--rs-segmented-control-item-padding-x-xl);
72
+ --rs-segmented-control-font-size:var(--rs-segmented-control-font-size-xl);
73
+ }
74
+ .rs-segmented-control[data-block=true]{
75
+ display:flex;
76
+ width:100%;
77
+ }
78
+ .rs-segmented-control[data-block=true] .rs-segmented-control-item{
79
+ flex:1 1 0%;
80
+ min-width:0;
81
+ text-align:center;
82
+ white-space:nowrap;
83
+ overflow:hidden;
84
+ text-overflow:ellipsis;
85
+ }
86
+ .rs-segmented-control:empty{
87
+ display:none;
88
+ }
89
+ .rs-segmented-control .rs-segmented-control-item{
90
+ position:relative;
91
+ z-index:1;
92
+ display:flex;
93
+ align-items:center;
94
+ justify-content:center;
95
+ height:100%;
96
+ padding-inline:var(--rs-segmented-control-item-padding-x);
97
+ padding-block:var(--rs-segmented-control-item-padding-y);
98
+ border-radius:var(--rs-segmented-control-indicator-border-radius);
99
+ cursor:pointer;
100
+ -webkit-user-select:none;
101
+ -moz-user-select:none;
102
+ user-select:none;
103
+ transition:color 0.2s ease;
104
+ color:var(--rs-segmented-control-item-color);
105
+ }
106
+ .rs-segmented-control .rs-segmented-control-item[data-active]{
107
+ color:var(--rs-segmented-control-item-active-color);
108
+ }
109
+ .rs-segmented-control .rs-segmented-control-item[data-disabled]{
110
+ opacity:0.5;
111
+ cursor:not-allowed;
112
+ }
113
+ .rs-segmented-control .rs-segmented-control-item .rs-segmented-control-radio{
114
+ position:absolute;
115
+ opacity:0;
116
+ width:0;
117
+ height:0;
118
+ margin:0;
119
+ padding:0;
120
+ }
121
+ .rs-segmented-control .rs-segmented-control-item .rs-segmented-control-label{
122
+ font-size:var(--rs-font-size-sm);
123
+ line-height:var(--rs-line-height-sm);
124
+ display:flex;
125
+ align-items:center;
126
+ }
127
+ .rs-segmented-control .rs-segmented-control-indicator{
128
+ position:absolute;
129
+ z-index:0;
130
+ transition:var(--rs-segmented-control-indicator-transition);
131
+ box-shadow:var(--rs-segmented-control-indicator-shadow);
132
+ }
133
+ [data-theme=high-contrast] .rs-segmented-control .rs-segmented-control-indicator, .rs-theme-high-contrast .rs-segmented-control .rs-segmented-control-indicator{
134
+ transition:none;
135
+ }
136
+ .rs-segmented-control:where([data-indicator=pill]) .rs-segmented-control-indicator{
137
+ background-color:var(--rs-segmented-control-pill-indicator-bg);
138
+ border-radius:var(--rs-segmented-control-pill-indicator-border-radius);
139
+ box-shadow:var(--rs-segmented-control-pill-indicator-shadow);
140
+ height:var(--rs-segmented-control-pill-indicator-height);
141
+ }
142
+ .rs-segmented-control:where([data-indicator=underline]){
143
+ padding-block:0;
144
+ padding-inline:var(--rs-segmented-control-border-radius);
145
+ background-color:transparent;
146
+ }
147
+ .rs-segmented-control:where([data-indicator=underline]) .rs-segmented-control-item{
148
+ padding-bottom:calc(var(--rs-segmented-control-item-padding-y) + var(--rs-segmented-control-underline-height));
149
+ border-radius:0;
150
+ position:relative;
151
+ z-index:1;
152
+ }
153
+ .rs-segmented-control:where([data-indicator=underline]) .rs-segmented-control-indicator{
154
+ bottom:-1px;
155
+ height:var(--rs-segmented-control-underline-height);
156
+ background-color:var(--rs-segmented-control-underline-color);
157
+ border-radius:var(--rs-radius-none);
158
+ box-shadow:none;
159
+ }
package/SelectPicker/styles/index.css CHANGED
@@ -521,84 +521,6 @@ body{
521
521
  --rs-zindex-modal:1050;
522
522
  --rs-zindex-drawer:1050;
523
523
  }
524
- [data-rs=box][style*="--rs-box-p"]{
525
- padding:var(--rs-box-p);
526
- }
527
- [data-rs=box][style*="--rs-box-pt"]{
528
- padding-top:var(--rs-box-pt);
529
- }
530
- [data-rs=box][style*="--rs-box-pb"]{
531
- padding-bottom:var(--rs-box-pb);
532
- }
533
- [data-rs=box][style*="--rs-box-pl"]{
534
- padding-left:var(--rs-box-pl);
535
- }
536
- [data-rs=box][style*="--rs-box-pr"]{
537
- padding-right:var(--rs-box-pr);
538
- }
539
- [data-rs=box][style*="--rs-box-px"]{
540
- padding-inline:var(--rs-box-px);
541
- }
542
- [data-rs=box][style*="--rs-box-py"]{
543
- padding-block:var(--rs-box-py);
544
- }
545
- [data-rs=box][style*="--rs-box-m"]{
546
- margin:var(--rs-box-m);
547
- }
548
- [data-rs=box][style*="--rs-box-mt"]{
549
- margin-top:var(--rs-box-mt);
550
- }
551
- [data-rs=box][style*="--rs-box-mb"]{
552
- margin-bottom:var(--rs-box-mb);
553
- }
554
- [data-rs=box][style*="--rs-box-ml"]{
555
- margin-left:var(--rs-box-ml);
556
- }
557
- [data-rs=box][style*="--rs-box-mr"]{
558
- margin-right:var(--rs-box-mr);
559
- }
560
- [data-rs=box][style*="--rs-box-mx"]{
561
- margin-inline:var(--rs-box-mx);
562
- }
563
- [data-rs=box][style*="--rs-box-my"]{
564
- margin-block:var(--rs-box-my);
565
- }
566
- [data-rs=box][style*="--rs-box-w"]{
567
- width:var(--rs-box-w);
568
- }
569
- [data-rs=box][style*="--rs-box-h"]{
570
- height:var(--rs-box-h);
571
- }
572
- [data-rs=box][style*="--rs-box-maxw"]{
573
- max-width:var(--rs-box-maxw);
574
- }
575
- [data-rs=box][style*="--rs-box-maxh"]{
576
- max-height:var(--rs-box-maxh);
577
- }
578
- [data-rs=box][style*="--rs-box-minw"]{
579
- min-width:var(--rs-box-minw);
580
- }
581
- [data-rs=box][style*="--rs-box-minh"]{
582
- min-height:var(--rs-box-minh);
583
- }
584
- [data-rs=box][style*="--rs-box-c"]{
585
- color:var(--rs-box-c);
586
- }
587
- [data-rs=box][style*="--rs-box-bd"]{
588
- border:var(--rs-box-bd);
589
- }
590
- [data-rs=box][style*="--rs-box-rounded"]{
591
- border-radius:var(--rs-box-rounded);
592
- }
593
- [data-rs=box][style*="--rs-box-shadow"]{
594
- box-shadow:var(--rs-box-shadow);
595
- }
596
- [data-rs=box][style*="--rs-box-bg"]{
597
- background:var(--rs-box-bg);
598
- }
599
- [data-rs=box][style*="--rs-box-display"]{
600
- display:var(--rs-box-display);
601
- }
602
524
 
603
525
  @media (max-width: calc(576px - 1px)){
604
526
  [data-visible-from=xs]{
@@ -1010,7 +932,7 @@ body{
1010
932
  --rs-input-group-font-size-sm:var(--rs-font-size-sm);
1011
933
  --rs-input-group-font-size-md:var(--rs-font-size-sm);
1012
934
  --rs-input-group-font-size-lg:var(--rs-font-size-md);
1013
- --rs-input-group-width:var(--rs-box-w, 100%);
935
+ --rs-input-group-width:100%;
1014
936
  position:relative;
1015
937
  display:flex;
1016
938
  border-radius:var(--rs-input-group-border-radius);
package/Sidebar/styles/index.css CHANGED
@@ -48,84 +48,6 @@ body{
48
48
  --rs-font-size-sm:0.875rem;
49
49
  --rs-line-height-md:calc(20 / 14);
50
50
  }
51
- [data-rs=box][style*="--rs-box-p"]{
52
- padding:var(--rs-box-p);
53
- }
54
- [data-rs=box][style*="--rs-box-pt"]{
55
- padding-top:var(--rs-box-pt);
56
- }
57
- [data-rs=box][style*="--rs-box-pb"]{
58
- padding-bottom:var(--rs-box-pb);
59
- }
60
- [data-rs=box][style*="--rs-box-pl"]{
61
- padding-left:var(--rs-box-pl);
62
- }
63
- [data-rs=box][style*="--rs-box-pr"]{
64
- padding-right:var(--rs-box-pr);
65
- }
66
- [data-rs=box][style*="--rs-box-px"]{
67
- padding-inline:var(--rs-box-px);
68
- }
69
- [data-rs=box][style*="--rs-box-py"]{
70
- padding-block:var(--rs-box-py);
71
- }
72
- [data-rs=box][style*="--rs-box-m"]{
73
- margin:var(--rs-box-m);
74
- }
75
- [data-rs=box][style*="--rs-box-mt"]{
76
- margin-top:var(--rs-box-mt);
77
- }
78
- [data-rs=box][style*="--rs-box-mb"]{
79
- margin-bottom:var(--rs-box-mb);
80
- }
81
- [data-rs=box][style*="--rs-box-ml"]{
82
- margin-left:var(--rs-box-ml);
83
- }
84
- [data-rs=box][style*="--rs-box-mr"]{
85
- margin-right:var(--rs-box-mr);
86
- }
87
- [data-rs=box][style*="--rs-box-mx"]{
88
- margin-inline:var(--rs-box-mx);
89
- }
90
- [data-rs=box][style*="--rs-box-my"]{
91
- margin-block:var(--rs-box-my);
92
- }
93
- [data-rs=box][style*="--rs-box-w"]{
94
- width:var(--rs-box-w);
95
- }
96
- [data-rs=box][style*="--rs-box-h"]{
97
- height:var(--rs-box-h);
98
- }
99
- [data-rs=box][style*="--rs-box-maxw"]{
100
- max-width:var(--rs-box-maxw);
101
- }
102
- [data-rs=box][style*="--rs-box-maxh"]{
103
- max-height:var(--rs-box-maxh);
104
- }
105
- [data-rs=box][style*="--rs-box-minw"]{
106
- min-width:var(--rs-box-minw);
107
- }
108
- [data-rs=box][style*="--rs-box-minh"]{
109
- min-height:var(--rs-box-minh);
110
- }
111
- [data-rs=box][style*="--rs-box-c"]{
112
- color:var(--rs-box-c);
113
- }
114
- [data-rs=box][style*="--rs-box-bd"]{
115
- border:var(--rs-box-bd);
116
- }
117
- [data-rs=box][style*="--rs-box-rounded"]{
118
- border-radius:var(--rs-box-rounded);
119
- }
120
- [data-rs=box][style*="--rs-box-shadow"]{
121
- box-shadow:var(--rs-box-shadow);
122
- }
123
- [data-rs=box][style*="--rs-box-bg"]{
124
- background:var(--rs-box-bg);
125
- }
126
- [data-rs=box][style*="--rs-box-display"]{
127
- display:var(--rs-box-display);
128
- }
129
51
 
130
52
  @media (max-width: calc(576px - 1px)){
131
53
  [data-visible-from=xs]{
package/Sidenav/styles/index.css CHANGED
@@ -165,84 +165,6 @@ body{
165
165
  --rs-radius-full:62.5rem;
166
166
  --rs-ripple-bg:rgb(0 0 0 / 20%);
167
167
  }
168
- [data-rs=box][style*="--rs-box-p"]{
169
- padding:var(--rs-box-p);
170
- }
171
- [data-rs=box][style*="--rs-box-pt"]{
172
- padding-top:var(--rs-box-pt);
173
- }
174
- [data-rs=box][style*="--rs-box-pb"]{
175
- padding-bottom:var(--rs-box-pb);
176
- }
177
- [data-rs=box][style*="--rs-box-pl"]{
178
- padding-left:var(--rs-box-pl);
179
- }
180
- [data-rs=box][style*="--rs-box-pr"]{
181
- padding-right:var(--rs-box-pr);
182
- }
183
- [data-rs=box][style*="--rs-box-px"]{
184
- padding-inline:var(--rs-box-px);
185
- }
186
- [data-rs=box][style*="--rs-box-py"]{
187
- padding-block:var(--rs-box-py);
188
- }
189
- [data-rs=box][style*="--rs-box-m"]{
190
- margin:var(--rs-box-m);
191
- }
192
- [data-rs=box][style*="--rs-box-mt"]{
193
- margin-top:var(--rs-box-mt);
194
- }
195
- [data-rs=box][style*="--rs-box-mb"]{
196
- margin-bottom:var(--rs-box-mb);
197
- }
198
- [data-rs=box][style*="--rs-box-ml"]{
199
- margin-left:var(--rs-box-ml);
200
- }
201
- [data-rs=box][style*="--rs-box-mr"]{
202
- margin-right:var(--rs-box-mr);
203
- }
204
- [data-rs=box][style*="--rs-box-mx"]{
205
- margin-inline:var(--rs-box-mx);
206
- }
207
- [data-rs=box][style*="--rs-box-my"]{
208
- margin-block:var(--rs-box-my);
209
- }
210
- [data-rs=box][style*="--rs-box-w"]{
211
- width:var(--rs-box-w);
212
- }
213
- [data-rs=box][style*="--rs-box-h"]{
214
- height:var(--rs-box-h);
215
- }
216
- [data-rs=box][style*="--rs-box-maxw"]{
217
- max-width:var(--rs-box-maxw);
218
- }
219
- [data-rs=box][style*="--rs-box-maxh"]{
220
- max-height:var(--rs-box-maxh);
221
- }
222
- [data-rs=box][style*="--rs-box-minw"]{
223
- min-width:var(--rs-box-minw);
224
- }
225
- [data-rs=box][style*="--rs-box-minh"]{
226
- min-height:var(--rs-box-minh);
227
- }
228
- [data-rs=box][style*="--rs-box-c"]{
229
- color:var(--rs-box-c);
230
- }
231
- [data-rs=box][style*="--rs-box-bd"]{
232
- border:var(--rs-box-bd);
233
- }
234
- [data-rs=box][style*="--rs-box-rounded"]{
235
- border-radius:var(--rs-box-rounded);
236
- }
237
- [data-rs=box][style*="--rs-box-shadow"]{
238
- box-shadow:var(--rs-box-shadow);
239
- }
240
- [data-rs=box][style*="--rs-box-bg"]{
241
- background:var(--rs-box-bg);
242
- }
243
- [data-rs=box][style*="--rs-box-display"]{
244
- display:var(--rs-box-display);
245
- }
246
168
 
247
169
  @media (max-width: calc(576px - 1px)){
248
170
  [data-visible-from=xs]{
package/Slider/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/Stack/styles/index.css CHANGED
@@ -49,84 +49,6 @@ body{
49
49
  --rs-line-height-md:calc(20 / 14);
50
50
  --rs-spacing:0.25rem;
51
51
  }
52
- [data-rs=box][style*="--rs-box-p"]{
53
- padding:var(--rs-box-p);
54
- }
55
- [data-rs=box][style*="--rs-box-pt"]{
56
- padding-top:var(--rs-box-pt);
57
- }
58
- [data-rs=box][style*="--rs-box-pb"]{
59
- padding-bottom:var(--rs-box-pb);
60
- }
61
- [data-rs=box][style*="--rs-box-pl"]{
62
- padding-left:var(--rs-box-pl);
63
- }
64
- [data-rs=box][style*="--rs-box-pr"]{
65
- padding-right:var(--rs-box-pr);
66
- }
67
- [data-rs=box][style*="--rs-box-px"]{
68
- padding-inline:var(--rs-box-px);
69
- }
70
- [data-rs=box][style*="--rs-box-py"]{
71
- padding-block:var(--rs-box-py);
72
- }
73
- [data-rs=box][style*="--rs-box-m"]{
74
- margin:var(--rs-box-m);
75
- }
76
- [data-rs=box][style*="--rs-box-mt"]{
77
- margin-top:var(--rs-box-mt);
78
- }
79
- [data-rs=box][style*="--rs-box-mb"]{
80
- margin-bottom:var(--rs-box-mb);
81
- }
82
- [data-rs=box][style*="--rs-box-ml"]{
83
- margin-left:var(--rs-box-ml);
84
- }
85
- [data-rs=box][style*="--rs-box-mr"]{
86
- margin-right:var(--rs-box-mr);
87
- }
88
- [data-rs=box][style*="--rs-box-mx"]{
89
- margin-inline:var(--rs-box-mx);
90
- }
91
- [data-rs=box][style*="--rs-box-my"]{
92
- margin-block:var(--rs-box-my);
93
- }
94
- [data-rs=box][style*="--rs-box-w"]{
95
- width:var(--rs-box-w);
96
- }
97
- [data-rs=box][style*="--rs-box-h"]{
98
- height:var(--rs-box-h);
99
- }
100
- [data-rs=box][style*="--rs-box-maxw"]{
101
- max-width:var(--rs-box-maxw);
102
- }
103
- [data-rs=box][style*="--rs-box-maxh"]{
104
- max-height:var(--rs-box-maxh);
105
- }
106
- [data-rs=box][style*="--rs-box-minw"]{
107
- min-width:var(--rs-box-minw);
108
- }
109
- [data-rs=box][style*="--rs-box-minh"]{
110
- min-height:var(--rs-box-minh);
111
- }
112
- [data-rs=box][style*="--rs-box-c"]{
113
- color:var(--rs-box-c);
114
- }
115
- [data-rs=box][style*="--rs-box-bd"]{
116
- border:var(--rs-box-bd);
117
- }
118
- [data-rs=box][style*="--rs-box-rounded"]{
119
- border-radius:var(--rs-box-rounded);
120
- }
121
- [data-rs=box][style*="--rs-box-shadow"]{
122
- box-shadow:var(--rs-box-shadow);
123
- }
124
- [data-rs=box][style*="--rs-box-bg"]{
125
- background:var(--rs-box-bg);
126
- }
127
- [data-rs=box][style*="--rs-box-display"]{
128
- display:var(--rs-box-display);
129
- }
130
52
 
131
53
  @media (max-width: calc(576px - 1px)){
132
54
  [data-visible-from=xs]{
package/Stat/styles/index.css CHANGED
@@ -438,84 +438,6 @@ body{
438
438
  --rs-ripple-bg:rgb(0 0 0 / 20%);
439
439
  --rs-zindex-tooltip:1070;
440
440
  }
441
- [data-rs=box][style*="--rs-box-p"]{
442
- padding:var(--rs-box-p);
443
- }
444
- [data-rs=box][style*="--rs-box-pt"]{
445
- padding-top:var(--rs-box-pt);
446
- }
447
- [data-rs=box][style*="--rs-box-pb"]{
448
- padding-bottom:var(--rs-box-pb);
449
- }
450
- [data-rs=box][style*="--rs-box-pl"]{
451
- padding-left:var(--rs-box-pl);
452
- }
453
- [data-rs=box][style*="--rs-box-pr"]{
454
- padding-right:var(--rs-box-pr);
455
- }
456
- [data-rs=box][style*="--rs-box-px"]{
457
- padding-inline:var(--rs-box-px);
458
- }
459
- [data-rs=box][style*="--rs-box-py"]{
460
- padding-block:var(--rs-box-py);
461
- }
462
- [data-rs=box][style*="--rs-box-m"]{
463
- margin:var(--rs-box-m);
464
- }
465
- [data-rs=box][style*="--rs-box-mt"]{
466
- margin-top:var(--rs-box-mt);
467
- }
468
- [data-rs=box][style*="--rs-box-mb"]{
469
- margin-bottom:var(--rs-box-mb);
470
- }
471
- [data-rs=box][style*="--rs-box-ml"]{
472
- margin-left:var(--rs-box-ml);
473
- }
474
- [data-rs=box][style*="--rs-box-mr"]{
475
- margin-right:var(--rs-box-mr);
476
- }
477
- [data-rs=box][style*="--rs-box-mx"]{
478
- margin-inline:var(--rs-box-mx);
479
- }
480
- [data-rs=box][style*="--rs-box-my"]{
481
- margin-block:var(--rs-box-my);
482
- }
483
- [data-rs=box][style*="--rs-box-w"]{
484
- width:var(--rs-box-w);
485
- }
486
- [data-rs=box][style*="--rs-box-h"]{
487
- height:var(--rs-box-h);
488
- }
489
- [data-rs=box][style*="--rs-box-maxw"]{
490
- max-width:var(--rs-box-maxw);
491
- }
492
- [data-rs=box][style*="--rs-box-maxh"]{
493
- max-height:var(--rs-box-maxh);
494
- }
495
- [data-rs=box][style*="--rs-box-minw"]{
496
- min-width:var(--rs-box-minw);
497
- }
498
- [data-rs=box][style*="--rs-box-minh"]{
499
- min-height:var(--rs-box-minh);
500
- }
501
- [data-rs=box][style*="--rs-box-c"]{
502
- color:var(--rs-box-c);
503
- }
504
- [data-rs=box][style*="--rs-box-bd"]{
505
- border:var(--rs-box-bd);
506
- }
507
- [data-rs=box][style*="--rs-box-rounded"]{
508
- border-radius:var(--rs-box-rounded);
509
- }
510
- [data-rs=box][style*="--rs-box-shadow"]{
511
- box-shadow:var(--rs-box-shadow);
512
- }
513
- [data-rs=box][style*="--rs-box-bg"]{
514
- background:var(--rs-box-bg);
515
- }
516
- [data-rs=box][style*="--rs-box-display"]{
517
- display:var(--rs-box-display);
518
- }
519
441
 
520
442
  @media (max-width: calc(576px - 1px)){
521
443
  [data-visible-from=xs]{