ropav 0.1.4 → 0.1.6

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 (138) hide show
  1. package/README.md +20 -0
  2. package/dist/accordion.js +11 -8
  3. package/dist/alert.css +18 -18
  4. package/dist/alert.js +27 -21
  5. package/dist/avatar.css +19 -19
  6. package/dist/avatar.js +16 -11
  7. package/dist/badge.css +16 -16
  8. package/dist/badge.js +14 -9
  9. package/dist/base.css +214 -69
  10. package/dist/button-group.js +1 -1
  11. package/dist/button-link.js +16 -14
  12. package/dist/button.css +37 -28
  13. package/dist/button.js +16 -14
  14. package/dist/{useButtonColor.js → button.scss_vue_type_style_index_0_src_true_lang.js} +8 -4
  15. package/dist/card.js +1 -1
  16. package/dist/checkbox.css +32 -32
  17. package/dist/checkbox.js +19 -11
  18. package/dist/chevron-right.js +12 -0
  19. package/dist/collapse.css +6 -6
  20. package/dist/collapse.js +4 -4
  21. package/dist/collectionNavigation.js +120 -0
  22. package/dist/color-input.css +19 -19
  23. package/dist/color-input.js +6 -5
  24. package/dist/color-picker.css +7 -7
  25. package/dist/color-picker.js +4 -5
  26. package/dist/color-swatch.js +1 -1
  27. package/dist/componentColors.js +135 -23
  28. package/dist/components/alert/types.d.ts +1 -0
  29. package/dist/components/alert/useAlertColor.d.ts +1 -1
  30. package/dist/components/avatar/types.d.ts +1 -0
  31. package/dist/components/avatar/useAvatarColor.d.ts +1 -1
  32. package/dist/components/badge/types.d.ts +1 -0
  33. package/dist/components/badge/useBadgeColor.d.ts +1 -1
  34. package/dist/components/button/types.d.ts +1 -0
  35. package/dist/components/button/useButtonColor.d.ts +1 -1
  36. package/dist/components/button-link/types.d.ts +1 -0
  37. package/dist/components/checkbox/types.d.ts +1 -0
  38. package/dist/components/checkbox/useCheckbox.d.ts +1 -1
  39. package/dist/components/color-input/color-input.d.ts +2 -2
  40. package/dist/components/color-input/useColorInput.d.ts +1 -1
  41. package/dist/components/dialog/dialog-core.d.ts +1 -1
  42. package/dist/components/dropdown-menu/dropdown-menu-content.d.ts +2 -2
  43. package/dist/components/dropdown-menu/dropdown-menu-primitive-core.d.ts +2 -1
  44. package/dist/components/dropdown-menu/dropdown-menu-sub-content.d.ts +2 -2
  45. package/dist/components/dropdown-menu/dropdown-menu-utils.d.ts +0 -2
  46. package/dist/components/dropdown-menu/dropdown-menu.d.ts +3 -3
  47. package/dist/components/dropdown-menu/index.d.ts +1 -0
  48. package/dist/components/dropdown-menu/types.d.ts +4 -0
  49. package/dist/components/dropdown-menu/useDropdownMenuDisclosure.d.ts +3 -4
  50. package/dist/components/dropdown-menu/useDropdownMenuInteractions.d.ts +2 -1
  51. package/dist/components/dropdown-menu/useDropdownMenuNavigation.d.ts +1 -0
  52. package/dist/components/icon-button/types.d.ts +1 -0
  53. package/dist/components/input/useInput.d.ts +1 -1
  54. package/dist/components/number-input/useNumberInput.d.ts +1 -1
  55. package/dist/components/pagination/index.d.ts +4 -0
  56. package/dist/components/pagination/index.js +2 -0
  57. package/dist/components/pagination/pagination.d.ts +49 -0
  58. package/dist/components/pagination/types.d.ts +54 -0
  59. package/dist/components/pagination/usePagination.d.ts +19 -0
  60. package/dist/components/progress/useProgress.d.ts +1 -1
  61. package/dist/components/radio/types.d.ts +3 -0
  62. package/dist/components/radio/useRadio.d.ts +2 -2
  63. package/dist/components/scroll-area/scrollAreaCore.d.ts +5 -0
  64. package/dist/components/scroll-area/types.d.ts +4 -0
  65. package/dist/components/scroll-area/useScrollArea.d.ts +1 -0
  66. package/dist/components/scroll-area/useScrollAreaMetrics.d.ts +3 -0
  67. package/dist/components/scroll-area/useScrollAreaPresentation.d.ts +3 -0
  68. package/dist/components/select/useSelect.d.ts +3 -2
  69. package/dist/components/select/useSelectNativeValue.d.ts +1 -7
  70. package/dist/components/slider/range-slider-tooltip.d.ts +2 -0
  71. package/dist/components/slider/sliderCore.d.ts +2 -1
  72. package/dist/components/slider/types.d.ts +1 -1
  73. package/dist/components/slider/useRangeSlider.d.ts +3 -1
  74. package/dist/components/slider/useSlider.d.ts +3 -1
  75. package/dist/components/switch/useSwitch.d.ts +1 -1
  76. package/dist/components/textarea/useTextarea.d.ts +1 -1
  77. package/dist/components/toast/types.d.ts +2 -0
  78. package/dist/components/toast/useToastColor.d.ts +1 -1
  79. package/dist/components/tooltip/types.d.ts +1 -0
  80. package/dist/components/tooltip/useTooltip.d.ts +1 -1
  81. package/dist/composables/index.d.ts +2 -0
  82. package/dist/composables/index.js +2 -0
  83. package/dist/composables/useControllableValue.d.ts +14 -0
  84. package/dist/dialog.js +8 -5
  85. package/dist/dropdown-menu.js +98 -59
  86. package/dist/field.js +1 -1
  87. package/dist/floating.js +19 -7
  88. package/dist/icon-button.css +12 -169
  89. package/dist/icon-button.js +11 -7
  90. package/dist/index.d.ts +6 -4
  91. package/dist/index.js +8 -5
  92. package/dist/input.css +24 -24
  93. package/dist/input.js +6 -5
  94. package/dist/modal.js +11 -7
  95. package/dist/number-input.css +18 -18
  96. package/dist/number-input.js +8 -7
  97. package/dist/overlay.js +1 -1
  98. package/dist/pagination.css +140 -0
  99. package/dist/pagination.js +442 -0
  100. package/dist/popover.js +9 -6
  101. package/dist/progress.css +29 -21
  102. package/dist/progress.js +17 -10
  103. package/dist/radio.js +17 -7
  104. package/dist/scroll-area.css +10 -1
  105. package/dist/scroll-area.js +82 -25
  106. package/dist/select.css +45 -45
  107. package/dist/select.js +111 -70
  108. package/dist/slider.css +191 -191
  109. package/dist/slider.js +58 -46
  110. package/dist/switch.css +17 -17
  111. package/dist/switch.js +7 -6
  112. package/dist/tabs.css +3 -3
  113. package/dist/tabs.js +25 -15
  114. package/dist/textarea.css +26 -26
  115. package/dist/textarea.js +5 -4
  116. package/dist/toast.css +26 -26
  117. package/dist/toast.js +35 -23
  118. package/dist/tooltip.css +12 -12
  119. package/dist/tooltip.js +24 -16
  120. package/dist/unplugin-icons.js +38 -25
  121. package/dist/useCollapse.js +12 -7
  122. package/dist/useControlState.js +1 -1
  123. package/dist/useControllableValue.js +33 -0
  124. package/dist/useFloatingPosition.js +4 -1140
  125. package/dist/useFormControl.js +5 -29
  126. package/dist/useOverlayZIndex.js +1 -1
  127. package/dist/useRequiredInject.js +1 -1
  128. package/dist/utils/componentColors.d.ts +14 -1
  129. package/docs/public-composables-api.md +52 -0
  130. package/docs/public-styles-api.md +1 -1
  131. package/docs/public-tokens.md +648 -508
  132. package/package.json +49 -36
  133. package/src/styles/_mixins.scss +4 -0
  134. package/src/styles/_tokens.scss +460 -320
  135. package/src/styles/_variables.scss +1 -1
  136. package/src/styles/styles-manifest.json +1122 -2
  137. package/dist/button-link.css +0 -163
  138. /package/dist/{composables → internal/composables}/useOverlayLayer.d.ts +0 -0
