@womp/kookie-ui 0.6.2 → 0.7.0

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 (775) hide show
  1. package/components.css +195 -577
  2. package/dist/cjs/components/_internal/base-button.js +1 -1
  3. package/dist/cjs/components/_internal/base-button.js.map +4 -4
  4. package/dist/cjs/components/_internal/base-button.props.d.ts +2 -7
  5. package/dist/cjs/components/_internal/base-button.props.d.ts.map +1 -1
  6. package/dist/cjs/components/_internal/base-button.props.js +1 -1
  7. package/dist/cjs/components/_internal/base-button.props.js.map +4 -4
  8. package/dist/cjs/components/_internal/base-checkbox.props.d.ts +0 -5
  9. package/dist/cjs/components/_internal/base-checkbox.props.d.ts.map +1 -1
  10. package/dist/cjs/components/_internal/base-checkbox.props.js +1 -1
  11. package/dist/cjs/components/_internal/base-checkbox.props.js.map +4 -4
  12. package/dist/cjs/components/_internal/base-menu.props.d.ts +0 -10
  13. package/dist/cjs/components/_internal/base-menu.props.d.ts.map +1 -1
  14. package/dist/cjs/components/_internal/base-menu.props.js +1 -1
  15. package/dist/cjs/components/_internal/base-menu.props.js.map +4 -4
  16. package/dist/cjs/components/_internal/base-radio.props.d.ts +0 -5
  17. package/dist/cjs/components/_internal/base-radio.props.d.ts.map +1 -1
  18. package/dist/cjs/components/_internal/base-radio.props.js +1 -1
  19. package/dist/cjs/components/_internal/base-radio.props.js.map +4 -4
  20. package/dist/cjs/components/_internal/base-tab-list.props.d.ts +0 -5
  21. package/dist/cjs/components/_internal/base-tab-list.props.d.ts.map +1 -1
  22. package/dist/cjs/components/_internal/base-tab-list.props.js +1 -1
  23. package/dist/cjs/components/_internal/base-tab-list.props.js.map +4 -4
  24. package/dist/cjs/components/_internal/menu-context.js.map +1 -1
  25. package/dist/cjs/components/_internal/shell-bottom.js +1 -1
  26. package/dist/cjs/components/_internal/shell-bottom.js.map +4 -4
  27. package/dist/cjs/components/_internal/shell-inspector.js +1 -1
  28. package/dist/cjs/components/_internal/shell-inspector.js.map +4 -4
  29. package/dist/cjs/components/_internal/shell-sidebar.js +1 -1
  30. package/dist/cjs/components/_internal/shell-sidebar.js.map +4 -4
  31. package/dist/cjs/components/accordion.js +1 -1
  32. package/dist/cjs/components/accordion.js.map +4 -4
  33. package/dist/cjs/components/accordion.props.d.ts +0 -6
  34. package/dist/cjs/components/accordion.props.d.ts.map +1 -1
  35. package/dist/cjs/components/accordion.props.js +1 -1
  36. package/dist/cjs/components/accordion.props.js.map +4 -4
  37. package/dist/cjs/components/alert-dialog.js +1 -1
  38. package/dist/cjs/components/alert-dialog.js.map +4 -4
  39. package/dist/cjs/components/avatar.js +1 -1
  40. package/dist/cjs/components/avatar.js.map +4 -4
  41. package/dist/cjs/components/avatar.props.d.ts +0 -5
  42. package/dist/cjs/components/avatar.props.d.ts.map +1 -1
  43. package/dist/cjs/components/avatar.props.js +1 -1
  44. package/dist/cjs/components/avatar.props.js.map +4 -4
  45. package/dist/cjs/components/badge.js +1 -1
  46. package/dist/cjs/components/badge.js.map +4 -4
  47. package/dist/cjs/components/badge.props.d.ts +0 -5
  48. package/dist/cjs/components/badge.props.d.ts.map +1 -1
  49. package/dist/cjs/components/badge.props.js +1 -1
  50. package/dist/cjs/components/badge.props.js.map +4 -4
  51. package/dist/cjs/components/blockquote.js +1 -1
  52. package/dist/cjs/components/blockquote.js.map +4 -4
  53. package/dist/cjs/components/blockquote.props.d.ts +3 -2
  54. package/dist/cjs/components/blockquote.props.d.ts.map +1 -1
  55. package/dist/cjs/components/blockquote.props.js +1 -1
  56. package/dist/cjs/components/blockquote.props.js.map +4 -4
  57. package/dist/cjs/components/button.js +1 -1
  58. package/dist/cjs/components/button.js.map +4 -4
  59. package/dist/cjs/components/button.props.js +1 -1
  60. package/dist/cjs/components/button.props.js.map +4 -4
  61. package/dist/cjs/components/callout.js +1 -1
  62. package/dist/cjs/components/callout.js.map +4 -4
  63. package/dist/cjs/components/callout.props.d.ts +0 -5
  64. package/dist/cjs/components/callout.props.d.ts.map +1 -1
  65. package/dist/cjs/components/callout.props.js +1 -1
  66. package/dist/cjs/components/callout.props.js.map +4 -4
  67. package/dist/cjs/components/chatbar.d.ts.map +1 -1
  68. package/dist/cjs/components/chatbar.js +2 -2
  69. package/dist/cjs/components/chatbar.js.map +4 -4
  70. package/dist/cjs/components/checkbox-cards.d.ts.map +1 -1
  71. package/dist/cjs/components/checkbox-cards.js +1 -1
  72. package/dist/cjs/components/checkbox-cards.js.map +4 -4
  73. package/dist/cjs/components/checkbox-cards.props.d.ts +0 -5
  74. package/dist/cjs/components/checkbox-cards.props.d.ts.map +1 -1
  75. package/dist/cjs/components/checkbox-cards.props.js +1 -1
  76. package/dist/cjs/components/checkbox-cards.props.js.map +4 -4
  77. package/dist/cjs/components/checkbox-group.d.ts.map +1 -1
  78. package/dist/cjs/components/checkbox-group.js +1 -1
  79. package/dist/cjs/components/checkbox-group.js.map +4 -4
  80. package/dist/cjs/components/checkbox-group.props.d.ts +0 -5
  81. package/dist/cjs/components/checkbox-group.props.d.ts.map +1 -1
  82. package/dist/cjs/components/checkbox-group.props.js +1 -1
  83. package/dist/cjs/components/checkbox-group.props.js.map +4 -4
  84. package/dist/cjs/components/checkbox.js +1 -1
  85. package/dist/cjs/components/checkbox.js.map +4 -4
  86. package/dist/cjs/components/checkbox.props.js +1 -1
  87. package/dist/cjs/components/checkbox.props.js.map +4 -4
  88. package/dist/cjs/components/code.js +1 -1
  89. package/dist/cjs/components/code.js.map +4 -4
  90. package/dist/cjs/components/code.props.d.ts +3 -2
  91. package/dist/cjs/components/code.props.d.ts.map +1 -1
  92. package/dist/cjs/components/code.props.js +1 -1
  93. package/dist/cjs/components/code.props.js.map +4 -4
  94. package/dist/cjs/components/combobox.d.ts.map +1 -1
  95. package/dist/cjs/components/combobox.js +1 -1
  96. package/dist/cjs/components/combobox.js.map +4 -4
  97. package/dist/cjs/components/combobox.props.d.ts +1 -11
  98. package/dist/cjs/components/combobox.props.d.ts.map +1 -1
  99. package/dist/cjs/components/combobox.props.js +1 -1
  100. package/dist/cjs/components/combobox.props.js.map +4 -4
  101. package/dist/cjs/components/context-menu.d.ts.map +1 -1
  102. package/dist/cjs/components/context-menu.js +1 -1
  103. package/dist/cjs/components/context-menu.js.map +4 -4
  104. package/dist/cjs/components/context-menu.props.js +1 -1
  105. package/dist/cjs/components/context-menu.props.js.map +4 -4
  106. package/dist/cjs/components/data-list.js +1 -1
  107. package/dist/cjs/components/data-list.js.map +4 -4
  108. package/dist/cjs/components/data-list.props.d.ts +4 -3
  109. package/dist/cjs/components/data-list.props.d.ts.map +1 -1
  110. package/dist/cjs/components/data-list.props.js +1 -1
  111. package/dist/cjs/components/data-list.props.js.map +4 -4
  112. package/dist/cjs/components/dialog.js +1 -1
  113. package/dist/cjs/components/dialog.js.map +4 -4
  114. package/dist/cjs/components/dropdown-menu.d.ts.map +1 -1
  115. package/dist/cjs/components/dropdown-menu.js +1 -1
  116. package/dist/cjs/components/dropdown-menu.js.map +4 -4
  117. package/dist/cjs/components/dropdown-menu.props.js +1 -1
  118. package/dist/cjs/components/dropdown-menu.props.js.map +4 -4
  119. package/dist/cjs/components/heading.js +1 -1
  120. package/dist/cjs/components/heading.js.map +4 -4
  121. package/dist/cjs/components/heading.props.d.ts +3 -2
  122. package/dist/cjs/components/heading.props.d.ts.map +1 -1
  123. package/dist/cjs/components/heading.props.js +1 -1
  124. package/dist/cjs/components/heading.props.js.map +4 -4
  125. package/dist/cjs/components/hover-card.js.map +1 -1
  126. package/dist/cjs/components/icon-button.js +2 -2
  127. package/dist/cjs/components/icon-button.js.map +4 -4
  128. package/dist/cjs/components/icon-button.props.js +1 -1
  129. package/dist/cjs/components/icon-button.props.js.map +4 -4
  130. package/dist/cjs/components/index.js +5 -5
  131. package/dist/cjs/components/index.js.map +4 -4
  132. package/dist/cjs/components/link.js +1 -1
  133. package/dist/cjs/components/link.js.map +4 -4
  134. package/dist/cjs/components/link.props.d.ts +0 -5
  135. package/dist/cjs/components/link.props.d.ts.map +1 -1
  136. package/dist/cjs/components/link.props.js +1 -1
  137. package/dist/cjs/components/link.props.js.map +4 -4
  138. package/dist/cjs/components/popover.js.map +1 -1
  139. package/dist/cjs/components/progress.js +1 -1
  140. package/dist/cjs/components/progress.js.map +4 -4
  141. package/dist/cjs/components/progress.props.d.ts +0 -5
  142. package/dist/cjs/components/progress.props.d.ts.map +1 -1
  143. package/dist/cjs/components/progress.props.js +1 -1
  144. package/dist/cjs/components/progress.props.js.map +4 -4
  145. package/dist/cjs/components/radio-cards.js +1 -1
  146. package/dist/cjs/components/radio-cards.js.map +4 -4
  147. package/dist/cjs/components/radio-cards.props.d.ts +0 -5
  148. package/dist/cjs/components/radio-cards.props.d.ts.map +1 -1
  149. package/dist/cjs/components/radio-cards.props.js +1 -1
  150. package/dist/cjs/components/radio-cards.props.js.map +4 -4
  151. package/dist/cjs/components/radio-group.d.ts.map +1 -1
  152. package/dist/cjs/components/radio-group.js +1 -1
  153. package/dist/cjs/components/radio-group.js.map +4 -4
  154. package/dist/cjs/components/radio-group.props.d.ts +0 -5
  155. package/dist/cjs/components/radio-group.props.d.ts.map +1 -1
  156. package/dist/cjs/components/radio-group.props.js +1 -1
  157. package/dist/cjs/components/radio-group.props.js.map +4 -4
  158. package/dist/cjs/components/radio.js +1 -1
  159. package/dist/cjs/components/radio.js.map +4 -4
  160. package/dist/cjs/components/radio.props.js +1 -1
  161. package/dist/cjs/components/radio.props.js.map +4 -4
  162. package/dist/cjs/components/schemas/base-button.schema.d.ts +0 -1
  163. package/dist/cjs/components/schemas/base-button.schema.d.ts.map +1 -1
  164. package/dist/cjs/components/schemas/base-button.schema.js +1 -1
  165. package/dist/cjs/components/schemas/base-button.schema.js.map +2 -2
  166. package/dist/cjs/components/schemas/button.schema.d.ts +0 -1
  167. package/dist/cjs/components/schemas/button.schema.d.ts.map +1 -1
  168. package/dist/cjs/components/schemas/button.schema.js +1 -1
  169. package/dist/cjs/components/schemas/button.schema.js.map +2 -2
  170. package/dist/cjs/components/schemas/icon-button.schema.d.ts +0 -1
  171. package/dist/cjs/components/schemas/icon-button.schema.d.ts.map +1 -1
  172. package/dist/cjs/components/schemas/icon-button.schema.js +1 -1
  173. package/dist/cjs/components/schemas/icon-button.schema.js.map +2 -2
  174. package/dist/cjs/components/schemas/index.js +1 -1
  175. package/dist/cjs/components/schemas/index.js.map +2 -2
  176. package/dist/cjs/components/schemas/toggle-button.schema.d.ts +0 -1
  177. package/dist/cjs/components/schemas/toggle-button.schema.d.ts.map +1 -1
  178. package/dist/cjs/components/schemas/toggle-button.schema.js +1 -1
  179. package/dist/cjs/components/schemas/toggle-button.schema.js.map +2 -2
  180. package/dist/cjs/components/schemas/toggle-icon-button.schema.d.ts +0 -1
  181. package/dist/cjs/components/schemas/toggle-icon-button.schema.d.ts.map +1 -1
  182. package/dist/cjs/components/schemas/toggle-icon-button.schema.js +1 -1
  183. package/dist/cjs/components/schemas/toggle-icon-button.schema.js.map +2 -2
  184. package/dist/cjs/components/select.js +1 -1
  185. package/dist/cjs/components/select.js.map +4 -4
  186. package/dist/cjs/components/select.props.d.ts +0 -5
  187. package/dist/cjs/components/select.props.d.ts.map +1 -1
  188. package/dist/cjs/components/select.props.js +1 -1
  189. package/dist/cjs/components/select.props.js.map +4 -4
  190. package/dist/cjs/components/separator.js.map +1 -1
  191. package/dist/cjs/components/separator.props.js.map +1 -1
  192. package/dist/cjs/components/sheet.js +1 -1
  193. package/dist/cjs/components/sheet.js.map +4 -4
  194. package/dist/cjs/components/shell.js +1 -1
  195. package/dist/cjs/components/shell.js.map +4 -4
  196. package/dist/cjs/components/sidebar.d.ts +0 -1
  197. package/dist/cjs/components/sidebar.d.ts.map +1 -1
  198. package/dist/cjs/components/sidebar.js +1 -1
  199. package/dist/cjs/components/sidebar.js.map +4 -4
  200. package/dist/cjs/components/sidebar.props.d.ts +0 -5
  201. package/dist/cjs/components/sidebar.props.d.ts.map +1 -1
  202. package/dist/cjs/components/sidebar.props.js +1 -1
  203. package/dist/cjs/components/sidebar.props.js.map +4 -4
  204. package/dist/cjs/components/slider.js +1 -1
  205. package/dist/cjs/components/slider.js.map +4 -4
  206. package/dist/cjs/components/slider.props.d.ts +0 -5
  207. package/dist/cjs/components/slider.props.d.ts.map +1 -1
  208. package/dist/cjs/components/slider.props.js +1 -1
  209. package/dist/cjs/components/slider.props.js.map +4 -4
  210. package/dist/cjs/components/switch.d.ts.map +1 -1
  211. package/dist/cjs/components/switch.js +1 -1
  212. package/dist/cjs/components/switch.js.map +4 -4
  213. package/dist/cjs/components/switch.props.d.ts +0 -5
  214. package/dist/cjs/components/switch.props.d.ts.map +1 -1
  215. package/dist/cjs/components/switch.props.js +1 -1
  216. package/dist/cjs/components/switch.props.js.map +4 -4
  217. package/dist/cjs/components/tab-nav.js +1 -1
  218. package/dist/cjs/components/tab-nav.js.map +4 -4
  219. package/dist/cjs/components/tab-nav.props.js +1 -1
  220. package/dist/cjs/components/tab-nav.props.js.map +4 -4
  221. package/dist/cjs/components/tabs.js +1 -1
  222. package/dist/cjs/components/tabs.js.map +4 -4
  223. package/dist/cjs/components/tabs.props.js +1 -1
  224. package/dist/cjs/components/tabs.props.js.map +4 -4
  225. package/dist/cjs/components/text-area.js.map +1 -1
  226. package/dist/cjs/components/text-area.props.js.map +1 -1
  227. package/dist/cjs/components/text-field.js.map +1 -1
  228. package/dist/cjs/components/text-field.props.js.map +1 -1
  229. package/dist/cjs/components/text.js +1 -1
  230. package/dist/cjs/components/text.js.map +4 -4
  231. package/dist/cjs/components/text.props.d.ts +3 -2
  232. package/dist/cjs/components/text.props.d.ts.map +1 -1
  233. package/dist/cjs/components/text.props.js +1 -1
  234. package/dist/cjs/components/text.props.js.map +4 -4
  235. package/dist/cjs/components/theme-panel.js +3 -3
  236. package/dist/cjs/components/theme-panel.js.map +4 -4
  237. package/dist/cjs/components/theme.js.map +1 -1
  238. package/dist/cjs/components/theme.props.js.map +1 -1
  239. package/dist/cjs/components/toggle-button.js +2 -2
  240. package/dist/cjs/components/toggle-button.js.map +4 -4
  241. package/dist/cjs/components/toggle-icon-button.js +3 -3
  242. package/dist/cjs/components/toggle-icon-button.js.map +4 -4
  243. package/dist/cjs/components/toolbar.js +1 -1
  244. package/dist/cjs/components/toolbar.js.map +4 -4
  245. package/dist/cjs/components/tooltip.js +1 -1
  246. package/dist/cjs/components/tooltip.js.map +4 -4
  247. package/dist/cjs/components/user-card.d.ts.map +1 -1
  248. package/dist/cjs/components/user-card.js +1 -1
  249. package/dist/cjs/components/user-card.js.map +4 -4
  250. package/dist/cjs/components/user-card.props.d.ts +0 -5
  251. package/dist/cjs/components/user-card.props.d.ts.map +1 -1
  252. package/dist/cjs/components/user-card.props.js +1 -1
  253. package/dist/cjs/components/user-card.props.js.map +4 -4
  254. package/dist/cjs/components/virtual-menu.js.map +1 -1
  255. package/dist/cjs/index.js +5 -5
  256. package/dist/cjs/index.js.map +4 -4
  257. package/dist/cjs/props/color.prop.js.map +1 -1
  258. package/dist/cjs/props/emphasis.prop.d.ts +11 -0
  259. package/dist/cjs/props/emphasis.prop.d.ts.map +1 -0
  260. package/dist/cjs/props/emphasis.prop.js +2 -0
  261. package/dist/cjs/props/emphasis.prop.js.map +7 -0
  262. package/dist/cjs/props/index.d.ts +1 -1
  263. package/dist/cjs/props/index.d.ts.map +1 -1
  264. package/dist/cjs/props/index.js +1 -1
  265. package/dist/cjs/props/index.js.map +4 -4
  266. package/dist/esm/chunk-2264DHUW.js +2 -0
  267. package/dist/esm/{chunk-UIRSGVJG.js.map → chunk-2264DHUW.js.map} +2 -2
  268. package/dist/esm/chunk-2CMM7MEL.js +2 -0
  269. package/dist/esm/chunk-2CMM7MEL.js.map +7 -0
  270. package/dist/esm/chunk-2I7QRVJ5.js +2 -0
  271. package/dist/esm/chunk-2I7QRVJ5.js.map +7 -0
  272. package/dist/esm/{chunk-5BYHEYO6.js → chunk-2SZZ75RJ.js} +2 -2
  273. package/dist/esm/chunk-3KSGRY6I.js +2 -0
  274. package/dist/esm/chunk-3KSGRY6I.js.map +7 -0
  275. package/dist/esm/chunk-4NTGF22C.js +2 -0
  276. package/dist/esm/chunk-4NTGF22C.js.map +7 -0
  277. package/dist/esm/chunk-4WVNMGI5.js +2 -0
  278. package/dist/esm/chunk-4WVNMGI5.js.map +7 -0
  279. package/dist/esm/chunk-4XKK32M4.js +2 -0
  280. package/dist/esm/chunk-4XKK32M4.js.map +7 -0
  281. package/dist/esm/chunk-5SNHUVDA.js +2 -0
  282. package/dist/esm/{chunk-H7ST535H.js → chunk-5WRCK4R7.js} +2 -2
  283. package/dist/esm/chunk-5XV4QEP5.js +2 -0
  284. package/dist/esm/chunk-5XV4QEP5.js.map +7 -0
  285. package/dist/esm/chunk-667BKCUG.js +2 -0
  286. package/dist/esm/chunk-667BKCUG.js.map +7 -0
  287. package/dist/esm/{chunk-MHPPVJDB.js → chunk-67MKPTZJ.js} +2 -2
  288. package/dist/esm/{chunk-SZTZ2XLI.js → chunk-7EWFBWBS.js} +2 -2
  289. package/dist/esm/{chunk-SZTZ2XLI.js.map → chunk-7EWFBWBS.js.map} +2 -2
  290. package/dist/esm/chunk-AF6XKU3W.js +2 -0
  291. package/dist/esm/chunk-AF6XKU3W.js.map +7 -0
  292. package/dist/esm/chunk-AGSSWWFI.js +2 -0
  293. package/dist/esm/chunk-AGSSWWFI.js.map +7 -0
  294. package/dist/esm/{chunk-CQNPBTM5.js → chunk-ALWNS44Q.js} +2 -2
  295. package/dist/esm/{chunk-GYBLXQ4R.js → chunk-CDG5WH4U.js} +2 -2
  296. package/dist/esm/{chunk-RLPKKCBL.js → chunk-CEIK5U6C.js} +2 -2
  297. package/dist/esm/{chunk-HBR42MIX.js → chunk-CESYMTJQ.js} +2 -2
  298. package/dist/esm/chunk-CFNESRYI.js +2 -0
  299. package/dist/esm/chunk-CFNESRYI.js.map +7 -0
  300. package/dist/esm/{chunk-P7IAHW4V.js → chunk-CIYF56YS.js} +2 -2
  301. package/dist/esm/chunk-CJ27XP5Z.js +2 -0
  302. package/dist/esm/chunk-CJ27XP5Z.js.map +7 -0
  303. package/dist/esm/{chunk-SPIU5JYC.js → chunk-CKMMUHKE.js} +2 -2
  304. package/dist/esm/{chunk-SESAEJ6W.js → chunk-CLMOWP5T.js} +2 -2
  305. package/dist/esm/{chunk-DUHJVT64.js → chunk-CRSHBENJ.js} +2 -2
  306. package/dist/esm/{chunk-L6PVH3RM.js → chunk-DSJY5RI3.js} +2 -2
  307. package/dist/esm/chunk-EBQZ3Z22.js +2 -0
  308. package/dist/esm/chunk-EBQZ3Z22.js.map +7 -0
  309. package/dist/esm/{chunk-ADBLURLJ.js → chunk-ECXGQQJB.js} +2 -2
  310. package/dist/esm/chunk-EDKQURDU.js +2 -0
  311. package/dist/esm/chunk-EDKQURDU.js.map +7 -0
  312. package/dist/esm/{chunk-ZXZOH63L.js → chunk-EE2IH2GL.js} +2 -2
  313. package/dist/esm/{chunk-NMKPFUNP.js → chunk-EPTYNVCU.js} +2 -2
  314. package/dist/esm/chunk-F6V7GBNQ.js +2 -0
  315. package/dist/esm/chunk-F6V7GBNQ.js.map +7 -0
  316. package/dist/esm/{chunk-YMUGKYGW.js → chunk-GAV3NHYL.js} +2 -2
  317. package/dist/esm/{chunk-TOOSHJOA.js → chunk-GO7OHBHW.js} +2 -2
  318. package/dist/esm/{chunk-MBCBP73P.js → chunk-HJU4I34X.js} +2 -2
  319. package/dist/esm/{chunk-TS623UPD.js → chunk-IFM4EMZB.js} +2 -2
  320. package/dist/esm/chunk-JFWMAYEH.js +2 -0
  321. package/dist/esm/chunk-JFWMAYEH.js.map +7 -0
  322. package/dist/esm/{chunk-2TIADHPD.js → chunk-K3UAS7RW.js} +2 -2
  323. package/dist/esm/chunk-KCWESYMR.js +2 -0
  324. package/dist/esm/chunk-KCWESYMR.js.map +7 -0
  325. package/dist/esm/{chunk-VA4CTVQL.js → chunk-KFR3CK24.js} +2 -2
  326. package/dist/esm/chunk-KJUDZCYK.js +2 -0
  327. package/dist/esm/{chunk-SO67YEVQ.js.map → chunk-KJUDZCYK.js.map} +2 -2
  328. package/dist/esm/{chunk-P5OSU4NX.js → chunk-KMPE7TJ6.js} +2 -2
  329. package/dist/esm/{chunk-WXP6MMUB.js → chunk-KOFEFBB3.js} +2 -2
  330. package/dist/esm/chunk-KZWNGWIM.js +2 -0
  331. package/dist/esm/chunk-KZWNGWIM.js.map +7 -0
  332. package/dist/esm/chunk-KZYFTDGO.js +2 -0
  333. package/dist/esm/chunk-KZYFTDGO.js.map +7 -0
  334. package/dist/esm/chunk-L3BWTV7I.js +2 -0
  335. package/dist/esm/chunk-L3BWTV7I.js.map +7 -0
  336. package/dist/esm/{chunk-7ESHXHHO.js → chunk-M6DJRFJZ.js} +2 -2
  337. package/dist/esm/{chunk-OYF6YXH7.js → chunk-MCPRXVKZ.js} +2 -2
  338. package/dist/esm/{chunk-JBO5YOUM.js → chunk-MEO7MJMQ.js} +2 -2
  339. package/dist/esm/{chunk-YVBCDTTD.js → chunk-MN3XALXD.js} +2 -2
  340. package/dist/esm/{chunk-F7IYL2VW.js → chunk-MS5J4MF6.js} +2 -2
  341. package/dist/esm/{chunk-HW324FK3.js → chunk-MTOLKA6S.js} +2 -2
  342. package/dist/esm/{chunk-MBE2YSBU.js → chunk-N4GTDLRD.js} +2 -2
  343. package/dist/esm/chunk-NIIEIZKQ.js +2 -0
  344. package/dist/esm/chunk-NIIEIZKQ.js.map +7 -0
  345. package/dist/esm/{chunk-FIB3XATL.js → chunk-O2U6RJTB.js} +3 -3
  346. package/dist/esm/{chunk-FIB3XATL.js.map → chunk-O2U6RJTB.js.map} +2 -2
  347. package/dist/esm/{chunk-VNPNEJI6.js → chunk-OFUNVHZ5.js} +2 -2
  348. package/dist/esm/chunk-OGVKSYLL.js +2 -0
  349. package/dist/esm/chunk-OGVKSYLL.js.map +7 -0
  350. package/dist/esm/chunk-OJU5GCDZ.js +2 -0
  351. package/dist/esm/chunk-OJU5GCDZ.js.map +7 -0
  352. package/dist/esm/{chunk-3OBXZUFJ.js → chunk-OLAWVEAI.js} +2 -2
  353. package/dist/esm/{chunk-UWT6TE5D.js → chunk-OTXCKEWT.js} +2 -2
  354. package/dist/esm/chunk-OWMA6GTG.js +2 -0
  355. package/dist/esm/chunk-OWMA6GTG.js.map +7 -0
  356. package/dist/esm/chunk-PZ7OYATT.js +2 -0
  357. package/dist/esm/chunk-PZ7OYATT.js.map +7 -0
  358. package/dist/esm/chunk-QFPHEY77.js +2 -0
  359. package/dist/esm/chunk-QFPHEY77.js.map +7 -0
  360. package/dist/esm/chunk-QQ62LO3X.js +2 -0
  361. package/dist/esm/chunk-QQ62LO3X.js.map +7 -0
  362. package/dist/esm/{chunk-LAOMR7SE.js → chunk-QWVU2TW4.js} +2 -2
  363. package/dist/esm/{chunk-LAOMR7SE.js.map → chunk-QWVU2TW4.js.map} +3 -3
  364. package/dist/esm/chunk-RDAMYQFF.js +2 -0
  365. package/dist/esm/chunk-RDAMYQFF.js.map +7 -0
  366. package/dist/esm/{chunk-UFI53QUC.js → chunk-RNTCHVFI.js} +2 -2
  367. package/dist/esm/{chunk-DXL6V2A5.js → chunk-SEY4NA45.js} +2 -2
  368. package/dist/esm/chunk-V27ZAN3E.js +2 -0
  369. package/dist/esm/chunk-V27ZAN3E.js.map +7 -0
  370. package/dist/esm/{chunk-37OGSEQR.js → chunk-VBI3AWPT.js} +2 -2
  371. package/dist/esm/{chunk-56TS6OKQ.js → chunk-VHECAEUP.js} +2 -2
  372. package/dist/esm/chunk-VLTXI4A7.js +2 -0
  373. package/dist/esm/chunk-VLTXI4A7.js.map +7 -0
  374. package/dist/esm/{chunk-T4UHUQFJ.js → chunk-VNH7BJOA.js} +2 -2
  375. package/dist/esm/{chunk-IEWCQU2S.js → chunk-VR7ZAFYN.js} +2 -2
  376. package/dist/esm/chunk-VZSQATP6.js +2 -0
  377. package/dist/esm/{chunk-666GX7O5.js.map → chunk-VZSQATP6.js.map} +2 -2
  378. package/dist/esm/{chunk-DMJJM5IS.js → chunk-W2FOBR5Q.js} +2 -2
  379. package/dist/esm/chunk-WGYUWEQV.js +2 -0
  380. package/dist/esm/chunk-WGYUWEQV.js.map +7 -0
  381. package/dist/esm/{chunk-UUUZXUIP.js → chunk-WHFJ4JUN.js} +2 -2
  382. package/dist/esm/chunk-WMGIFPI2.js +2 -0
  383. package/dist/esm/chunk-WMGIFPI2.js.map +7 -0
  384. package/dist/esm/chunk-WXQIIKWV.js +2 -0
  385. package/dist/esm/chunk-WXQIIKWV.js.map +7 -0
  386. package/dist/esm/{chunk-HIKVMKYQ.js → chunk-X7V3V3W4.js} +2 -2
  387. package/dist/esm/{chunk-DX5JJYMZ.js → chunk-XYVLQDGR.js} +2 -2
  388. package/dist/esm/{chunk-3R7XMRV5.js → chunk-Y5RCH23Z.js} +2 -2
  389. package/dist/esm/{chunk-OWAUCLRT.js → chunk-YBSRX63K.js} +2 -2
  390. package/dist/esm/{chunk-66ZLZAAJ.js → chunk-ZNK6AH2G.js} +1 -1
  391. package/dist/esm/{chunk-66ZLZAAJ.js.map → chunk-ZNK6AH2G.js.map} +1 -1
  392. package/dist/esm/{chunk-KPBG7CIL.js → chunk-ZO7TTWJI.js} +2 -2
  393. package/dist/esm/chunk-ZWZGUBL4.js +2 -0
  394. package/dist/esm/chunk-ZWZGUBL4.js.map +7 -0
  395. package/dist/esm/components/_internal/base-button.js +1 -1
  396. package/dist/esm/components/_internal/base-button.props.d.ts +2 -7
  397. package/dist/esm/components/_internal/base-button.props.d.ts.map +1 -1
  398. package/dist/esm/components/_internal/base-button.props.js +1 -1
  399. package/dist/esm/components/_internal/base-checkbox.props.d.ts +0 -5
  400. package/dist/esm/components/_internal/base-checkbox.props.d.ts.map +1 -1
  401. package/dist/esm/components/_internal/base-checkbox.props.js +1 -1
  402. package/dist/esm/components/_internal/base-menu.props.d.ts +0 -10
  403. package/dist/esm/components/_internal/base-menu.props.d.ts.map +1 -1
  404. package/dist/esm/components/_internal/base-menu.props.js +1 -1
  405. package/dist/esm/components/_internal/base-radio.props.d.ts +0 -5
  406. package/dist/esm/components/_internal/base-radio.props.d.ts.map +1 -1
  407. package/dist/esm/components/_internal/base-radio.props.js +1 -1
  408. package/dist/esm/components/_internal/base-tab-list.props.d.ts +0 -5
  409. package/dist/esm/components/_internal/base-tab-list.props.d.ts.map +1 -1
  410. package/dist/esm/components/_internal/base-tab-list.props.js +1 -1
  411. package/dist/esm/components/_internal/menu-context.js +1 -1
  412. package/dist/esm/components/_internal/shell-bottom.js +1 -1
  413. package/dist/esm/components/_internal/shell-inspector.js +1 -1
  414. package/dist/esm/components/_internal/shell-sidebar.js +1 -1
  415. package/dist/esm/components/accordion.js +1 -1
  416. package/dist/esm/components/accordion.props.d.ts +0 -6
  417. package/dist/esm/components/accordion.props.d.ts.map +1 -1
  418. package/dist/esm/components/accordion.props.js +1 -1
  419. package/dist/esm/components/alert-dialog.js +1 -1
  420. package/dist/esm/components/avatar.js +1 -1
  421. package/dist/esm/components/avatar.props.d.ts +0 -5
  422. package/dist/esm/components/avatar.props.d.ts.map +1 -1
  423. package/dist/esm/components/avatar.props.js +1 -1
  424. package/dist/esm/components/badge.js +1 -1
  425. package/dist/esm/components/badge.props.d.ts +0 -5
  426. package/dist/esm/components/badge.props.d.ts.map +1 -1
  427. package/dist/esm/components/badge.props.js +1 -1
  428. package/dist/esm/components/blockquote.js +1 -1
  429. package/dist/esm/components/blockquote.props.d.ts +3 -2
  430. package/dist/esm/components/blockquote.props.d.ts.map +1 -1
  431. package/dist/esm/components/blockquote.props.js +1 -1
  432. package/dist/esm/components/button.js +1 -1
  433. package/dist/esm/components/button.props.js +1 -1
  434. package/dist/esm/components/callout.js +1 -1
  435. package/dist/esm/components/callout.props.d.ts +0 -5
  436. package/dist/esm/components/callout.props.d.ts.map +1 -1
  437. package/dist/esm/components/callout.props.js +1 -1
  438. package/dist/esm/components/chatbar.d.ts.map +1 -1
  439. package/dist/esm/components/chatbar.js +1 -1
  440. package/dist/esm/components/checkbox-cards.d.ts.map +1 -1
  441. package/dist/esm/components/checkbox-cards.js +1 -1
  442. package/dist/esm/components/checkbox-cards.props.d.ts +0 -5
  443. package/dist/esm/components/checkbox-cards.props.d.ts.map +1 -1
  444. package/dist/esm/components/checkbox-cards.props.js +1 -1
  445. package/dist/esm/components/checkbox-group.d.ts.map +1 -1
  446. package/dist/esm/components/checkbox-group.js +1 -1
  447. package/dist/esm/components/checkbox-group.props.d.ts +0 -5
  448. package/dist/esm/components/checkbox-group.props.d.ts.map +1 -1
  449. package/dist/esm/components/checkbox-group.props.js +1 -1
  450. package/dist/esm/components/checkbox.js +1 -1
  451. package/dist/esm/components/checkbox.props.js +1 -1
  452. package/dist/esm/components/code.js +1 -1
  453. package/dist/esm/components/code.props.d.ts +3 -2
  454. package/dist/esm/components/code.props.d.ts.map +1 -1
  455. package/dist/esm/components/code.props.js +1 -1
  456. package/dist/esm/components/combobox.d.ts.map +1 -1
  457. package/dist/esm/components/combobox.js +1 -1
  458. package/dist/esm/components/combobox.props.d.ts +1 -11
  459. package/dist/esm/components/combobox.props.d.ts.map +1 -1
  460. package/dist/esm/components/combobox.props.js +1 -1
  461. package/dist/esm/components/context-menu.d.ts.map +1 -1
  462. package/dist/esm/components/context-menu.js +1 -1
  463. package/dist/esm/components/context-menu.props.js +1 -1
  464. package/dist/esm/components/data-list.js +1 -1
  465. package/dist/esm/components/data-list.props.d.ts +4 -3
  466. package/dist/esm/components/data-list.props.d.ts.map +1 -1
  467. package/dist/esm/components/data-list.props.js +1 -1
  468. package/dist/esm/components/dialog.js +1 -1
  469. package/dist/esm/components/dropdown-menu.d.ts.map +1 -1
  470. package/dist/esm/components/dropdown-menu.js +1 -1
  471. package/dist/esm/components/dropdown-menu.props.js +1 -1
  472. package/dist/esm/components/heading.js +1 -1
  473. package/dist/esm/components/heading.props.d.ts +3 -2
  474. package/dist/esm/components/heading.props.d.ts.map +1 -1
  475. package/dist/esm/components/heading.props.js +1 -1
  476. package/dist/esm/components/hover-card.js +1 -1
  477. package/dist/esm/components/icon-button.js +1 -1
  478. package/dist/esm/components/icon-button.props.js +1 -1
  479. package/dist/esm/components/index.js +1 -1
  480. package/dist/esm/components/link.js +1 -1
  481. package/dist/esm/components/link.props.d.ts +0 -5
  482. package/dist/esm/components/link.props.d.ts.map +1 -1
  483. package/dist/esm/components/link.props.js +1 -1
  484. package/dist/esm/components/popover.js +1 -1
  485. package/dist/esm/components/progress.js +1 -1
  486. package/dist/esm/components/progress.props.d.ts +0 -5
  487. package/dist/esm/components/progress.props.d.ts.map +1 -1
  488. package/dist/esm/components/progress.props.js +1 -1
  489. package/dist/esm/components/radio-cards.js +1 -1
  490. package/dist/esm/components/radio-cards.props.d.ts +0 -5
  491. package/dist/esm/components/radio-cards.props.d.ts.map +1 -1
  492. package/dist/esm/components/radio-cards.props.js +1 -1
  493. package/dist/esm/components/radio-group.d.ts.map +1 -1
  494. package/dist/esm/components/radio-group.js +1 -1
  495. package/dist/esm/components/radio-group.props.d.ts +0 -5
  496. package/dist/esm/components/radio-group.props.d.ts.map +1 -1
  497. package/dist/esm/components/radio-group.props.js +1 -1
  498. package/dist/esm/components/radio.js +1 -1
  499. package/dist/esm/components/radio.props.js +1 -1
  500. package/dist/esm/components/schemas/base-button.schema.d.ts +0 -1
  501. package/dist/esm/components/schemas/base-button.schema.d.ts.map +1 -1
  502. package/dist/esm/components/schemas/base-button.schema.js +1 -1
  503. package/dist/esm/components/schemas/button.schema.d.ts +0 -1
  504. package/dist/esm/components/schemas/button.schema.d.ts.map +1 -1
  505. package/dist/esm/components/schemas/button.schema.js +1 -1
  506. package/dist/esm/components/schemas/icon-button.schema.d.ts +0 -1
  507. package/dist/esm/components/schemas/icon-button.schema.d.ts.map +1 -1
  508. package/dist/esm/components/schemas/icon-button.schema.js +1 -1
  509. package/dist/esm/components/schemas/index.js +1 -1
  510. package/dist/esm/components/schemas/toggle-button.schema.d.ts +0 -1
  511. package/dist/esm/components/schemas/toggle-button.schema.d.ts.map +1 -1
  512. package/dist/esm/components/schemas/toggle-button.schema.js +1 -1
  513. package/dist/esm/components/schemas/toggle-icon-button.schema.d.ts +0 -1
  514. package/dist/esm/components/schemas/toggle-icon-button.schema.d.ts.map +1 -1
  515. package/dist/esm/components/schemas/toggle-icon-button.schema.js +1 -1
  516. package/dist/esm/components/select.js +1 -1
  517. package/dist/esm/components/select.props.d.ts +0 -5
  518. package/dist/esm/components/select.props.d.ts.map +1 -1
  519. package/dist/esm/components/select.props.js +1 -1
  520. package/dist/esm/components/separator.js +1 -1
  521. package/dist/esm/components/separator.props.js +1 -1
  522. package/dist/esm/components/sheet.js +1 -1
  523. package/dist/esm/components/shell.js +1 -1
  524. package/dist/esm/components/sidebar.d.ts +0 -1
  525. package/dist/esm/components/sidebar.d.ts.map +1 -1
  526. package/dist/esm/components/sidebar.js +1 -1
  527. package/dist/esm/components/sidebar.props.d.ts +0 -5
  528. package/dist/esm/components/sidebar.props.d.ts.map +1 -1
  529. package/dist/esm/components/sidebar.props.js +1 -1
  530. package/dist/esm/components/slider.js +1 -1
  531. package/dist/esm/components/slider.props.d.ts +0 -5
  532. package/dist/esm/components/slider.props.d.ts.map +1 -1
  533. package/dist/esm/components/slider.props.js +1 -1
  534. package/dist/esm/components/switch.d.ts.map +1 -1
  535. package/dist/esm/components/switch.js +1 -1
  536. package/dist/esm/components/switch.props.d.ts +0 -5
  537. package/dist/esm/components/switch.props.d.ts.map +1 -1
  538. package/dist/esm/components/switch.props.js +1 -1
  539. package/dist/esm/components/tab-nav.js +1 -1
  540. package/dist/esm/components/tab-nav.props.js +1 -1
  541. package/dist/esm/components/tabs.js +1 -1
  542. package/dist/esm/components/tabs.props.js +1 -1
  543. package/dist/esm/components/text-area.js +1 -1
  544. package/dist/esm/components/text-area.props.js +1 -1
  545. package/dist/esm/components/text-field.js +1 -1
  546. package/dist/esm/components/text-field.props.js +1 -1
  547. package/dist/esm/components/text.js +1 -1
  548. package/dist/esm/components/text.props.d.ts +3 -2
  549. package/dist/esm/components/text.props.d.ts.map +1 -1
  550. package/dist/esm/components/text.props.js +1 -1
  551. package/dist/esm/components/theme-panel.js +1 -1
  552. package/dist/esm/components/theme.js +1 -1
  553. package/dist/esm/components/theme.props.js +1 -1
  554. package/dist/esm/components/toggle-button.js +1 -1
  555. package/dist/esm/components/toggle-icon-button.js +1 -1
  556. package/dist/esm/components/toolbar.js +1 -1
  557. package/dist/esm/components/tooltip.js +1 -1
  558. package/dist/esm/components/user-card.d.ts.map +1 -1
  559. package/dist/esm/components/user-card.js +1 -1
  560. package/dist/esm/components/user-card.props.d.ts +0 -5
  561. package/dist/esm/components/user-card.props.d.ts.map +1 -1
  562. package/dist/esm/components/user-card.props.js +1 -1
  563. package/dist/esm/components/virtual-menu.js +1 -1
  564. package/dist/esm/index.js +1 -1
  565. package/dist/esm/props/color.prop.js +1 -1
  566. package/dist/esm/props/emphasis.prop.d.ts +11 -0
  567. package/dist/esm/props/emphasis.prop.d.ts.map +1 -0
  568. package/dist/esm/props/emphasis.prop.js +2 -0
  569. package/dist/esm/props/index.d.ts +1 -1
  570. package/dist/esm/props/index.d.ts.map +1 -1
  571. package/dist/esm/props/index.js +1 -1
  572. package/package.json +1 -1
  573. package/schemas/base-button.json +0 -5
  574. package/schemas/button.json +0 -5
  575. package/schemas/icon-button.json +0 -5
  576. package/schemas/index.json +0 -25
  577. package/schemas/toggle-button.json +0 -5
  578. package/schemas/toggle-icon-button.json +0 -5
  579. package/src/components/_internal/base-button.css +14 -69
  580. package/src/components/_internal/base-button.props.ts +2 -4
  581. package/src/components/_internal/base-checkbox.css +9 -63
  582. package/src/components/_internal/base-checkbox.props.ts +0 -2
  583. package/src/components/_internal/base-menu.css +7 -59
  584. package/src/components/_internal/base-menu.props.ts +0 -2
  585. package/src/components/_internal/base-radio.css +9 -46
  586. package/src/components/_internal/base-radio.props.ts +0 -2
  587. package/src/components/_internal/base-sidebar-menu.css +3 -3
  588. package/src/components/_internal/base-tab-list.css +1 -7
  589. package/src/components/_internal/base-tab-list.props.ts +0 -2
  590. package/src/components/accordion.css +4 -62
  591. package/src/components/accordion.props.tsx +0 -3
  592. package/src/components/avatar.css +10 -61
  593. package/src/components/avatar.props.tsx +0 -2
  594. package/src/components/badge.css +7 -32
  595. package/src/components/badge.props.tsx +0 -2
  596. package/src/components/blockquote.props.tsx +2 -2
  597. package/src/components/callout.css +5 -25
  598. package/src/components/callout.props.tsx +0 -2
  599. package/src/components/chatbar.tsx +6 -3
  600. package/src/components/checkbox-cards.props.tsx +0 -2
  601. package/src/components/checkbox-cards.tsx +1 -4
  602. package/src/components/checkbox-group.tsx +0 -2
  603. package/src/components/code.css +36 -36
  604. package/src/components/code.props.tsx +2 -2
  605. package/src/components/combobox.css +4 -10
  606. package/src/components/combobox.props.tsx +1 -5
  607. package/src/components/combobox.tsx +4 -8
  608. package/src/components/context-menu.tsx +5 -8
  609. package/src/components/data-list.css +14 -9
  610. package/src/components/data-list.props.tsx +5 -2
  611. package/src/components/dropdown-menu.tsx +5 -9
  612. package/src/components/heading.css +16 -5
  613. package/src/components/heading.props.tsx +2 -2
  614. package/src/components/link.css +3 -4
  615. package/src/components/link.props.tsx +0 -2
  616. package/src/components/progress.css +3 -10
  617. package/src/components/progress.props.tsx +0 -2
  618. package/src/components/radio-cards.css +1 -4
  619. package/src/components/radio-cards.props.tsx +0 -2
  620. package/src/components/radio-group.props.tsx +0 -2
  621. package/src/components/radio-group.tsx +0 -2
  622. package/src/components/schemas/base-button.schema.ts +0 -10
  623. package/src/components/select.css +13 -96
  624. package/src/components/select.props.tsx +0 -2
  625. package/src/components/sheet.tsx +2 -2
  626. package/src/components/sidebar.css +21 -115
  627. package/src/components/sidebar.props.tsx +0 -2
  628. package/src/components/sidebar.tsx +2 -5
  629. package/src/components/slider.css +4 -37
  630. package/src/components/slider.props.tsx +0 -2
  631. package/src/components/slider.tsx +1 -1
  632. package/src/components/switch.css +4 -23
  633. package/src/components/switch.props.tsx +0 -2
  634. package/src/components/switch.tsx +1 -3
  635. package/src/components/text.css +16 -5
  636. package/src/components/text.props.tsx +2 -2
  637. package/src/components/theme-panel.tsx +1 -1
  638. package/src/components/user-card.props.tsx +0 -2
  639. package/src/components/user-card.tsx +1 -2
  640. package/src/props/color.prop.ts +1 -1
  641. package/src/props/emphasis.prop.ts +19 -0
  642. package/src/props/index.ts +1 -1
  643. package/src/styles/tokens/color.css +109 -0
  644. package/src/styles/tokens/constants.css +0 -1
  645. package/styles.css +405 -734
  646. package/tokens/base.css +204 -150
  647. package/tokens.css +204 -151
  648. package/dist/cjs/props/high-contrast.prop.d.ts +0 -9
  649. package/dist/cjs/props/high-contrast.prop.d.ts.map +0 -1
  650. package/dist/cjs/props/high-contrast.prop.js +0 -2
  651. package/dist/cjs/props/high-contrast.prop.js.map +0 -7
  652. package/dist/esm/chunk-3DC63EZP.js +0 -2
  653. package/dist/esm/chunk-3DC63EZP.js.map +0 -7
  654. package/dist/esm/chunk-4SMJ7D4S.js +0 -2
  655. package/dist/esm/chunk-4SMJ7D4S.js.map +0 -7
  656. package/dist/esm/chunk-4TCXI3L3.js +0 -2
  657. package/dist/esm/chunk-4TCXI3L3.js.map +0 -7
  658. package/dist/esm/chunk-5MNBQROW.js +0 -2
  659. package/dist/esm/chunk-5MNBQROW.js.map +0 -7
  660. package/dist/esm/chunk-666GX7O5.js +0 -2
  661. package/dist/esm/chunk-6HEAF5IT.js +0 -2
  662. package/dist/esm/chunk-6HEAF5IT.js.map +0 -7
  663. package/dist/esm/chunk-A3NH376A.js +0 -2
  664. package/dist/esm/chunk-A3NH376A.js.map +0 -7
  665. package/dist/esm/chunk-BI7W34WW.js +0 -2
  666. package/dist/esm/chunk-BI7W34WW.js.map +0 -7
  667. package/dist/esm/chunk-CBR3VIRS.js +0 -2
  668. package/dist/esm/chunk-CBR3VIRS.js.map +0 -7
  669. package/dist/esm/chunk-D2AZAGGP.js +0 -2
  670. package/dist/esm/chunk-D2AZAGGP.js.map +0 -7
  671. package/dist/esm/chunk-DCAZPMOB.js +0 -2
  672. package/dist/esm/chunk-DCAZPMOB.js.map +0 -7
  673. package/dist/esm/chunk-DQAUX5ZL.js +0 -2
  674. package/dist/esm/chunk-DQAUX5ZL.js.map +0 -7
  675. package/dist/esm/chunk-F7IUK2I2.js +0 -2
  676. package/dist/esm/chunk-FLBLS7M4.js +0 -2
  677. package/dist/esm/chunk-FLBLS7M4.js.map +0 -7
  678. package/dist/esm/chunk-GSIE6SUD.js +0 -2
  679. package/dist/esm/chunk-GSIE6SUD.js.map +0 -7
  680. package/dist/esm/chunk-HOHUDTTL.js +0 -2
  681. package/dist/esm/chunk-HOHUDTTL.js.map +0 -7
  682. package/dist/esm/chunk-HUKPWYG2.js +0 -2
  683. package/dist/esm/chunk-HUKPWYG2.js.map +0 -7
  684. package/dist/esm/chunk-IDYHZIS6.js +0 -2
  685. package/dist/esm/chunk-IDYHZIS6.js.map +0 -7
  686. package/dist/esm/chunk-IGQRZCAI.js +0 -2
  687. package/dist/esm/chunk-IGQRZCAI.js.map +0 -7
  688. package/dist/esm/chunk-ILRJA7FU.js +0 -2
  689. package/dist/esm/chunk-ILRJA7FU.js.map +0 -7
  690. package/dist/esm/chunk-KTAFIHJY.js +0 -2
  691. package/dist/esm/chunk-KTAFIHJY.js.map +0 -7
  692. package/dist/esm/chunk-MCQAJV4K.js +0 -2
  693. package/dist/esm/chunk-MCQAJV4K.js.map +0 -7
  694. package/dist/esm/chunk-MJ47O7KH.js +0 -2
  695. package/dist/esm/chunk-MJ47O7KH.js.map +0 -7
  696. package/dist/esm/chunk-N2B7TWIP.js +0 -2
  697. package/dist/esm/chunk-N2B7TWIP.js.map +0 -7
  698. package/dist/esm/chunk-NKEJTTIL.js +0 -2
  699. package/dist/esm/chunk-NKEJTTIL.js.map +0 -7
  700. package/dist/esm/chunk-PTS6QYQW.js +0 -2
  701. package/dist/esm/chunk-PTS6QYQW.js.map +0 -7
  702. package/dist/esm/chunk-SO67YEVQ.js +0 -2
  703. package/dist/esm/chunk-T2FZN7G3.js +0 -2
  704. package/dist/esm/chunk-T2FZN7G3.js.map +0 -7
  705. package/dist/esm/chunk-TBJ6L4NL.js +0 -2
  706. package/dist/esm/chunk-TBJ6L4NL.js.map +0 -7
  707. package/dist/esm/chunk-TGN5ZJU5.js +0 -2
  708. package/dist/esm/chunk-TGN5ZJU5.js.map +0 -7
  709. package/dist/esm/chunk-UIRSGVJG.js +0 -2
  710. package/dist/esm/chunk-UMX5MGLG.js +0 -2
  711. package/dist/esm/chunk-UMX5MGLG.js.map +0 -7
  712. package/dist/esm/chunk-WR7YLY46.js +0 -2
  713. package/dist/esm/chunk-WR7YLY46.js.map +0 -7
  714. package/dist/esm/chunk-WZETC7WV.js +0 -2
  715. package/dist/esm/chunk-WZETC7WV.js.map +0 -7
  716. package/dist/esm/chunk-XGGLYV5D.js +0 -2
  717. package/dist/esm/chunk-XGGLYV5D.js.map +0 -7
  718. package/dist/esm/chunk-XKASPWCJ.js +0 -2
  719. package/dist/esm/chunk-XKASPWCJ.js.map +0 -7
  720. package/dist/esm/chunk-ZRKE3NVU.js +0 -2
  721. package/dist/esm/chunk-ZRKE3NVU.js.map +0 -7
  722. package/dist/esm/chunk-ZWYYPFZW.js +0 -2
  723. package/dist/esm/chunk-ZWYYPFZW.js.map +0 -7
  724. package/dist/esm/props/high-contrast.prop.d.ts +0 -9
  725. package/dist/esm/props/high-contrast.prop.d.ts.map +0 -1
  726. package/dist/esm/props/high-contrast.prop.js +0 -2
  727. package/src/props/high-contrast.prop.ts +0 -13
  728. /package/dist/esm/{chunk-5BYHEYO6.js.map → chunk-2SZZ75RJ.js.map} +0 -0
  729. /package/dist/esm/{chunk-F7IUK2I2.js.map → chunk-5SNHUVDA.js.map} +0 -0
  730. /package/dist/esm/{chunk-H7ST535H.js.map → chunk-5WRCK4R7.js.map} +0 -0
  731. /package/dist/esm/{chunk-MHPPVJDB.js.map → chunk-67MKPTZJ.js.map} +0 -0
  732. /package/dist/esm/{chunk-CQNPBTM5.js.map → chunk-ALWNS44Q.js.map} +0 -0
  733. /package/dist/esm/{chunk-GYBLXQ4R.js.map → chunk-CDG5WH4U.js.map} +0 -0
  734. /package/dist/esm/{chunk-RLPKKCBL.js.map → chunk-CEIK5U6C.js.map} +0 -0
  735. /package/dist/esm/{chunk-HBR42MIX.js.map → chunk-CESYMTJQ.js.map} +0 -0
  736. /package/dist/esm/{chunk-P7IAHW4V.js.map → chunk-CIYF56YS.js.map} +0 -0
  737. /package/dist/esm/{chunk-SPIU5JYC.js.map → chunk-CKMMUHKE.js.map} +0 -0
  738. /package/dist/esm/{chunk-SESAEJ6W.js.map → chunk-CLMOWP5T.js.map} +0 -0
  739. /package/dist/esm/{chunk-DUHJVT64.js.map → chunk-CRSHBENJ.js.map} +0 -0
  740. /package/dist/esm/{chunk-L6PVH3RM.js.map → chunk-DSJY5RI3.js.map} +0 -0
  741. /package/dist/esm/{chunk-ADBLURLJ.js.map → chunk-ECXGQQJB.js.map} +0 -0
  742. /package/dist/esm/{chunk-ZXZOH63L.js.map → chunk-EE2IH2GL.js.map} +0 -0
  743. /package/dist/esm/{chunk-NMKPFUNP.js.map → chunk-EPTYNVCU.js.map} +0 -0
  744. /package/dist/esm/{chunk-YMUGKYGW.js.map → chunk-GAV3NHYL.js.map} +0 -0
  745. /package/dist/esm/{chunk-TOOSHJOA.js.map → chunk-GO7OHBHW.js.map} +0 -0
  746. /package/dist/esm/{chunk-MBCBP73P.js.map → chunk-HJU4I34X.js.map} +0 -0
  747. /package/dist/esm/{chunk-TS623UPD.js.map → chunk-IFM4EMZB.js.map} +0 -0
  748. /package/dist/esm/{chunk-2TIADHPD.js.map → chunk-K3UAS7RW.js.map} +0 -0
  749. /package/dist/esm/{chunk-VA4CTVQL.js.map → chunk-KFR3CK24.js.map} +0 -0
  750. /package/dist/esm/{chunk-P5OSU4NX.js.map → chunk-KMPE7TJ6.js.map} +0 -0
  751. /package/dist/esm/{chunk-WXP6MMUB.js.map → chunk-KOFEFBB3.js.map} +0 -0
  752. /package/dist/esm/{chunk-7ESHXHHO.js.map → chunk-M6DJRFJZ.js.map} +0 -0
  753. /package/dist/esm/{chunk-OYF6YXH7.js.map → chunk-MCPRXVKZ.js.map} +0 -0
  754. /package/dist/esm/{chunk-JBO5YOUM.js.map → chunk-MEO7MJMQ.js.map} +0 -0
  755. /package/dist/esm/{chunk-YVBCDTTD.js.map → chunk-MN3XALXD.js.map} +0 -0
  756. /package/dist/esm/{chunk-F7IYL2VW.js.map → chunk-MS5J4MF6.js.map} +0 -0
  757. /package/dist/esm/{chunk-HW324FK3.js.map → chunk-MTOLKA6S.js.map} +0 -0
  758. /package/dist/esm/{chunk-MBE2YSBU.js.map → chunk-N4GTDLRD.js.map} +0 -0
  759. /package/dist/esm/{chunk-VNPNEJI6.js.map → chunk-OFUNVHZ5.js.map} +0 -0
  760. /package/dist/esm/{chunk-3OBXZUFJ.js.map → chunk-OLAWVEAI.js.map} +0 -0
  761. /package/dist/esm/{chunk-UWT6TE5D.js.map → chunk-OTXCKEWT.js.map} +0 -0
  762. /package/dist/esm/{chunk-UFI53QUC.js.map → chunk-RNTCHVFI.js.map} +0 -0
  763. /package/dist/esm/{chunk-DXL6V2A5.js.map → chunk-SEY4NA45.js.map} +0 -0
  764. /package/dist/esm/{chunk-37OGSEQR.js.map → chunk-VBI3AWPT.js.map} +0 -0
  765. /package/dist/esm/{chunk-56TS6OKQ.js.map → chunk-VHECAEUP.js.map} +0 -0
  766. /package/dist/esm/{chunk-T4UHUQFJ.js.map → chunk-VNH7BJOA.js.map} +0 -0
  767. /package/dist/esm/{chunk-IEWCQU2S.js.map → chunk-VR7ZAFYN.js.map} +0 -0
  768. /package/dist/esm/{chunk-DMJJM5IS.js.map → chunk-W2FOBR5Q.js.map} +0 -0
  769. /package/dist/esm/{chunk-UUUZXUIP.js.map → chunk-WHFJ4JUN.js.map} +0 -0
  770. /package/dist/esm/{chunk-HIKVMKYQ.js.map → chunk-X7V3V3W4.js.map} +0 -0
  771. /package/dist/esm/{chunk-DX5JJYMZ.js.map → chunk-XYVLQDGR.js.map} +0 -0
  772. /package/dist/esm/{chunk-3R7XMRV5.js.map → chunk-Y5RCH23Z.js.map} +0 -0
  773. /package/dist/esm/{chunk-OWAUCLRT.js.map → chunk-YBSRX63K.js.map} +0 -0
  774. /package/dist/esm/{chunk-KPBG7CIL.js.map → chunk-ZO7TTWJI.js.map} +0 -0
  775. /package/dist/esm/props/{high-contrast.prop.js.map → emphasis.prop.js.map} +0 -0
