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/ButtonGroup/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/ButtonToolbar/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]{
@@ -307,8 +229,4 @@ body{
307
229
 
308
230
  .rs-btn-toolbar{
309
231
  line-height:0;
310
- }
311
- .rs-btn-toolbar.rs-stack{
312
- --rs-stack-spacing:calc(var(--rs-spacing) * 2);
313
- --rs-stack-wrap:wrap;
314
232
  }
package/Calendar/styles/index.css CHANGED
@@ -437,84 +437,6 @@ body{
437
437
  --rs-ripple-bg:rgb(0 0 0 / 20%);
438
438
  --rs-zindex-date-range-picker-table-cell-content:1;
439
439
  }
440
- [data-rs=box][style*="--rs-box-p"]{
441
- padding:var(--rs-box-p);
442
- }
443
- [data-rs=box][style*="--rs-box-pt"]{
444
- padding-top:var(--rs-box-pt);
445
- }
446
- [data-rs=box][style*="--rs-box-pb"]{
447
- padding-bottom:var(--rs-box-pb);
448
- }
449
- [data-rs=box][style*="--rs-box-pl"]{
450
- padding-left:var(--rs-box-pl);
451
- }
452
- [data-rs=box][style*="--rs-box-pr"]{
453
- padding-right:var(--rs-box-pr);
454
- }
455
- [data-rs=box][style*="--rs-box-px"]{
456
- padding-inline:var(--rs-box-px);
457
- }
458
- [data-rs=box][style*="--rs-box-py"]{
459
- padding-block:var(--rs-box-py);
460
- }
461
- [data-rs=box][style*="--rs-box-m"]{
462
- margin:var(--rs-box-m);
463
- }
464
- [data-rs=box][style*="--rs-box-mt"]{
465
- margin-top:var(--rs-box-mt);
466
- }
467
- [data-rs=box][style*="--rs-box-mb"]{
468
- margin-bottom:var(--rs-box-mb);
469
- }
470
- [data-rs=box][style*="--rs-box-ml"]{
471
- margin-left:var(--rs-box-ml);
472
- }
473
- [data-rs=box][style*="--rs-box-mr"]{
474
- margin-right:var(--rs-box-mr);
475
- }
476
- [data-rs=box][style*="--rs-box-mx"]{
477
- margin-inline:var(--rs-box-mx);
478
- }
479
- [data-rs=box][style*="--rs-box-my"]{
480
- margin-block:var(--rs-box-my);
481
- }
482
- [data-rs=box][style*="--rs-box-w"]{
483
- width:var(--rs-box-w);
484
- }
485
- [data-rs=box][style*="--rs-box-h"]{
486
- height:var(--rs-box-h);
487
- }
488
- [data-rs=box][style*="--rs-box-maxw"]{
489
- max-width:var(--rs-box-maxw);
490
- }
491
- [data-rs=box][style*="--rs-box-maxh"]{
492
- max-height:var(--rs-box-maxh);
493
- }
494
- [data-rs=box][style*="--rs-box-minw"]{
495
- min-width:var(--rs-box-minw);
496
- }
497
- [data-rs=box][style*="--rs-box-minh"]{
498
- min-height:var(--rs-box-minh);
499
- }
500
- [data-rs=box][style*="--rs-box-c"]{
501
- color:var(--rs-box-c);
502
- }
503
- [data-rs=box][style*="--rs-box-bd"]{
504
- border:var(--rs-box-bd);
505
- }
506
- [data-rs=box][style*="--rs-box-rounded"]{
507
- border-radius:var(--rs-box-rounded);
508
- }
509
- [data-rs=box][style*="--rs-box-shadow"]{
510
- box-shadow:var(--rs-box-shadow);
511
- }
512
- [data-rs=box][style*="--rs-box-bg"]{
513
- background:var(--rs-box-bg);
514
- }
515
- [data-rs=box][style*="--rs-box-display"]{
516
- display:var(--rs-box-display);
517
- }
518
440
 
519
441
  @media (max-width: calc(576px - 1px)){
520
442
  [data-visible-from=xs]{
package/Card/styles/index.css CHANGED
@@ -67,84 +67,6 @@ body{
67
67
  --rs-shadow-color:rgb(0 0 0 / 10%);
68
68
  --rs-shadow-md:0 4px 6px -1px var(--rs-shadow-color), 0 2px 4px 0 var(--rs-shadow-color);
69
69
  }
70
- [data-rs=box][style*="--rs-box-p"]{
71
- padding:var(--rs-box-p);
72
- }
73
- [data-rs=box][style*="--rs-box-pt"]{
74
- padding-top:var(--rs-box-pt);
75
- }
76
- [data-rs=box][style*="--rs-box-pb"]{
77
- padding-bottom:var(--rs-box-pb);
78
- }
79
- [data-rs=box][style*="--rs-box-pl"]{
80
- padding-left:var(--rs-box-pl);
81
- }
82
- [data-rs=box][style*="--rs-box-pr"]{
83
- padding-right:var(--rs-box-pr);
84
- }
85
- [data-rs=box][style*="--rs-box-px"]{
86
- padding-inline:var(--rs-box-px);
87
- }
88
- [data-rs=box][style*="--rs-box-py"]{
89
- padding-block:var(--rs-box-py);
90
- }
91
- [data-rs=box][style*="--rs-box-m"]{
92
- margin:var(--rs-box-m);
93
- }
94
- [data-rs=box][style*="--rs-box-mt"]{
95
- margin-top:var(--rs-box-mt);
96
- }
97
- [data-rs=box][style*="--rs-box-mb"]{
98
- margin-bottom:var(--rs-box-mb);
99
- }
100
- [data-rs=box][style*="--rs-box-ml"]{
101
- margin-left:var(--rs-box-ml);
102
- }
103
- [data-rs=box][style*="--rs-box-mr"]{
104
- margin-right:var(--rs-box-mr);
105
- }
106
- [data-rs=box][style*="--rs-box-mx"]{
107
- margin-inline:var(--rs-box-mx);
108
- }
109
- [data-rs=box][style*="--rs-box-my"]{
110
- margin-block:var(--rs-box-my);
111
- }
112
- [data-rs=box][style*="--rs-box-w"]{
113
- width:var(--rs-box-w);
114
- }
115
- [data-rs=box][style*="--rs-box-h"]{
116
- height:var(--rs-box-h);
117
- }
118
- [data-rs=box][style*="--rs-box-maxw"]{
119
- max-width:var(--rs-box-maxw);
120
- }
121
- [data-rs=box][style*="--rs-box-maxh"]{
122
- max-height:var(--rs-box-maxh);
123
- }
124
- [data-rs=box][style*="--rs-box-minw"]{
125
- min-width:var(--rs-box-minw);
126
- }
127
- [data-rs=box][style*="--rs-box-minh"]{
128
- min-height:var(--rs-box-minh);
129
- }
130
- [data-rs=box][style*="--rs-box-c"]{
131
- color:var(--rs-box-c);
132
- }
133
- [data-rs=box][style*="--rs-box-bd"]{
134
- border:var(--rs-box-bd);
135
- }
136
- [data-rs=box][style*="--rs-box-rounded"]{
137
- border-radius:var(--rs-box-rounded);
138
- }
139
- [data-rs=box][style*="--rs-box-shadow"]{
140
- box-shadow:var(--rs-box-shadow);
141
- }
142
- [data-rs=box][style*="--rs-box-bg"]{
143
- background:var(--rs-box-bg);
144
- }
145
- [data-rs=box][style*="--rs-box-display"]{
146
- display:var(--rs-box-display);
147
- }
148
70
 
149
71
  @media (max-width: calc(576px - 1px)){
150
72
  [data-visible-from=xs]{
package/CardGroup/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/Carousel/styles/index.css CHANGED
@@ -85,84 +85,6 @@ body{
85
85
  --rs-radius-xs:0.125rem;
86
86
  --rs-radius-full:62.5rem;
87
87
  }
88
- [data-rs=box][style*="--rs-box-p"]{
89
- padding:var(--rs-box-p);
90
- }
91
- [data-rs=box][style*="--rs-box-pt"]{
92
- padding-top:var(--rs-box-pt);
93
- }
94
- [data-rs=box][style*="--rs-box-pb"]{
95
- padding-bottom:var(--rs-box-pb);
96
- }
97
- [data-rs=box][style*="--rs-box-pl"]{
98
- padding-left:var(--rs-box-pl);
99
- }
100
- [data-rs=box][style*="--rs-box-pr"]{
101
- padding-right:var(--rs-box-pr);
102
- }
103
- [data-rs=box][style*="--rs-box-px"]{
104
- padding-inline:var(--rs-box-px);
105
- }
106
- [data-rs=box][style*="--rs-box-py"]{
107
- padding-block:var(--rs-box-py);
108
- }
109
- [data-rs=box][style*="--rs-box-m"]{
110
- margin:var(--rs-box-m);
111
- }
112
- [data-rs=box][style*="--rs-box-mt"]{
113
- margin-top:var(--rs-box-mt);
114
- }
115
- [data-rs=box][style*="--rs-box-mb"]{
116
- margin-bottom:var(--rs-box-mb);
117
- }
118
- [data-rs=box][style*="--rs-box-ml"]{
119
- margin-left:var(--rs-box-ml);
120
- }
121
- [data-rs=box][style*="--rs-box-mr"]{
122
- margin-right:var(--rs-box-mr);
123
- }
124
- [data-rs=box][style*="--rs-box-mx"]{
125
- margin-inline:var(--rs-box-mx);
126
- }
127
- [data-rs=box][style*="--rs-box-my"]{
128
- margin-block:var(--rs-box-my);
129
- }
130
- [data-rs=box][style*="--rs-box-w"]{
131
- width:var(--rs-box-w);
132
- }
133
- [data-rs=box][style*="--rs-box-h"]{
134
- height:var(--rs-box-h);
135
- }
136
- [data-rs=box][style*="--rs-box-maxw"]{
137
- max-width:var(--rs-box-maxw);
138
- }
139
- [data-rs=box][style*="--rs-box-maxh"]{
140
- max-height:var(--rs-box-maxh);
141
- }
142
- [data-rs=box][style*="--rs-box-minw"]{
143
- min-width:var(--rs-box-minw);
144
- }
145
- [data-rs=box][style*="--rs-box-minh"]{
146
- min-height:var(--rs-box-minh);
147
- }
148
- [data-rs=box][style*="--rs-box-c"]{
149
- color:var(--rs-box-c);
150
- }
151
- [data-rs=box][style*="--rs-box-bd"]{
152
- border:var(--rs-box-bd);
153
- }
154
- [data-rs=box][style*="--rs-box-rounded"]{
155
- border-radius:var(--rs-box-rounded);
156
- }
157
- [data-rs=box][style*="--rs-box-shadow"]{
158
- box-shadow:var(--rs-box-shadow);
159
- }
160
- [data-rs=box][style*="--rs-box-bg"]{
161
- background:var(--rs-box-bg);
162
- }
163
- [data-rs=box][style*="--rs-box-display"]{
164
- display:var(--rs-box-display);
165
- }
166
88
 
167
89
  @media (max-width: calc(576px - 1px)){
168
90
  [data-visible-from=xs]{
package/CascadeTree/styles/index.css CHANGED
@@ -106,84 +106,6 @@ body{
106
106
  --rs-line-height-md:calc(20 / 14);
107
107
  --rs-spacing:0.25rem;
108
108
  }
109
- [data-rs=box][style*="--rs-box-p"]{
110
- padding:var(--rs-box-p);
111
- }
112
- [data-rs=box][style*="--rs-box-pt"]{
113
- padding-top:var(--rs-box-pt);
114
- }
115
- [data-rs=box][style*="--rs-box-pb"]{
116
- padding-bottom:var(--rs-box-pb);
117
- }
118
- [data-rs=box][style*="--rs-box-pl"]{
119
- padding-left:var(--rs-box-pl);
120
- }
121
- [data-rs=box][style*="--rs-box-pr"]{
122
- padding-right:var(--rs-box-pr);
123
- }
124
- [data-rs=box][style*="--rs-box-px"]{
125
- padding-inline:var(--rs-box-px);
126
- }
127
- [data-rs=box][style*="--rs-box-py"]{
128
- padding-block:var(--rs-box-py);
129
- }
130
- [data-rs=box][style*="--rs-box-m"]{
131
- margin:var(--rs-box-m);
132
- }
133
- [data-rs=box][style*="--rs-box-mt"]{
134
- margin-top:var(--rs-box-mt);
135
- }
136
- [data-rs=box][style*="--rs-box-mb"]{
137
- margin-bottom:var(--rs-box-mb);
138
- }
139
- [data-rs=box][style*="--rs-box-ml"]{
140
- margin-left:var(--rs-box-ml);
141
- }
142
- [data-rs=box][style*="--rs-box-mr"]{
143
- margin-right:var(--rs-box-mr);
144
- }
145
- [data-rs=box][style*="--rs-box-mx"]{
146
- margin-inline:var(--rs-box-mx);
147
- }
148
- [data-rs=box][style*="--rs-box-my"]{
149
- margin-block:var(--rs-box-my);
150
- }
151
- [data-rs=box][style*="--rs-box-w"]{
152
- width:var(--rs-box-w);
153
- }
154
- [data-rs=box][style*="--rs-box-h"]{
155
- height:var(--rs-box-h);
156
- }
157
- [data-rs=box][style*="--rs-box-maxw"]{
158
- max-width:var(--rs-box-maxw);
159
- }
160
- [data-rs=box][style*="--rs-box-maxh"]{
161
- max-height:var(--rs-box-maxh);
162
- }
163
- [data-rs=box][style*="--rs-box-minw"]{
164
- min-width:var(--rs-box-minw);
165
- }
166
- [data-rs=box][style*="--rs-box-minh"]{
167
- min-height:var(--rs-box-minh);
168
- }
169
- [data-rs=box][style*="--rs-box-c"]{
170
- color:var(--rs-box-c);
171
- }
172
- [data-rs=box][style*="--rs-box-bd"]{
173
- border:var(--rs-box-bd);
174
- }
175
- [data-rs=box][style*="--rs-box-rounded"]{
176
- border-radius:var(--rs-box-rounded);
177
- }
178
- [data-rs=box][style*="--rs-box-shadow"]{
179
- box-shadow:var(--rs-box-shadow);
180
- }
181
- [data-rs=box][style*="--rs-box-bg"]{
182
- background:var(--rs-box-bg);
183
- }
184
- [data-rs=box][style*="--rs-box-display"]{
185
- display:var(--rs-box-display);
186
- }
187
109
 
188
110
  @media (max-width: calc(576px - 1px)){
189
111
  [data-visible-from=xs]{
package/Cascader/styles/index.css CHANGED
@@ -516,84 +516,6 @@ body{
516
516
  --rs-zindex-modal:1050;
517
517
  --rs-zindex-drawer:1050;
518
518
  }
519
- [data-rs=box][style*="--rs-box-p"]{
520
- padding:var(--rs-box-p);
521
- }
522
- [data-rs=box][style*="--rs-box-pt"]{
523
- padding-top:var(--rs-box-pt);
524
- }
525
- [data-rs=box][style*="--rs-box-pb"]{
526
- padding-bottom:var(--rs-box-pb);
527
- }
528
- [data-rs=box][style*="--rs-box-pl"]{
529
- padding-left:var(--rs-box-pl);
530
- }
531
- [data-rs=box][style*="--rs-box-pr"]{
532
- padding-right:var(--rs-box-pr);
533
- }
534
- [data-rs=box][style*="--rs-box-px"]{
535
- padding-inline:var(--rs-box-px);
536
- }
537
- [data-rs=box][style*="--rs-box-py"]{
538
- padding-block:var(--rs-box-py);
539
- }
540
- [data-rs=box][style*="--rs-box-m"]{
541
- margin:var(--rs-box-m);
542
- }
543
- [data-rs=box][style*="--rs-box-mt"]{
544
- margin-top:var(--rs-box-mt);
545
- }
546
- [data-rs=box][style*="--rs-box-mb"]{
547
- margin-bottom:var(--rs-box-mb);
548
- }
549
- [data-rs=box][style*="--rs-box-ml"]{
550
- margin-left:var(--rs-box-ml);
551
- }
552
- [data-rs=box][style*="--rs-box-mr"]{
553
- margin-right:var(--rs-box-mr);
554
- }
555
- [data-rs=box][style*="--rs-box-mx"]{
556
- margin-inline:var(--rs-box-mx);
557
- }
558
- [data-rs=box][style*="--rs-box-my"]{
559
- margin-block:var(--rs-box-my);
560
- }
561
- [data-rs=box][style*="--rs-box-w"]{
562
- width:var(--rs-box-w);
563
- }
564
- [data-rs=box][style*="--rs-box-h"]{
565
- height:var(--rs-box-h);
566
- }
567
- [data-rs=box][style*="--rs-box-maxw"]{
568
- max-width:var(--rs-box-maxw);
569
- }
570
- [data-rs=box][style*="--rs-box-maxh"]{
571
- max-height:var(--rs-box-maxh);
572
- }
573
- [data-rs=box][style*="--rs-box-minw"]{
574
- min-width:var(--rs-box-minw);
575
- }
576
- [data-rs=box][style*="--rs-box-minh"]{
577
- min-height:var(--rs-box-minh);
578
- }
579
- [data-rs=box][style*="--rs-box-c"]{
580
- color:var(--rs-box-c);
581
- }
582
- [data-rs=box][style*="--rs-box-bd"]{
583
- border:var(--rs-box-bd);
584
- }
585
- [data-rs=box][style*="--rs-box-rounded"]{
586
- border-radius:var(--rs-box-rounded);
587
- }
588
- [data-rs=box][style*="--rs-box-shadow"]{
589
- box-shadow:var(--rs-box-shadow);
590
- }
591
- [data-rs=box][style*="--rs-box-bg"]{
592
- background:var(--rs-box-bg);
593
- }
594
- [data-rs=box][style*="--rs-box-display"]{
595
- display:var(--rs-box-display);
596
- }
597
519
 
598
520
  @media (max-width: calc(576px - 1px)){
599
521
  [data-visible-from=xs]{
@@ -1151,7 +1073,7 @@ body{
1151
1073
  --rs-input-group-font-size-sm:var(--rs-font-size-sm);
1152
1074
  --rs-input-group-font-size-md:var(--rs-font-size-sm);
1153
1075
  --rs-input-group-font-size-lg:var(--rs-font-size-md);
1154
- --rs-input-group-width:var(--rs-box-w, 100%);
1076
+ --rs-input-group-width:100%;
1155
1077
  position:relative;
1156
1078
  display:flex;
1157
1079
  border-radius:var(--rs-input-group-border-radius);