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/Table/styles/index.css CHANGED
@@ -144,84 +144,6 @@ body{
144
144
  --rs-zindex-table-row-cell-group-shadow:5;
145
145
  --rs-zindex-table-mouse-area:6;
146
146
  }
147
- [data-rs=box][style*="--rs-box-p"]{
148
- padding:var(--rs-box-p);
149
- }
150
- [data-rs=box][style*="--rs-box-pt"]{
151
- padding-top:var(--rs-box-pt);
152
- }
153
- [data-rs=box][style*="--rs-box-pb"]{
154
- padding-bottom:var(--rs-box-pb);
155
- }
156
- [data-rs=box][style*="--rs-box-pl"]{
157
- padding-left:var(--rs-box-pl);
158
- }
159
- [data-rs=box][style*="--rs-box-pr"]{
160
- padding-right:var(--rs-box-pr);
161
- }
162
- [data-rs=box][style*="--rs-box-px"]{
163
- padding-inline:var(--rs-box-px);
164
- }
165
- [data-rs=box][style*="--rs-box-py"]{
166
- padding-block:var(--rs-box-py);
167
- }
168
- [data-rs=box][style*="--rs-box-m"]{
169
- margin:var(--rs-box-m);
170
- }
171
- [data-rs=box][style*="--rs-box-mt"]{
172
- margin-top:var(--rs-box-mt);
173
- }
174
- [data-rs=box][style*="--rs-box-mb"]{
175
- margin-bottom:var(--rs-box-mb);
176
- }
177
- [data-rs=box][style*="--rs-box-ml"]{
178
- margin-left:var(--rs-box-ml);
179
- }
180
- [data-rs=box][style*="--rs-box-mr"]{
181
- margin-right:var(--rs-box-mr);
182
- }
183
- [data-rs=box][style*="--rs-box-mx"]{
184
- margin-inline:var(--rs-box-mx);
185
- }
186
- [data-rs=box][style*="--rs-box-my"]{
187
- margin-block:var(--rs-box-my);
188
- }
189
- [data-rs=box][style*="--rs-box-w"]{
190
- width:var(--rs-box-w);
191
- }
192
- [data-rs=box][style*="--rs-box-h"]{
193
- height:var(--rs-box-h);
194
- }
195
- [data-rs=box][style*="--rs-box-maxw"]{
196
- max-width:var(--rs-box-maxw);
197
- }
198
- [data-rs=box][style*="--rs-box-maxh"]{
199
- max-height:var(--rs-box-maxh);
200
- }
201
- [data-rs=box][style*="--rs-box-minw"]{
202
- min-width:var(--rs-box-minw);
203
- }
204
- [data-rs=box][style*="--rs-box-minh"]{
205
- min-height:var(--rs-box-minh);
206
- }
207
- [data-rs=box][style*="--rs-box-c"]{
208
- color:var(--rs-box-c);
209
- }
210
- [data-rs=box][style*="--rs-box-bd"]{
211
- border:var(--rs-box-bd);
212
- }
213
- [data-rs=box][style*="--rs-box-rounded"]{
214
- border-radius:var(--rs-box-rounded);
215
- }
216
- [data-rs=box][style*="--rs-box-shadow"]{
217
- box-shadow:var(--rs-box-shadow);
218
- }
219
- [data-rs=box][style*="--rs-box-bg"]{
220
- background:var(--rs-box-bg);
221
- }
222
- [data-rs=box][style*="--rs-box-display"]{
223
- display:var(--rs-box-display);
224
- }
225
147
 