package/styles.css CHANGED
@@ -3391,7 +3391,6 @@
3391
3391
  --size-multiplier-large: 1.25;
3392
3392
  --opacity-disabled: var(--opacity-5);
3393
3393
  --opacity-soft-variant: var(--opacity-8);
3394
- --opacity-high-contrast: var(--opacity-8);
3395
3394
  --position-center: 50%;
3396
3395
  --position-full: 100%;
3397
3396
  --position-negative-full: -100%;
@@ -3424,6 +3423,12 @@
3424
3423
  --material-blend: 100%;
3425
3424
  --material-alpha: 0;
3426
3425
  --color-transparent: rgb(0 0 0 / 0);
3426
+ --solid-chroma-hover-filter: none;
3427
+ --solid-chroma-active-filter: brightness(0.9) contrast(1.03);
3428
+ --solid-chroma-open-filter: brightness(0.96) contrast(1.02);
3429
+ --solid-gray-hover-filter: contrast(0.88) saturate(1.1) brightness(1.1);
3430
+ --solid-gray-active-filter: brightness(0.92);
3431
+ --solid-gray-open-filter: brightness(0.96);
3427
3432
  --shadow-1: 0 0 0 0.25px var(--gray-a6), inset 0 1px 1px 0 var(--black-a2);