package/dist/base.css CHANGED
@@ -163,180 +163,320 @@
163
163
  --rp-primary-color-outline: var(--rp-color-blue-outline);
164
164
  --rp-primary-color-outline-hover: var(--rp-color-blue-outline-hover);
165
165
  --rp-color-dark-0-contrast: var(--rp-color-black);
166
+ --rp-color-dark-0-active-contrast: var(--rp-color-black);
166
167
  --rp-color-dark-1-contrast: var(--rp-color-black);
168
+ --rp-color-dark-1-active-contrast: var(--rp-color-black);
167
169
  --rp-color-dark-2-contrast: var(--rp-color-black);
170
+ --rp-color-dark-2-active-contrast: var(--rp-color-white);
168
171
  --rp-color-dark-3-contrast: var(--rp-color-white);
172
+ --rp-color-dark-3-active-contrast: var(--rp-color-white);
169
173
  --rp-color-dark-4-contrast: var(--rp-color-white);
174
+ --rp-color-dark-4-active-contrast: var(--rp-color-white);
170
175
  --rp-color-dark-5-contrast: var(--rp-color-white);
176
+ --rp-color-dark-5-active-contrast: var(--rp-color-white);
171
177
  --rp-color-dark-6-contrast: var(--rp-color-white);
178
+ --rp-color-dark-6-active-contrast: var(--rp-color-white);
172
179
  --rp-color-dark-7-contrast: var(--rp-color-white);
180
+ --rp-color-dark-7-active-contrast: var(--rp-color-white);
173
181
  --rp-color-dark-8-contrast: var(--rp-color-white);
182
+ --rp-color-dark-8-active-contrast: var(--rp-color-white);
174
183
  --rp-color-dark-9-contrast: var(--rp-color-white);
184
+ --rp-color-dark-9-active-contrast: var(--rp-color-white);
175
185
  --rp-color-gray-0-contrast: var(--rp-color-black);
186
+ --rp-color-gray-0-active-contrast: var(--rp-color-black);
176
187
  --rp-color-gray-1-contrast: var(--rp-color-black);
188
+ --rp-color-gray-1-active-contrast: var(--rp-color-black);
177
189
  --rp-color-gray-2-contrast: var(--rp-color-black);
190
+ --rp-color-gray-2-active-contrast: var(--rp-color-black);
178
191
  --rp-color-gray-3-contrast: var(--rp-color-black);
192
+ --rp-color-gray-3-active-contrast: var(--rp-color-black);
179
193
  --rp-color-gray-4-contrast: var(--rp-color-black);
194
+ --rp-color-gray-4-active-contrast: var(--rp-color-black);
180
195
  --rp-color-gray-5-contrast: var(--rp-color-black);
196
+ --rp-color-gray-5-active-contrast: var(--rp-color-black);
181
197
  --rp-color-gray-6-contrast: var(--rp-color-black);
198
+ --rp-color-gray-6-active-contrast: var(--rp-color-white);
182
199
  --rp-color-gray-7-contrast: var(--rp-color-white);
200
+ --rp-color-gray-7-active-contrast: var(--rp-color-white);
183
201
  --rp-color-gray-8-contrast: var(--rp-color-white);
202
+ --rp-color-gray-8-active-contrast: var(--rp-color-white);
184
203
  --rp-color-gray-9-contrast: var(--rp-color-white);
204
+ --rp-color-gray-9-active-contrast: var(--rp-color-white);
185
205
  --rp-color-red-0-contrast: var(--rp-color-black);
206
+ --rp-color-red-0-active-contrast: var(--rp-color-black);
186
207
  --rp-color-red-1-contrast: var(--rp-color-black);
208
+ --rp-color-red-1-active-contrast: var(--rp-color-black);
187
209
  --rp-color-red-2-contrast: var(--rp-color-black);
210
+ --rp-color-red-2-active-contrast: var(--rp-color-black);
188
211
  --rp-color-red-3-contrast: var(--rp-color-black);
212
+ --rp-color-red-3-active-contrast: var(--rp-color-black);
189
213
  --rp-color-red-4-contrast: var(--rp-color-black);
214
+ --rp-color-red-4-active-contrast: var(--rp-color-black);
190
215
  --rp-color-red-5-contrast: var(--rp-color-black);
216
+ --rp-color-red-5-active-contrast: var(--rp-color-black);
191
217
  --rp-color-red-6-contrast: var(--rp-color-black);
218
+ --rp-color-red-6-active-contrast: var(--rp-color-white);
192
219
  --rp-color-red-7-contrast: var(--rp-color-black);
220
+ --rp-color-red-7-active-contrast: var(--rp-color-white);
193
221
  --rp-color-red-8-contrast: var(--rp-color-black);
222
+ --rp-color-red-8-active-contrast: var(--rp-color-white);
194
223
  --rp-color-red-9-contrast: var(--rp-color-white);
224
+ --rp-color-red-9-active-contrast: var(--rp-color-white);
195
225
  --rp-color-pink-0-contrast: var(--rp-color-black);
226
+ --rp-color-pink-0-active-contrast: var(--rp-color-black);
196
227
  --rp-color-pink-1-contrast: var(--rp-color-black);
228
+ --rp-color-pink-1-active-contrast: var(--rp-color-black);
197
229
  --rp-color-pink-2-contrast: var(--rp-color-black);
230
+ --rp-color-pink-2-active-contrast: var(--rp-color-black);
198
231
  --rp-color-pink-3-contrast: var(--rp-color-black);
232
+ --rp-color-pink-3-active-contrast: var(--rp-color-black);
199
233
  --rp-color-pink-4-contrast: var(--rp-color-black);
234
+ --rp-color-pink-4-active-contrast: var(--rp-color-black);
200
235
  --rp-color-pink-5-contrast: var(--rp-color-black);
236
+ --rp-color-pink-5-active-contrast: var(--rp-color-black);
201
237
  --rp-color-pink-6-contrast: var(--rp-color-black);
238
+ --rp-color-pink-6-active-contrast: var(--rp-color-white);
202
239
  --rp-color-pink-7-contrast: var(--rp-color-white);
240
+ --rp-color-pink-7-active-contrast: var(--rp-color-white);
203
241
  --rp-color-pink-8-contrast: var(--rp-color-white);
242
+ --rp-color-pink-8-active-contrast: var(--rp-color-white);
204
243
  --rp-color-pink-9-contrast: var(--rp-color-white);
244
+ --rp-color-pink-9-active-contrast: var(--rp-color-white);
205
245
  --rp-color-grape-0-contrast: var(--rp-color-black);
246
+ --rp-color-grape-0-active-contrast: var(--rp-color-black);
206
247
  --rp-color-grape-1-contrast: var(--rp-color-black);
