rsuite 6.0.0-canary-20250624 → 6.0.0-canary-20250702

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 (247) hide show
  1. package/AutoComplete/styles/index.css +156 -161
  2. package/AvatarGroup/styles/index.css +1 -10
  3. package/Badge/styles/index.css +21 -21
  4. package/Button/styles/index.css +78 -63
  5. package/ButtonGroup/styles/index.css +15 -12
  6. package/ButtonToolbar/styles/index.css +1 -10
  7. package/CHANGELOG.md +9 -0
  8. package/Calendar/styles/index.css +92 -67
  9. package/Card/styles/index.css +7 -7
  10. package/CascadeTree/styles/index.css +8 -9
  11. package/Cascader/styles/index.css +160 -164
  12. package/CheckPicker/styles/index.css +173 -178
  13. package/CheckTree/styles/index.css +175 -180
  14. package/CheckTreePicker/styles/index.css +175 -180
  15. package/Checkbox/styles/index.css +21 -28
  16. package/CheckboxGroup/styles/index.css +1 -1
  17. package/DateInput/styles/index.css +8 -18
  18. package/DatePicker/styles/index.css +173 -168
  19. package/DateRangeInput/styles/index.css +8 -18
  20. package/DateRangePicker/styles/index.css +173 -168
  21. package/Dropdown/styles/index.css +110 -94
  22. package/IconButton/styles/index.css +95 -79
  23. package/InlineEdit/styles/index.css +12 -19
  24. package/Input/styles/index.css +8 -18
  25. package/InputGroup/styles/index.css +31 -38
  26. package/InputNumber/styles/index.css +115 -100
  27. package/InputPicker/styles/index.css +156 -161
  28. package/List/styles/index.css +10 -10
  29. package/Loader/styles/index.css +16 -16
  30. package/Menu/styles/index.css +2 -2
  31. package/Message/styles/index.css +2 -2
  32. package/MultiCascadeTree/styles/index.css +178 -191
  33. package/MultiCascader/styles/index.css +178 -200
  34. package/Nav/styles/index.css +162 -146
  35. package/Navbar/styles/index.css +140 -124
  36. package/NumberInput/styles/index.css +115 -100
  37. package/Pagination/styles/index.css +177 -200
  38. package/PasswordInput/styles/index.css +36 -43
  39. package/PinInput/styles/index.css +12 -22
  40. package/Radio/styles/index.css +22 -29
  41. package/RadioGroup/styles/index.css +11 -11
  42. package/SelectPicker/styles/index.css +156 -161
  43. package/Sidenav/styles/index.css +122 -129
  44. package/Stack/styles/index.css +1 -10
  45. package/Stat/styles/index.css +95 -79
  46. package/Steps/styles/index.css +26 -25
  47. package/Table/styles/index.css +11 -0
  48. package/Tabs/styles/index.css +162 -146
  49. package/Tag/styles/index.css +112 -96
  50. package/TagInput/styles/index.css +174 -179
  51. package/TagPicker/styles/index.css +174 -179
  52. package/TimePicker/styles/index.css +173 -168
  53. package/TimeRangePicker/styles/index.css +173 -168
  54. package/Toggle/styles/index.css +27 -30
  55. package/Tree/styles/index.css +157 -162
  56. package/TreePicker/styles/index.css +157 -162
  57. package/Uploader/styles/index.css +94 -65
  58. package/cjs/Badge/Badge.js +16 -11
  59. package/cjs/Breadcrumb/Breadcrumb.d.ts +2 -2
  60. package/cjs/Button/Button.js +9 -7
  61. package/cjs/ButtonGroup/ButtonGroup.js +7 -7
  62. package/cjs/Card/Card.js +6 -6
  63. package/cjs/Checkbox/Checkbox.js +6 -7
  64. package/cjs/CheckboxGroup/CheckboxGroup.js +3 -4
  65. package/cjs/Dropdown/Dropdown.js +3 -4
  66. package/cjs/Dropdown/DropdownItem.js +4 -4
  67. package/cjs/Dropdown/DropdownMenu.js +9 -10
  68. package/cjs/FormControl/FormControl.d.ts +1 -1
  69. package/cjs/FormControlLabel/FormControlLabel.d.ts +1 -1
  70. package/cjs/FormHelpText/FormHelpText.d.ts +1 -1
  71. package/cjs/IconButton/IconButton.d.ts +1 -1
  72. package/cjs/IconButton/IconButton.js +9 -9
  73. package/cjs/Image/Image.d.ts +1 -1
  74. package/cjs/InlineEdit/InlineEdit.js +3 -2
  75. package/cjs/InputGroup/InputGroup.js +12 -14
  76. package/cjs/InputGroup/InputGroupAddon.d.ts +2 -2
  77. package/cjs/InputPicker/InputAutosize.js +4 -6
  78. package/cjs/List/List.d.ts +1 -1
  79. package/cjs/List/List.js +7 -8
  80. package/cjs/List/ListItem.d.ts +2 -2
  81. package/cjs/List/ListItem.js +4 -4
  82. package/cjs/Loader/Loader.js +8 -7
  83. package/cjs/Menu/MenuSeparator.d.ts +2 -2
  84. package/cjs/Nav/Nav.d.ts +2 -2
  85. package/cjs/Nav/Nav.js +12 -13
  86. package/cjs/Nav/NavDropdownItem.js +4 -4
  87. package/cjs/Nav/NavDropdownMenu.js +10 -13
  88. package/cjs/Nav/NavItem.d.ts +2 -2
  89. package/cjs/Nav/NavItem.js +6 -8
  90. package/cjs/Navbar/Navbar.js +6 -6
  91. package/cjs/Navbar/NavbarDropdown.d.ts +1 -1
  92. package/cjs/Navbar/NavbarDropdown.js +3 -4
  93. package/cjs/Navbar/NavbarDropdownItem.js +4 -4
  94. package/cjs/Navbar/NavbarDropdownMenu.js +8 -11
  95. package/cjs/NumberInput/NumberInput.d.ts +1 -1
  96. package/cjs/Pagination/Pagination.js +3 -2
  97. package/cjs/Pagination/PaginationButton.d.ts +3 -3
  98. package/cjs/Pagination/PaginationButton.js +9 -17
  99. package/cjs/Pagination/PaginationGroup.js +2 -1
  100. package/cjs/Panel/PanelHeader.d.ts +1 -1
  101. package/cjs/Radio/Radio.js +6 -6
  102. package/cjs/RadioGroup/RadioGroup.js +4 -4
  103. package/cjs/Sidenav/ExpandedSidenavDropdown.d.ts +1 -1
  104. package/cjs/Sidenav/Sidenav.js +3 -2
  105. package/cjs/Sidenav/SidenavDropdown.js +3 -5
  106. package/cjs/Sidenav/SidenavDropdownItem.js +4 -4
  107. package/cjs/Sidenav/SidenavDropdownMenu.js +10 -13
  108. package/cjs/Sidenav/SidenavItem.d.ts +2 -2
  109. package/cjs/Sidenav/SidenavItem.js +4 -5
  110. package/cjs/Slider/Handle.d.ts +1 -1
  111. package/cjs/Stack/Stack.d.ts +1 -17
  112. package/cjs/Stack/Stack.js +3 -4
  113. package/cjs/Stack/StackItem.d.ts +4 -5
  114. package/cjs/Stack/StackItem.js +4 -10
  115. package/cjs/Steps/StepItem.js +7 -8
  116. package/cjs/Steps/Steps.d.ts +2 -1
  117. package/cjs/Steps/Steps.js +32 -34
  118. package/cjs/Tabs/Tabs.js +1 -1
  119. package/cjs/Tag/Tag.js +5 -2
  120. package/cjs/Toggle/Toggle.d.ts +1 -1
  121. package/cjs/Toggle/Toggle.js +7 -6
  122. package/cjs/Tree/types.d.ts +2 -2
  123. package/cjs/Uploader/Uploader.d.ts +2 -2
  124. package/cjs/internals/Box/Box.d.ts +1 -0
  125. package/cjs/internals/Box/index.d.ts +1 -1
  126. package/cjs/internals/Box/utils.js +5 -4
  127. package/cjs/internals/InputBase/InputBase.d.ts +1 -1
  128. package/cjs/internals/InputBase/InputBase.js +3 -2
  129. package/cjs/internals/Menu/MenuItem.js +1 -1
  130. package/cjs/internals/Overlay/Modal.d.ts +1 -1
  131. package/cjs/internals/Picker/PickerToggle.js +2 -4
  132. package/cjs/internals/SafeAnchor/SafeAnchor.d.ts +2 -2
  133. package/cjs/internals/Tree/TreeView.d.ts +2 -2
  134. package/cjs/internals/hooks/useCustom.js +24 -7
  135. package/cjs/internals/styled-system/css-alias.d.ts +7 -0
  136. package/cjs/internals/styled-system/css-alias.js +391 -0
  137. package/cjs/internals/styled-system/css-properties.d.ts +6 -0
  138. package/cjs/internals/styled-system/css-properties.js +30 -0
  139. package/cjs/internals/styled-system/index.d.ts +1 -1
  140. package/cjs/internals/styled-system/index.js +4 -4
  141. package/cjs/internals/styled-system/responsive.d.ts +0 -4
  142. package/cjs/internals/styled-system/responsive.js +12 -33
  143. package/cjs/internals/styled-system/types.d.ts +59 -5
  144. package/cjs/internals/styled-system/useStyled.js +3 -3
  145. package/cjs/internals/types/html.d.ts +6 -6
  146. package/cjs/internals/types/picker.d.ts +1 -1
  147. package/dist/rsuite-no-reset.css +641 -641
  148. package/dist/rsuite-no-reset.min.css +1 -1
  149. package/dist/rsuite.css +641 -641
  150. package/dist/rsuite.js +60 -60
  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/Badge/Badge.js +16 -11
  155. package/esm/Breadcrumb/Breadcrumb.d.ts +2 -2
  156. package/esm/Button/Button.js +9 -7
  157. package/esm/ButtonGroup/ButtonGroup.js +7 -7
  158. package/esm/Card/Card.js +6 -6
  159. package/esm/Checkbox/Checkbox.js +6 -7
  160. package/esm/CheckboxGroup/CheckboxGroup.js +3 -4
  161. package/esm/Dropdown/Dropdown.js +3 -4
  162. package/esm/Dropdown/DropdownItem.js +4 -4
  163. package/esm/Dropdown/DropdownMenu.js +9 -10
  164. package/esm/FormControl/FormControl.d.ts +1 -1
  165. package/esm/FormControlLabel/FormControlLabel.d.ts +1 -1
  166. package/esm/FormHelpText/FormHelpText.d.ts +1 -1
  167. package/esm/IconButton/IconButton.d.ts +1 -1
  168. package/esm/IconButton/IconButton.js +9 -9
  169. package/esm/Image/Image.d.ts +1 -1
  170. package/esm/InlineEdit/InlineEdit.js +3 -2
  171. package/esm/InputGroup/InputGroup.js +12 -14
  172. package/esm/InputGroup/InputGroupAddon.d.ts +2 -2
  173. package/esm/InputPicker/InputAutosize.js +4 -6
  174. package/esm/List/List.d.ts +1 -1
  175. package/esm/List/List.js +7 -8
  176. package/esm/List/ListItem.d.ts +2 -2
  177. package/esm/List/ListItem.js +4 -4
  178. package/esm/Loader/Loader.js +8 -7
  179. package/esm/Menu/MenuSeparator.d.ts +2 -2
  180. package/esm/Nav/Nav.d.ts +2 -2
  181. package/esm/Nav/Nav.js +12 -13
  182. package/esm/Nav/NavDropdownItem.js +4 -4
  183. package/esm/Nav/NavDropdownMenu.js +10 -13
  184. package/esm/Nav/NavItem.d.ts +2 -2
  185. package/esm/Nav/NavItem.js +6 -8
  186. package/esm/Navbar/Navbar.js +7 -7
  187. package/esm/Navbar/NavbarDropdown.d.ts +1 -1
  188. package/esm/Navbar/NavbarDropdown.js +3 -4
  189. package/esm/Navbar/NavbarDropdownItem.js +4 -4
  190. package/esm/Navbar/NavbarDropdownMenu.js +8 -11
  191. package/esm/NumberInput/NumberInput.d.ts +1 -1
  192. package/esm/Pagination/Pagination.js +3 -2
  193. package/esm/Pagination/PaginationButton.d.ts +3 -3
  194. package/esm/Pagination/PaginationButton.js +9 -16
  195. package/esm/Pagination/PaginationGroup.js +2 -1
  196. package/esm/Panel/PanelHeader.d.ts +1 -1
  197. package/esm/Radio/Radio.js +6 -6
  198. package/esm/RadioGroup/RadioGroup.js +4 -4
  199. package/esm/Sidenav/ExpandedSidenavDropdown.d.ts +1 -1
  200. package/esm/Sidenav/Sidenav.js +3 -2
  201. package/esm/Sidenav/SidenavDropdown.js +3 -5
  202. package/esm/Sidenav/SidenavDropdownItem.js +4 -4
  203. package/esm/Sidenav/SidenavDropdownMenu.js +10 -13
  204. package/esm/Sidenav/SidenavItem.d.ts +2 -2
  205. package/esm/Sidenav/SidenavItem.js +4 -5
  206. package/esm/Slider/Handle.d.ts +1 -1
  207. package/esm/Stack/Stack.d.ts +1 -17
  208. package/esm/Stack/Stack.js +3 -4
  209. package/esm/Stack/StackItem.d.ts +4 -5
  210. package/esm/Stack/StackItem.js +5 -11
  211. package/esm/Steps/StepItem.js +7 -8
  212. package/esm/Steps/Steps.d.ts +2 -1
  213. package/esm/Steps/Steps.js +31 -34
  214. package/esm/Tabs/Tabs.js +1 -1
  215. package/esm/Tag/Tag.js +5 -2
  216. package/esm/Toggle/Toggle.d.ts +1 -1
  217. package/esm/Toggle/Toggle.js +7 -6
  218. package/esm/Tree/types.d.ts +2 -2
  219. package/esm/Uploader/Uploader.d.ts +2 -2
  220. package/esm/internals/Box/Box.d.ts +1 -0
  221. package/esm/internals/Box/index.d.ts +1 -1
  222. package/esm/internals/Box/utils.js +6 -5
  223. package/esm/internals/InputBase/InputBase.d.ts +1 -1
  224. package/esm/internals/InputBase/InputBase.js +3 -2
  225. package/esm/internals/Menu/MenuItem.js +1 -1
  226. package/esm/internals/Overlay/Modal.d.ts +1 -1
  227. package/esm/internals/Picker/PickerToggle.js +2 -4
  228. package/esm/internals/SafeAnchor/SafeAnchor.d.ts +2 -2
  229. package/esm/internals/Tree/TreeView.d.ts +2 -2
  230. package/esm/internals/hooks/useCustom.js +24 -7
  231. package/esm/internals/styled-system/css-alias.d.ts +7 -0
  232. package/esm/internals/styled-system/css-alias.js +387 -0
  233. package/esm/internals/styled-system/css-properties.d.ts +6 -0
  234. package/esm/internals/styled-system/css-properties.js +26 -0
  235. package/esm/internals/styled-system/index.d.ts +1 -1
  236. package/esm/internals/styled-system/index.js +1 -1
  237. package/esm/internals/styled-system/responsive.d.ts +0 -4
  238. package/esm/internals/styled-system/responsive.js +11 -31
  239. package/esm/internals/styled-system/types.d.ts +59 -5
  240. package/esm/internals/styled-system/useStyled.js +3 -3
  241. package/esm/internals/types/html.d.ts +6 -6
  242. package/esm/internals/types/picker.d.ts +1 -1
  243. package/package.json +1 -1
  244. package/cjs/internals/styled-system/css-property.d.ts +0 -6
  245. package/cjs/internals/styled-system/css-property.js +0 -289
  246. package/esm/internals/styled-system/css-property.d.ts +0 -6
  247. package/esm/internals/styled-system/css-property.js +0 -285