3428
3433
  --shadow-2: 0 0 0 0.25px var(--gray-a3), 0 1px 3px 0 var(--black-a2), 0 1px 2px -1px var(--black-a2);
3429
3434
  --shadow-3: 0 0 0 0.25px var(--gray-a6), 0 4px 6px -1px var(--black-a2), 0 2px 4px -2px var(--black-a2);
@@ -3455,13 +3460,7 @@
3455
3460
  --opacity-9: calc(0.9 * var(--opacity-factor));
3456
3461
  --avatar-image-hover-filter: brightness(0.95) saturate(1.05);
3457
3462
  --avatar-image-active-filter: brightness(0.9) saturate(1.1);
3458
- --base-button-solid-high-contrast-hover-filter: contrast(0.88) saturate(1.1) brightness(1.1);
3459
- --base-button-solid-active-filter: brightness(0.9) contrast(1.03);
3460
- --base-button-solid-open-filter: brightness(0.96) contrast(1.02);
3461
- --base-button-solid-high-contrast-active-filter: brightness(0.92);
3462
- --base-button-solid-high-contrast-open-filter: brightness(0.96);
3463
3463
  --segmented-control-indicator-background-color: var(--color-background);
3464
- --slider-range-high-contrast-background-image: linear-gradient(var(--black-a8), var(--black-a8));
3465
3464
  }