248
+ --rp-color-grape-1-active-contrast: var(--rp-color-black);
207
249
  --rp-color-grape-2-contrast: var(--rp-color-black);
250
+ --rp-color-grape-2-active-contrast: var(--rp-color-black);
208
251
  --rp-color-grape-3-contrast: var(--rp-color-black);
252
+ --rp-color-grape-3-active-contrast: var(--rp-color-black);
209
253
  --rp-color-grape-4-contrast: var(--rp-color-black);
254
+ --rp-color-grape-4-active-contrast: var(--rp-color-black);
210
255
  --rp-color-grape-5-contrast: var(--rp-color-black);
256
+ --rp-color-grape-5-active-contrast: var(--rp-color-white);
211
257
  --rp-color-grape-6-contrast: var(--rp-color-black);
258
+ --rp-color-grape-6-active-contrast: var(--rp-color-white);
212
259
  --rp-color-grape-7-contrast: var(--rp-color-white);
260
+ --rp-color-grape-7-active-contrast: var(--rp-color-white);
213
261
  --rp-color-grape-8-contrast: var(--rp-color-white);
262
+ --rp-color-grape-8-active-contrast: var(--rp-color-white);
214
263
  --rp-color-grape-9-contrast: var(--rp-color-white);
264
+ --rp-color-grape-9-active-contrast: var(--rp-color-white);
215
265
  --rp-color-violet-0-contrast: var(--rp-color-black);
266
+ --rp-color-violet-0-active-contrast: var(--rp-color-black);
216
267
  --rp-color-violet-1-contrast: var(--rp-color-black);
268
+ --rp-color-violet-1-active-contrast: var(--rp-color-black);
217
269
  --rp-color-violet-2-contrast: var(--rp-color-black);
270
+ --rp-color-violet-2-active-contrast: var(--rp-color-black);
218
271
  --rp-color-violet-3-contrast: var(--rp-color-black);
272
+ --rp-color-violet-3-active-contrast: var(--rp-color-black);
219
273
  --rp-color-violet-4-contrast: var(--rp-color-black);
274
+ --rp-color-violet-4-active-contrast: var(--rp-color-white);
220
275
  --rp-color-violet-5-contrast: var(--rp-color-black);
276
+ --rp-color-violet-5-active-contrast: var(--rp-color-white);
221
277
  --rp-color-violet-6-contrast: var(--rp-color-white);
278
+ --rp-color-violet-6-active-contrast: var(--rp-color-white);
222
279
  --rp-color-violet-7-contrast: var(--rp-color-white);
280
+ --rp-color-violet-7-active-contrast: var(--rp-color-white);
223
281
  --rp-color-violet-8-contrast: var(--rp-color-white);
282
+ --rp-color-violet-8-active-contrast: var(--rp-color-white);
224
283
  --rp-color-violet-9-contrast: var(--rp-color-white);
284
+ --rp-color-violet-9-active-contrast: var(--rp-color-white);
225
285
  --rp-color-indigo-0-contrast: var(--rp-color-black);
286
+ --rp-color-indigo-0-active-contrast: var(--rp-color-black);
226
287
  --rp-color-indigo-1-contrast: var(--rp-color-black);
288
+ --rp-color-indigo-1-active-contrast: var(--rp-color-black);
227
289
  --rp-color-indigo-2-contrast: var(--rp-color-black);
290
+ --rp-color-indigo-2-active-contrast: var(--rp-color-black);
228
291
  --rp-color-indigo-3-contrast: var(--rp-color-black);
292
+ --rp-color-indigo-3-active-contrast: var(--rp-color-black);
229
293
  --rp-color-indigo-4-contrast: var(--rp-color-black);
294
+ --rp-color-indigo-4-active-contrast: var(--rp-color-black);
230
295
  --rp-color-indigo-5-contrast: var(--rp-color-black);
296
+ --rp-color-indigo-5-active-contrast: var(--rp-color-white);
231
297
  --rp-color-indigo-6-contrast: var(--rp-color-black);
298
+ --rp-color-indigo-6-active-contrast: var(--rp-color-white);
232
299
  --rp-color-indigo-7-contrast: var(--rp-color-white);
300
+ --rp-color-indigo-7-active-contrast: var(--rp-color-white);
233
301
  --rp-color-indigo-8-contrast: var(--rp-color-white);
302
+ --rp-color-indigo-8-active-contrast: var(--rp-color-white);
234
303
  --rp-color-indigo-9-contrast: var(--rp-color-white);
304
+ --rp-color-indigo-9-active-contrast: var(--rp-color-white);
235
305
  --rp-color-blue-0-contrast: var(--rp-color-black);
306
+ --rp-color-blue-0-active-contrast: var(--rp-color-black);
236
307
  --rp-color-blue-1-contrast: var(--rp-color-black);
308
+ --rp-color-blue-1-active-contrast: var(--rp-color-black);
237
309
  --rp-color-blue-2-contrast: var(--rp-color-black);
310
+ --rp-color-blue-2-active-contrast: var(--rp-color-black);
238
311
  --rp-color-blue-3-contrast: var(--rp-color-black);
312
+ --rp-color-blue-3-active-contrast: var(--rp-color-black);
239
313
  --rp-color-blue-4-contrast: var(--rp-color-black);
314
+ --rp-color-blue-4-active-contrast: var(--rp-color-black);
240
315
  --rp-color-blue-5-contrast: var(--rp-color-black);
316
+ --rp-color-blue-5-active-contrast: var(--rp-color-black);
241
317
  --rp-color-blue-6-contrast: var(--rp-color-black);
318
+ --rp-color-blue-6-active-contrast: var(--rp-color-white);
242
319
  --rp-color-blue-7-contrast: var(--rp-color-black);
320
+ --rp-color-blue-7-active-contrast: var(--rp-color-white);
243
321
  --rp-color-blue-8-contrast: var(--rp-color-white);
322
+ --rp-color-blue-8-active-contrast: var(--rp-color-white);
244
323
  --rp-color-blue-9-contrast: var(--rp-color-white);
324
+ --rp-color-blue-9-active-contrast: var(--rp-color-white);
245
325
  --rp-color-cyan-0-contrast: var(--rp-color-black);
326
+ --rp-color-cyan-0-active-contrast: var(--rp-color-black);
246
327
  --rp-color-cyan-1-contrast: var(--rp-color-black);
328
+ --rp-color-cyan-1-active-contrast: var(--rp-color-black);
247
329
  --rp-color-cyan-2-contrast: var(--rp-color-black);
330
+ --rp-color-cyan-2-active-contrast: var(--rp-color-black);
248
331
  --rp-color-cyan-3-contrast: var(--rp-color-black);
332
+ --rp-color-cyan-3-active-contrast: var(--rp-color-black);
249
333
  --rp-color-cyan-4-contrast: var(--rp-color-black);
334
+ --rp-color-cyan-4-active-contrast: var(--rp-color-black);
250
335
  --rp-color-cyan-5-contrast: var(--rp-color-black);
336
+ --rp-color-cyan-5-active-contrast: var(--rp-color-black);
251
337
  --rp-color-cyan-6-contrast: var(--rp-color-black);
338
+ --rp-color-cyan-6-active-contrast: var(--rp-color-black);
252
339
  --rp-color-cyan-7-contrast: var(--rp-color-black);
340
+ --rp-color-cyan-7-active-contrast: var(--rp-color-white);
253
341
  --rp-color-cyan-8-contrast: var(--rp-color-black);