226
148
  @media (max-width: calc(576px - 1px)){
227
149
  [data-visible-from=xs]{
package/Tabs/styles/index.css CHANGED
@@ -451,84 +451,6 @@ body{
451
451
  --rs-ripple-bg:rgb(0 0 0 / 20%);
452
452
  --rs-zindex-dropdown:5;
453
453
  }
454
- [data-rs=box][style*="--rs-box-p"]{
455
- padding:var(--rs-box-p);
456
- }
457
- [data-rs=box][style*="--rs-box-pt"]{
458
- padding-top:var(--rs-box-pt);
459
- }
460
- [data-rs=box][style*="--rs-box-pb"]{
461
- padding-bottom:var(--rs-box-pb);
462
- }
463
- [data-rs=box][style*="--rs-box-pl"]{
464
- padding-left:var(--rs-box-pl);
465
- }
466
- [data-rs=box][style*="--rs-box-pr"]{
467
- padding-right:var(--rs-box-pr);
468
- }
469
- [data-rs=box][style*="--rs-box-px"]{
470
- padding-inline:var(--rs-box-px);
471
- }
472
- [data-rs=box][style*="--rs-box-py"]{
473
- padding-block:var(--rs-box-py);
474
- }
475
- [data-rs=box][style*="--rs-box-m"]{
476
- margin:var(--rs-box-m);
477
- }
478
- [data-rs=box][style*="--rs-box-mt"]{
479
- margin-top:var(--rs-box-mt);
480
- }
481
- [data-rs=box][style*="--rs-box-mb"]{
482
- margin-bottom:var(--rs-box-mb);
483
- }
484
- [data-rs=box][style*="--rs-box-ml"]{
485
- margin-left:var(--rs-box-ml);
486
- }
487
- [data-rs=box][style*="--rs-box-mr"]{
488
- margin-right:var(--rs-box-mr);
489
- }
490
- [data-rs=box][style*="--rs-box-mx"]{
491
- margin-inline:var(--rs-box-mx);
492
- }
493
- [data-rs=box][style*="--rs-box-my"]{
494
- margin-block:var(--rs-box-my);
495
- }
496
- [data-rs=box][style*="--rs-box-w"]{
497
- width:var(--rs-box-w);
498
- }
499
- [data-rs=box][style*="--rs-box-h"]{
500
- height:var(--rs-box-h);
501
- }
502
- [data-rs=box][style*="--rs-box-maxw"]{
503
- max-width:var(--rs-box-maxw);
504
- }
505
- [data-rs=box][style*="--rs-box-maxh"]{
506
- max-height:var(--rs-box-maxh);
507
- }
508
- [data-rs=box][style*="--rs-box-minw"]{
509
- min-width:var(--rs-box-minw);
510
- }
511
- [data-rs=box][style*="--rs-box-minh"]{
512
- min-height:var(--rs-box-minh);
513
- }
514
- [data-rs=box][style*="--rs-box-c"]{
515
- color:var(--rs-box-c);
516
- }
517
- [data-rs=box][style*="--rs-box-bd"]{
518
- border:var(--rs-box-bd);
519
- }
520
- [data-rs=box][style*="--rs-box-rounded"]{
521
- border-radius:var(--rs-box-rounded);
522
- }
523
- [data-rs=box][style*="--rs-box-shadow"]{
524
- box-shadow:var(--rs-box-shadow);
525
- }
526
- [data-rs=box][style*="--rs-box-bg"]{
527
- background:var(--rs-box-bg);
528
- }
529
- [data-rs=box][style*="--rs-box-display"]{
530
- display:var(--rs-box-display);
531
- }
532
454
 
533
455
  @media (max-width: calc(576px - 1px)){
534
456
  [data-visible-from=xs]{
package/Tag/styles/index.css CHANGED
@@ -417,84 +417,6 @@ body{
417
417
  --rs-link-hover-decoration:underline;
418
418
  --rs-ripple-bg:rgb(0 0 0 / 20%);
419
419
  }
420
- [data-rs=box][style*="--rs-box-p"]{
421
- padding:var(--rs-box-p);
422
- }
423
- [data-rs=box][style*="--rs-box-pt"]{
424
- padding-top:var(--rs-box-pt);
425
- }
426
- [data-rs=box][style*="--rs-box-pb"]{
427
- padding-bottom:var(--rs-box-pb);
428
- }
429
- [data-rs=box][style*="--rs-box-pl"]{
430
- padding-left:var(--rs-box-pl);
431
- }
432
- [data-rs=box][style*="--rs-box-pr"]{
433
- padding-right:var(--rs-box-pr);
434
- }
435
- [data-rs=box][style*="--rs-box-px"]{
436
- padding-inline:var(--rs-box-px);
437
- }
438
- [data-rs=box][style*="--rs-box-py"]{
439
- padding-block:var(--rs-box-py);
440
- }
441
- [data-rs=box][style*="--rs-box-m"]{
442
- margin:var(--rs-box-m);
443
- }
444
- [data-rs=box][style*="--rs-box-mt"]{
445
- margin-top:var(--rs-box-mt);
446
- }
447
- [data-rs=box][style*="--rs-box-mb"]{
448
- margin-bottom:var(--rs-box-mb);
449
- }
450
- [data-rs=box][style*="--rs-box-ml"]{
451
- margin-left:var(--rs-box-ml);
452
- }
453
- [data-rs=box][style*="--rs-box-mr"]{
454
- margin-right:var(--rs-box-mr);
455
- }
456
- [data-rs=box][style*="--rs-box-mx"]{
457
- margin-inline:var(--rs-box-mx);
458
- }
459
- [data-rs=box][style*="--rs-box-my"]{
460
- margin-block:var(--rs-box-my);
461
- }
462
- [data-rs=box][style*="--rs-box-w"]{
463
- width:var(--rs-box-w);
464
- }
465
- [data-rs=box][style*="--rs-box-h"]{
466
- height:var(--rs-box-h);
467
- }
468
- [data-rs=box][style*="--rs-box-maxw"]{
469
- max-width:var(--rs-box-maxw);
470
- }
471
- [data-rs=box][style*="--rs-box-maxh"]{
472
- max-height:var(--rs-box-maxh);
473
- }
474
- [data-rs=box][style*="--rs-box-minw"]{
475
- min-width:var(--rs-box-minw);
476
- }
477
- [data-rs=box][style*="--rs-box-minh"]{
478
- min-height:var(--rs-box-minh);
479
- }
480
- [data-rs=box][style*="--rs-box-c"]{
481
- color:var(--rs-box-c);
482
- }
483
- [data-rs=box][style*="--rs-box-bd"]{
484
- border:var(--rs-box-bd);
485
- }
486
- [data-rs=box][style*="--rs-box-rounded"]{
487
- border-radius:var(--rs-box-rounded);
488
- }
489
- [data-rs=box][style*="--rs-box-shadow"]{
490
- box-shadow:var(--rs-box-shadow);
491
- }
492
- [data-rs=box][style*="--rs-box-bg"]{
493
- background:var(--rs-box-bg);
494
- }
495
- [data-rs=box][style*="--rs-box-display"]{
496
- display:var(--rs-box-display);
497
- }
498
420
 
499
421
  @media (max-width: calc(576px - 1px)){
500
422
  [data-visible-from=xs]{
package/TagGroup/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/TagInput/styles/index.css CHANGED
@@ -533,84 +533,6 @@ body{
533
533
  --rs-zindex-modal:1050;
534
534
  --rs-zindex-drawer:1050;
535
535
  }
536
- [data-rs=box][style*="--rs-box-p"]{
537
- padding:var(--rs-box-p);
538
- }
539
- [data-rs=box][style*="--rs-box-pt"]{
540
- padding-top:var(--rs-box-pt);
541
- }
542
- [data-rs=box][style*="--rs-box-pb"]{
543
- padding-bottom:var(--rs-box-pb);
544
- }
545
- [data-rs=box][style*="--rs-box-pl"]{
546
- padding-left:var(--rs-box-pl);
547
- }
548
- [data-rs=box][style*="--rs-box-pr"]{
549
- padding-right:var(--rs-box-pr);
550
- }
551
- [data-rs=box][style*="--rs-box-px"]{
552
- padding-inline:var(--rs-box-px);
553
- }
554
- [data-rs=box][style*="--rs-box-py"]{
555
- padding-block:var(--rs-box-py);
556
- }
557
- [data-rs=box][style*="--rs-box-m"]{
558
- margin:var(--rs-box-m);
559
- }
560
- [data-rs=box][style*="--rs-box-mt"]{
561
- margin-top:var(--rs-box-mt);
562
- }
563
- [data-rs=box][style*="--rs-box-mb"]{
564
- margin-bottom:var(--rs-box-mb);
565
- }
566
- [data-rs=box][style*="--rs-box-ml"]{
567
- margin-left:var(--rs-box-ml);
568
- }
569
- [data-rs=box][style*="--rs-box-mr"]{
570
- margin-right:var(--rs-box-mr);
571
- }
572
- [data-rs=box][style*="--rs-box-mx"]{
573
- margin-inline:var(--rs-box-mx);
574
- }
575
- [data-rs=box][style*="--rs-box-my"]{
576
- margin-block:var(--rs-box-my);
577
- }
578
- [data-rs=box][style*="--rs-box-w"]{
579
- width:var(--rs-box-w);
580
- }
581
- [data-rs=box][style*="--rs-box-h"]{
582
- height:var(--rs-box-h);
583
- }
584
- [data-rs=box][style*="--rs-box-maxw"]{
585
- max-width:var(--rs-box-maxw);
586
- }
587
- [data-rs=box][style*="--rs-box-maxh"]{
588
- max-height:var(--rs-box-maxh);
589
- }
590
- [data-rs=box][style*="--rs-box-minw"]{
591
- min-width:var(--rs-box-minw);
592
- }
593
- [data-rs=box][style*="--rs-box-minh"]{
594
- min-height:var(--rs-box-minh);
595
- }
596
- [data-rs=box][style*="--rs-box-c"]{
597
- color:var(--rs-box-c);
598
- }
599
- [data-rs=box][style*="--rs-box-bd"]{
600
- border:var(--rs-box-bd);
601
- }
602
- [data-rs=box][style*="--rs-box-rounded"]{
603
- border-radius:var(--rs-box-rounded);
604
- }
605
- [data-rs=box][style*="--rs-box-shadow"]{
606
- box-shadow:var(--rs-box-shadow);
607
- }
608
- [data-rs=box][style*="--rs-box-bg"]{
609
- background:var(--rs-box-bg);
610
- }
611
- [data-rs=box][style*="--rs-box-display"]{
612
- display:var(--rs-box-display);
613
- }
614
536
 
615
537
  @media (max-width: calc(576px - 1px)){
616
538
  [data-visible-from=xs]{
@@ -1022,7 +944,7 @@ body{
1022
944
  --rs-input-group-font-size-sm:var(--rs-font-size-sm);
1023
945
  --rs-input-group-font-size-md:var(--rs-font-size-sm);
1024
946
  --rs-input-group-font-size-lg:var(--rs-font-size-md);
1025
- --rs-input-group-width:var(--rs-box-w, 100%);
947
+ --rs-input-group-width:100%;
1026
948
  position:relative;
1027
949
  display:flex;
1028
950
  border-radius:var(--rs-input-group-border-radius);
package/TagPicker/styles/index.css CHANGED
@@ -533,84 +533,6 @@ body{
533
533
  --rs-zindex-modal:1050;
534
534
  --rs-zindex-drawer:1050;
535
535
  }
536
- [data-rs=box][style*="--rs-box-p"]{
537
- padding:var(--rs-box-p);
538
- }
539
- [data-rs=box][style*="--rs-box-pt"]{
540
- padding-top:var(--rs-box-pt);
541
- }
542
- [data-rs=box][style*="--rs-box-pb"]{
543
- padding-bottom:var(--rs-box-pb);
544
- }
545
- [data-rs=box][style*="--rs-box-pl"]{
546
- padding-left:var(--rs-box-pl);
547
- }
548
- [data-rs=box][style*="--rs-box-pr"]{
549
- padding-right:var(--rs-box-pr);
550
- }
551
- [data-rs=box][style*="--rs-box-px"]{
552
- padding-inline:var(--rs-box-px);
553
- }
554
- [data-rs=box][style*="--rs-box-py"]{
555
- padding-block:var(--rs-box-py);
556
- }
557
- [data-rs=box][style*="--rs-box-m"]{
558
- margin:var(--rs-box-m);
559
- }
560
- [data-rs=box][style*="--rs-box-mt"]{
561
- margin-top:var(--rs-box-mt);
562
- }
563
- [data-rs=box][style*="--rs-box-mb"]{
564
- margin-bottom:var(--rs-box-mb);
565
- }
566
- [data-rs=box][style*="--rs-box-ml"]{
567
- margin-left:var(--rs-box-ml);
568
- }
569
- [data-rs=box][style*="--rs-box-mr"]{
570
- margin-right:var(--rs-box-mr);
571
- }
572
- [data-rs=box][style*="--rs-box-mx"]{
573
- margin-inline:var(--rs-box-mx);
574
- }
575
- [data-rs=box][style*="--rs-box-my"]{
576
- margin-block:var(--rs-box-my);
577
- }
578
- [data-rs=box][style*="--rs-box-w"]{
579
- width:var(--rs-box-w);
580
- }
581
- [data-rs=box][style*="--rs-box-h"]{
582
- height:var(--rs-box-h);
583
- }
584
- [data-rs=box][style*="--rs-box-maxw"]{
585
- max-width:var(--rs-box-maxw);
586
- }
587
- [data-rs=box][style*="--rs-box-maxh"]{
588
- max-height:var(--rs-box-maxh);
589
- }
590
- [data-rs=box][style*="--rs-box-minw"]{
591
- min-width:var(--rs-box-minw);
592
- }
593
- [data-rs=box][style*="--rs-box-minh"]{
594
- min-height:var(--rs-box-minh);
595
- }
596
- [data-rs=box][style*="--rs-box-c"]{
597
- color:var(--rs-box-c);
598
- }
599
- [data-rs=box][style*="--rs-box-bd"]{
600
- border:var(--rs-box-bd);
601
- }
602
- [data-rs=box][style*="--rs-box-rounded"]{
603
- border-radius:var(--rs-box-rounded);
604
- }
605
- [data-rs=box][style*="--rs-box-shadow"]{
606
- box-shadow:var(--rs-box-shadow);
607
- }
608
- [data-rs=box][style*="--rs-box-bg"]{
609
- background:var(--rs-box-bg);
610
- }
611
- [data-rs=box][style*="--rs-box-display"]{
612
- display:var(--rs-box-display);
613
- }
614
536
 
615
537
  @media (max-width: calc(576px - 1px)){
616
538
  [data-visible-from=xs]{
@@ -1022,7 +944,7 @@ body{
1022
944
  --rs-input-group-font-size-sm:var(--rs-font-size-sm);
1023
945
  --rs-input-group-font-size-md:var(--rs-font-size-sm);
1024
946
  --rs-input-group-font-size-lg:var(--rs-font-size-md);
1025
- --rs-input-group-width:var(--rs-box-w, 100%);
947
+ --rs-input-group-width:100%;
1026
948
  position:relative;
1027
949
  display:flex;
1028
950
  border-radius:var(--rs-input-group-border-radius);
package/Text/styles/index.css CHANGED
@@ -104,84 +104,6 @@ body{
104
104
  --rs-text-line-height-6xl:1;
105
105
  --rs-radius-sm:0.25rem;
106
106
  }
107
- [data-rs=box][style*="--rs-box-p"]{
108
- padding:var(--rs-box-p);
109
- }
110
- [data-rs=box][style*="--rs-box-pt"]{
111
- padding-top:var(--rs-box-pt);
112
- }
113
- [data-rs=box][style*="--rs-box-pb"]{
114
- padding-bottom:var(--rs-box-pb);
115
- }
116
- [data-rs=box][style*="--rs-box-pl"]{
117
- padding-left:var(--rs-box-pl);
118
- }
119
- [data-rs=box][style*="--rs-box-pr"]{
120
- padding-right:var(--rs-box-pr);
121
- }
122
- [data-rs=box][style*="--rs-box-px"]{
123
- padding-inline:var(--rs-box-px);
124
- }
125
- [data-rs=box][style*="--rs-box-py"]{
126
- padding-block:var(--rs-box-py);
127
- }
128
- [data-rs=box][style*="--rs-box-m"]{
129
- margin:var(--rs-box-m);
130
- }
131
- [data-rs=box][style*="--rs-box-mt"]{
132
- margin-top:var(--rs-box-mt);
133
- }
134
- [data-rs=box][style*="--rs-box-mb"]{
135
- margin-bottom:var(--rs-box-mb);
136
- }
137
- [data-rs=box][style*="--rs-box-ml"]{
138
- margin-left:var(--rs-box-ml);
139
- }
140
- [data-rs=box][style*="--rs-box-mr"]{
141
- margin-right:var(--rs-box-mr);
142
- }
143
- [data-rs=box][style*="--rs-box-mx"]{
144
- margin-inline:var(--rs-box-mx);
145
- }
146
- [data-rs=box][style*="--rs-box-my"]{
147
- margin-block:var(--rs-box-my);
148
- }
149
- [data-rs=box][style*="--rs-box-w"]{
150
- width:var(--rs-box-w);
151
- }
152
- [data-rs=box][style*="--rs-box-h"]{
153
- height:var(--rs-box-h);
154
- }
155
- [data-rs=box][style*="--rs-box-maxw"]{
156
- max-width:var(--rs-box-maxw);
157
- }
158
- [data-rs=box][style*="--rs-box-maxh"]{
159
- max-height:var(--rs-box-maxh);
160
- }
161
- [data-rs=box][style*="--rs-box-minw"]{
162
- min-width:var(--rs-box-minw);
163
- }
164
- [data-rs=box][style*="--rs-box-minh"]{
165
- min-height:var(--rs-box-minh);
166
- }
167
- [data-rs=box][style*="--rs-box-c"]{
168
- color:var(--rs-box-c);
169
- }
170
- [data-rs=box][style*="--rs-box-bd"]{
171
- border:var(--rs-box-bd);
172
- }
173
- [data-rs=box][style*="--rs-box-rounded"]{
174
- border-radius:var(--rs-box-rounded);
175
- }
176
- [data-rs=box][style*="--rs-box-shadow"]{
177
- box-shadow:var(--rs-box-shadow);
178
- }
179
- [data-rs=box][style*="--rs-box-bg"]{
180
- background:var(--rs-box-bg);
181
- }
182
- [data-rs=box][style*="--rs-box-display"]{
183
- display:var(--rs-box-display);
184
- }
185
107
 
186
108
  @media (max-width: calc(576px - 1px)){
187
109
  [data-visible-from=xs]{
package/Textarea/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]{