3466
3465
  @supports (color: color(display-p3 1 1 1)) {
3467
3466
  @media (color-gamut: p3) {
@@ -3503,6 +3502,12 @@
3503
3502
  --color-surface-translucent: color-mix(in srgb, var(--gray-2) var(--surface-opacity-percentage), transparent);
3504
3503
  --color-dialog-solid: var(--gray-2);
3505
3504
  --color-dialog-translucent: color-mix(in srgb, var(--gray-2) var(--dialog-opacity-percentage), transparent);
3505
+ --solid-chroma-hover-filter: none;
3506
+ --solid-chroma-active-filter: brightness(0.88) contrast(1.03);
3507
+ --solid-chroma-open-filter: brightness(0.95) contrast(1.02);
3508
+ --solid-gray-hover-filter: contrast(0.88) saturate(1.3) brightness(1.18);
3509
+ --solid-gray-active-filter: brightness(0.9);
3510
+ --solid-gray-open-filter: brightness(0.95);
3506
3511
  --shadow-1: inset 0 0 0 0.5px var(--gray-a6), inset 0 1px 1px 0 var(--black-a3);
3507
3512
  --shadow-2: 0 0 0 0.5px var(--gray-a6), 0 1px 3px 0 var(--black-a3), 0 1px 2px -1px var(--black-a3);
3508
3513
  --shadow-3: 0 0 0 0.5px var(--gray-a6), 0 4px 6px -1px var(--black-a3), 0 2px 4px -2px var(--black-a3);
@@ -3511,12 +3516,6 @@
3511
3516
  --shadow-6: 0 0 0 0.5px var(--gray-a6), 0 25px 50px -12px var(--black-a5);
3512
3517
  --avatar-image-hover-filter: brightness(1.05) saturate(1.05);
3513
3518
  --avatar-image-active-filter: brightness(1.1) saturate(1.1);
3514
- --base-button-solid-high-contrast-hover-filter: contrast(0.88) saturate(1.3) brightness(1.18);
3515
- --base-button-solid-active-filter: brightness(0.88) contrast(1.03);
3516
- --base-button-solid-open-filter: brightness(0.95) contrast(1.02);
3517
- --base-button-solid-high-contrast-active-filter: brightness(0.9);
3518
- --base-button-solid-high-contrast-open-filter: brightness(0.95);
3519
- --slider-range-high-contrast-background-image: none;
3520
3519
  }
3521
3520
  @supports (color: color(display-p3 1 1 1)) {
3522
3521
  @media (color-gamut: p3) {
@@ -3557,6 +3556,26 @@
3557
3556
  --focus-a10: var(--accent-a10);
3558
3557
  --focus-a11: var(--accent-a11);
3559
3558
  --focus-a12: var(--accent-a12);
3559
+ --accent-ink-mix: 45%;
3560
+ --accent-ink: color-mix(in oklab, var(--accent-11), var(--accent-12) var(--accent-ink-mix));
3561
+ --accent-ink-muted: color-mix(in oklab, var(--accent-ink) 74%, transparent);
3562
+ --accent-ink-faint: color-mix(in oklab, var(--accent-ink) 52%, transparent);
3563
+ --accent-solid: var(--accent-9);
3564
+ --accent-solid-a: var(--accent-a9);
3565
+ --accent-solid-hover: var(--accent-10);
3566
+ --accent-solid-hover-a: var(--accent-a10);
3567
+ --accent-solid-active: var(--accent-11);
3568
+ --accent-solid-active-a: var(--accent-a11);
3569
+ --accent-solid-contrast: var(--accent-contrast);
3570
+ --accent-solid-selection: var(--accent-7);
3571
+ --accent-solid-selection-contrast: var(--accent-12);
3572
+ --accent-solid-indicator: var(--accent-indicator);
3573
+ --accent-solid-thumb: white;
3574
+ --accent-solid-badge: var(--accent-12);
3575
+ --accent-solid-badge-contrast: var(--accent-1);
3576
+ --accent-solid-hover-filter: var(--solid-chroma-hover-filter);
3577
+ --accent-solid-active-filter: var(--solid-chroma-active-filter);
3578
+ --accent-solid-open-filter: var(--solid-chroma-open-filter);
3560
3579
  }
3561
3580
  .radix-themes ::-moz-selection {
3562
3581
  background-color: var(--focus-a5);
@@ -3856,6 +3875,25 @@
3856
3875
  --accent-surface: var(--gray-surface);
3857
3876
  --accent-indicator: var(--gray-indicator);
3858
3877
  --accent-track: var(--gray-track);
3878
+ --accent-ink: var(--gray-12);
3879
+ --accent-ink-muted: var(--gray-a11);
3880
+ --accent-ink-faint: var(--gray-a10);
3881
+ --accent-solid: var(--gray-12);
3882
+ --accent-solid-a: var(--gray-a12);
3883
+ --accent-solid-hover: var(--gray-12);
3884
+ --accent-solid-hover-a: var(--gray-a12);
3885
+ --accent-solid-active: var(--gray-12);
3886
+ --accent-solid-active-a: var(--gray-a12);
3887
+ --accent-solid-contrast: var(--gray-1);
3888
+ --accent-solid-selection: var(--gray-a11);
3889
+ --accent-solid-selection-contrast: var(--gray-1);
3890
+ --accent-solid-indicator: var(--gray-12);
3891
+ --accent-solid-thumb: var(--gray-1);
3892
+ --accent-solid-badge: var(--gray-1);
3893
+ --accent-solid-badge-contrast: var(--gray-12);
3894
+ --accent-solid-hover-filter: var(--solid-gray-hover-filter);
3895
+ --accent-solid-active-filter: var(--solid-gray-active-filter);
3896
+ --accent-solid-open-filter: var(--solid-gray-open-filter);
3859
3897
  }
3860
3898
  [data-accent-color='green'] {
3861
3899
  --accent-1: var(--green-1);
@@ -4367,157 +4405,10 @@
4367
4405
  --accent-indicator: var(--yellow-indicator);
4368
4406
  --accent-track: var(--yellow-track);
4369
4407
  }
4370
- .radix-themes:where([data-gray-color='mauve']) {
4371
- --gray-1: var(--mauve-1);
4372
- --gray-2: var(--mauve-2);
4373
- --gray-3: var(--mauve-3);
4374
- --gray-4: var(--mauve-4);
4375
- --gray-5: var(--mauve-5);
4376
- --gray-6: var(--mauve-6);
4377
- --gray-7: var(--mauve-7);
4378
- --gray-8: var(--mauve-8);
4379
- --gray-9: var(--mauve-9);
4380
- --gray-10: var(--mauve-10);
4381
- --gray-11: var(--mauve-11);
4382
- --gray-12: var(--mauve-12);
4383
- --gray-a1: var(--mauve-a1);
4384
- --gray-a2: var(--mauve-a2);
4385
- --gray-a3: var(--mauve-a3);
4386
- --gray-a4: var(--mauve-a4);
4387
- --gray-a5: var(--mauve-a5);
4388
- --gray-a6: var(--mauve-a6);
4389
- --gray-a7: var(--mauve-a7);
4390
- --gray-a8: var(--mauve-a8);
4391
- --gray-a9: var(--mauve-a9);
4392
- --gray-a10: var(--mauve-a10);
4393
- --gray-a11: var(--mauve-a11);
4394
- --gray-a12: var(--mauve-a12);
4395
- --gray-contrast: var(--mauve-contrast);
4396
- --gray-surface: var(--mauve-surface);
4397
- --gray-indicator: var(--mauve-indicator);
4398
- --gray-track: var(--mauve-track);
4399
- }
4400
- .radix-themes:where([data-gray-color='olive']) {
4401
- --gray-1: var(--olive-1);
4402
- --gray-2: var(--olive-2);
4403
- --gray-3: var(--olive-3);
4404
- --gray-4: var(--olive-4);
4405
- --gray-5: var(--olive-5);
4406
- --gray-6: var(--olive-6);
4407
- --gray-7: var(--olive-7);
4408
- --gray-8: var(--olive-8);
4409
- --gray-9: var(--olive-9);
4410
- --gray-10: var(--olive-10);
4411
- --gray-11: var(--olive-11);
4412
- --gray-12: var(--olive-12);
4413
- --gray-a1: var(--olive-a1);
4414
- --gray-a2: var(--olive-a2);
4415
- --gray-a3: var(--olive-a3);
4416
- --gray-a4: var(--olive-a4);
4417
- --gray-a5: var(--olive-a5);
4418
- --gray-a6: var(--olive-a6);
4419
- --gray-a7: var(--olive-a7);
4420
- --gray-a8: var(--olive-a8);
4421
- --gray-a9: var(--olive-a9);
4422
- --gray-a10: var(--olive-a10);
4423
- --gray-a11: var(--olive-a11);
4424
- --gray-a12: var(--olive-a12);
4425
- --gray-contrast: var(--olive-contrast);
4426
- --gray-surface: var(--olive-surface);
4427
- --gray-indicator: var(--olive-indicator);
4428
- --gray-track: var(--olive-track);
4429
- }
4430
- .radix-themes:where([data-gray-color='sage']) {
4431
- --gray-1: var(--sage-1);
4432
- --gray-2: var(--sage-2);
4433
- --gray-3: var(--sage-3);
4434
- --gray-4: var(--sage-4);
4435
- --gray-5: var(--sage-5);
4436
- --gray-6: var(--sage-6);
4437
- --gray-7: var(--sage-7);
4438
- --gray-8: var(--sage-8);
4439
- --gray-9: var(--sage-9);
4440
- --gray-10: var(--sage-10);
4441
- --gray-11: var(--sage-11);
4442
- --gray-12: var(--sage-12);
4443
- --gray-a1: var(--sage-a1);
4444
- --gray-a2: var(--sage-a2);
4445
- --gray-a3: var(--sage-a3);
4446
- --gray-a4: var(--sage-a4);
4447
- --gray-a5: var(--sage-a5);
4448
- --gray-a6: var(--sage-a6);
4449
- --gray-a7: var(--sage-a7);
4450
- --gray-a8: var(--sage-a8);
4451
- --gray-a9: var(--sage-a9);
4452
- --gray-a10: var(--sage-a10);
4453
- --gray-a11: var(--sage-a11);
4454
- --gray-a12: var(--sage-a12);
4455
- --gray-contrast: var(--sage-contrast);
4456
- --gray-surface: var(--sage-surface);
4457
- --gray-indicator: var(--sage-indicator);
4458
- --gray-track: var(--sage-track);
4459
- }
4460
- .radix-themes:where([data-gray-color='sand']) {
4461
- --gray-1: var(--sand-1);
4462
- --gray-2: var(--sand-2);
4463
- --gray-3: var(--sand-3);
4464
- --gray-4: var(--sand-4);
4465
- --gray-5: var(--sand-5);
4466
- --gray-6: var(--sand-6);
4467
- --gray-7: var(--sand-7);
4468
- --gray-8: var(--sand-8);
4469
- --gray-9: var(--sand-9);
4470
- --gray-10: var(--sand-10);
4471
- --gray-11: var(--sand-11);
4472
- --gray-12: var(--sand-12);
4473
- --gray-a1: var(--sand-a1);
4474
- --gray-a2: var(--sand-a2);
4475
- --gray-a3: var(--sand-a3);
4476
- --gray-a4: var(--sand-a4);
4477
- --gray-a5: var(--sand-a5);
4478
- --gray-a6: var(--sand-a6);
4479
- --gray-a7: var(--sand-a7);
4480
- --gray-a8: var(--sand-a8);
4481
- --gray-a9: var(--sand-a9);
4482
- --gray-a10: var(--sand-a10);
4483
- --gray-a11: var(--sand-a11);
4484
- --gray-a12: var(--sand-a12);
4485
- --gray-contrast: var(--sand-contrast);
4486
- --gray-surface: var(--sand-surface);
4487
- --gray-indicator: var(--sand-indicator);
4488
- --gray-track: var(--sand-track);
4489
- }
4490
- .radix-themes:where([data-gray-color='slate']) {
4491
- --gray-1: var(--slate-1);
4492
- --gray-2: var(--slate-2);
4493
- --gray-3: var(--slate-3);
4494
- --gray-4: var(--slate-4);
4495
- --gray-5: var(--slate-5);
4496
- --gray-6: var(--slate-6);
4497
- --gray-7: var(--slate-7);
4498
- --gray-8: var(--slate-8);
4499
- --gray-9: var(--slate-9);
4500
- --gray-10: var(--slate-10);
4501
- --gray-11: var(--slate-11);
4502
- --gray-12: var(--slate-12);
4503
- --gray-a1: var(--slate-a1);
4504
- --gray-a2: var(--slate-a2);
4505
- --gray-a3: var(--slate-a3);
4506
- --gray-a4: var(--slate-a4);
4507
- --gray-a5: var(--slate-a5);
4508
- --gray-a6: var(--slate-a6);
4509
- --gray-a7: var(--slate-a7);
4510
- --gray-a8: var(--slate-a8);
4511
- --gray-a9: var(--slate-a9);
4512
- --gray-a10: var(--slate-a10);
4513
- --gray-a11: var(--slate-a11);
4514
- --gray-a12: var(--slate-a12);
4515
- --gray-contrast: var(--slate-contrast);
4516
- --gray-surface: var(--slate-surface);
4517
- --gray-indicator: var(--slate-indicator);
4518
- --gray-track: var(--slate-track);
4519
- }
4520
4408
  .radix-themes {
4409
+ --gray-ink: var(--gray-12);
4410
+ --gray-ink-muted: var(--gray-a11);
4411
+ --gray-ink-faint: var(--gray-a10);
4521
4412
  --cursor-button: default;
4522
4413
  --cursor-checkbox: default;
4523
4414
  --cursor-disabled: not-allowed;
@@ -4744,6 +4635,156 @@
4744
4635
  --spinner-opacity: 0.65;
4745
4636
  color: var(--gray-12);
4746
4637
  }
4638
+ .radix-themes:where([data-gray-color='mauve']) {
4639
+ --gray-1: var(--mauve-1);
4640
+ --gray-2: var(--mauve-2);
4641
+ --gray-3: var(--mauve-3);
4642
+ --gray-4: var(--mauve-4);
4643
+ --gray-5: var(--mauve-5);
4644
+ --gray-6: var(--mauve-6);
4645
+ --gray-7: var(--mauve-7);
4646
+ --gray-8: var(--mauve-8);
4647
+ --gray-9: var(--mauve-9);
4648
+ --gray-10: var(--mauve-10);
4649
+ --gray-11: var(--mauve-11);
4650
+ --gray-12: var(--mauve-12);
4651
+ --gray-a1: var(--mauve-a1);
4652
+ --gray-a2: var(--mauve-a2);
4653
+ --gray-a3: var(--mauve-a3);
4654
+ --gray-a4: var(--mauve-a4);
4655
+ --gray-a5: var(--mauve-a5);
4656
+ --gray-a6: var(--mauve-a6);
4657
+ --gray-a7: var(--mauve-a7);
4658
+ --gray-a8: var(--mauve-a8);
4659
+ --gray-a9: var(--mauve-a9);
4660
+ --gray-a10: var(--mauve-a10);
4661
+ --gray-a11: var(--mauve-a11);
4662
+ --gray-a12: var(--mauve-a12);
4663
+ --gray-contrast: var(--mauve-contrast);
4664
+ --gray-surface: var(--mauve-surface);
4665
+ --gray-indicator: var(--mauve-indicator);
4666
+ --gray-track: var(--mauve-track);
4667
+ }
4668
+ .radix-themes:where([data-gray-color='olive']) {
4669
+ --gray-1: var(--olive-1);
4670
+ --gray-2: var(--olive-2);
4671
+ --gray-3: var(--olive-3);
4672
+ --gray-4: var(--olive-4);
4673
+ --gray-5: var(--olive-5);
4674
+ --gray-6: var(--olive-6);
4675
+ --gray-7: var(--olive-7);
4676
+ --gray-8: var(--olive-8);
4677
+ --gray-9: var(--olive-9);
4678
+ --gray-10: var(--olive-10);
4679
+ --gray-11: var(--olive-11);
4680
+ --gray-12: var(--olive-12);
4681
+ --gray-a1: var(--olive-a1);
4682
+ --gray-a2: var(--olive-a2);
4683
+ --gray-a3: var(--olive-a3);
4684
+ --gray-a4: var(--olive-a4);
4685
+ --gray-a5: var(--olive-a5);
4686
+ --gray-a6: var(--olive-a6);
4687
+ --gray-a7: var(--olive-a7);
4688
+ --gray-a8: var(--olive-a8);
4689
+ --gray-a9: var(--olive-a9);
4690
+ --gray-a10: var(--olive-a10);
4691
+ --gray-a11: var(--olive-a11);
4692
+ --gray-a12: var(--olive-a12);
4693
+ --gray-contrast: var(--olive-contrast);
4694
+ --gray-surface: var(--olive-surface);
4695
+ --gray-indicator: var(--olive-indicator);
4696
+ --gray-track: var(--olive-track);
4697
+ }
4698
+ .radix-themes:where([data-gray-color='sage']) {
4699
+ --gray-1: var(--sage-1);
4700
+ --gray-2: var(--sage-2);
4701
+ --gray-3: var(--sage-3);
4702
+ --gray-4: var(--sage-4);
4703
+ --gray-5: var(--sage-5);
4704
+ --gray-6: var(--sage-6);
4705
+ --gray-7: var(--sage-7);
4706
+ --gray-8: var(--sage-8);
4707
+ --gray-9: var(--sage-9);
4708
+ --gray-10: var(--sage-10);
4709
+ --gray-11: var(--sage-11);
4710
+ --gray-12: var(--sage-12);
4711
+ --gray-a1: var(--sage-a1);
4712
+ --gray-a2: var(--sage-a2);
4713
+ --gray-a3: var(--sage-a3);
4714
+ --gray-a4: var(--sage-a4);
4715
+ --gray-a5: var(--sage-a5);
4716
+ --gray-a6: var(--sage-a6);
4717
+ --gray-a7: var(--sage-a7);
4718
+ --gray-a8: var(--sage-a8);
4719
+ --gray-a9: var(--sage-a9);
4720
+ --gray-a10: var(--sage-a10);
4721
+ --gray-a11: var(--sage-a11);
4722
+ --gray-a12: var(--sage-a12);
4723
+ --gray-contrast: var(--sage-contrast);
4724
+ --gray-surface: var(--sage-surface);
4725
+ --gray-indicator: var(--sage-indicator);
4726
+ --gray-track: var(--sage-track);
4727
+ }
4728
+ .radix-themes:where([data-gray-color='sand']) {
4729
+ --gray-1: var(--sand-1);
4730
+ --gray-2: var(--sand-2);
4731
+ --gray-3: var(--sand-3);
4732
+ --gray-4: var(--sand-4);
4733
+ --gray-5: var(--sand-5);
4734
+ --gray-6: var(--sand-6);
4735
+ --gray-7: var(--sand-7);
4736
+ --gray-8: var(--sand-8);
4737
+ --gray-9: var(--sand-9);
4738
+ --gray-10: var(--sand-10);
4739
+ --gray-11: var(--sand-11);
4740
+ --gray-12: var(--sand-12);
4741
+ --gray-a1: var(--sand-a1);
4742
+ --gray-a2: var(--sand-a2);
4743
+ --gray-a3: var(--sand-a3);
4744
+ --gray-a4: var(--sand-a4);
4745
+ --gray-a5: var(--sand-a5);
4746
+ --gray-a6: var(--sand-a6);
4747
+ --gray-a7: var(--sand-a7);
4748
+ --gray-a8: var(--sand-a8);
4749
+ --gray-a9: var(--sand-a9);
4750
+ --gray-a10: var(--sand-a10);
4751
+ --gray-a11: var(--sand-a11);
4752
+ --gray-a12: var(--sand-a12);
4753
+ --gray-contrast: var(--sand-contrast);
4754
+ --gray-surface: var(--sand-surface);
4755
+ --gray-indicator: var(--sand-indicator);
4756
+ --gray-track: var(--sand-track);
4757
+ }
4758
+ .radix-themes:where([data-gray-color='slate']) {
4759
+ --gray-1: var(--slate-1);
4760
+ --gray-2: var(--slate-2);
4761
+ --gray-3: var(--slate-3);
4762
+ --gray-4: var(--slate-4);
4763
+ --gray-5: var(--slate-5);
4764
+ --gray-6: var(--slate-6);
4765
+ --gray-7: var(--slate-7);
4766
+ --gray-8: var(--slate-8);
4767
+ --gray-9: var(--slate-9);
4768
+ --gray-10: var(--slate-10);
4769
+ --gray-11: var(--slate-11);
4770
+ --gray-12: var(--slate-12);
4771
+ --gray-a1: var(--slate-a1);
4772
+ --gray-a2: var(--slate-a2);
4773
+ --gray-a3: var(--slate-a3);
4774
+ --gray-a4: var(--slate-a4);
4775
+ --gray-a5: var(--slate-a5);
4776
+ --gray-a6: var(--slate-a6);
4777
+ --gray-a7: var(--slate-a7);
4778
+ --gray-a8: var(--slate-a8);
4779
+ --gray-a9: var(--slate-a9);
4780
+ --gray-a10: var(--slate-a10);
4781
+ --gray-a11: var(--slate-a11);
4782
+ --gray-a12: var(--slate-a12);
4783
+ --gray-contrast: var(--slate-contrast);
4784
+ --gray-surface: var(--slate-surface);
4785
+ --gray-indicator: var(--slate-indicator);
4786
+ --gray-track: var(--slate-track);
4787
+ }
4747
4788
  .radix-themes:where([data-scaling='90%']) {
4748
4789
  --scaling: 0.9;
4749
4790
  }
@@ -6184,11 +6225,23 @@
6184
6225
  :where(.rt-Text) {
6185
6226
  margin: 0;
6186
6227
  }
6228
+ .rt-Text:where(.rt-emphasis-loud) {
6229
+ color: var(--gray-ink);
6230
+ }
6231
+ .rt-Text:where(.rt-emphasis-medium) {
6232
+ color: var(--gray-ink-muted);
6233
+ }
6234
+ .rt-Text:where(.rt-emphasis-quiet) {
6235
+ color: var(--gray-ink-faint);
6236
+ }
6187
6237
  .rt-Text:where([data-accent-color]) {
6188
- color: var(--accent-a11);
6238
+ color: var(--accent-ink);
6189
6239
  }
6190
- .rt-Text:where([data-accent-color].rt-high-contrast),:where([data-accent-color]:not(.radix-themes)) .rt-Text:where(.rt-high-contrast) {
6191
- color: var(--accent-12);
6240
+ .rt-Text:where([data-accent-color].rt-emphasis-medium) {
6241
+ color: var(--accent-ink-muted);
6242
+ }
6243
+ .rt-Text:where([data-accent-color].rt-emphasis-quiet) {
6244
+ color: var(--accent-ink-faint);
6192
6245
  }
6193
6246
  @media (pointer: coarse) {
6194
6247
  .rt-Text:where(label) {
@@ -6878,35 +6931,8 @@
6878
6931
  -webkit-transition: var(--transition-accordion-trigger-active);
6879
6932
  transition: var(--transition-accordion-trigger-active);
6880
6933
  }
6881
- :where(.rt-AccordionRoot:where(.rt-variant-soft)) .rt-AccordionTrigger {
6882
- color: var(--accent-a11);
6883
- }
6884
- :where(.rt-AccordionRoot:where(.rt-variant-soft.rt-high-contrast)) .rt-AccordionTrigger {
6885
- color: var(--accent-12);
6886
- }
6887
- :where(.rt-AccordionRoot:where(.rt-variant-outline)) .rt-AccordionTrigger {
6888
- color: var(--accent-11);
6889
- }
6890
- :where(.rt-AccordionRoot:where(.rt-variant-outline.rt-high-contrast)) .rt-AccordionTrigger {
6891
- color: var(--accent-12);
6892
- }
6893
- :where(.rt-AccordionRoot:where(.rt-variant-surface)) .rt-AccordionTrigger {
6894
- color: var(--accent-a11);
6895
- }
6896
- :where(.rt-AccordionRoot:where(.rt-variant-surface.rt-high-contrast)) .rt-AccordionTrigger {
6897
- color: var(--accent-12);
6898
- }
6899
- :where(.rt-AccordionRoot:where(.rt-variant-ghost)) .rt-AccordionTrigger {
6900
- color: var(--accent-a11);
6901
- }
6902
- :where(.rt-AccordionRoot:where(.rt-variant-ghost.rt-high-contrast)) .rt-AccordionTrigger {
6903
- color: var(--accent-12);
6904
- }
6905
- :where(.rt-AccordionRoot:where(.rt-variant-classic)) .rt-AccordionTrigger {
6906
- color: var(--accent-a11);
6907
- }
6908
- :where(.rt-AccordionRoot:where(.rt-variant-classic.rt-high-contrast)) .rt-AccordionTrigger {
6909
- color: var(--accent-12);
6934
+ :where(.rt-AccordionRoot:where(.rt-variant-soft, .rt-variant-outline, .rt-variant-surface, .rt-variant-ghost, .rt-variant-classic)) .rt-AccordionTrigger {
6935
+ color: var(--accent-ink);
6910
6936
  }
6911
6937
  :where(.rt-AccordionRoot:where(.rt-variant-classic):hover) {
6912
6938
  background-color: var(--accent-2);
@@ -7015,7 +7041,7 @@
7015
7041
  .rt-AccordionContent {
7016
7042
  overflow: hidden;
7017
7043
  font-size: var(--font-size-2);
7018
- color: var(--accent-a11);
7044
+ color: var(--accent-ink);
7019
7045
  line-height: var(--line-height-4);
7020
7046
  -webkit-transform-origin: top;
7021
7047
  transform-origin: top;
@@ -7104,21 +7130,9 @@
7104
7130
  transform: translateY(-4px) scaleY(0.98);
7105
7131
  }
7106
7132
  }
7107
- :where(.rt-AccordionRoot[data-high-contrast]) .rt-AccordionTrigger {
7108
- color: var(--accent-12);
7109
- }
7110
- :where(.rt-AccordionRoot[data-high-contrast]) .rt-AccordionContent {
7111
- color: var(--accent-12);
7112
- }
7113
7133
  :where(.rt-AccordionRoot:where(.rt-variant-soft)[data-accent-color]) :where(.rt-AccordionTrigger:hover) {
7114
7134
  background-color: var(--accent-a4);
7115
7135
  }
7116
- :where(.rt-AccordionRoot[data-accent-color]) .rt-AccordionContent {
7117
- color: var(--accent-a11);
7118
- }
7119
- :where(.rt-AccordionRoot[data-accent-color].rt-high-contrast) .rt-AccordionContent {
7120
- color: var(--accent-12);
7121
- }
7122
7136
  @media (prefers-reduced-motion: reduce) {
7123
7137
  :where(.rt-AccordionContent[data-state="open"]),
7124
7138
  :where(.rt-AccordionContent[data-state="closed"]) {
@@ -8173,8 +8187,7 @@
8173
8187
  }
8174
8188
  }
8175
8189
  .rt-AvatarRoot:where(.rt-variant-soft) {
8176
- --v-color: var(--accent-11);
8177
- --v-color-high-contrast: var(--accent-12);
8190
+ --v-color: var(--accent-ink);
8178
8191
  --v-bg: var(--accent-3);
8179
8192
  --v-bg-a: var(--accent-a3);
8180
8193
  --v-bg-hover: var(--accent-4);
@@ -8184,9 +8197,7 @@
8184
8197
  --v-bg-disabled: var(--gray-a3);
8185
8198
  }
8186
8199
  .rt-AvatarRoot:where(.rt-variant-outline) {
8187
- --v-color: var(--accent-11);
8188
- --v-color-a: var(--accent-a11);
8189
- --v-color-high-contrast: var(--accent-12);
8200
+ --v-color: var(--accent-ink);
8190
8201
  --v-bg: transparent;
8191
8202
  --v-bg-a: transparent;
8192
8203
  --v-bg-hover: var(--accent-2);
@@ -8203,8 +8214,7 @@
8203
8214
  --v-border-disabled: var(--gray-a7);
8204
8215
  }
8205
8216
  .rt-AvatarRoot:where(.rt-variant-surface) {
8206
- --v-color: var(--accent-a11);
8207
- --v-color-high-contrast: var(--accent-12);
8217
+ --v-color: var(--accent-ink);
8208
8218
  --v-bg: var(--accent-2);
8209
8219
  --v-bg-a: var(--accent-a2);
8210
8220
  --v-bg-hover: var(--accent-3);
@@ -8224,19 +8234,10 @@
8224
8234
  color: var(--v-color);
8225
8235
  background-color: color-mix(in srgb, var(--v-bg-a) calc(var(--material-alpha) * 100%), var(--v-bg) var(--material-blend));
8226
8236
  }
8227
- .rt-AvatarRoot:where(.rt-variant-soft,.rt-variant-outline,.rt-variant-surface):where(.rt-high-contrast) :where(.rt-AvatarFallback) {
8228
- color: var(--v-color-high-contrast);
8229
- }
8230
8237
  .rt-AvatarRoot:where(.rt-variant-soft,.rt-variant-outline,.rt-variant-surface):where([data-disabled]) :where(.rt-AvatarFallback) {
8231
8238
  color: var(--gray-a8);
8232
8239
  background-color: var(--v-bg-disabled, var(--gray-a3));
8233
8240
  }
8234
- .rt-AvatarRoot:where(.rt-variant-outline) :where(.rt-AvatarFallback) {
8235
- color: color-mix(in srgb, var(--v-color-a) calc(var(--material-alpha) * 100%), var(--v-color) var(--material-blend));
8236
- }
8237
- .rt-AvatarRoot:where(.rt-variant-outline):where(.rt-high-contrast) :where(.rt-AvatarFallback) {
8238
- color: var(--v-color-high-contrast);
8239
- }
8240
8241
  .rt-AvatarRoot:where(.rt-variant-outline,.rt-variant-surface) :where(.rt-AvatarFallback) {
8241
8242
  -webkit-box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--v-border-a) calc(var(--material-alpha) * 100%), var(--v-border) var(--material-blend));
8242
8243
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--v-border-a) calc(var(--material-alpha) * 100%), var(--v-border) var(--material-blend));
@@ -8281,45 +8282,29 @@
8281
8282
  --solid-blend: calc(100% - (var(--material-alpha) * 90%));
8282
8283
  }
8283
8284
  .rt-AvatarRoot:where(.rt-variant-solid) :where(.rt-AvatarFallback) {
8284
- background-color: color-mix(in srgb, var(--accent-a9) calc(var(--material-alpha) * 100%), var(--accent-9) var(--solid-blend));
8285
- color: var(--accent-contrast);
8286
- }
8287
- .rt-AvatarRoot:where(.rt-variant-solid):where(.rt-high-contrast) :where(.rt-AvatarFallback) {
8288
- background-color: color-mix(in srgb, var(--accent-a12) calc(var(--material-alpha) * 100%), var(--accent-12) var(--solid-blend));
8289
- color: var(--gray-1);
8285
+ background-color: color-mix(in srgb, var(--accent-solid-a) calc(var(--material-alpha) * 100%), var(--accent-solid) var(--solid-blend));
8286
+ color: var(--accent-solid-contrast);
8290
8287
  }
8291
8288
  .rt-AvatarRoot:where(.rt-variant-solid):where([data-disabled]) :where(.rt-AvatarFallback) {
8292
8289
  color: var(--gray-a8);
8293
8290
  background-color: var(--gray-a3);
8294
- -webkit-filter: none;
8295
- filter: none;
8296
- }
8297
- @media (hover: hover) {
8298
- .rt-AvatarRoot:where(button,a,[role="button"]):where(.rt-variant-solid):where(:hover:not(:disabled,[data-disabled])) {
8299
- background-color: color-mix(in srgb, var(--accent-a10) calc(var(--material-alpha) * 100%), var(--accent-10) var(--solid-blend));
8300
- }
8301
- .rt-AvatarRoot:where(button,a,[role="button"]):where(.rt-variant-solid):where(:hover:not(:disabled,[data-disabled])) :where(.rt-AvatarFallback) {
8302
- background-color: inherit;
8303
- }
8304
- }
8305
- .rt-AvatarRoot:where(button,a,[role="button"]):where(.rt-variant-solid):where(:active:not(:disabled,[data-disabled])) {
8306
- background-color: color-mix(in srgb, var(--accent-a11) calc(var(--material-alpha) * 100%), var(--accent-11) var(--solid-blend));
8307
- }
8308
- .rt-AvatarRoot:where(button,a,[role="button"]):where(.rt-variant-solid):where(:active:not(:disabled,[data-disabled])) :where(.rt-AvatarFallback) {
8309
- background-color: inherit;
8291
+ -webkit-filter: none;
8292
+ filter: none;
8310
8293
  }
8311
8294
  @media (hover: hover) {
8312
- .rt-AvatarRoot:where(button,a,[role="button"]):where(.rt-variant-solid):where(.rt-high-contrast):where(:hover:not(:disabled,[data-disabled])) {
8313
- background-color: color-mix(in srgb, var(--accent-a12) calc(var(--material-alpha) * 100%), var(--accent-12) var(--solid-blend));
8295
+ .rt-AvatarRoot:where(button,a,[role="button"]):where(.rt-variant-solid):where(:hover:not(:disabled,[data-disabled])) {
8296
+ background-color: color-mix(in srgb, var(--accent-solid-hover-a) calc(var(--material-alpha) * 100%), var(--accent-solid-hover) var(--solid-blend));
8314
8297
  }
8315
- .rt-AvatarRoot:where(button,a,[role="button"]):where(.rt-variant-solid):where(.rt-high-contrast):where(:hover:not(:disabled,[data-disabled])) :where(.rt-AvatarFallback) {
8298
+ .rt-AvatarRoot:where(button,a,[role="button"]):where(.rt-variant-solid):where(:hover:not(:disabled,[data-disabled])) :where(.rt-AvatarFallback) {
8316
8299
  background-color: inherit;
8300
+ -webkit-filter: var(--accent-solid-hover-filter);
8301
+ filter: var(--accent-solid-hover-filter);
8317
8302
  }
8318
8303
  }
8319
- .rt-AvatarRoot:where(button,a,[role="button"]):where(.rt-variant-solid):where(.rt-high-contrast):where(:active:not(:disabled,[data-disabled])) {
8320
- background-color: color-mix(in srgb, var(--accent-a12) calc(var(--material-alpha) * 100%), var(--accent-12) var(--solid-blend));
8304
+ .rt-AvatarRoot:where(button,a,[role="button"]):where(.rt-variant-solid):where(:active:not(:disabled,[data-disabled])) {
8305
+ background-color: color-mix(in srgb, var(--accent-solid-active-a) calc(var(--material-alpha) * 100%), var(--accent-solid-active) var(--solid-blend));
8321
8306
  }
8322
- .rt-AvatarRoot:where(button,a,[role="button"]):where(.rt-variant-solid):where(.rt-high-contrast):where(:active:not(:disabled,[data-disabled])) :where(.rt-AvatarFallback) {
8307
+ .rt-AvatarRoot:where(button,a,[role="button"]):where(.rt-variant-solid):where(:active:not(:disabled,[data-disabled])) :where(.rt-AvatarFallback) {
8323
8308
  background-color: inherit;
8324
8309
  }
8325
8310
  .rt-AvatarRoot:where(.rt-variant-classic) {
@@ -8329,15 +8314,11 @@
8329
8314
  .rt-AvatarRoot:where(.rt-variant-classic) :where(.rt-AvatarFallback) {
8330
8315
  position: relative;
8331
8316
  top: 0;
8332
- color: var(--accent-a11);
8317
+ color: var(--accent-ink);
8333
8318
  background-color: color-mix(in srgb, var(--color-surface-translucent) calc(var(--material-alpha) * 100%), var(--color-surface-solid) var(--material-blend));
8334
8319
  -webkit-box-shadow: var(--shadow-2);
8335
8320
  box-shadow: var(--shadow-2);
8336
8321
  }
8337
- .rt-AvatarRoot:where(.rt-variant-classic):where(.rt-high-contrast) :where(.rt-AvatarFallback) {
8338
- color: var(--gray-12);
8339
- background-color: color-mix(in srgb, var(--color-surface-translucent) calc(var(--material-alpha) * 100%), var(--color-surface-solid) var(--material-blend));
8340
- }
8341
8322
  .rt-AvatarRoot:where(.rt-variant-classic):where([data-disabled]) :where(.rt-AvatarFallback) {
8342
8323
  color: var(--gray-a8);
8343
8324
  background-color: var(--gray-a3);
@@ -8756,12 +8737,8 @@
8756
8737
  }
8757
8738
  .rt-Badge:where(.rt-variant-solid) {
8758
8739
  --solid-blend: calc(100% - (var(--material-alpha) * 90%));
8759
- background-color: color-mix(in srgb, var(--accent-a9) calc(var(--material-alpha) * 100%), var(--accent-9) var(--solid-blend));
8760
- color: var(--accent-contrast);
8761
- }
8762
- .rt-Badge:where(.rt-variant-solid):where(.rt-high-contrast) {
8763
- background-color: color-mix(in srgb, var(--accent-a12) calc(var(--material-alpha) * 100%), var(--accent-12) var(--solid-blend));
8764
- color: var(--gray-1);
8740
+ background-color: color-mix(in srgb, var(--accent-solid-a) calc(var(--material-alpha) * 100%), var(--accent-solid) var(--solid-blend));
8741
+ color: var(--accent-solid-contrast);
8765
8742
  }
8766
8743
  .rt-Badge:where(.rt-variant-solid):where([data-disabled]) {
8767
8744
  color: var(--gray-a8);
@@ -8776,16 +8753,10 @@
8776
8753
  background-color: color-mix(in srgb, var(--accent-a2) calc(var(--material-alpha) * 100%), var(--accent-2) var(--material-blend));
8777
8754
  -webkit-box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--accent-a6) calc(var(--material-alpha) * 100%), var(--accent-6) var(--material-blend));
8778
8755
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--accent-a6) calc(var(--material-alpha) * 100%), var(--accent-6) var(--material-blend));
8779
- color: var(--accent-a11);
8780
- }
8781
- .rt-Badge:where(.rt-variant-surface):where(.rt-high-contrast) {
8782
- color: var(--accent-12);
8756
+ color: var(--accent-ink);
8783
8757
  }
8784
8758
  .rt-Badge:where(.rt-variant-soft, .rt-variant-ghost) {
8785
- color: var(--accent-a11);
8786
- }
8787
- .rt-Badge:where(.rt-variant-soft,.rt-variant-ghost):where(.rt-high-contrast) {
8788
- color: var(--accent-12);
8759
+ color: var(--accent-ink);
8789
8760
  }
8790
8761
  .rt-Badge:where(.rt-variant-soft,.rt-variant-ghost):where([data-disabled]) {
8791
8762
  color: var(--gray-a8);
@@ -8805,24 +8776,18 @@
8805
8776
  .rt-Badge:where(.rt-variant-outline) {
8806
8777
  -webkit-box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--accent-a6) calc(var(--material-alpha) * 100%), var(--accent-6) var(--material-blend));
8807
8778
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--accent-a6) calc(var(--material-alpha) * 100%), var(--accent-6) var(--material-blend));
8808
- color: color-mix(in srgb, var(--accent-a11) calc(var(--material-alpha) * 100%), var(--accent-11) var(--material-blend));
8779
+ color: var(--accent-ink);
8809
8780
  -webkit-transition: var(--transition-background-blur);