342
+ --rp-color-cyan-8-active-contrast: var(--rp-color-white);
254
343
  --rp-color-cyan-9-contrast: var(--rp-color-white);
344
+ --rp-color-cyan-9-active-contrast: var(--rp-color-white);
255
345
  --rp-color-teal-0-contrast: var(--rp-color-black);
346
+ --rp-color-teal-0-active-contrast: var(--rp-color-black);
256
347
  --rp-color-teal-1-contrast: var(--rp-color-black);
348
+ --rp-color-teal-1-active-contrast: var(--rp-color-black);
257
349
  --rp-color-teal-2-contrast: var(--rp-color-black);
350
+ --rp-color-teal-2-active-contrast: var(--rp-color-black);
258
351
  --rp-color-teal-3-contrast: var(--rp-color-black);
352
+ --rp-color-teal-3-active-contrast: var(--rp-color-black);
259
353
  --rp-color-teal-4-contrast: var(--rp-color-black);
354
+ --rp-color-teal-4-active-contrast: var(--rp-color-black);
260
355
  --rp-color-teal-5-contrast: var(--rp-color-black);
356
+ --rp-color-teal-5-active-contrast: var(--rp-color-black);
261
357
  --rp-color-teal-6-contrast: var(--rp-color-black);
358
+ --rp-color-teal-6-active-contrast: var(--rp-color-black);
262
359
  --rp-color-teal-7-contrast: var(--rp-color-black);
360
+ --rp-color-teal-7-active-contrast: var(--rp-color-white);
263
361
  --rp-color-teal-8-contrast: var(--rp-color-black);
362
+ --rp-color-teal-8-active-contrast: var(--rp-color-white);
264
363
  --rp-color-teal-9-contrast: var(--rp-color-white);
364
+ --rp-color-teal-9-active-contrast: var(--rp-color-white);
265
365
  --rp-color-green-0-contrast: var(--rp-color-black);
366
+ --rp-color-green-0-active-contrast: var(--rp-color-black);
266
367
  --rp-color-green-1-contrast: var(--rp-color-black);
368
+ --rp-color-green-1-active-contrast: var(--rp-color-black);
267
369
  --rp-color-green-2-contrast: var(--rp-color-black);
370
+ --rp-color-green-2-active-contrast: var(--rp-color-black);
268
371
  --rp-color-green-3-contrast: var(--rp-color-black);
372
+ --rp-color-green-3-active-contrast: var(--rp-color-black);
269
373
  --rp-color-green-4-contrast: var(--rp-color-black);
374
+ --rp-color-green-4-active-contrast: var(--rp-color-black);
270
375
  --rp-color-green-5-contrast: var(--rp-color-black);
376
+ --rp-color-green-5-active-contrast: var(--rp-color-black);
271
377
  --rp-color-green-6-contrast: var(--rp-color-black);
378
+ --rp-color-green-6-active-contrast: var(--rp-color-black);
272
379
  --rp-color-green-7-contrast: var(--rp-color-black);
380
+ --rp-color-green-7-active-contrast: var(--rp-color-black);
273
381
  --rp-color-green-8-contrast: var(--rp-color-black);
382
+ --rp-color-green-8-active-contrast: var(--rp-color-white);
274
383
  --rp-color-green-9-contrast: var(--rp-color-black);
384
+ --rp-color-green-9-active-contrast: var(--rp-color-white);
275
385
  --rp-color-lime-0-contrast: var(--rp-color-black);
386
+ --rp-color-lime-0-active-contrast: var(--rp-color-black);
276
387
  --rp-color-lime-1-contrast: var(--rp-color-black);
388
+ --rp-color-lime-1-active-contrast: var(--rp-color-black);
277
389
  --rp-color-lime-2-contrast: var(--rp-color-black);
390
+ --rp-color-lime-2-active-contrast: var(--rp-color-black);
278
391
  --rp-color-lime-3-contrast: var(--rp-color-black);
392
+ --rp-color-lime-3-active-contrast: var(--rp-color-black);
279
393
  --rp-color-lime-4-contrast: var(--rp-color-black);
394
+ --rp-color-lime-4-active-contrast: var(--rp-color-black);
280
395
  --rp-color-lime-5-contrast: var(--rp-color-black);
396
+ --rp-color-lime-5-active-contrast: var(--rp-color-black);
281
397
  --rp-color-lime-6-contrast: var(--rp-color-black);
398
+ --rp-color-lime-6-active-contrast: var(--rp-color-black);
282
399
  --rp-color-lime-7-contrast: var(--rp-color-black);
400
+ --rp-color-lime-7-active-contrast: var(--rp-color-black);
283
401
  --rp-color-lime-8-contrast: var(--rp-color-black);
402
+ --rp-color-lime-8-active-contrast: var(--rp-color-black);
284
403
  --rp-color-lime-9-contrast: var(--rp-color-black);
404
+ --rp-color-lime-9-active-contrast: var(--rp-color-white);
285
405
  --rp-color-yellow-0-contrast: var(--rp-color-black);
406
+ --rp-color-yellow-0-active-contrast: var(--rp-color-black);
286
407
  --rp-color-yellow-1-contrast: var(--rp-color-black);
408
+ --rp-color-yellow-1-active-contrast: var(--rp-color-black);
287
409
  --rp-color-yellow-2-contrast: var(--rp-color-black);
410
+ --rp-color-yellow-2-active-contrast: var(--rp-color-black);
288
411
  --rp-color-yellow-3-contrast: var(--rp-color-black);
412
+ --rp-color-yellow-3-active-contrast: var(--rp-color-black);
289
413
  --rp-color-yellow-4-contrast: var(--rp-color-black);
414
+ --rp-color-yellow-4-active-contrast: var(--rp-color-black);
290
415
  --rp-color-yellow-5-contrast: var(--rp-color-black);
416
+ --rp-color-yellow-5-active-contrast: var(--rp-color-black);
291
417
  --rp-color-yellow-6-contrast: var(--rp-color-black);
418
+ --rp-color-yellow-6-active-contrast: var(--rp-color-black);
292
419
  --rp-color-yellow-7-contrast: var(--rp-color-black);
420
+ --rp-color-yellow-7-active-contrast: var(--rp-color-black);
293
421
  --rp-color-yellow-8-contrast: var(--rp-color-black);
422
+ --rp-color-yellow-8-active-contrast: var(--rp-color-black);
294
423
  --rp-color-yellow-9-contrast: var(--rp-color-black);
424
+ --rp-color-yellow-9-active-contrast: var(--rp-color-black);
295
425
  --rp-color-orange-0-contrast: var(--rp-color-black);
426
+ --rp-color-orange-0-active-contrast: var(--rp-color-black);
296
427
  --rp-color-orange-1-contrast: var(--rp-color-black);
428
+ --rp-color-orange-1-active-contrast: var(--rp-color-black);
297
429
  --rp-color-orange-2-contrast: var(--rp-color-black);
430
+ --rp-color-orange-2-active-contrast: var(--rp-color-black);
298
431
  --rp-color-orange-3-contrast: var(--rp-color-black);
432
+ --rp-color-orange-3-active-contrast: var(--rp-color-black);
299
433
  --rp-color-orange-4-contrast: var(--rp-color-black);
434
+ --rp-color-orange-4-active-contrast: var(--rp-color-black);
300
435
  --rp-color-orange-5-contrast: var(--rp-color-black);
436
+ --rp-color-orange-5-active-contrast: var(--rp-color-black);
301
437
  --rp-color-orange-6-contrast: var(--rp-color-black);