package/Toggle/styles/index.css CHANGED
@@ -46,7 +46,7 @@ body{
46
46
  --rs-violet-600:#5F2BB3;
47
47
  --rs-body:var(--rs-gray-0);
48
48
  --rs-text-primary:var(--rs-gray-800);
49
- --rs-color-focus-ring:rgb(from var(--rs-primary-500) r g b / 25%);
49
+ --rs-focus-ring-color:rgb(from var(--rs-primary-500) r g b / 25%);
50
50
  --rs-state-focus-shadow:0 0 0 2px rgb(from var(--rs-primary-500) r g b / 25%);
51
51
  --rs-toggle-bg:var(--rs-gray-500);
52
52
  --rs-toggle-thumb:#fff;
@@ -63,7 +63,7 @@ body{
63
63
  }
64
64
  @supports not (color: rgb(from white r g b)){
65
65
  :root{
66
- --rs-color-focus-ring:rgba(52, 152, 255, 0.25);
66
+ --rs-focus-ring-color:rgba(52, 152, 255, 0.25);
67
67
  --rs-state-focus-shadow:0 0 0 2px rgba(52, 152, 255, 0.25);
68
68
  --rs-toggle-loader-ring:rgba(247, 247, 250, 0.3);
69
69
  }
@@ -102,7 +102,6 @@ body{
102
102
  --rs-violet-600:#5F2BB3;
103
103
  --rs-body:var(--rs-gray-900);
104
104
  --rs-text-primary:var(--rs-gray-50);
105
- --rs-color-focus-ring:0 0 0 2px rgb(from var(--rs-gray-500) r g b / 25%);
106
105
  --rs-state-focus-shadow:0 0 0 2px rgb(from var(--rs-gray-500) r g b / 25%);
107
106
  --rs-toggle-bg:var(--rs-gray-500);
108
107
  --rs-toggle-thumb:#fff;
@@ -118,7 +117,6 @@ body{
118
117
  @supports not (color: rgb(from white r g b)){
119
118
  [data-theme=dark],
120
119
  .rs-theme-dark{
121
- --rs-color-focus-ring:0 0 0 2px rgba(52, 195, 255, 0.25);
122
120
  --rs-state-focus-shadow:0 0 0 2px rgba(52, 195, 255, 0.25);
123
121
  }
124
122
  }
@@ -156,7 +154,7 @@ body{
156
154
  --rs-violet-600:#5F2BB3;
157
155
  --rs-body:var(--rs-gray-900);
158
156
  --rs-text-primary:var(--rs-gray-50);
159
- --rs-color-focus-ring:var(--rs-gray-0);
157
+ --rs-focus-ring-color:var(--rs-gray-0);
160
158
  --rs-state-focus-shadow:0 0 0 2px var(--rs-gray-900), 0 0 0 5px var(--rs-gray-0);
161
159
  --rs-toggle-bg:var(--rs-gray-800);
162
160
  --rs-toggle-thumb:var(--rs-gray-100);
@@ -277,7 +275,7 @@ body{
277
275
  font-size:var(--rs-toggle-font-size);
278
276
  gap:var(--rs-toggle-gap);
279
277
  }
280
- .rs-toggle-xs{
278
+ .rs-toggle[data-size=xs]{
281
279
  --rs-toggle-font-size:var(--rs-toggle-font-size-xs);
282
280
  --rs-toggle-inner-font-size:var(--rs-toggle-inner-font-size-xs);
283
281
  --rs-toggle-line-height:var(--rs-toggle-line-height-xs);
@@ -296,7 +294,7 @@ body{
296
294
  (var(--rs-toggle-size) * var(--rs-toggle-active-scale) - var(--rs-toggle-handle-gap)) * -1
297
295
  );
298
296
  }
299
- .rs-toggle-sm{
297
+ .rs-toggle[data-size=sm]{
300
298
  --rs-toggle-font-size:var(--rs-toggle-font-size-sm);
301
299
  --rs-toggle-inner-font-size:var(--rs-toggle-inner-font-size-sm);
302
300
  --rs-toggle-line-height:var(--rs-toggle-line-height-sm);
@@ -315,7 +313,7 @@ body{
315
313
  (var(--rs-toggle-size) * var(--rs-toggle-active-scale) - var(--rs-toggle-handle-gap)) * -1
316
314
  );
317
315
  }
318
- .rs-toggle-md{
316
+ .rs-toggle[data-size=md]{
319
317
  --rs-toggle-font-size:var(--rs-toggle-font-size-md);
320
318
  --rs-toggle-inner-font-size:var(--rs-toggle-inner-font-size-md);
321
319
  --rs-toggle-line-height:var(--rs-toggle-line-height-md);
@@ -334,7 +332,7 @@ body{
334
332
  (var(--rs-toggle-size) * var(--rs-toggle-active-scale) - var(--rs-toggle-handle-gap)) * -1
335
333
  );
336
334
  }
337
- .rs-toggle-lg{
335
+ .rs-toggle[data-size=lg]{
338
336
  --rs-toggle-font-size:var(--rs-toggle-font-size-lg);
339
337
  --rs-toggle-inner-font-size:var(--rs-toggle-inner-font-size-lg);
340
338
  --rs-toggle-line-height:var(--rs-toggle-line-height-lg);
@@ -353,7 +351,7 @@ body{
353
351
  (var(--rs-toggle-size) * var(--rs-toggle-active-scale) - var(--rs-toggle-handle-gap)) * -1
354
352
  );
355
353
  }
356
- .rs-toggle-xl{
354
+ .rs-toggle[data-size=xl]{
357
355
  --rs-toggle-font-size:var(--rs-toggle-font-size-xl);
358
356
  --rs-toggle-inner-font-size:var(--rs-toggle-inner-font-size-xl);
359
357
  --rs-toggle-line-height:var(--rs-toggle-line-height-xl);
@@ -372,31 +370,31 @@ body{
372
370
  (var(--rs-toggle-size) * var(--rs-toggle-active-scale) - var(--rs-toggle-handle-gap)) * -1
373
371
  );
374
372
  }
375
- .rs-toggle-red{
373
+ .rs-toggle[data-color=red]{
376
374
  --rs-toggle-checked-bg:var(--rs-red-500);
377
375
  --rs-toggle-checked-hover-bg:var(--rs-red-600);
378
376
  }
379
- .rs-toggle-orange{
377
+ .rs-toggle[data-color=orange]{
380
378
  --rs-toggle-checked-bg:var(--rs-orange-500);
381
379
  --rs-toggle-checked-hover-bg:var(--rs-orange-600);
382
380
  }
383
- .rs-toggle-yellow{
381
+ .rs-toggle[data-color=yellow]{
384
382
  --rs-toggle-checked-bg:var(--rs-yellow-500);
385
383
  --rs-toggle-checked-hover-bg:var(--rs-yellow-600);
386
384
  }
387
- .rs-toggle-green{
385
+ .rs-toggle[data-color=green]{
388
386
  --rs-toggle-checked-bg:var(--rs-green-500);
389
387
  --rs-toggle-checked-hover-bg:var(--rs-green-600);
390
388
  }
391
- .rs-toggle-cyan{
389
+ .rs-toggle[data-color=cyan]{
392
390
  --rs-toggle-checked-bg:var(--rs-cyan-500);
393
391
  --rs-toggle-checked-hover-bg:var(--rs-cyan-600);
394
392
  }
395
- .rs-toggle-blue{
393
+ .rs-toggle[data-color=blue]{
396
394
  --rs-toggle-checked-bg:var(--rs-blue-500);
397
395
  --rs-toggle-checked-hover-bg:var(--rs-blue-600);
398
396
  }
399
- .rs-toggle-violet{
397
+ .rs-toggle[data-color=violet]{
400
398
  --rs-toggle-checked-bg:var(--rs-violet-500);
401
399
  --rs-toggle-checked-hover-bg:var(--rs-violet-600);
402
400
  }
@@ -459,7 +457,7 @@ body{
459
457
  box-shadow:inset 0 0 0 1px var(--rs-toggle-thumb);
460
458
  }
461
459
  .rs-toggle-input:focus-visible + .rs-toggle-track{
462
- outline:2px solid var(--rs-color-focus-ring);
460
+ outline:2px solid var(--rs-focus-ring-color);
463
461
  outline-offset:-1px;
464
462
  box-shadow:inset 0 0 0 1px var(--rs-toggle-thumb), var(--rs-state-focus-shadow);
465
463
  }
@@ -473,36 +471,35 @@ body{
473
471
  background-color:currentColor;
474
472
  transition:inset-inline-start var(--rs-toggle-transition), margin-inline-start var(--rs-toggle-transition), width var(--rs-toggle-transition);
475
473
  }
476
- .rs-toggle-disabled .rs-toggle-track{
474
+ .rs-toggle[data-disabled=true] .rs-toggle-track{
477
475
  background-color:var(--rs-toggle-disabled-bg);
478
476
  color:var(--rs-toggle-disabled-thumb);
479
- box-shadow:inset 0 0 0 1px var(--rs-toggle-disabled-thumb);
480
477
  pointer-events:none;
481
478
  }
482
- .rs-toggle-checked .rs-toggle-track{
479
+ .rs-toggle[data-checked=true] .rs-toggle-track{
483
480
  background-color:var(--rs-toggle-checked-bg);
484
481
  color:var(--rs-toggle-checked-thumb);
485
482
  box-shadow:none;
486
483
  }
487
- .rs-toggle-checked .rs-toggle-track::after{
484
+ .rs-toggle[data-checked=true] .rs-toggle-track::after{
488
485
  inset-inline-start:100%;
489
486
  margin-inline-start:var(--rs-toggle-checked-margin-left);
490
487
  }
491
- .rs-toggle-checked .rs-toggle-track:active::after{
488
+ .rs-toggle[data-checked=true] .rs-toggle-track:active::after{
492
489
  margin-inline-start:var(--rs-toggle-active-checked-margin-left);
493
490
  }
494
- .rs-toggle-checked .rs-toggle-track .rs-toggle-inner{
491
+ .rs-toggle[data-checked=true] .rs-toggle-track .rs-toggle-inner{
495
492
  margin-inline-end:var(--rs-toggle-size);
496
493
  margin-inline-start:var(--rs-toggle-inner-margin);
497
494
  }
498
- .rs-toggle-checked .rs-toggle-track:hover{
495
+ .rs-toggle[data-checked=true] .rs-toggle-track:hover{
499
496
  background-color:var(--rs-toggle-checked-hover-bg);
500
497
  }
501
- .rs-toggle-disabled.rs-toggle-checked .rs-toggle-track{
498
+ .rs-toggle[data-checked=true][data-disabled=true] .rs-toggle-track{
502
499
  background-color:var(--rs-toggle-checked-disabled-bg);
503
500
  color:var(--rs-toggle-checked-disabled-thumb);
504
501
  }
505
- .rs-toggle-loading .rs-toggle-track::after{
502
+ .rs-toggle[data-loading=true] .rs-toggle-track::after{
506
503
  display:none;
507
504
  }
508
505
  .rs-toggle-loader{
@@ -521,7 +518,7 @@ body{
521
518
  .rs-toggle-loader .rs-loader-spin::after{
522
519
  border-width:2px;
523
520
  }
524
- .rs-toggle-checked .rs-toggle-loader{
521
+ .rs-toggle[data-checked=true] .rs-toggle-loader{
525
522
  inset-inline-start:100%;
526
523
  margin-inline-start:var(--rs-toggle-checked-margin-left);
527
524
  }
@@ -531,9 +528,9 @@ body{
531
528
  .rs-toggle-loader .rs-loader-spin::after{
532
529
  border-top-color:var(--rs-toggle-loader-rotor);
533
530
  }
534
- [data-theme=high-contrast] .rs-toggle-checked .rs-toggle-loader .rs-loader-spin::before, .rs-theme-high-contrast .rs-toggle-checked .rs-toggle-loader .rs-loader-spin::before{
531
+ [data-theme=high-contrast] .rs-toggle[data-checked=true] .rs-toggle-loader .rs-loader-spin::before, .rs-theme-high-contrast .rs-toggle[data-checked=true] .rs-toggle-loader .rs-loader-spin::before{
535
532
  border-color:var(--rs-gray-200);
536
533
  }
537
- [data-theme=high-contrast] .rs-toggle-checked .rs-toggle-loader .rs-loader-spin::after, .rs-theme-high-contrast .rs-toggle-checked .rs-toggle-loader .rs-loader-spin::after{
534
+ [data-theme=high-contrast] .rs-toggle[data-checked=true] .rs-toggle-loader .rs-loader-spin::after, .rs-theme-high-contrast .rs-toggle[data-checked=true] .rs-toggle-loader .rs-loader-spin::after{
538
535
  border-top-color:var(--rs-gray-500);
539
536
  }