8810
8781
  transition: var(--transition-background-blur);
8811
8782
  }
8812
- .rt-Badge:where(.rt-variant-outline):where(.rt-high-contrast) {
8813
- color: var(--accent-12);
8814
- }
8815
8783
  .rt-Badge:where(.rt-variant-ghost) {
8816
8784
  background-color: transparent;
8817
- color: var(--accent-a11);
8818
- }
8819
- .rt-Badge:where(.rt-variant-ghost):where(.rt-high-contrast) {
8820
- color: var(--accent-12);
8785
+ color: var(--accent-ink);
8821
8786
  }
8822
8787
  .rt-Badge:where(.rt-variant-classic) {
8823
8788
  position: relative;
8824
8789
  top: var(--classic-elevation-offset);
8825
- color: var(--accent-a11);
8790
+ color: var(--accent-ink);
8826
8791
  -webkit-box-shadow: var(--shadow-2);
8827
8792
  box-shadow: var(--shadow-2);
8828
8793
  -webkit-transition: var(--transition-text-field);
@@ -8839,9 +8804,6 @@
8839
8804
  .rt-Badge:where(.rt-variant-classic):where([data-panel-background='translucent'],[data-material='translucent']) {
8840
8805
  --classic-surface: var(--color-surface-translucent);
8841
8806
  }
8842
- .rt-Badge:where(.rt-variant-classic):where(.rt-high-contrast) {
8843
- color: var(--accent-12);
8844
- }
8845
8807
  .rt-Blockquote {
8846
8808
  -webkit-box-sizing: border-box;
8847
8809
  box-sizing: border-box;
@@ -9074,8 +9036,7 @@
9074
9036
  }
9075
9037
  }
9076
9038
  .rt-BaseButton:where(.rt-variant-soft) {
9077
- --v-color: var(--accent-a11);
9078
- --v-color-high-contrast: var(--accent-12);
9039
+ --v-color: var(--accent-ink);
9079
9040
  --v-bg: var(--accent-3);
9080
9041
  --v-bg-a: var(--accent-a3);
9081
9042
  --v-bg-hover: var(--accent-4);
@@ -9089,8 +9050,7 @@
9089
9050
  --v-focus-offset: -1px;
9090
9051
  }
9091
9052
  .rt-BaseButton:where(.rt-variant-ghost) {
9092
- --v-color: var(--accent-a11);
9093
- --v-color-high-contrast: var(--accent-12);
9053
+ --v-color: var(--accent-ink);
9094
9054
  --v-bg: transparent;
9095
9055
  --v-bg-a: transparent;
9096
9056
  --v-bg-hover: var(--accent-3);
@@ -9104,8 +9064,7 @@
9104
9064
  --v-focus-offset: -1px;
9105
9065
  }
9106
9066
  .rt-BaseButton:where(.rt-variant-outline) {
9107
- --v-color: var(--accent-11);
9108
- --v-color-high-contrast: var(--accent-12);
9067
+ --v-color: var(--accent-ink);
9109
9068
  --v-bg: transparent;
9110
9069
  --v-bg-a: transparent;
9111
9070
  --v-bg-hover: var(--accent-2);
@@ -9128,8 +9087,7 @@
9128
9087
  --v-focus-offset: -1px;
9129
9088
  }
9130
9089
  .rt-BaseButton:where(.rt-variant-surface) {
9131
- --v-color: var(--accent-a11);
9132
- --v-color-high-contrast: var(--accent-12);
9090
+ --v-color: var(--accent-ink);
9133
9091
  --v-bg: var(--accent-2);
9134
9092
  --v-bg-a: var(--accent-a2);
9135
9093
  --v-bg-hover: var(--accent-3);
@@ -9155,9 +9113,6 @@
9155
9113
  color: var(--v-color);
9156
9114
  background-color: color-mix(in srgb, var(--v-bg-a) calc(var(--material-alpha) * 100%), var(--v-bg) var(--material-blend));
9157
9115
  }
9158
- .rt-BaseButton:where(.rt-variant-soft,.rt-variant-ghost,.rt-variant-outline,.rt-variant-surface):where(.rt-high-contrast) {
9159
- color: var(--v-color-high-contrast);
9160
- }
9161
9116
  .rt-BaseButton:where(.rt-variant-soft,.rt-variant-ghost,.rt-variant-outline,.rt-variant-surface):where(:focus-visible) {
9162
9117
  outline: 2px solid var(--v-focus-color);
9163
9118
  outline-offset: var(--v-focus-offset);
@@ -9232,7 +9187,7 @@
9232
9187
  }
9233
9188
  .rt-BaseButton:where(.rt-variant-classic) {
9234
9189
  position: relative;
9235
- color: var(--accent-a11);
9190
+ color: var(--accent-ink);
9236
9191
  background-color: var(--color-surface-solid);
9237
9192
  -webkit-box-shadow: var(--shadow-2);
9238
9193
  box-shadow: var(--shadow-2);
@@ -9240,9 +9195,6 @@
9240
9195
  .rt-BaseButton:where(.rt-variant-classic):where([data-material='translucent']) {
9241
9196
  background-color: var(--color-surface-translucent);
9242
9197
  }
9243
- .rt-BaseButton:where(.rt-variant-classic):where(.rt-high-contrast) {
9244
- color: var(--gray-12);
9245
- }
9246
9198
  .rt-BaseButton:where(.rt-variant-classic):where(:focus-visible) {
9247
9199
  outline: 2px solid var(--focus-8);
9248
9200
  outline-offset: 2px;
@@ -9345,8 +9297,8 @@
9345
9297
  }
9346
9298
  .rt-BaseButton:where(.rt-variant-solid) {
9347
9299
  --solid-blend: calc(100% - (var(--material-alpha) * 90%));
9348
- background-color: color-mix(in srgb, var(--accent-a9) calc(var(--material-alpha) * 100%), var(--accent-9) var(--solid-blend));
9349
- color: var(--accent-contrast);
9300
+ background-color: color-mix(in srgb, var(--accent-solid-a) calc(var(--material-alpha) * 100%), var(--accent-solid) var(--solid-blend));
9301
+ color: var(--accent-solid-contrast);
9350
9302
  }
9351
9303
  .rt-BaseButton:where(.rt-variant-solid):where(:focus-visible) {
9352
9304
  outline: 2px solid var(--focus-8);
@@ -9354,22 +9306,24 @@
9354
9306
  }
9355
9307
  @media (hover: hover) {
9356
9308
  .rt-BaseButton:where(.rt-variant-solid):where(:hover) {
9357
- background-color: color-mix(in srgb, var(--accent-a10) calc(var(--material-alpha) * 100%), var(--accent-10) var(--solid-blend));
9309
+ background-color: color-mix(in srgb, var(--accent-solid-hover-a) calc(var(--material-alpha) * 100%), var(--accent-solid-hover) var(--solid-blend));
9310
+ -webkit-filter: var(--accent-solid-hover-filter);
9311
+ filter: var(--accent-solid-hover-filter);
9358
9312
  -webkit-box-shadow: var(--shadow-2);
9359
9313
  box-shadow: var(--shadow-2);
9360
9314
  }
9361
9315
  }
9362
9316
  .rt-BaseButton:where(.rt-variant-solid):where([data-state='open']) {
9363
- background-color: color-mix(in srgb, var(--accent-a10) calc(var(--material-alpha) * 100%), var(--accent-10) var(--solid-blend));
9364
- -webkit-filter: var(--base-button-solid-open-filter);
9365
- filter: var(--base-button-solid-open-filter);
9317
+ background-color: color-mix(in srgb, var(--accent-solid-hover-a) calc(var(--material-alpha) * 100%), var(--accent-solid-hover) var(--solid-blend));
9318
+ -webkit-filter: var(--accent-solid-open-filter);
9319
+ filter: var(--accent-solid-open-filter);
9366
9320
  }
9367
9321
  .rt-BaseButton:where(.rt-variant-solid):where(:active:not([data-state='open'])) {
9368
- -webkit-filter: var(--base-button-solid-active-filter);
9369
- filter: var(--base-button-solid-active-filter);
9322
+ -webkit-filter: var(--accent-solid-active-filter);
9323
+ filter: var(--accent-solid-active-filter);
9370
9324
  }
9371
9325
  .rt-BaseButton:where(.rt-variant-solid):where([data-state='on']) {
9372
- background-color: color-mix(in srgb, var(--accent-a10) calc(var(--material-alpha) * 100%), var(--accent-10) var(--solid-blend));
9326
+ background-color: color-mix(in srgb, var(--accent-solid-hover-a) calc(var(--material-alpha) * 100%), var(--accent-solid-hover) var(--solid-blend));
9373
9327
  opacity: 0.9;
9374
9328
  }
9375
9329
  @media (pointer: coarse) {
@@ -9378,32 +9332,6 @@
9378
9332
  outline-offset: 0;
9379
9333
  }
9380
9334
  }
9381
- .rt-BaseButton:where(.rt-variant-solid):where(.rt-high-contrast) {
9382
- background-color: color-mix(in srgb, var(--accent-a12) calc(var(--material-alpha) * 100%), var(--accent-12) var(--solid-blend));
9383
- color: var(--gray-1);
9384
- }
9385
- @media (hover: hover) {
9386
- .rt-BaseButton:where(.rt-variant-solid):where(.rt-high-contrast):where(:hover) {
9387
- background-color: color-mix(in srgb, var(--accent-a12) calc(var(--material-alpha) * 100%), var(--accent-12) var(--solid-blend));
9388
- -webkit-filter: var(--base-button-solid-high-contrast-hover-filter);
9389
- filter: var(--base-button-solid-high-contrast-hover-filter);
9390
- -webkit-box-shadow: var(--shadow-2);
9391
- box-shadow: var(--shadow-2);
9392
- }
9393
- }
9394
- .rt-BaseButton:where(.rt-variant-solid):where(.rt-high-contrast):where([data-state='open']) {
9395
- background-color: color-mix(in srgb, var(--accent-a12) calc(var(--material-alpha) * 100%), var(--accent-12) var(--solid-blend));
9396
- -webkit-filter: var(--base-button-solid-high-contrast-open-filter);
9397
- filter: var(--base-button-solid-high-contrast-open-filter);
9398
- }
9399
- .rt-BaseButton:where(.rt-variant-solid):where(.rt-high-contrast):where(:active:not([data-state='open'])) {
9400
- -webkit-filter: var(--base-button-solid-high-contrast-active-filter);
9401
- filter: var(--base-button-solid-high-contrast-active-filter);
9402
- }
9403
- .rt-BaseButton:where(.rt-variant-solid):where(.rt-high-contrast):where([data-state='on']) {
9404
- background-color: var(--accent-12);
9405
- opacity: 0.85;
9406
- }
9407
9335
  .rt-BaseButton:where(.rt-variant-solid):where([data-disabled]) {
9408
9336
  color: var(--gray-a8);
9409
9337
  background-color: var(--gray-a3);
@@ -10020,7 +9948,7 @@
10020
9948
  -ms-flex-pack: start;
10021
9949
  justify-content: flex-start;
10022
9950
  text-align: left;
10023
- color: var(--accent-a11);
9951
+ color: var(--accent-ink);
10024
9952
  -webkit-transition: var(--transition-card);
10025
9953
  transition: var(--transition-card);
10026
9954
  border-radius: var(--callout-border-radius);
@@ -10046,9 +9974,6 @@
10046
9974
  backdrop-filter: var(--backdrop-filter-components);
10047
9975
  --backdrop-filter-components: var(--backdrop-filter-components-enabled);
10048
9976
  }
10049
- .rt-CalloutRoot:where(.rt-high-contrast) {
10050
- color: var(--accent-12);
10051
- }
10052
9977
  .rt-CalloutRoot:where(:focus-visible) {
10053
9978
  outline: 2px solid var(--accent-8);
10054
9979
  outline-offset: 2px;
@@ -10395,34 +10320,25 @@
10395
10320
  }
10396
10321
  .rt-CalloutRoot:where(.rt-variant-soft) {
10397
10322
  background-color: color-mix(in srgb, var(--accent-a2) calc(var(--material-alpha) * 100%), var(--accent-2) var(--material-blend));
10398
- color: var(--accent-a11);
10399
- }
10400
- .rt-CalloutRoot:where(.rt-variant-soft):where(.rt-high-contrast) {
10401
- color: var(--accent-12);
10323
+ color: var(--accent-ink);
10402
10324
  }
10403
10325
  .rt-CalloutRoot:where(.rt-variant-surface) {
10404
10326
  background-color: color-mix(in srgb, var(--accent-a2) calc(var(--material-alpha) * 100%), var(--accent-2) var(--material-blend));
10405
10327
  -webkit-box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--accent-a6) calc(var(--material-alpha) * 100%), var(--accent-6) var(--material-blend));
10406
10328
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--accent-a6) calc(var(--material-alpha) * 100%), var(--accent-6) var(--material-blend));
10407
- color: var(--accent-a11);
10408
- }
10409
- .rt-CalloutRoot:where(.rt-variant-surface):where(.rt-high-contrast) {
10410
- color: var(--accent-12);
10329
+ color: var(--accent-ink);
10411
10330
  }
10412
10331
  .rt-CalloutRoot:where(.rt-variant-outline) {
10413
10332
  -webkit-box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--accent-a6) calc(var(--material-alpha) * 100%), var(--accent-6) var(--material-blend));
10414
10333
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--accent-a6) calc(var(--material-alpha) * 100%), var(--accent-6) var(--material-blend));
10415
- color: color-mix(in srgb, var(--accent-a11) calc(var(--material-alpha) * 100%), var(--accent-11) var(--material-blend));
10416
- }
10417
- .rt-CalloutRoot:where(.rt-variant-outline):where(.rt-high-contrast) {
10418
- color: var(--accent-12);
10334
+ color: var(--accent-ink);
10419
10335
  }
10420
10336
  .rt-CalloutRoot:where(.rt-variant-classic) {
10421
10337
  --classic-surface: var(--color-surface-solid);
10422
10338
  background-color: var(--classic-surface);
10423
10339
  -webkit-box-shadow: var(--shadow-2);
10424
10340
  box-shadow: var(--shadow-2);
10425
- color: var(--accent-a11);
10341
+ color: var(--accent-ink);
10426
10342
  -webkit-transition: var(--transition-text-field);
10427
10343
  transition: var(--transition-text-field);
10428
10344
  }
@@ -10435,9 +10351,6 @@
10435
10351
  .rt-CalloutRoot:where(.rt-variant-classic):where([data-panel-background='translucent'],[data-material='translucent']) {
10436
10352
  --classic-surface: var(--color-surface-translucent);
10437
10353
  }
10438
- .rt-CalloutRoot:where(.rt-variant-classic):where(.rt-high-contrast) {
10439
- color: var(--accent-12);
10440
- }
10441
10354
  .rt-BaseCard {
10442
10355
  --material-blend: 100%;
10443
10356
  --material-alpha: 0;
@@ -11263,20 +11176,12 @@
11263
11176
  box-shadow: inset 0 0 0 1px var(--accent-9);
11264
11177
  }
11265
11178
  .rt-BaseCheckboxRoot:where(.rt-variant-solid):where([data-state='checked'],[data-state='indeterminate'])::before {
11266
- background-color: var(--accent-9);
11267
- -webkit-box-shadow: inset 0 0 0 1px var(--accent-9);
11268
- box-shadow: inset 0 0 0 1px var(--accent-9);
11179
+ background-color: var(--accent-solid);
11180
+ -webkit-box-shadow: inset 0 0 0 1px var(--accent-solid);
11181
+ box-shadow: inset 0 0 0 1px var(--accent-solid);
11269
11182
  }
11270
11183
  .rt-BaseCheckboxRoot:where(.rt-variant-solid):where([data-state='checked'],[data-state='indeterminate']) :where(.rt-BaseCheckboxIndicator) {
11271
- color: var(--accent-contrast);
11272
- }
11273
- .rt-BaseCheckboxRoot:where(.rt-variant-solid):where([data-state='checked'],[data-state='indeterminate']):where(.rt-high-contrast)::before {
11274
- background-color: var(--accent-12);
11275
- -webkit-box-shadow: inset 0 0 0 1px var(--accent-12);
11276
- box-shadow: inset 0 0 0 1px var(--accent-12);
11277
- }
11278
- .rt-BaseCheckboxRoot:where(.rt-variant-solid):where([data-state='checked'],[data-state='indeterminate']):where(.rt-high-contrast) :where(.rt-BaseCheckboxIndicator) {
11279
- color: var(--gray-1);
11184
+ color: var(--accent-solid-contrast);
11280
11185
  }
11281
11186
  .rt-BaseCheckboxRoot:where(.rt-variant-solid):where(:disabled)::before {
11282
11187
  -webkit-box-shadow: inset 0 0 0 1px var(--gray-a6);
@@ -11291,7 +11196,7 @@
11291
11196
  top: var(--classic-elevation-offset);
11292
11197
  }
11293
11198
  .rt-BaseCheckboxRoot:where(.rt-variant-classic):where([data-state='unchecked'])::before {
11294
- color: var(--accent-a11);
11199
+ color: var(--accent-ink);
11295
11200
  background-color: var(--color-surface-solid);
11296
11201
  -webkit-box-shadow: var(--shadow-2);
11297
11202
  box-shadow: var(--shadow-2);
@@ -11318,22 +11223,7 @@
11318
11223
  background-color: color-mix(in srgb, var(--accent-a3), var(--accent-3) 60%);
11319
11224
  }
11320
11225
  .rt-BaseCheckboxRoot:where(.rt-variant-classic):where([data-state='checked'],[data-state='indeterminate']) :where(.rt-BaseCheckboxIndicator) {
11321
- color: var(--accent-a11);
11322
- }
11323
- .rt-BaseCheckboxRoot:where(.rt-variant-classic):where([data-state='checked'],[data-state='indeterminate']):where(.rt-high-contrast)::before {
11324
- background-color: var(--accent-3);
11325
- }
11326
- :where([data-panel-background='translucent'],[data-material='translucent']) :is(.rt-BaseCheckboxRoot:where(.rt-variant-classic):where([data-state='checked'],[data-state='indeterminate']):where(.rt-high-contrast)::before) {
11327
- background-color: color-mix(in srgb, var(--accent-a3), var(--accent-3) 60%);
11328
- }
11329
- :is(.rt-BaseCheckboxRoot:where(.rt-variant-classic):where([data-state='checked'],[data-state='indeterminate']):where(.rt-high-contrast)::before):where([data-panel-background='solid'],[data-material='solid']) {
11330
- background-color: var(--accent-3);
11331
- }
11332
- :is(.rt-BaseCheckboxRoot:where(.rt-variant-classic):where([data-state='checked'],[data-state='indeterminate']):where(.rt-high-contrast)::before):where([data-panel-background='translucent'],[data-material='translucent']) {
11333
- background-color: color-mix(in srgb, var(--accent-a3), var(--accent-3) 60%);
11334
- }
11335
- .rt-BaseCheckboxRoot:where(.rt-variant-classic):where([data-state='checked'],[data-state='indeterminate']):where(.rt-high-contrast) :where(.rt-BaseCheckboxIndicator) {
11336
- color: var(--accent-12);
11226
+ color: var(--accent-ink);
11337
11227
  }