438
+ --rp-color-orange-6-active-contrast: var(--rp-color-black);
302
439
  --rp-color-orange-7-contrast: var(--rp-color-black);
440
+ --rp-color-orange-7-active-contrast: var(--rp-color-black);
303
441
  --rp-color-orange-8-contrast: var(--rp-color-black);
442
+ --rp-color-orange-8-active-contrast: var(--rp-color-white);
304
443
  --rp-color-orange-9-contrast: var(--rp-color-black);
444
+ --rp-color-orange-9-active-contrast: var(--rp-color-white);
305
445
  --rp-color-dark-filled: var(--rp-color-dark-6);
306
446
  --rp-color-dark-filled-hover: var(--rp-color-dark-7);
307
- --rp-color-dark-contrast: var(--rp-color-dark-6-contrast);
447
+ --rp-color-dark-contrast: var(--rp-color-white);
308
448
  --rp-color-dark-light: var(--rp-color-dark-1);
309
449
  --rp-color-dark-light-hover: var(--rp-color-dark-2);
310
450
  --rp-color-dark-light-color: var(--rp-color-dark-9);
311
451
  --rp-color-dark-outline: var(--rp-color-dark-6);
312
452
  --rp-color-dark-outline-hover: color-mix(in srgb, var(--rp-color-dark-6) 5%, transparent);
313
- --rp-color-gray-filled: var(--rp-color-gray-6);
314
- --rp-color-gray-filled-hover: var(--rp-color-gray-7);
315
- --rp-color-gray-contrast: var(--rp-color-gray-6-contrast);
453
+ --rp-color-gray-filled: var(--rp-color-gray-7);
454
+ --rp-color-gray-filled-hover: var(--rp-color-gray-8);
455
+ --rp-color-gray-contrast: var(--rp-color-white);
316
456
  --rp-color-gray-light: var(--rp-color-gray-1);
317
457
  --rp-color-gray-light-hover: var(--rp-color-gray-2);
318
458
  --rp-color-gray-light-color: var(--rp-color-gray-9);
319
459
  --rp-color-gray-outline: var(--rp-color-gray-6);
320
460
  --rp-color-gray-outline-hover: color-mix(in srgb, var(--rp-color-gray-6) 5%, transparent);
321
- --rp-color-red-filled: var(--rp-color-red-6);
322
- --rp-color-red-filled-hover: var(--rp-color-red-7);
323
- --rp-color-red-contrast: var(--rp-color-red-6-contrast);
461
+ --rp-color-red-filled: var(--rp-color-red-8);
462
+ --rp-color-red-filled-hover: var(--rp-color-red-9);
463
+ --rp-color-red-contrast: var(--rp-color-white);
324
464
  --rp-color-red-light: var(--rp-color-red-1);
325
465
  --rp-color-red-light-hover: var(--rp-color-red-2);
326
- --rp-color-red-light-color: var(--rp-color-red-9);
466
+ --rp-color-red-light-color: color-mix(in srgb, var(--rp-color-red-9) 89%, var(--rp-color-black));
327
467
  --rp-color-red-outline: var(--rp-color-red-6);
328
468
  --rp-color-red-outline-hover: color-mix(in srgb, var(--rp-color-red-6) 5%, transparent);
329
- --rp-color-pink-filled: var(--rp-color-pink-6);
330
- --rp-color-pink-filled-hover: var(--rp-color-pink-7);
331
- --rp-color-pink-contrast: var(--rp-color-pink-6-contrast);
469
+ --rp-color-pink-filled: var(--rp-color-pink-7);
470
+ --rp-color-pink-filled-hover: var(--rp-color-pink-8);
471
+ --rp-color-pink-contrast: var(--rp-color-white);
332
472
  --rp-color-pink-light: var(--rp-color-pink-1);
333
473
  --rp-color-pink-light-hover: var(--rp-color-pink-2);
334
474
  --rp-color-pink-light-color: var(--rp-color-pink-9);
335
475
  --rp-color-pink-outline: var(--rp-color-pink-6);
336
476
  --rp-color-pink-outline-hover: color-mix(in srgb, var(--rp-color-pink-6) 5%, transparent);
337
- --rp-color-grape-filled: var(--rp-color-grape-6);
338
- --rp-color-grape-filled-hover: var(--rp-color-grape-7);
339
- --rp-color-grape-contrast: var(--rp-color-grape-6-contrast);
477
+ --rp-color-grape-filled: var(--rp-color-grape-7);
478
+ --rp-color-grape-filled-hover: var(--rp-color-grape-8);
479
+ --rp-color-grape-contrast: var(--rp-color-white);
340
480
  --rp-color-grape-light: var(--rp-color-grape-1);
341
481
  --rp-color-grape-light-hover: var(--rp-color-grape-2);
342
482
  --rp-color-grape-light-color: var(--rp-color-grape-9);
@@ -344,50 +484,50 @@
344
484
  --rp-color-grape-outline-hover: color-mix(in srgb, var(--rp-color-grape-6) 5%, transparent);
345
485
  --rp-color-violet-filled: var(--rp-color-violet-6);
346
486
  --rp-color-violet-filled-hover: var(--rp-color-violet-7);
347
- --rp-color-violet-contrast: var(--rp-color-violet-6-contrast);
487
+ --rp-color-violet-contrast: var(--rp-color-white);
348
488
  --rp-color-violet-light: var(--rp-color-violet-1);
349
489
  --rp-color-violet-light-hover: var(--rp-color-violet-2);
350
- --rp-color-violet-light-color: var(--rp-color-violet-9);
490
+ --rp-color-violet-light-color: color-mix(in srgb, var(--rp-color-violet-9) 96%, var(--rp-color-black));
351
491
  --rp-color-violet-outline: var(--rp-color-violet-6);
352
492
  --rp-color-violet-outline-hover: color-mix(in srgb, var(--rp-color-violet-6) 5%, transparent);
353
- --rp-color-indigo-filled: var(--rp-color-indigo-6);
354
- --rp-color-indigo-filled-hover: var(--rp-color-indigo-7);
355
- --rp-color-indigo-contrast: var(--rp-color-indigo-6-contrast);
493
+ --rp-color-indigo-filled: var(--rp-color-indigo-7);
494
+ --rp-color-indigo-filled-hover: var(--rp-color-indigo-8);
495
+ --rp-color-indigo-contrast: var(--rp-color-white);
356
496
  --rp-color-indigo-light: var(--rp-color-indigo-1);
357
497
  --rp-color-indigo-light-hover: var(--rp-color-indigo-2);
358
- --rp-color-indigo-light-color: var(--rp-color-indigo-9);
498
+ --rp-color-indigo-light-color: color-mix(in srgb, var(--rp-color-indigo-9) 93%, var(--rp-color-black));
359
499
  --rp-color-indigo-outline: var(--rp-color-indigo-6);
360
500
  --rp-color-indigo-outline-hover: color-mix(in srgb, var(--rp-color-indigo-6) 5%, transparent);
361
- --rp-color-blue-filled: var(--rp-color-blue-6);
362
- --rp-color-blue-filled-hover: var(--rp-color-blue-7);
363
- --rp-color-blue-contrast: var(--rp-color-blue-6-contrast);
501
+ --rp-color-blue-filled: var(--rp-color-blue-8);
502
+ --rp-color-blue-filled-hover: var(--rp-color-blue-9);
503
+ --rp-color-blue-contrast: var(--rp-color-white);
364
504
  --rp-color-blue-light: var(--rp-color-blue-1);
365
505
  --rp-color-blue-light-hover: var(--rp-color-blue-2);
366
- --rp-color-blue-light-color: var(--rp-color-blue-9);
506
+ --rp-color-blue-light-color: color-mix(in srgb, var(--rp-color-blue-9) 92%, var(--rp-color-black));
367
507
  --rp-color-blue-outline: var(--rp-color-blue-6);
368
508
  --rp-color-blue-outline-hover: color-mix(in srgb, var(--rp-color-blue-6) 5%, transparent);
369
- --rp-color-cyan-filled: var(--rp-color-cyan-6);
370
- --rp-color-cyan-filled-hover: var(--rp-color-cyan-7);
371
- --rp-color-cyan-contrast: var(--rp-color-cyan-6-contrast);
509
+ --rp-color-cyan-filled: var(--rp-color-cyan-9);
510
+ --rp-color-cyan-filled-hover: color-mix(in srgb, var(--rp-color-cyan-9) 90%, var(--rp-color-black));
511
+ --rp-color-cyan-contrast: var(--rp-color-white);
372
512
  --rp-color-cyan-light: var(--rp-color-cyan-1);
373
513
  --rp-color-cyan-light-hover: var(--rp-color-cyan-2);
374
- --rp-color-cyan-light-color: var(--rp-color-cyan-9);
514
+ --rp-color-cyan-light-color: color-mix(in srgb, var(--rp-color-cyan-9) 93%, var(--rp-color-black));
375
515
  --rp-color-cyan-outline: var(--rp-color-cyan-6);
376
516
  --rp-color-cyan-outline-hover: color-mix(in srgb, var(--rp-color-cyan-6) 5%, transparent);
377
- --rp-color-teal-filled: var(--rp-color-teal-6);
378
- --rp-color-teal-filled-hover: var(--rp-color-teal-7);
379
- --rp-color-teal-contrast: var(--rp-color-teal-6-contrast);
517
+ --rp-color-teal-filled: var(--rp-color-teal-9);
518
+ --rp-color-teal-filled-hover: color-mix(in srgb, var(--rp-color-teal-9) 90%, var(--rp-color-black));
519
+ --rp-color-teal-contrast: var(--rp-color-white);
380
520
  --rp-color-teal-light: var(--rp-color-teal-1);
381
521
  --rp-color-teal-light-hover: var(--rp-color-teal-2);
382
- --rp-color-teal-light-color: var(--rp-color-teal-9);
522
+ --rp-color-teal-light-color: color-mix(in srgb, var(--rp-color-teal-9) 89%, var(--rp-color-black));
383
523
  --rp-color-teal-outline: var(--rp-color-teal-6);
384
524
  --rp-color-teal-outline-hover: color-mix(in srgb, var(--rp-color-teal-6) 5%, transparent);
385
- --rp-color-green-filled: var(--rp-color-green-6);
386
- --rp-color-green-filled-hover: var(--rp-color-green-7);
387
- --rp-color-green-contrast: var(--rp-color-green-6-contrast);
525
+ --rp-color-green-filled: color-mix(in srgb, var(--rp-color-green-9) 98%, var(--rp-color-black));
526
+ --rp-color-green-filled-hover: color-mix(in srgb, var(--rp-color-green-9) 88%, var(--rp-color-black));
527
+ --rp-color-green-contrast: var(--rp-color-white);
388
528
  --rp-color-green-light: var(--rp-color-green-1);
389
529
  --rp-color-green-light-hover: var(--rp-color-green-2);
390
- --rp-color-green-light-color: var(--rp-color-green-9);
530
+ --rp-color-green-light-color: color-mix(in srgb, var(--rp-color-green-9) 84%, var(--rp-color-black));
391
531
  --rp-color-green-outline: var(--rp-color-green-6);
392
532
  --rp-color-green-outline-hover: color-mix(in srgb, var(--rp-color-green-6) 5%, transparent);
393
533
  --rp-color-lime-filled: var(--rp-color-lime-6);
@@ -395,7 +535,7 @@
395
535
  --rp-color-lime-contrast: var(--rp-color-lime-6-contrast);
396
536
  --rp-color-lime-light: var(--rp-color-lime-1);
397
537
  --rp-color-lime-light-hover: var(--rp-color-lime-2);
398
- --rp-color-lime-light-color: var(--rp-color-lime-9);
538
+ --rp-color-lime-light-color: color-mix(in srgb, var(--rp-color-lime-9) 79%, var(--rp-color-black));
399
539
  --rp-color-lime-outline: var(--rp-color-lime-6);
400
540
  --rp-color-lime-outline-hover: color-mix(in srgb, var(--rp-color-lime-6) 5%, transparent);
401
541
  --rp-color-yellow-filled: var(--rp-color-yellow-6);
@@ -403,28 +543,28 @@
403
543
  --rp-color-yellow-contrast: var(--rp-color-yellow-6-contrast);
404
544
  --rp-color-yellow-light: var(--rp-color-yellow-1);
405
545
  --rp-color-yellow-light-hover: var(--rp-color-yellow-2);
406
- --rp-color-yellow-light-color: var(--rp-color-yellow-9);
546
+ --rp-color-yellow-light-color: color-mix(in srgb, var(--rp-color-yellow-9) 72%, var(--rp-color-black));
407
547
  --rp-color-yellow-outline: var(--rp-color-yellow-6);
408
548
  --rp-color-yellow-outline-hover: color-mix(in srgb, var(--rp-color-yellow-6) 5%, transparent);
409
- --rp-color-orange-filled: var(--rp-color-orange-6);
410
- --rp-color-orange-filled-hover: var(--rp-color-orange-7);
411
- --rp-color-orange-contrast: var(--rp-color-orange-6-contrast);
549
+ --rp-color-orange-filled: color-mix(in srgb, var(--rp-color-orange-9) 97%, var(--rp-color-black));
550
+ --rp-color-orange-filled-hover: color-mix(in srgb, var(--rp-color-orange-9) 87%, var(--rp-color-black));
551
+ --rp-color-orange-contrast: var(--rp-color-white);
412
552
  --rp-color-orange-light: var(--rp-color-orange-1);
413
553
  --rp-color-orange-light-hover: var(--rp-color-orange-2);
414
- --rp-color-orange-light-color: var(--rp-color-orange-9);
554
+ --rp-color-orange-light-color: color-mix(in srgb, var(--rp-color-orange-9) 81%, var(--rp-color-black));
415
555
  --rp-color-orange-outline: var(--rp-color-orange-6);
416
556
  --rp-color-orange-outline-hover: color-mix(in srgb, var(--rp-color-orange-6) 5%, transparent);
417
557
  --rp-color-scheme: light;
418
558
  --rp-color-bright: var(--rp-color-black);
419
559
  --rp-color-text: var(--rp-color-black);
420
560
  --rp-color-body: var(--rp-color-white);
421
- --rp-color-placeholder: var(--rp-color-gray-5);
561
+ --rp-color-placeholder: var(--rp-color-gray-7);
422
562
  --rp-color-default: var(--rp-color-white);
423
563
  --rp-color-default-hover: var(--rp-color-gray-1);
424
564
  --rp-color-default-color: var(--rp-color-black);
425
565
  --rp-color-default-border: var(--rp-color-gray-4);
426
566
  --rp-color-default-border-hover: var(--rp-color-gray-5);
427
- --rp-color-dimmed: var(--rp-color-gray-6);
567
+ --rp-color-dimmed: var(--rp-color-gray-7);
428
568
  --rp-color-disabled: var(--rp-color-gray-2);
429
569
  --rp-color-disabled-color: var(--rp-color-gray-5);