11338
11228
  .rt-BaseCheckboxRoot:where(.rt-variant-classic):where(:active:not(:disabled)) {
11339
11229
  top: calc(var(--classic-elevation-offset) + var(--classic-active-padding-offset-1));
@@ -11375,10 +11265,7 @@
11375
11265
  background-color: color-mix(in srgb, var(--accent-a3), var(--accent-3) 60%);
11376
11266
  }
11377
11267
  .rt-BaseCheckboxRoot:where(.rt-variant-soft):where([data-state='checked'],[data-state='indeterminate']) :where(.rt-BaseCheckboxIndicator) {
11378
- color: var(--accent-a11);
11379
- }
11380
- .rt-BaseCheckboxRoot:where(.rt-variant-soft):where([data-state='checked'],[data-state='indeterminate']):where(.rt-high-contrast) :where(.rt-BaseCheckboxIndicator) {
11381
- color: var(--accent-12);
11268
+ color: var(--accent-ink);
11382
11269
  }
11383
11270
  .rt-BaseCheckboxRoot:where(.rt-variant-soft):where(:disabled)::before {
11384
11271
  background-color: var(--gray-a3);
@@ -11389,22 +11276,19 @@
11389
11276
  .rt-BaseCheckboxRoot:where(.rt-variant-outline):where([data-state='unchecked'])::before {
11390
11277
  -webkit-box-shadow: inset 0 0 0 1px var(--accent-6);
11391
11278
  box-shadow: inset 0 0 0 1px var(--accent-6);
11392
- color: var(--accent-11);
11279
+ color: var(--accent-ink);
11393
11280
  }
11394
11281
  :where([data-panel-background='translucent'],[data-material='translucent']) :is(.rt-BaseCheckboxRoot:where(.rt-variant-outline):where([data-state='unchecked'])::before) {
11395
11282
  -webkit-box-shadow: inset 0 0 0 1px var(--accent-a6);
11396
11283
  box-shadow: inset 0 0 0 1px var(--accent-a6);
11397
- color: var(--accent-a11);
11398
11284
  }
11399
11285
  :is(.rt-BaseCheckboxRoot:where(.rt-variant-outline):where([data-state='unchecked'])::before):where([data-panel-background='solid'],[data-material='solid']) {
11400
11286
  -webkit-box-shadow: inset 0 0 0 1px var(--accent-6);
11401
11287
  box-shadow: inset 0 0 0 1px var(--accent-6);
11402
- color: var(--accent-11);
11403
11288
  }
11404
11289
  :is(.rt-BaseCheckboxRoot:where(.rt-variant-outline):where([data-state='unchecked'])::before):where([data-panel-background='translucent'],[data-material='translucent']) {
11405
11290
  -webkit-box-shadow: inset 0 0 0 1px var(--accent-a6);
11406
11291
  box-shadow: inset 0 0 0 1px var(--accent-a6);
11407
- color: var(--accent-a11);
11408
11292
  }
11409
11293
  .rt-BaseCheckboxRoot:where(.rt-variant-outline):where([data-state='checked'],[data-state='indeterminate'])::before {
11410
11294
  background-color: var(--accent-2);
@@ -11427,10 +11311,7 @@
11427
11311
  box-shadow: inset 0 0 0 1px var(--accent-a7);
11428
11312
  }
11429
11313
  .rt-BaseCheckboxRoot:where(.rt-variant-outline):where([data-state='checked'],[data-state='indeterminate']) :where(.rt-BaseCheckboxIndicator) {
11430
- color: var(--accent-a11);
11431
- }
11432
- .rt-BaseCheckboxRoot:where(.rt-variant-outline):where([data-state='checked'],[data-state='indeterminate']):where(.rt-high-contrast) :where(.rt-BaseCheckboxIndicator) {
11433
- color: var(--accent-12);
11314
+ color: var(--accent-ink);
11434
11315
  }
11435
11316
  .rt-BaseCheckboxRoot:where(.rt-variant-outline):where(:disabled)::before {
11436
11317
  -webkit-box-shadow: inset 0 0 0 1px var(--gray-a7);
@@ -11481,10 +11362,7 @@
11481
11362
  box-shadow: inset 0 0 0 1px var(--accent-a8);
11482
11363
  }
11483
11364
  .rt-BaseCheckboxRoot:where(.rt-variant-surface):where([data-state='checked'],[data-state='indeterminate']) :where(.rt-BaseCheckboxIndicator) {
11484
- color: var(--accent-a11);
11485
- }
11486
- .rt-BaseCheckboxRoot:where(.rt-variant-surface):where([data-state='checked'],[data-state='indeterminate']):where(.rt-high-contrast) :where(.rt-BaseCheckboxIndicator) {
11487
- color: var(--accent-12);
11365
+ color: var(--accent-ink);
11488
11366
  }
11489
11367
  .rt-BaseCheckboxRoot:where(.rt-variant-surface):where(:disabled)::before {
11490
11368
  -webkit-box-shadow: inset 0 0 0 1px var(--gray-a6);
@@ -12189,35 +12067,35 @@
12189
12067
  --code-variant-font-size-adjust: var(--code-font-size-adjust);
12190
12068
  padding: 0;
12191
12069
  }
12070
+ .rt-Code:where(.rt-variant-ghost):where(.rt-emphasis-loud) {
12071
+ color: var(--gray-ink);
12072
+ }
12073
+ .rt-Code:where(.rt-variant-ghost):where(.rt-emphasis-medium) {
12074
+ color: var(--gray-ink-muted);
12075
+ }
12076
+ .rt-Code:where(.rt-variant-ghost):where(.rt-emphasis-quiet) {
12077
+ color: var(--gray-ink-faint);
12078
+ }
12192
12079
  .rt-Code:where(.rt-variant-ghost):where([data-accent-color]) {
12193
- color: var(--accent-a11);
12080
+ color: var(--accent-ink);
12194
12081
  }
12195
- .rt-Code:where(.rt-variant-ghost):where([data-accent-color].rt-high-contrast),:where([data-accent-color]:not(.radix-themes)) .rt-Code:where(.rt-variant-ghost):where(.rt-high-contrast) {
12196
- color: var(--accent-12);
12082
+ .rt-Code:where(.rt-variant-ghost):where([data-accent-color].rt-emphasis-medium) {
12083
+ color: var(--accent-ink-muted);
12084
+ }
12085
+ .rt-Code:where(.rt-variant-ghost):where([data-accent-color].rt-emphasis-quiet) {
12086
+ color: var(--accent-ink-faint);
12197
12087
  }
12198
12088
  .rt-Code:where(.rt-variant-solid) {
12199
- background-color: var(--accent-a9);
12200
- color: var(--accent-contrast);
12089
+ background-color: var(--accent-solid-a);
12090
+ color: var(--accent-solid-contrast);
12201
12091
  }
12202
12092
  .rt-Code:where(.rt-variant-solid)::-moz-selection {
12203
- background-color: var(--accent-7);
12204
- color: var(--accent-12);
12093
+ background-color: var(--accent-solid-selection);
12094
+ color: var(--accent-solid-selection-contrast);
12205
12095
  }
12206
12096
  .rt-Code:where(.rt-variant-solid)::selection {
12207
- background-color: var(--accent-7);
12208
- color: var(--accent-12);
12209
- }
12210
- .rt-Code:where(.rt-variant-solid):where(.rt-high-contrast) {
12211
- background-color: var(--accent-12);
12212
- color: var(--accent-1);
12213
- }
12214
- .rt-Code:where(.rt-variant-solid):where(.rt-high-contrast)::-moz-selection {
12215
- background-color: var(--accent-a11);
12216
- color: var(--accent-1);
12217
- }
12218
- .rt-Code:where(.rt-variant-solid):where(.rt-high-contrast)::selection {
12219
- background-color: var(--accent-a11);
12220
- color: var(--accent-1);
12097
+ background-color: var(--accent-solid-selection);
12098
+ color: var(--accent-solid-selection-contrast);
12221
12099
  }
12222
12100
  .rt-Code:where(.rt-variant-solid):where(:-moz-any-link,button) {
12223
12101
  isolation: isolate;
@@ -12227,27 +12105,18 @@
12227
12105
  }
12228
12106
  @media (hover: hover) {
12229
12107
  :is(:where(.rt-Link) .rt-Code:where(.rt-variant-solid),.rt-Code:where(.rt-variant-solid):where(:-moz-any-link,button)):where(:hover) {
12230
- background-color: var(--accent-10);
12108
+ background-color: var(--accent-solid-hover);
12109
+ filter: var(--accent-solid-hover-filter);
12231
12110
  }
12232
12111
  :is(:where(.rt-Link) .rt-Code:where(.rt-variant-solid),.rt-Code:where(.rt-variant-solid):where(:any-link,button)):where(:hover) {
12233
- background-color: var(--accent-10);
12234
- }
12235
- :is(:where(.rt-Link) .rt-Code:where(.rt-variant-solid),.rt-Code:where(.rt-variant-solid):where(:-moz-any-link,button)):where(.rt-high-contrast:hover) {
12236
- background-color: var(--accent-12);
12237
- filter: var(--base-button-solid-high-contrast-hover-filter);
12238
- }
12239
- :is(:where(.rt-Link) .rt-Code:where(.rt-variant-solid),.rt-Code:where(.rt-variant-solid):where(:any-link,button)):where(.rt-high-contrast:hover) {
12240
- background-color: var(--accent-12);
12241
- -webkit-filter: var(--base-button-solid-high-contrast-hover-filter);
12242
- filter: var(--base-button-solid-high-contrast-hover-filter);
12112
+ background-color: var(--accent-solid-hover);
12113
+ -webkit-filter: var(--accent-solid-hover-filter);
12114
+ filter: var(--accent-solid-hover-filter);
12243
12115
  }
12244
12116
  }
12245
12117
  .rt-Code:where(.rt-variant-soft) {
12246
12118
  background-color: var(--accent-a2);
12247
- color: var(--accent-a11);
12248
- }
12249
- .rt-Code:where(.rt-variant-soft):where(.rt-high-contrast) {
12250
- color: var(--accent-12);
12119
+ color: var(--accent-ink);
12251
12120
  }
12252
12121
  .rt-Code:where(.rt-variant-soft):where(:-moz-any-link,button) {
12253
12122
  isolation: isolate;
@@ -12266,12 +12135,7 @@
12266
12135
  .rt-Code:where(.rt-variant-outline) {
12267
12136
  -webkit-box-shadow: inset 0 0 0 max(1px, 0.033em) var(--accent-a8);
12268
12137
  box-shadow: inset 0 0 0 max(1px, 0.033em) var(--accent-a8);
12269
- color: var(--accent-a11);
12270
- }
12271
- .rt-Code:where(.rt-variant-outline):where(.rt-high-contrast) {
12272
- -webkit-box-shadow: inset 0 0 0 max(1px, 0.033em) var(--accent-a7), inset 0 0 0 max(1px, 0.033em) var(--gray-a11);
12273
- box-shadow: inset 0 0 0 max(1px, 0.033em) var(--accent-a7), inset 0 0 0 max(1px, 0.033em) var(--gray-a11);
12274
- color: var(--accent-12);
12138
+ color: var(--accent-ink);
12275
12139
  }
12276
12140
  .rt-Code:where(.rt-variant-outline):where(:-moz-any-link,button) {
12277
12141
  isolation: isolate;
@@ -12287,6 +12151,12 @@
12287
12151
  background-color: var(--accent-a2);
12288
12152
  }
12289
12153
  }
12154
+ .rt-Code:where(.rt-variant-soft,.rt-variant-outline):where(.rt-emphasis-medium) {
12155
+ color: var(--accent-ink-muted);
12156
+ }
12157
+ .rt-Code:where(.rt-variant-soft,.rt-variant-outline):where(.rt-emphasis-quiet) {
12158
+ color: var(--accent-ink-faint);
12159
+ }
12290
12160
  .rt-BaseMenuContent {
12291
12161
  --backdrop-filter-components-enabled: none;
12292
12162
  --scrollarea-scrollbar-vertical-margin-top: var(--base-menu-content-padding);
@@ -13064,15 +12934,12 @@
13064
12934
  }
13065
12935
  }
13066
12936
  .rt-BaseMenuItem:where([data-accent-color]) {
13067
- color: var(--accent-a11);
12937
+ color: var(--accent-ink);
13068
12938
  }
13069
12939
  .rt-BaseMenuItem:where([data-disabled]) {
13070
12940
  color: var(--gray-a8);
13071
12941
  cursor: default;
13072
12942
  }
13073
- .rt-BaseMenuItem :where(.rt-Text[data-accent-color='gray'], [data-accent-color='gray']:not(.rt-Badge)) {
13074
- color: var(--gray-a11);
13075
- }
13076
12943
  .rt-BaseMenuItem:where([data-disabled]) .rt-Kbd {
13077
12944
  color: var(--gray-a8);
13078
12945
  }
@@ -13086,11 +12953,11 @@
13086
12953
  background-color: var(--gray-a3);
13087
12954
  }
13088
12955
  .rt-BaseMenuContent:where(.rt-variant-solid) :where(.rt-BaseMenuItem[data-highlighted]) {
13089
- background-color: var(--accent-9);
13090
- color: var(--accent-contrast);
12956
+ background-color: var(--accent-solid);
12957
+ color: var(--accent-solid-contrast);
13091
12958
  }
13092
12959
  :is(.rt-BaseMenuContent:where(.rt-variant-solid) :where(.rt-BaseMenuItem[data-highlighted])) :where(.rt-BaseMenuSubTriggerIcon) {
13093
- color: var(--accent-contrast);
12960
+ color: var(--accent-solid-contrast);
13094
12961
  }