430
570
  --rp-color-disabled-border: var(--rp-color-gray-3);
@@ -440,7 +580,7 @@
440
580
  --rp-color-control-track-bg: var(--rp-color-disabled-border);
441
581
  --rp-color-control-thumb-bg: var(--rp-color-white);
442
582
  --rp-color-control-selected-bg: var(--rp-primary-color-filled);
443
- --rp-color-control-selected-fg: var(--rp-color-white);
583
+ --rp-color-control-selected-fg: var(--rp-primary-color-contrast);
444
584
  --rp-font-size-xs: 0.75rem;
445
585
  --rp-font-size-sm: 0.875rem;
446
586
  --rp-font-size-md: 1rem;
@@ -497,7 +637,7 @@
497
637
  --rp-size-control-md: 42px;
498
638
  --rp-size-control-lg: 50px;
499
639
  --rp-size-control-xl: 60px;
500
- --rp-opacity-disabled: 0.5;
640
+ --rp-opacity-disabled: 0.65;
501
641
  --rp-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
502
642
  --rp-shadow-base: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1);
503
643
  --rp-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
@@ -510,7 +650,7 @@
510
650
  [data-rp-color-scheme=dark] {
511
651
  --rp-color-dark-filled: var(--rp-color-dark-8);
512
652
  --rp-color-dark-filled-hover: var(--rp-color-dark-9);
513
- --rp-color-dark-contrast: var(--rp-color-dark-8-contrast);
653
+ --rp-color-dark-contrast: var(--rp-color-white);
514
654
  --rp-color-dark-light: color-mix(in srgb, var(--rp-color-dark-9) 50%, var(--rp-color-black));
515
655
  --rp-color-dark-light-hover: color-mix(in srgb, var(--rp-color-dark-9) 70%, var(--rp-color-black));
516
656
  --rp-color-dark-light-color: var(--rp-color-dark-0);
@@ -518,7 +658,7 @@
518
658
  --rp-color-dark-outline-hover: color-mix(in srgb, var(--rp-color-dark-4) 5%, transparent);
519
659
  --rp-color-gray-filled: var(--rp-color-gray-8);
520
660
  --rp-color-gray-filled-hover: var(--rp-color-gray-9);
521
- --rp-color-gray-contrast: var(--rp-color-gray-8-contrast);
661
+ --rp-color-gray-contrast: var(--rp-color-white);
522
662
  --rp-color-gray-light: color-mix(in srgb, var(--rp-color-gray-9) 50%, var(--rp-color-black));
523
663
  --rp-color-gray-light-hover: color-mix(in srgb, var(--rp-color-gray-9) 70%, var(--rp-color-black));
524
664
  --rp-color-gray-light-color: var(--rp-color-gray-0);
@@ -526,7 +666,7 @@
526
666
  --rp-color-gray-outline-hover: color-mix(in srgb, var(--rp-color-gray-4) 5%, transparent);
527
667
  --rp-color-red-filled: var(--rp-color-red-8);
528
668
  --rp-color-red-filled-hover: var(--rp-color-red-9);
529
- --rp-color-red-contrast: var(--rp-color-red-8-contrast);
669
+ --rp-color-red-contrast: var(--rp-color-white);
530
670
  --rp-color-red-light: color-mix(in srgb, var(--rp-color-red-9) 50%, var(--rp-color-black));
531
671
  --rp-color-red-light-hover: color-mix(in srgb, var(--rp-color-red-9) 70%, var(--rp-color-black));
532
672
  --rp-color-red-light-color: var(--rp-color-red-0);
@@ -534,7 +674,7 @@
534
674
  --rp-color-red-outline-hover: color-mix(in srgb, var(--rp-color-red-4) 5%, transparent);
535
675
  --rp-color-pink-filled: var(--rp-color-pink-8);
536
676
  --rp-color-pink-filled-hover: var(--rp-color-pink-9);
537
- --rp-color-pink-contrast: var(--rp-color-pink-8-contrast);
677
+ --rp-color-pink-contrast: var(--rp-color-white);
538
678
  --rp-color-pink-light: color-mix(in srgb, var(--rp-color-pink-9) 50%, var(--rp-color-black));
539
679
  --rp-color-pink-light-hover: color-mix(in srgb, var(--rp-color-pink-9) 70%, var(--rp-color-black));
540
680
  --rp-color-pink-light-color: var(--rp-color-pink-0);
@@ -542,7 +682,7 @@
542
682
  --rp-color-pink-outline-hover: color-mix(in srgb, var(--rp-color-pink-4) 5%, transparent);
543
683
  --rp-color-grape-filled: var(--rp-color-grape-8);
544
684
  --rp-color-grape-filled-hover: var(--rp-color-grape-9);
545
- --rp-color-grape-contrast: var(--rp-color-grape-8-contrast);
685
+ --rp-color-grape-contrast: var(--rp-color-white);
546
686
  --rp-color-grape-light: color-mix(in srgb, var(--rp-color-grape-9) 50%, var(--rp-color-black));
547
687
  --rp-color-grape-light-hover: color-mix(in srgb, var(--rp-color-grape-9) 70%, var(--rp-color-black));
548
688
  --rp-color-grape-light-color: var(--rp-color-grape-0);
@@ -550,7 +690,7 @@
550
690
  --rp-color-grape-outline-hover: color-mix(in srgb, var(--rp-color-grape-4) 5%, transparent);
551
691
  --rp-color-violet-filled: var(--rp-color-violet-8);
552
692
  --rp-color-violet-filled-hover: var(--rp-color-violet-9);
553
- --rp-color-violet-contrast: var(--rp-color-violet-8-contrast);
693
+ --rp-color-violet-contrast: var(--rp-color-white);
554
694
  --rp-color-violet-light: color-mix(in srgb, var(--rp-color-violet-9) 50%, var(--rp-color-black));
555
695
  --rp-color-violet-light-hover: color-mix(in srgb, var(--rp-color-violet-9) 70%, var(--rp-color-black));
556
696
  --rp-color-violet-light-color: var(--rp-color-violet-0);
@@ -558,7 +698,7 @@
558
698
  --rp-color-violet-outline-hover: color-mix(in srgb, var(--rp-color-violet-4) 5%, transparent);
559
699
  --rp-color-indigo-filled: var(--rp-color-indigo-8);
560
700
  --rp-color-indigo-filled-hover: var(--rp-color-indigo-9);
561
- --rp-color-indigo-contrast: var(--rp-color-indigo-8-contrast);
701
+ --rp-color-indigo-contrast: var(--rp-color-white);
562
702
  --rp-color-indigo-light: color-mix(in srgb, var(--rp-color-indigo-9) 50%, var(--rp-color-black));
563
703
  --rp-color-indigo-light-hover: color-mix(in srgb, var(--rp-color-indigo-9) 70%, var(--rp-color-black));
564
704
  --rp-color-indigo-light-color: var(--rp-color-indigo-0);
@@ -566,31 +706,31 @@
566
706
  --rp-color-indigo-outline-hover: color-mix(in srgb, var(--rp-color-indigo-4) 5%, transparent);
567
707
  --rp-color-blue-filled: var(--rp-color-blue-8);
568
708
  --rp-color-blue-filled-hover: var(--rp-color-blue-9);
569
- --rp-color-blue-contrast: var(--rp-color-blue-8-contrast);
709
+ --rp-color-blue-contrast: var(--rp-color-white);
570
710
  --rp-color-blue-light: color-mix(in srgb, var(--rp-color-blue-9) 50%, var(--rp-color-black));
571
711
  --rp-color-blue-light-hover: color-mix(in srgb, var(--rp-color-blue-9) 70%, var(--rp-color-black));
572
712
  --rp-color-blue-light-color: var(--rp-color-blue-0);
573
713
  --rp-color-blue-outline: var(--rp-color-blue-4);
574
714
  --rp-color-blue-outline-hover: color-mix(in srgb, var(--rp-color-blue-4) 5%, transparent);
575
- --rp-color-cyan-filled: var(--rp-color-cyan-8);
576
- --rp-color-cyan-filled-hover: var(--rp-color-cyan-9);
577
- --rp-color-cyan-contrast: var(--rp-color-cyan-8-contrast);
715
+ --rp-color-cyan-filled: var(--rp-color-cyan-9);
716
+ --rp-color-cyan-filled-hover: color-mix(in srgb, var(--rp-color-cyan-9) 90%, var(--rp-color-black));
717
+ --rp-color-cyan-contrast: var(--rp-color-white);
578
718
  --rp-color-cyan-light: color-mix(in srgb, var(--rp-color-cyan-9) 50%, var(--rp-color-black));
579
719
  --rp-color-cyan-light-hover: color-mix(in srgb, var(--rp-color-cyan-9) 70%, var(--rp-color-black));
580
720
  --rp-color-cyan-light-color: var(--rp-color-cyan-0);
581
721
  --rp-color-cyan-outline: var(--rp-color-cyan-4);
582
722
  --rp-color-cyan-outline-hover: color-mix(in srgb, var(--rp-color-cyan-4) 5%, transparent);
583
- --rp-color-teal-filled: var(--rp-color-teal-8);
584
- --rp-color-teal-filled-hover: var(--rp-color-teal-9);
585
- --rp-color-teal-contrast: var(--rp-color-teal-8-contrast);
723
+ --rp-color-teal-filled: var(--rp-color-teal-9);
724
+ --rp-color-teal-filled-hover: color-mix(in srgb, var(--rp-color-teal-9) 90%, var(--rp-color-black));
725
+ --rp-color-teal-contrast: var(--rp-color-white);
586
726
  --rp-color-teal-light: color-mix(in srgb, var(--rp-color-teal-9) 50%, var(--rp-color-black));
587
727
  --rp-color-teal-light-hover: color-mix(in srgb, var(--rp-color-teal-9) 70%, var(--rp-color-black));
588
728
  --rp-color-teal-light-color: var(--rp-color-teal-0);
589
729
  --rp-color-teal-outline: var(--rp-color-teal-4);
590
730
  --rp-color-teal-outline-hover: color-mix(in srgb, var(--rp-color-teal-4) 5%, transparent);
591
- --rp-color-green-filled: var(--rp-color-green-8);
592
- --rp-color-green-filled-hover: var(--rp-color-green-9);
593
- --rp-color-green-contrast: var(--rp-color-green-8-contrast);
731
+ --rp-color-green-filled: color-mix(in srgb, var(--rp-color-green-9) 98%, var(--rp-color-black));
732
+ --rp-color-green-filled-hover: color-mix(in srgb, var(--rp-color-green-9) 88%, var(--rp-color-black));
733
+ --rp-color-green-contrast: var(--rp-color-white);
594
734
  --rp-color-green-light: color-mix(in srgb, var(--rp-color-green-9) 50%, var(--rp-color-black));
595
735
  --rp-color-green-light-hover: color-mix(in srgb, var(--rp-color-green-9) 70%, var(--rp-color-black));
596
736
  --rp-color-green-light-color: var(--rp-color-green-0);
@@ -612,9 +752,9 @@
612
752
  --rp-color-yellow-light-color: var(--rp-color-yellow-0);
613
753
  --rp-color-yellow-outline: var(--rp-color-yellow-4);
614
754
  --rp-color-yellow-outline-hover: color-mix(in srgb, var(--rp-color-yellow-4) 5%, transparent);
615
- --rp-color-orange-filled: var(--rp-color-orange-8);
616
- --rp-color-orange-filled-hover: var(--rp-color-orange-9);
617
- --rp-color-orange-contrast: var(--rp-color-orange-8-contrast);
755
+ --rp-color-orange-filled: color-mix(in srgb, var(--rp-color-orange-9) 97%, var(--rp-color-black));
756
+ --rp-color-orange-filled-hover: color-mix(in srgb, var(--rp-color-orange-9) 87%, var(--rp-color-black));
757
+ --rp-color-orange-contrast: var(--rp-color-white);
618
758
  --rp-color-orange-light: color-mix(in srgb, var(--rp-color-orange-9) 50%, var(--rp-color-black));
619
759
  --rp-color-orange-light-hover: color-mix(in srgb, var(--rp-color-orange-9) 70%, var(--rp-color-black));
620
760
  --rp-color-orange-light-color: var(--rp-color-orange-0);
@@ -624,13 +764,13 @@
624
764
  --rp-color-bright: var(--rp-color-white);
625
765
  --rp-color-text: var(--rp-color-dark-0);
626
766
  --rp-color-body: var(--rp-color-dark-7);
627
- --rp-color-placeholder: var(--rp-color-dark-3);
767
+ --rp-color-placeholder: var(--rp-color-dark-1);
628
768
  --rp-color-default: var(--rp-color-dark-6);
629
769
  --rp-color-default-hover: var(--rp-color-dark-5);
630
770
  --rp-color-default-color: var(--rp-color-white);
631
771
  --rp-color-default-border: var(--rp-color-dark-4);
632
772
  --rp-color-default-border-hover: var(--rp-color-dark-3);
633
- --rp-color-dimmed: var(--rp-color-dark-2);
773
+ --rp-color-dimmed: var(--rp-color-dark-1);
634
774
  --rp-color-disabled: var(--rp-color-dark-6);
635
775
  --rp-color-disabled-color: var(--rp-color-dark-3);
636
776
  --rp-color-disabled-border: var(--rp-color-dark-4);
@@ -646,7 +786,7 @@
646
786
  --rp-color-control-track-bg: var(--rp-color-disabled-border);
647
787
  --rp-color-control-thumb-bg: var(--rp-color-white);
648
788
  --rp-color-control-selected-bg: var(--rp-primary-color-filled);
649
- --rp-color-control-selected-fg: var(--rp-color-white);
789
+ --rp-color-control-selected-fg: var(--rp-primary-color-contrast);
650
790
  --rp-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.3);
651
791
  --rp-shadow-base: 0 1px 3px 0 rgba(0, 0, 0, 0.4), 0 1px 2px -1px rgba(0, 0, 0, 0.3);
652
792
  --rp-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.4), 0 2px 4px -2px rgba(0, 0, 0, 0.3);
@@ -662,6 +802,11 @@
662
802
  transform-origin: center;
663
803
  animation: rp-spinner-spin 700ms linear infinite;
664
804
  }
805
+ @media (prefers-reduced-motion: reduce) {
806
+ .rp-spinner {
807
+ animation: none;
808
+ }
809
+ }
665
810
  .rp-spinner > svg {
666
811
  display: block;
667
812
  width: 100%;
package/dist/button-group.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import './button-group.css';
2
- import { t as bem } from "./bem.js";
3
2
  import { n as useStylesApi } from "./styles-api.js";
3
+ import { t as bem } from "./bem.js";
4
4
  import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
5
5
  import { computed, createSlot, defineVaporComponent, renderEffect, setDynamicProps, setInsertionState, template } from "vue";
6
6
  //#region src/components/button-group/button-group.vue?vue&type=script&setup=true&vapor=true&lang.ts