13095
12962
  :is(.rt-BaseMenuContent:where(.rt-variant-solid) :where(.rt-BaseMenuItem[data-highlighted])) :where(.rt-Text) {
13096
12963
  color: inherit !important;
@@ -13098,29 +12965,6 @@
13098
12965
  :is(.rt-BaseMenuContent:where(.rt-variant-solid) :where(.rt-BaseMenuItem[data-highlighted])) :where([data-accent-color='gray']:not(.rt-Badge)) {
13099
12966
  color: inherit !important;
13100
12967
  }
13101
- .rt-BaseMenuContent:where(.rt-variant-solid):where(.rt-high-contrast) :where(.rt-BaseMenuItem[data-highlighted]) {
13102
- background-color: var(--accent-12);
13103
- color: var(--accent-1);
13104
- }
13105
- :is(.rt-BaseMenuContent:where(.rt-variant-solid):where(.rt-high-contrast) :where(.rt-BaseMenuItem[data-highlighted])) :where(.rt-BaseMenuSubTriggerIcon) {
13106
- color: var(--accent-1);
13107
- }
13108
- :is(.rt-BaseMenuContent:where(.rt-variant-solid):where(.rt-high-contrast) :where(.rt-BaseMenuItem[data-highlighted])) :where(.rt-Text) {
13109
- color: inherit !important;
13110
- }
13111
- :is(.rt-BaseMenuContent:where(.rt-variant-solid):where(.rt-high-contrast) :where(.rt-BaseMenuItem[data-highlighted])) :where([data-accent-color='gray']:not(.rt-Badge)) {
13112
- color: inherit !important;
13113
- }
13114
- :is(.rt-BaseMenuContent:where(.rt-variant-solid):where(.rt-high-contrast) :where(.rt-BaseMenuItem[data-highlighted])):where([data-accent-color]) {
13115
- background-color: var(--accent-9);
13116
- color: var(--accent-contrast);
13117
- }
13118
- :is(.rt-BaseMenuContent:where(.rt-variant-solid):where(.rt-high-contrast) :where(.rt-BaseMenuItem[data-highlighted])):where([data-accent-color]) :where(.rt-Text) {
13119
- color: inherit !important;
13120
- }
13121
- :is(.rt-BaseMenuContent:where(.rt-variant-solid):where(.rt-high-contrast) :where(.rt-BaseMenuItem[data-highlighted])):where([data-accent-color]) :where([data-accent-color='gray']:not(.rt-Badge)) {
13122
- color: inherit !important;
13123
- }
13124
12968
  .rt-BaseMenuContent:where(.rt-variant-soft) :where(.rt-BaseMenuSubTrigger[data-state='open']) {
13125
12969
  background-color: var(--accent-3);
13126
12970
  }
@@ -13130,7 +12974,7 @@
13130
12974
  .rt-BaseMenuContent:where(.rt-variant-soft) :where(.rt-BaseMenuItem[data-highlighted]) {
13131
12975
  background-color: var(--accent-4);
13132
12976
  }
13133
- :is(.rt-BaseMenuContent:where(.rt-variant-soft) :where(.rt-BaseMenuItem[data-highlighted])) :where(.rt-Text[data-accent-color='gray'],[data-accent-color='gray']:not(.rt-Badge)) {
12977
+ :is(.rt-BaseMenuContent:where(.rt-variant-soft) :where(.rt-BaseMenuItem[data-highlighted])) :where(.rt-Text.rt-emphasis-medium:where(:not([data-accent-color]),[data-accent-color='gray'])) {
13134
12978
  color: var(--gray-11) !important;
13135
12979
  }
13136
12980
  .rt-BaseMenuContent:where(.rt-variant-soft):where([data-panel-background='translucent']) :where(.rt-BaseMenuItem[data-highlighted]) {
@@ -13140,16 +12984,6 @@
13140
12984
  -webkit-box-shadow: inset 0 0 0 1px var(--accent-a8);
13141
12985
  box-shadow: inset 0 0 0 1px var(--accent-a8);
13142
12986
  }
13143
- .rt-BaseMenuContent:where(.rt-variant-soft):where(.rt-high-contrast) :where(.rt-BaseMenuItem[data-highlighted]) {
13144
- background-color: var(--accent-5);
13145
- color: var(--accent-12);
13146
- }
13147
- :is(.rt-BaseMenuContent:where(.rt-variant-soft):where(.rt-high-contrast) :where(.rt-BaseMenuItem[data-highlighted])) :where(.rt-BaseMenuSubTriggerIcon) {
13148
- color: var(--accent-12);
13149
- }
13150
- .rt-BaseMenuContent:where(.rt-variant-soft):where(.rt-high-contrast):where([data-panel-background='translucent']) :where(.rt-BaseMenuItem[data-highlighted]) {
13151
- background-color: var(--accent-a5);
13152
- }
13153
12987
  @media (forced-colors: active) {
13154
12988
  .rt-BaseMenuItem:where(:focus-visible) {
13155
12989
  outline: 2px solid Highlight;
@@ -13180,16 +13014,22 @@
13180
13014
  display: -webkit-box;
13181
13015
  display: -ms-flexbox;
13182
13016
  display: flex;
13183
- color: var(--gray-a11);
13017
+ color: var(--gray-ink-muted);
13184
13018
  }
13185
- .rt-DataListLabel:where(.rt-high-contrast) {
13186
- color: var(--gray-12);
13019
+ .rt-DataListLabel:where(.rt-emphasis-loud) {
13020
+ color: var(--gray-ink);
13021
+ }
13022
+ .rt-DataListLabel:where(.rt-emphasis-quiet) {
13023
+ color: var(--gray-ink-faint);
13187
13024
  }
13188
13025
  .rt-DataListLabel:where([data-accent-color]) {
13189
- color: var(--accent-a11);
13026
+ color: var(--accent-ink);
13190
13027
  }
13191
- .rt-DataListLabel:where([data-accent-color]):where(.rt-high-contrast) {
13192
- color: var(--accent-12);
13028
+ .rt-DataListLabel:where([data-accent-color].rt-emphasis-medium) {
13029
+ color: var(--accent-ink-muted);
13030
+ }
13031
+ .rt-DataListLabel:where([data-accent-color].rt-emphasis-quiet) {
13032
+ color: var(--accent-ink-faint);
13193
13033
  }
13194
13034
  .rt-DataListValue {
13195
13035
  display: -webkit-box;
@@ -15322,12 +15162,8 @@
15322
15162
  width: 100%;
15323
15163
  }
15324
15164
  .rt-BaseMenuContent:where(.rt-variant-solid) :where(.rt-ComboboxItem[data-selected='true']) {
15325
- background-color: var(--accent-9);
15326
- color: var(--accent-contrast);
15327
- }
15328
- .rt-BaseMenuContent:where(.rt-variant-solid.rt-high-contrast) :where(.rt-ComboboxItem[data-selected='true']) {
15329
- background-color: var(--accent-12);
15330
- color: var(--accent-1);
15165
+ background-color: var(--accent-solid);
15166
+ color: var(--accent-solid-contrast);
15331
15167
  }
15332
15168
  :where(.rt-BaseMenuContent.rt-variant-solid) .rt-ComboboxItem:where([data-selected='true']) :where(.rt-Text, [data-accent-color='gray']:not(.rt-Badge)) {
15333
15169
  color: inherit;
@@ -15339,7 +15175,7 @@
15339
15175
  :where(.rt-ComboboxItem[data-selected='true']) {
15340
15176
  background-color: var(--accent-a4);
15341
15177
  }
15342
- :where(.rt-BaseMenuContent.rt-variant-soft) .rt-ComboboxItem:where([data-selected='true']) :where(.rt-Text[data-accent-color='gray'], [data-accent-color='gray']:not(.rt-Badge)) {
15178
+ :where(.rt-BaseMenuContent.rt-variant-soft) .rt-ComboboxItem:where([data-selected='true']) :where(.rt-Text.rt-emphasis-medium:where(:not([data-accent-color]), [data-accent-color='gray'])) {
15343
15179
  color: var(--gray-11);
15344
15180
  }
15345
15181
  .rt-ComboboxItem:where([data-disabled='true']) {
@@ -15393,11 +15229,23 @@
15393
15229
  :where(.rt-Heading) {
15394
15230
  margin: 0;
15395
15231
  }
15232
+ .rt-Heading:where(.rt-emphasis-loud) {
15233
+ color: var(--gray-ink);
15234
+ }
15235
+ .rt-Heading:where(.rt-emphasis-medium) {
15236
+ color: var(--gray-ink-muted);
15237
+ }
15238
+ .rt-Heading:where(.rt-emphasis-quiet) {
15239
+ color: var(--gray-ink-faint);
15240
+ }
15396
15241
  .rt-Heading:where([data-accent-color]) {
15397
- color: var(--accent-a11);
15242
+ color: var(--accent-ink);
15398
15243
  }
15399
- .rt-Heading:where([data-accent-color].rt-high-contrast),:where([data-accent-color]:not(.radix-themes)) .rt-Heading:where(.rt-high-contrast) {
15400
- color: var(--accent-12);
15244
+ .rt-Heading:where([data-accent-color].rt-emphasis-medium) {
15245
+ color: var(--accent-ink-muted);
15246
+ }
15247
+ .rt-Heading:where([data-accent-color].rt-emphasis-quiet) {
15248
+ color: var(--accent-ink-faint);
15401
15249
  }
15402
15250
  .rt-Heading:where(.rt-r-size-0) {
15403
15251
  font-size: calc(var(--font-size-0) * var(--heading-font-size-adjust));
@@ -17351,8 +17199,8 @@
17351
17199
  .rt-Link:where(:disabled,[data-disabled]) {
17352
17200
  cursor: var(--cursor-disabled);
17353
17201
  }
17354
- :where([data-accent-color]:not(.radix-themes,.rt-high-contrast)) .rt-Link:where([data-accent-color='']) {
17355
- color: var(--accent-12);
17202
+ :where([data-accent-color]:not(.radix-themes)) .rt-Link:where([data-accent-color='']) {
17203
+ color: var(--accent-ink);
17356
17204
  }
17357
17205
  @supports (color: color-mix(in oklab, white, black)) {
17358
17206
  .rt-Link:where(:-moz-any-link,button) {
@@ -17380,19 +17228,19 @@
17380
17228
  text-decoration-line: underline;
17381
17229
  }
17382
17230
  }
17383
- .rt-Link:where(:-moz-any-link,button):where(.rt-underline-auto):where(.rt-high-contrast), :where([data-accent-color]:not(.radix-themes,.rt-high-contrast)) .rt-Link:where(:-moz-any-link,button):where(.rt-underline-auto):where([data-accent-color='']) {
17231
+ :where([data-accent-color]:not(.radix-themes)) .rt-Link:where(:-moz-any-link,button):where(.rt-underline-auto):where([data-accent-color='']) {
17384
17232
  text-decoration-line: underline;
17385
17233
  text-decoration-color: var(--accent-a6);
17386
17234
  }
17387
- .rt-Link:where(:any-link,button):where(.rt-underline-auto):where(.rt-high-contrast),:where([data-accent-color]:not(.radix-themes,.rt-high-contrast)) .rt-Link:where(:any-link,button):where(.rt-underline-auto):where([data-accent-color='']) {
17235
+ :where([data-accent-color]:not(.radix-themes)) .rt-Link:where(:any-link,button):where(.rt-underline-auto):where([data-accent-color='']) {
17388
17236
  text-decoration-line: underline;
17389
17237
  text-decoration-color: var(--accent-a6);
17390
17238
  }
17391
17239
  @supports (color: color-mix(in oklab, white, black)) {
17392
- .rt-Link:where(:-moz-any-link,button):where(.rt-underline-auto):where(.rt-high-contrast), :where([data-accent-color]:not(.radix-themes,.rt-high-contrast)) .rt-Link:where(:-moz-any-link,button):where(.rt-underline-auto):where([data-accent-color='']) {
17240
+ :where([data-accent-color]:not(.radix-themes)) .rt-Link:where(:-moz-any-link,button):where(.rt-underline-auto):where([data-accent-color='']) {
17393
17241
  text-decoration-color: color-mix(in oklab, var(--accent-a6), var(--gray-a6));
17394
17242
  }
17395
- .rt-Link:where(:any-link,button):where(.rt-underline-auto):where(.rt-high-contrast),:where([data-accent-color]:not(.radix-themes,.rt-high-contrast)) .rt-Link:where(:any-link,button):where(.rt-underline-auto):where([data-accent-color='']) {
17243
+ :where([data-accent-color]:not(.radix-themes)) .rt-Link:where(:any-link,button):where(.rt-underline-auto):where([data-accent-color='']) {
17396
17244
  text-decoration-color: color-mix(in oklab, var(--accent-a6), var(--gray-a6));
17397
17245
  }
17398
17246
  }
@@ -18079,7 +17927,7 @@
18079
17927
  box-shadow: inset 0 0 0 1px var(--gray-a6);
18080
17928
  }
18081
17929
  .rt-ProgressRoot:where(.rt-variant-surface) :where(.rt-ProgressIndicator) {
18082
- background-color: var(--accent-9);
17930
+ background-color: var(--accent-solid);
18083
17931
  }
18084
17932
  .rt-ProgressRoot:where(.rt-variant-soft) {
18085
17933
  background-color: var(--gray-3);
@@ -18094,7 +17942,7 @@
18094
17942
  background-color: color-mix(in srgb, var(--gray-a3), var(--gray-3) 60%);
18095
17943
  }
18096
17944
  .rt-ProgressRoot:where(.rt-variant-soft) :where(.rt-ProgressIndicator) {
18097
- background-color: var(--accent-9);
17945
+ background-color: var(--accent-solid);
18098
17946
  }
18099
17947
  .rt-ProgressRoot:where(.rt-variant-outline) {
18100
17948
  -webkit-box-shadow: inset 0 0 0 1px var(--gray-6);
@@ -18113,10 +17961,7 @@
18113
17961
  box-shadow: inset 0 0 0 1px var(--gray-a6);
18114
17962
  }
18115
17963
  .rt-ProgressRoot:where(.rt-variant-outline) :where(.rt-ProgressIndicator) {
18116
- background-color: var(--accent-9);
18117
- }
18118
- .rt-ProgressRoot:where(.rt-high-contrast) :where(.rt-ProgressIndicator) {
18119
- background-color: var(--accent-12);
17964
+ background-color: var(--accent-solid);
18120
17965
  }
18121
17966
  .rt-Quote {
18122
17967
  -webkit-box-sizing: border-box;
@@ -18265,20 +18110,12 @@
18265
18110
  box-shadow: inset 0 0 0 1px var(--accent-9);
18266
18111
  }
18267
18112
  .rt-BaseRadioRoot:where(.rt-variant-solid):where(:checked,[data-state='checked'])::before {
18268
- background-color: var(--accent-9);
18269
- -webkit-box-shadow: inset 0 0 0 1px var(--accent-9);
18270
- box-shadow: inset 0 0 0 1px var(--accent-9);
18113
+ background-color: var(--accent-solid);
18114
+ -webkit-box-shadow: inset 0 0 0 1px var(--accent-solid);
18115
+ box-shadow: inset 0 0 0 1px var(--accent-solid);
18271
18116
  }
18272
18117
  .rt-BaseRadioRoot:where(.rt-variant-solid)::after {
18273
- background-color: var(--accent-contrast);
18274
- }
18275
- .rt-BaseRadioRoot:where(.rt-variant-solid):where(.rt-high-contrast):where(:checked,[data-state='checked'])::before {
18276
- background-color: var(--accent-12);
18277
- -webkit-box-shadow: inset 0 0 0 1px var(--accent-12);
18278
- box-shadow: inset 0 0 0 1px var(--accent-12);
18279
- }
18280
- .rt-BaseRadioRoot:where(.rt-variant-solid):where(.rt-high-contrast)::after {
18281
- background-color: var(--gray-1);
18118
+ background-color: var(--accent-solid-contrast);
18282
18119
  }
18283
18120
  .rt-BaseRadioRoot:where(.rt-variant-solid):where(:disabled,[data-disabled])::before {
18284
18121
  -webkit-box-shadow: inset 0 0 0 1px var(--gray-a6);
@@ -18293,7 +18130,7 @@
18293
18130
  top: var(--classic-elevation-offset);
18294
18131
  }
18295
18132
  .rt-BaseRadioRoot:where(.rt-variant-classic):where(:not(:checked),[data-state='unchecked'])::before {
18296
- color: var(--accent-a11);
18133
+ color: var(--accent-ink);
18297
18134
  background-color: var(--color-surface-solid);
18298
18135
  -webkit-box-shadow: var(--shadow-2);
18299
18136
  box-shadow: var(--shadow-2);
@@ -18320,10 +18157,7 @@
18320
18157
  background-color: color-mix(in srgb, var(--accent-a3), var(--accent-3) 60%);
18321
18158
  }
18322
18159
  .rt-BaseRadioRoot:where(.rt-variant-classic)::after {
18323
- background-color: var(--accent-a11);
18324
- }
18325
- .rt-BaseRadioRoot:where(.rt-variant-classic):where(.rt-high-contrast)::after {
18326
- color: var(--accent-12);
18160
+ background-color: var(--accent-ink);
18327
18161
  }
18328
18162
  .rt-BaseRadioRoot:where(.rt-variant-classic):where(:active:not(:disabled,[data-disabled])) {
18329
18163
  top: calc(var(--classic-elevation-offset) + var(--classic-active-padding-offset-1));
@@ -18365,10 +18199,7 @@
18365
18199
  background-color: color-mix(in srgb, var(--accent-a3), var(--accent-3) 60%);
18366
18200
  }
18367
18201
  .rt-BaseRadioRoot:where(.rt-variant-soft)::after {
18368
- background-color: var(--accent-a11);
18369
- }
18370
- .rt-BaseRadioRoot:where(.rt-variant-soft):where(.rt-high-contrast)::after {
18371
- background-color: var(--accent-12);
18202
+ background-color: var(--accent-ink);
18372
18203
  }
18373
18204
  .rt-BaseRadioRoot:where(.rt-variant-soft):where(:focus-visible)::before {
18374
18205
  outline-color: var(--accent-a8);
@@ -18382,22 +18213,19 @@
18382
18213
  .rt-BaseRadioRoot:where(.rt-variant-outline):where(:not(:checked),[data-state='unchecked'])::before {
18383
18214
  -webkit-box-shadow: inset 0 0 0 1px var(--accent-6);
18384
18215
  box-shadow: inset 0 0 0 1px var(--accent-6);
18385
- color: var(--accent-11);
18216
+ color: var(--accent-ink);
18386
18217
  }
18387
18218
  :where([data-panel-background='translucent'],[data-material='translucent']) :is(.rt-BaseRadioRoot:where(.rt-variant-outline):where(:not(:checked),[data-state='unchecked'])::before) {
18388
18219
  -webkit-box-shadow: inset 0 0 0 1px var(--accent-a6);
18389
18220
  box-shadow: inset 0 0 0 1px var(--accent-a6);
18390
- color: var(--accent-a11);
18391
18221
  }
18392
18222
  :is(.rt-BaseRadioRoot:where(.rt-variant-outline):where(:not(:checked),[data-state='unchecked'])::before):where([data-panel-background='solid'],[data-material='solid']) {
18393
18223
  -webkit-box-shadow: inset 0 0 0 1px var(--accent-6);
18394
18224
  box-shadow: inset 0 0 0 1px var(--accent-6);
18395
- color: var(--accent-11);
18396
18225
  }
18397
18226
  :is(.rt-BaseRadioRoot:where(.rt-variant-outline):where(:not(:checked),[data-state='unchecked'])::before):where([data-panel-background='translucent'],[data-material='translucent']) {
18398
18227
  -webkit-box-shadow: inset 0 0 0 1px var(--accent-a6);
18399
18228
  box-shadow: inset 0 0 0 1px var(--accent-a6);
18400
- color: var(--accent-a11);
18401
18229
  }
18402
18230
  .rt-BaseRadioRoot:where(.rt-variant-outline):where(:checked,[data-state='checked'])::before {
18403
18231
  background-color: var(--accent-2);
@@ -18420,10 +18248,7 @@
18420
18248
  box-shadow: inset 0 0 0 1px var(--accent-a7);
18421
18249
  }
18422
18250
  .rt-BaseRadioRoot:where(.rt-variant-outline)::after {
18423
- background-color: var(--accent-a11);
18424
- }
18425
- .rt-BaseRadioRoot:where(.rt-variant-outline):where(.rt-high-contrast)::after {
18426
- background-color: var(--accent-12);
18251
+ background-color: var(--accent-ink);
18427
18252
  }
18428
18253
  .rt-BaseRadioRoot:where(.rt-variant-outline):where(:disabled,[data-disabled])::before {
18429
18254
  -webkit-box-shadow: inset 0 0 0 1px var(--gray-a7);
@@ -18474,10 +18299,7 @@
18474
18299
  box-shadow: inset 0 0 0 1px var(--accent-a8);
18475
18300
  }
18476
18301
  .rt-BaseRadioRoot:where(.rt-variant-surface)::after {
18477
- background-color: var(--accent-a11);
18478
- }
18479
- .rt-BaseRadioRoot:where(.rt-variant-surface):where(.rt-high-contrast)::after {
18480
- background-color: var(--accent-12);
18302
+ background-color: var(--accent-ink);
18481
18303
  }
18482
18304
  .rt-BaseRadioRoot:where(.rt-variant-surface):where(:disabled,[data-disabled])::before {
18483
18305
  -webkit-box-shadow: inset 0 0 0 1px var(--gray-a6);
@@ -18675,12 +18497,9 @@
18675
18497
  .rt-RadioCardsItem:where([data-state='checked']) {
18676
18498
  -webkit-transition: var(--transition-fast);
18677
18499
  transition: var(--transition-fast);
18678
- outline: var(--focus-outline-width) solid var(--accent-indicator);
18500
+ outline: var(--focus-outline-width) solid var(--accent-solid-indicator);
18679
18501
  outline-offset: -1px;
18680
18502
  }
18681
- :where(.rt-RadioCardsRoot.rt-high-contrast) .rt-RadioCardsItem:where([data-state='checked']) {
18682
- outline-color: var(--accent-12);
18683
- }
18684
18503
  .rt-RadioCardsItem:where(:focus-visible) {
18685
18504
  -webkit-transition: var(--transition-focus);
18686
18505
  transition: var(--transition-focus);
@@ -20254,9 +20073,6 @@
20254
20073
  backdrop-filter: var(--backdrop-filter-components);
20255
20074
  --backdrop-filter-components: var(--backdrop-filter-components-enabled);
20256
20075
  }
20257
- .rt-SelectTrigger:where(.rt-high-contrast) :where(.rt-SelectTriggerInner) {
20258
- color: var(--accent-12);
20259
- }
20260
20076
  .rt-SelectTrigger:where(:not([data-placeholder])) :where(.rt-SelectTriggerInner) {
20261
20077
  font-weight: var(--font-weight-medium);
20262
20078
  }
@@ -20392,7 +20208,7 @@
20392
20208
  height: var(--select-trigger-height);
20393
20209
  padding: 0 var(--select-trigger-ghost-padding-x);
20394
20210
  background-color: transparent;
20395
- color: var(--accent-a11);
20211
+ color: var(--accent-ink);
20396
20212
  }
20397
20213
  .rt-SelectTrigger:where(.rt-r-size-1) {
20398
20214
  --select-trigger-height: var(--space-5);
@@ -21101,17 +20917,13 @@
21101
20917
  .rt-SelectTrigger:where(.rt-variant-classic) {
21102
20918
  position: relative;
21103
20919
  top: var(--classic-elevation-offset);
21104
- color: var(--accent-a11);
20920
+ color: var(--accent-ink);
21105
20921
  background-color: var(--color-surface);
21106
20922
  -webkit-box-shadow: var(--shadow-2);
21107
20923
  box-shadow: var(--shadow-2);
21108
20924
  -webkit-transition: var(--transition-text-field);
21109
20925
  transition: var(--transition-text-field);
21110
20926
  }
21111
- .rt-SelectTrigger:where(.rt-variant-classic):where(.rt-high-contrast) {
21112
- color: var(--accent-12);
21113
- background-color: var(--color-surface);
21114
- }
21115
20927
  :where([data-panel-background='translucent'],[data-material='translucent']) .rt-SelectTrigger:where(.rt-variant-classic) {
21116
20928
  background-color: var(--color-surface);
21117
20929
  }
@@ -21121,15 +20933,6 @@
21121
20933
  .rt-SelectTrigger:where(.rt-variant-classic):where([data-panel-background='translucent'],[data-material='translucent']) {
21122
20934
  background-color: var(--color-surface);
21123
20935
  }
21124
- :where([data-panel-background='translucent'],[data-material='translucent']) .rt-SelectTrigger:where(.rt-variant-classic):where(.rt-high-contrast) {
21125
- background-color: var(--color-surface);
21126
- }
21127
- .rt-SelectTrigger:where(.rt-variant-classic):where(.rt-high-contrast):where([data-panel-background='solid'],[data-material='solid']) {
21128
- background-color: var(--color-surface);
21129
- }
21130
- .rt-SelectTrigger:where(.rt-variant-classic):where(.rt-high-contrast):where([data-panel-background='translucent'],[data-material='translucent']) {
21131
- background-color: var(--color-surface);
21132
- }
21133
20936
  .rt-SelectTrigger:where(.rt-variant-classic):where(:focus-visible) {
21134
20937
  outline: 2px solid var(--focus-8);
21135
20938
  outline-offset: 2px;
@@ -21189,10 +20992,7 @@
21189
20992
  }
21190
20993
  .rt-SelectTrigger:where(.rt-variant-soft) {
21191
20994
  background-color: var(--accent-3);
21192
- color: var(--accent-a11);
21193
- }
21194
- .rt-SelectTrigger:where(.rt-variant-soft):where(.rt-high-contrast) {
21195
- color: var(--accent-12);
20995
+ color: var(--accent-ink);
21196
20996
  }
21197
20997
  :where([data-panel-background='translucent'],[data-material='translucent']) .rt-SelectTrigger:where(.rt-variant-soft) {
21198
20998
  background-color: color-mix(in srgb, var(--accent-a3), var(--accent-3) 60%);
@@ -21256,9 +21056,6 @@
21256
21056
  opacity: 0.6;
21257
21057
  font-weight: var(--font-weight-regular);
21258
21058
  }
21259
- .rt-SelectTrigger:where(.rt-variant-ghost):where(.rt-high-contrast) {
21260
- color: var(--accent-12);
21261
- }
21262
21059
  .rt-SelectTrigger:where(.rt-variant-ghost):where([data-placeholder]) :where(.rt-SelectTriggerInner) {
21263
21060
  color: var(--gray-a10);
21264
21061
  font-weight: var(--font-weight-regular);
@@ -21314,28 +21111,21 @@
21314
21111
  .rt-SelectTrigger:where(.rt-variant-outline) {
21315
21112
  -webkit-box-shadow: inset 0 0 0 1px var(--accent-6);
21316
21113
  box-shadow: inset 0 0 0 1px var(--accent-6);
21317
- color: var(--accent-11);
21114
+ color: var(--accent-ink);
21318
21115
  -webkit-transition: var(--transition-background-blur);
21319
21116
  transition: var(--transition-background-blur);
21320
21117
  }
21321
- .rt-SelectTrigger:where(.rt-variant-outline):where(.rt-high-contrast) {
21322
- color: var(--accent-12);
21323
- color: var(--accent-12);
21324
- }
21325
21118
  :where([data-panel-background='translucent'],[data-material='translucent']) .rt-SelectTrigger:where(.rt-variant-outline) {
21326
21119
  -webkit-box-shadow: inset 0 0 0 1px var(--accent-a6);
21327
21120
  box-shadow: inset 0 0 0 1px var(--accent-a6);
21328
- color: var(--accent-a11);
21329
21121
  }
21330
21122
  .rt-SelectTrigger:where(.rt-variant-outline):where([data-panel-background='solid'],[data-material='solid']) {
21331
21123
  -webkit-box-shadow: inset 0 0 0 1px var(--accent-6);
21332
21124
  box-shadow: inset 0 0 0 1px var(--accent-6);
21333
- color: var(--accent-11);
21334
21125
  }
21335
21126
  .rt-SelectTrigger:where(.rt-variant-outline):where([data-panel-background='translucent'],[data-material='translucent']) {
21336
21127
  -webkit-box-shadow: inset 0 0 0 1px var(--accent-a6);
21337
21128
  box-shadow: inset 0 0 0 1px var(--accent-a6);
21338
- color: var(--accent-a11);
21339
21129
  }
21340
21130
  @media (hover: hover) {
21341
21131
  .rt-SelectTrigger:where(.rt-variant-outline):where(:hover) {
@@ -21419,11 +21209,7 @@
21419
21209
  background-color: var(--accent-2);
21420
21210
  -webkit-box-shadow: inset 0 0 0 1px var(--accent-6);
21421
21211
  box-shadow: inset 0 0 0 1px var(--accent-6);
21422
- color: var(--accent-a11);
21423
- }
21424
- .rt-SelectTrigger:where(.rt-variant-surface):where(.rt-high-contrast) {
21425
- color: var(--accent-12);
21426
- color: var(--accent-12);
21212
+ color: var(--accent-ink);
21427
21213
  }
21428
21214
  :where([data-panel-background='translucent'],[data-material='translucent']) .rt-SelectTrigger:where(.rt-variant-surface) {
21429
21215
  background-color: color-mix(in srgb, var(--accent-a2), var(--accent-2) 60%);
@@ -21597,18 +21383,18 @@
21597
21383
  }
21598
21384
  }
21599
21385
  .rt-SelectItem:where([data-accent-color]) {
21600
- color: var(--accent-a11);
21386
+ color: var(--accent-ink);
21601
21387
  }
21602
21388
  .rt-SelectItem:where([data-disabled]) {
21603
21389
  color: var(--gray-a8);
21604
21390
  cursor: default;
21605
21391
  }
21606
- .rt-SelectItem :where(.rt-Text[data-accent-color='gray'], [data-accent-color='gray']) {
21392
+ .rt-SelectItem :where(.rt-Text.rt-emphasis-medium:where(:not([data-accent-color]), [data-accent-color='gray'])) {
21607
21393
  color: var(--gray-a10);
21608
21394
  }
21609
21395
  .rt-SelectContent:where(.rt-variant-solid) :where(.rt-SelectItem[data-highlighted]) {
21610
- background-color: var(--accent-9);
21611
- color: var(--accent-contrast);
21396
+ background-color: var(--accent-solid);
21397
+ color: var(--accent-solid-contrast);
21612
21398
  }
21613
21399
  :is(.rt-SelectContent:where(.rt-variant-solid) :where(.rt-SelectItem[data-highlighted])) :where(.rt-Text) {
21614
21400
  color: inherit !important;
@@ -21616,30 +21402,10 @@
21616
21402
  :is(.rt-SelectContent:where(.rt-variant-solid) :where(.rt-SelectItem[data-highlighted])) :where([data-accent-color='gray']) {
21617
21403
  color: inherit !important;
21618
21404
  }
21619
- .rt-SelectContent:where(.rt-variant-solid):where(.rt-high-contrast) :where(.rt-SelectItem[data-highlighted]) {
21620
- background-color: var(--accent-12);
21621
- color: var(--accent-1);
21622
- }
21623
- :is(.rt-SelectContent:where(.rt-variant-solid):where(.rt-high-contrast) :where(.rt-SelectItem[data-highlighted])) :where(.rt-Text) {
21624
- color: inherit !important;
21625
- }
21626
- :is(.rt-SelectContent:where(.rt-variant-solid):where(.rt-high-contrast) :where(.rt-SelectItem[data-highlighted])) :where([data-accent-color='gray']) {
21627
- color: inherit !important;
21628
- }
21629
- :is(.rt-SelectContent:where(.rt-variant-solid):where(.rt-high-contrast) :where(.rt-SelectItem[data-highlighted])):where([data-accent-color]) {
21630
- background-color: var(--accent-9);
21631
- color: var(--accent-contrast);
21632
- }
21633
- :is(.rt-SelectContent:where(.rt-variant-solid):where(.rt-high-contrast) :where(.rt-SelectItem[data-highlighted])):where([data-accent-color]) :where(.rt-Text) {
21634
- color: inherit !important;
21635
- }
21636
- :is(.rt-SelectContent:where(.rt-variant-solid):where(.rt-high-contrast) :where(.rt-SelectItem[data-highlighted])):where([data-accent-color]) :where([data-accent-color='gray']) {
21637
- color: inherit !important;
21638
- }
21639
21405
  .rt-SelectContent:where(.rt-variant-soft) :where(.rt-SelectItem[data-highlighted]) {
21640
21406
  background-color: var(--accent-a4);
21641
21407
  }
21642
- :is(.rt-SelectContent:where(.rt-variant-soft) :where(.rt-SelectItem[data-highlighted])) :where(.rt-Text[data-accent-color='gray'],[data-accent-color='gray']) {
21408
+ :is(.rt-SelectContent:where(.rt-variant-soft) :where(.rt-SelectItem[data-highlighted])) :where(.rt-Text.rt-emphasis-medium:where(:not([data-accent-color]),[data-accent-color='gray'])) {
21643
21409
  color: var(--gray-11) !important;
21644
21410
  }
21645
21411
  .rt-Separator {
@@ -22000,9 +21766,9 @@
22000
21766
  outline-offset: 2px;
22001
21767
  }
22002
21768
  .rt-SidebarMenuButton:where([data-accent-color]) {
22003
- color: var(--accent-a11);
21769
+ color: var(--accent-ink);
22004
21770
  }
22005
- .rt-SidebarMenuButton :where(.rt-Text[data-accent-color='gray'],[data-accent-color='gray']:not(.rt-Badge)) {
21771
+ .rt-SidebarMenuButton :where(.rt-Text.rt-emphasis-medium:where(:not([data-accent-color]),[data-accent-color='gray'])) {
22006
21772
  color: var(--gray-a10);
22007
21773
  }
22008
21774
  .rt-SidebarMenuButton:where([data-disabled],[data-highlighted],:hover,[data-active]) :where(.rt-SidebarMenuShortcut) {
@@ -22412,11 +22178,11 @@
22412
22178
  line-height: var(--line-height-0);
22413
22179
  }
22414
22180
  :where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarMenuButton[data-active] .rt-SidebarMenuLabel) {
22415
- color: var(--accent-11);
22181
+ color: var(--accent-ink);
22416
22182
  font-weight: var(--font-weight-medium);
22417
22183
  }
22418
22184
  :where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarMenuButton:where([data-highlighted], :hover):not([data-disabled]) .rt-SidebarMenuLabel) {
22419
- color: var(--accent-11);
22185
+ color: var(--accent-ink);
22420
22186
  }
22421
22187
  :where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarMenuButton:where([data-highlighted], :hover):not([data-disabled])),
22422
22188
  :where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarMenuButton[data-active]) {
@@ -22435,20 +22201,12 @@
22435
22201
  background-color: var(--accent-a3);
22436
22202
  }
22437
22203
  :where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarContent.rt-menu-variant-solid .rt-SidebarMenuButton:where([data-highlighted], :hover):not([data-disabled]) .rt-SidebarMenuIconWrapper) {
22438
- background-color: var(--accent-9);
22439
- color: var(--accent-contrast);
22204
+ background-color: var(--accent-solid);
22205
+ color: var(--accent-solid-contrast);
22440
22206
  }
22441
22207
  :where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarContent.rt-menu-variant-solid .rt-SidebarMenuButton[data-active] .rt-SidebarMenuIconWrapper) {
22442
- background-color: var(--accent-9);
22443
- color: var(--accent-contrast);
22444
- }
22445
- :where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarContent.rt-menu-variant-solid[data-high-contrast] .rt-SidebarMenuButton:where([data-highlighted], :hover):not([data-disabled]) .rt-SidebarMenuIconWrapper) {
22446
- background-color: var(--accent-12);
22447
- color: var(--accent-1);
22448
- }
22449
- :where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarContent.rt-menu-variant-solid[data-high-contrast] .rt-SidebarMenuButton[data-active] .rt-SidebarMenuIconWrapper) {
22450
- background-color: var(--accent-12);
22451
- color: var(--accent-1);
22208
+ background-color: var(--accent-solid);
22209
+ color: var(--accent-solid-contrast);
22452
22210
  }
22453
22211
  :where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarMenuBadge),
22454
22212
  :where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarMenuShortcut),
@@ -23560,11 +23318,11 @@
23560
23318
  transition: background var(--duration-1) var(--ease-1), color var(--duration-2) var(--ease-1);
23561
23319
  }
23562
23320
  :is(.rt-SidebarHeader:where(.rt-menu-variant-solid),.rt-SidebarContent:where(.rt-menu-variant-solid),.rt-SidebarFooter:where(.rt-menu-variant-solid)) :where(.rt-SidebarMenuButton:where([data-highlighted],:hover):not([data-disabled])) {
23563
- background-color: var(--accent-9);
23564
- color: var(--accent-contrast);
23321
+ background-color: var(--accent-solid);
23322
+ color: var(--accent-solid-contrast);
23565
23323
  }
23566
23324
  :is(:is(.rt-SidebarHeader:where(.rt-menu-variant-solid),.rt-SidebarContent:where(.rt-menu-variant-solid),.rt-SidebarFooter:where(.rt-menu-variant-solid)) :where(.rt-SidebarMenuButton:where([data-highlighted],:hover):not([data-disabled]))) :where(.rt-BaseMenuSubTriggerIcon) {
23567
- color: var(--accent-contrast);
23325
+ color: var(--accent-solid-contrast);
23568
23326
  }
23569
23327
  :is(:is(.rt-SidebarHeader:where(.rt-menu-variant-solid),.rt-SidebarContent:where(.rt-menu-variant-solid),.rt-SidebarFooter:where(.rt-menu-variant-solid)) :where(.rt-SidebarMenuButton:where([data-highlighted],:hover):not([data-disabled]))) :where(.rt-Text) {
23570
23328
  color: inherit !important;
@@ -23573,12 +23331,12 @@
23573
23331
  color: inherit !important;
23574
23332
  }
23575
23333
  :is(:is(.rt-SidebarHeader:where(.rt-menu-variant-solid),.rt-SidebarContent:where(.rt-menu-variant-solid),.rt-SidebarFooter:where(.rt-menu-variant-solid)) :where(.rt-SidebarMenuButton:where([data-highlighted],:hover):not([data-disabled]))) :where(.rt-Badge) {
23576
- color: var(--accent-contrast) !important;
23577
- background-color: var(--accent-12) !important;
23334
+ color: var(--accent-solid-badge-contrast) !important;
23335
+ background-color: var(--accent-solid-badge) !important;
23578
23336
  }
23579
23337
  :is(.rt-SidebarHeader:where(.rt-menu-variant-solid),.rt-SidebarContent:where(.rt-menu-variant-solid),.rt-SidebarFooter:where(.rt-menu-variant-solid)) :where(.rt-SidebarMenuButton[data-active]) {
23580
- background-color: var(--accent-9);
23581
- color: var(--accent-contrast);
23338
+ background-color: var(--accent-solid);
23339
+ color: var(--accent-solid-contrast);
23582
23340
  font-weight: var(--font-weight-medium);
23583
23341
  }
23584
23342
  :is(:is(.rt-SidebarHeader:where(.rt-menu-variant-solid),.rt-SidebarContent:where(.rt-menu-variant-solid),.rt-SidebarFooter:where(.rt-menu-variant-solid)) :where(.rt-SidebarMenuButton[data-active])) :where(.rt-Text) {
@@ -23588,68 +23346,8 @@
23588
23346
  color: inherit !important;
23589
23347
  }
23590
23348
  :is(:is(.rt-SidebarHeader:where(.rt-menu-variant-solid),.rt-SidebarContent:where(.rt-menu-variant-solid),.rt-SidebarFooter:where(.rt-menu-variant-solid)) :where(.rt-SidebarMenuButton[data-active])) :where(.rt-Badge) {
23591
- color: var(--accent-contrast) !important;
23592
- background-color: var(--accent-12) !important;
23593
- }
23594
- :is(.rt-SidebarHeader:where(.rt-menu-variant-solid),.rt-SidebarContent:where(.rt-menu-variant-solid),.rt-SidebarFooter:where(.rt-menu-variant-solid)):where(.rt-high-contrast) :where(.rt-SidebarMenuButton:where([data-highlighted],:hover):not([data-disabled])) {
23595
- background-color: var(--accent-12);
23596
- color: var(--accent-1);
23597
- }
23598
- :is(:is(.rt-SidebarHeader:where(.rt-menu-variant-solid),.rt-SidebarContent:where(.rt-menu-variant-solid),.rt-SidebarFooter:where(.rt-menu-variant-solid)):where(.rt-high-contrast) :where(.rt-SidebarMenuButton:where([data-highlighted],:hover):not([data-disabled]))) :where(.rt-BaseMenuSubTriggerIcon) {
23599
- color: var(--accent-1);
23600
- }
23601
- :is(:is(.rt-SidebarHeader:where(.rt-menu-variant-solid),.rt-SidebarContent:where(.rt-menu-variant-solid),.rt-SidebarFooter:where(.rt-menu-variant-solid)):where(.rt-high-contrast) :where(.rt-SidebarMenuButton:where([data-highlighted],:hover):not([data-disabled]))) :where(.rt-Text) {
23602
- color: inherit !important;
23603
- }
23604
- :is(:is(.rt-SidebarHeader:where(.rt-menu-variant-solid),.rt-SidebarContent:where(.rt-menu-variant-solid),.rt-SidebarFooter:where(.rt-menu-variant-solid)):where(.rt-high-contrast) :where(.rt-SidebarMenuButton:where([data-highlighted],:hover):not([data-disabled]))) :where([data-accent-color='gray']:not(.rt-Badge)) {
23605
- color: inherit !important;
23606
- }
23607
- :is(:is(.rt-SidebarHeader:where(.rt-menu-variant-solid),.rt-SidebarContent:where(.rt-menu-variant-solid),.rt-SidebarFooter:where(.rt-menu-variant-solid)):where(.rt-high-contrast) :where(.rt-SidebarMenuButton:where([data-highlighted],:hover):not([data-disabled]))) :where(.rt-Badge) {
23608
- color: var(--accent-1) !important;
23609
- background-color: var(--accent-9) !important;
23610
- }
23611
- :is(:is(.rt-SidebarHeader:where(.rt-menu-variant-solid),.rt-SidebarContent:where(.rt-menu-variant-solid),.rt-SidebarFooter:where(.rt-menu-variant-solid)):where(.rt-high-contrast) :where(.rt-SidebarMenuButton:where([data-highlighted],:hover):not([data-disabled]))):where([data-accent-color]) {
23612
- background-color: var(--accent-9);
23613
- color: var(--accent-contrast);
23614
- }
23615
- :is(:is(.rt-SidebarHeader:where(.rt-menu-variant-solid),.rt-SidebarContent:where(.rt-menu-variant-solid),.rt-SidebarFooter:where(.rt-menu-variant-solid)):where(.rt-high-contrast) :where(.rt-SidebarMenuButton:where([data-highlighted],:hover):not([data-disabled]))):where([data-accent-color]) :where(.rt-Text) {
23616
- color: inherit !important;
23617
- }
23618
- :is(:is(.rt-SidebarHeader:where(.rt-menu-variant-solid),.rt-SidebarContent:where(.rt-menu-variant-solid),.rt-SidebarFooter:where(.rt-menu-variant-solid)):where(.rt-high-contrast) :where(.rt-SidebarMenuButton:where([data-highlighted],:hover):not([data-disabled]))):where([data-accent-color]) :where([data-accent-color='gray']:not(.rt-Badge)) {
23619
- color: inherit !important;
23620
- }
23621
- :is(:is(.rt-SidebarHeader:where(.rt-menu-variant-solid),.rt-SidebarContent:where(.rt-menu-variant-solid),.rt-SidebarFooter:where(.rt-menu-variant-solid)):where(.rt-high-contrast) :where(.rt-SidebarMenuButton:where([data-highlighted],:hover):not([data-disabled]))):where([data-accent-color]) :where(.rt-Badge) {
23622
- color: var(--accent-contrast) !important;
23623
- background-color: var(--accent-12) !important;
23624
- }
23625
- :is(.rt-SidebarHeader:where(.rt-menu-variant-solid),.rt-SidebarContent:where(.rt-menu-variant-solid),.rt-SidebarFooter:where(.rt-menu-variant-solid)):where(.rt-high-contrast) :where(.rt-SidebarMenuButton[data-active]) {
23626
- background-color: var(--accent-12);
23627
- color: var(--accent-1);
23628
- font-weight: var(--font-weight-medium);
23629
- }
23630
- :is(:is(.rt-SidebarHeader:where(.rt-menu-variant-solid),.rt-SidebarContent:where(.rt-menu-variant-solid),.rt-SidebarFooter:where(.rt-menu-variant-solid)):where(.rt-high-contrast) :where(.rt-SidebarMenuButton[data-active])) :where(.rt-Text) {
23631
- color: inherit !important;
23632
- }
23633
- :is(:is(.rt-SidebarHeader:where(.rt-menu-variant-solid),.rt-SidebarContent:where(.rt-menu-variant-solid),.rt-SidebarFooter:where(.rt-menu-variant-solid)):where(.rt-high-contrast) :where(.rt-SidebarMenuButton[data-active])) :where([data-accent-color='gray']:not(.rt-Badge)) {
23634
- color: inherit !important;
23635
- }
23636
- :is(:is(.rt-SidebarHeader:where(.rt-menu-variant-solid),.rt-SidebarContent:where(.rt-menu-variant-solid),.rt-SidebarFooter:where(.rt-menu-variant-solid)):where(.rt-high-contrast) :where(.rt-SidebarMenuButton[data-active])) :where(.rt-Badge) {
23637
- color: var(--accent-1) !important;
23638
- background-color: var(--accent-9) !important;
23639
- }
23640
- :is(:is(.rt-SidebarHeader:where(.rt-menu-variant-solid),.rt-SidebarContent:where(.rt-menu-variant-solid),.rt-SidebarFooter:where(.rt-menu-variant-solid)):where(.rt-high-contrast) :where(.rt-SidebarMenuButton[data-active])):where([data-accent-color]) {
23641
- background-color: var(--accent-9);
23642
- color: var(--accent-contrast);
23643
- }
23644
- :is(:is(.rt-SidebarHeader:where(.rt-menu-variant-solid),.rt-SidebarContent:where(.rt-menu-variant-solid),.rt-SidebarFooter:where(.rt-menu-variant-solid)):where(.rt-high-contrast) :where(.rt-SidebarMenuButton[data-active])):where([data-accent-color]) :where(.rt-Text) {
23645
- color: inherit !important;
23646
- }
23647
- :is(:is(.rt-SidebarHeader:where(.rt-menu-variant-solid),.rt-SidebarContent:where(.rt-menu-variant-solid),.rt-SidebarFooter:where(.rt-menu-variant-solid)):where(.rt-high-contrast) :where(.rt-SidebarMenuButton[data-active])):where([data-accent-color]) :where([data-accent-color='gray']:not(.rt-Badge)) {
23648
- color: inherit !important;
23649
- }
23650
- :is(:is(.rt-SidebarHeader:where(.rt-menu-variant-solid),.rt-SidebarContent:where(.rt-menu-variant-solid),.rt-SidebarFooter:where(.rt-menu-variant-solid)):where(.rt-high-contrast) :where(.rt-SidebarMenuButton[data-active])):where([data-accent-color]) :where(.rt-Badge) {
23651
- color: var(--accent-contrast) !important;
23652
- background-color: var(--accent-12) !important;
23349
+ color: var(--accent-solid-badge-contrast) !important;
23350
+ background-color: var(--accent-solid-badge) !important;
23653
23351
  }
23654
23352
  :is(.rt-SidebarHeader:where(.rt-menu-variant-soft),.rt-SidebarContent:where(.rt-menu-variant-soft),.rt-SidebarFooter:where(.rt-menu-variant-soft)) :where(.rt-SidebarMenuSubTrigger) {
23655
23353
  -webkit-transition: var(--transition-menu);
@@ -23697,7 +23395,7 @@
23697
23395
  :is(:is(.rt-SidebarHeader:where(.rt-menu-variant-soft),.rt-SidebarContent:where(.rt-menu-variant-soft),.rt-SidebarFooter:where(.rt-menu-variant-soft)) :where(.rt-SidebarMenuButton:where([data-highlighted],:hover):not([data-disabled]))):where([data-panel-background='translucent']) {
23698
23396
  background-color: var(--accent-a4);
23699
23397
  }
23700
- :is(:is(.rt-SidebarHeader:where(.rt-menu-variant-soft),.rt-SidebarContent:where(.rt-menu-variant-soft),.rt-SidebarFooter:where(.rt-menu-variant-soft)) :where(.rt-SidebarMenuButton:where([data-highlighted],:hover):not([data-disabled]))) :where(.rt-Text[data-accent-color='gray'],[data-accent-color='gray']:not(.rt-Badge)) {
23398
+ :is(:is(.rt-SidebarHeader:where(.rt-menu-variant-soft),.rt-SidebarContent:where(.rt-menu-variant-soft),.rt-SidebarFooter:where(.rt-menu-variant-soft)) :where(.rt-SidebarMenuButton:where([data-highlighted],:hover):not([data-disabled]))) :where(.rt-Text.rt-emphasis-medium:where(:not([data-accent-color]),[data-accent-color='gray'])) {
23701
23399
  color: var(--gray-11) !important;
23702
23400
  }
23703
23401
  :is(.rt-SidebarHeader:where(.rt-menu-variant-soft),.rt-SidebarContent:where(.rt-menu-variant-soft),.rt-SidebarFooter:where(.rt-menu-variant-soft)) :where(.rt-SidebarMenuButton[data-active]) {
@@ -23719,7 +23417,7 @@
23719
23417
  background-color: var(--accent-a3);
23720
23418
  color: var(--accent-a12);
23721
23419
  }
23722
- :is(:is(.rt-SidebarHeader:where(.rt-menu-variant-soft),.rt-SidebarContent:where(.rt-menu-variant-soft),.rt-SidebarFooter:where(.rt-menu-variant-soft)) :where(.rt-SidebarMenuButton[data-active])) :where(.rt-Text[data-accent-color='gray'],[data-accent-color='gray']:not(.rt-Badge)) {
23420
+ :is(:is(.rt-SidebarHeader:where(.rt-menu-variant-soft),.rt-SidebarContent:where(.rt-menu-variant-soft),.rt-SidebarFooter:where(.rt-menu-variant-soft)) :where(.rt-SidebarMenuButton[data-active])) :where(.rt-Text.rt-emphasis-medium:where(:not([data-accent-color]),[data-accent-color='gray'])) {
23723
23421
  color: var(--gray-11) !important;
23724
23422
  }
23725
23423
  .rt-SidebarSearch {
@@ -23830,8 +23528,8 @@
23830
23528
  background-color: var(--accent-a4);
23831
23529
  }
23832
23530
  :where(.rt-SidebarContainer[data-presentation='thin'].rt-menu-variant-solid) :where(.rt-SidebarSearchTrigger:where(:hover):not([data-disabled]) .rt-SidebarMenuIconWrapper) {
23833
- background-color: var(--accent-9);
23834
- color: var(--accent-contrast);
23531
+ background-color: var(--accent-solid);
23532
+ color: var(--accent-solid-contrast);
23835
23533
  }
23836
23534
  .rt-SidebarSearchPopover {
23837
23535
  display: -webkit-box;
@@ -24716,7 +24414,7 @@
24716
24414
  content: '';
24717
24415
  position: absolute;
24718
24416
  inset: calc(var(--slider-thumb-inset-factor) * var(--slider-track-size) * -1);
24719
- background-color: white;
24417
+ background-color: var(--accent-solid-thumb);
24720
24418
  border-radius: var(--slider-thumb-radius);
24721
24419
  -webkit-box-shadow: var(--shadow-2);
24722
24420
  box-shadow: var(--shadow-2);
@@ -24932,10 +24630,7 @@
24932
24630
  box-shadow: inset 0 0 0 1px var(--gray-5);
24933
24631
  }
24934
24632
  .rt-SliderRoot:where(.rt-variant-surface) :where(.rt-SliderRange) {
24935
- background-color: var(--accent-9);
24936
- }
24937
- .rt-SliderRoot:where(.rt-variant-surface):where(.rt-high-contrast) :where(.rt-SliderRange) {
24938
- background-color: var(--accent-12);
24633
+ background-color: var(--accent-solid);
24939
24634
  }
24940
24635
  .rt-SliderRoot:where(.rt-variant-soft) :where(.rt-SliderTrack) {
24941
24636
  background-color: var(--gray-3);
@@ -24950,10 +24645,7 @@
24950
24645
  background-color: color-mix(in srgb, var(--gray-a3), var(--gray-3) 60%);
24951
24646
  }
24952
24647
  .rt-SliderRoot:where(.rt-variant-soft) :where(.rt-SliderRange) {
24953
- background-color: var(--accent-9);
24954
- }
24955
- .rt-SliderRoot:where(.rt-variant-soft):where(.rt-high-contrast) :where(.rt-SliderRange) {
24956
- background-color: var(--accent-12);
24648
+ background-color: var(--accent-solid);
24957
24649
  }
24958
24650
  .rt-SliderRoot:where(.rt-variant-soft) :where(.rt-SliderThumb) {
24959
24651
  --slider-thumb-box-shadow: var(--shadow-3);
@@ -24975,17 +24667,11 @@
24975
24667
  box-shadow: inset 0 0 0 1px var(--gray-a6);
24976
24668
  }
24977
24669
  .rt-SliderRoot:where(.rt-variant-outline) :where(.rt-SliderRange) {
24978
- background-color: var(--accent-9);
24979
- }
24980
- .rt-SliderRoot:where(.rt-variant-outline):where(.rt-high-contrast) :where(.rt-SliderRange) {
24981
- background-color: var(--accent-12);
24670
+ background-color: var(--accent-solid);
24982
24671
  }
24983
24672
  .rt-SliderRoot:where(.rt-variant-outline) :where(.rt-SliderThumb) {
24984
24673
  --slider-thumb-box-shadow: var(--shadow-3);
24985
24674
  }
24986
- .rt-SliderRoot:where(:not(.rt-high-contrast)) {
24987
- --slider-range-high-contrast-background-image: none;
24988
- }
24989
24675
  .rt-SliderRoot:where([data-disabled]) {
24990
24676
  cursor: var(--cursor-disabled);
24991
24677
  }
@@ -25323,6 +25009,7 @@
25323
25009
  transition: transform var(--transition-standard), box-shadow var(--transition-standard), -webkit-transform var(--transition-standard), -webkit-box-shadow var(--transition-standard);
25324
25010
  }
25325
25011
  .rt-SwitchThumb:where([data-state='checked']) {
25012
+ background-color: var(--accent-solid-thumb);
25326
25013
  -webkit-transform: translateX(var(--switch-thumb-translate-x));
25327
25014
  transform: translateX(var(--switch-thumb-translate-x));
25328
25015
  }
@@ -25429,12 +25116,7 @@
25429
25116
  box-shadow: inset 0 0 0 1px var(--gray-a6);
25430
25117
  }
25431
25118
  .rt-SwitchRoot:where(.rt-variant-surface):where([data-state='checked'])::before {
25432
- background-color: var(--accent-9);
25433
- -webkit-box-shadow: none;
25434
- box-shadow: none;
25435
- }
25436
- .rt-SwitchRoot:where(.rt-variant-surface):where(.rt-high-contrast):where([data-state='checked'])::before {
25437
- background-color: var(--accent-12);
25119
+ background-color: var(--accent-solid);
25438
25120
  -webkit-box-shadow: none;
25439
25121
  box-shadow: none;
25440
25122
  }
@@ -25451,10 +25133,7 @@
25451
25133
  background-color: color-mix(in srgb, var(--gray-a3), var(--gray-3) 60%);
25452
25134
  }
25453
25135
  .rt-SwitchRoot:where(.rt-variant-soft):where([data-state='checked'])::before {
25454
- background-color: var(--accent-9);
25455
- }
25456
- .rt-SwitchRoot:where(.rt-variant-soft):where(.rt-high-contrast):where([data-state='checked'])::before {
25457
- background-color: var(--accent-12);
25136
+ background-color: var(--accent-solid);
25458
25137
  }
25459
25138
  .rt-SwitchRoot:where(.rt-variant-outline)::before {
25460
25139
  -webkit-box-shadow: inset 0 0 0 1px var(--gray-6);
@@ -25473,12 +25152,7 @@
25473
25152
  box-shadow: inset 0 0 0 1px var(--gray-a6);
25474
25153
  }
25475
25154
  .rt-SwitchRoot:where(.rt-variant-outline):where([data-state='checked'])::before {
25476
- background-color: var(--accent-9);
25477
- -webkit-box-shadow: none;
25478
- box-shadow: none;
25479
- }
25480
- .rt-SwitchRoot:where(.rt-variant-outline):where(.rt-high-contrast):where([data-state='checked'])::before {
25481
- background-color: var(--accent-12);
25155
+ background-color: var(--accent-solid);
25482
25156
  -webkit-box-shadow: none;
25483
25157
  box-shadow: none;
25484
25158
  }
@@ -25853,7 +25527,7 @@
25853
25527
  bottom: 0;
25854
25528
  left: 0;
25855
25529
  right: 0;
25856
- background-color: var(--accent-indicator);
25530
+ background-color: var(--accent-solid-indicator);
25857
25531
  -webkit-transform-origin: center;
25858
25532
  transform-origin: center;
25859
25533
  -webkit-transition: opacity var(--duration-2) var(--ease-1), background-color var(--duration-2) var(--ease-1), -webkit-transform var(--duration-3) var(--ease-3);
@@ -25861,9 +25535,6 @@
25861
25535
  transition: transform var(--duration-3) var(--ease-3), opacity var(--duration-2) var(--ease-1), background-color var(--duration-2) var(--ease-1);
25862
25536
  transition: transform var(--duration-3) var(--ease-3), opacity var(--duration-2) var(--ease-1), background-color var(--duration-2) var(--ease-1), -webkit-transform var(--duration-3) var(--ease-3);
25863
25537
  }
25864
- :is(:where(.rt-BaseTabList.rt-high-contrast) .rt-BaseTabListTrigger):where([data-state='active'],[data-active])::before {
25865
- background-color: var(--accent-12);
25866
- }
25867
25538
  @media (forced-colors: active) {
25868
25539
  .rt-BaseTabListTrigger:where([data-state='active'])::before,
25869
25540
  .rt-TabNavLink:where([data-active])::before {