@kushagradhawan/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/components.css CHANGED
@@ -1098,11 +1098,23 @@
1098
1098
  :where(.rt-Text) {
1099
1099
  margin: 0;
1100
1100
  }
1101
+ .rt-Text:where(.rt-emphasis-loud) {
1102
+ color: var(--gray-ink);
1103
+ }
1104
+ .rt-Text:where(.rt-emphasis-medium) {
1105
+ color: var(--gray-ink-muted);
1106
+ }
1107
+ .rt-Text:where(.rt-emphasis-quiet) {
1108
+ color: var(--gray-ink-faint);
1109
+ }
1101
1110
  .rt-Text:where([data-accent-color]) {
1102
- color: var(--accent-a11);
1111
+ color: var(--accent-ink);
1103
1112
  }
1104
- .rt-Text:where([data-accent-color].rt-high-contrast),:where([data-accent-color]:not(.radix-themes)) .rt-Text:where(.rt-high-contrast) {
1105
- color: var(--accent-12);
1113
+ .rt-Text:where([data-accent-color].rt-emphasis-medium) {
1114
+ color: var(--accent-ink-muted);
1115
+ }
1116
+ .rt-Text:where([data-accent-color].rt-emphasis-quiet) {
1117
+ color: var(--accent-ink-faint);
1106
1118
  }
1107
1119
  @media (pointer: coarse) {
1108
1120
  .rt-Text:where(label) {
@@ -1792,35 +1804,8 @@
1792
1804
  -webkit-transition: var(--transition-accordion-trigger-active);
1793
1805
  transition: var(--transition-accordion-trigger-active);
1794
1806
  }
1795
- :where(.rt-AccordionRoot:where(.rt-variant-soft)) .rt-AccordionTrigger {
1796
- color: var(--accent-a11);
1797
- }
1798
- :where(.rt-AccordionRoot:where(.rt-variant-soft.rt-high-contrast)) .rt-AccordionTrigger {
1799
- color: var(--accent-12);
1800
- }
1801
- :where(.rt-AccordionRoot:where(.rt-variant-outline)) .rt-AccordionTrigger {
1802
- color: var(--accent-11);
1803
- }
1804
- :where(.rt-AccordionRoot:where(.rt-variant-outline.rt-high-contrast)) .rt-AccordionTrigger {
1805
- color: var(--accent-12);
1806
- }
1807
- :where(.rt-AccordionRoot:where(.rt-variant-surface)) .rt-AccordionTrigger {
1808
- color: var(--accent-a11);
1809
- }
1810
- :where(.rt-AccordionRoot:where(.rt-variant-surface.rt-high-contrast)) .rt-AccordionTrigger {
1811
- color: var(--accent-12);
1812
- }
1813
- :where(.rt-AccordionRoot:where(.rt-variant-ghost)) .rt-AccordionTrigger {
1814
- color: var(--accent-a11);
1815
- }
1816
- :where(.rt-AccordionRoot:where(.rt-variant-ghost.rt-high-contrast)) .rt-AccordionTrigger {
1817
- color: var(--accent-12);
1818
- }
1819
- :where(.rt-AccordionRoot:where(.rt-variant-classic)) .rt-AccordionTrigger {
1820
- color: var(--accent-a11);
1821
- }
1822
- :where(.rt-AccordionRoot:where(.rt-variant-classic.rt-high-contrast)) .rt-AccordionTrigger {
1823
- color: var(--accent-12);
1807
+ :where(.rt-AccordionRoot:where(.rt-variant-soft, .rt-variant-outline, .rt-variant-surface, .rt-variant-ghost, .rt-variant-classic)) .rt-AccordionTrigger {
1808
+ color: var(--accent-ink);
1824
1809
  }
1825
1810
  :where(.rt-AccordionRoot:where(.rt-variant-classic):hover) {
1826
1811
  background-color: var(--accent-2);
@@ -1929,7 +1914,7 @@
1929
1914
  .rt-AccordionContent {
1930
1915
  overflow: hidden;
1931
1916
  font-size: var(--font-size-2);
1932
- color: var(--accent-a11);
1917
+ color: var(--accent-ink);
1933
1918
  line-height: var(--line-height-4);
1934
1919
  -webkit-transform-origin: top;
1935
1920
  transform-origin: top;
@@ -2018,21 +2003,9 @@
2018
2003
  transform: translateY(-4px) scaleY(0.98);
2019
2004
  }
2020
2005
  }
2021
- :where(.rt-AccordionRoot[data-high-contrast]) .rt-AccordionTrigger {
2022
- color: var(--accent-12);
2023
- }
2024
- :where(.rt-AccordionRoot[data-high-contrast]) .rt-AccordionContent {
2025
- color: var(--accent-12);
2026
- }
2027
2006
  :where(.rt-AccordionRoot:where(.rt-variant-soft)[data-accent-color]) :where(.rt-AccordionTrigger:hover) {
2028
2007
  background-color: var(--accent-a4);
2029
2008
  }
2030
- :where(.rt-AccordionRoot[data-accent-color]) .rt-AccordionContent {
2031
- color: var(--accent-a11);
2032
- }
2033
- :where(.rt-AccordionRoot[data-accent-color].rt-high-contrast) .rt-AccordionContent {
2034
- color: var(--accent-12);
2035
- }
2036
2009
  @media (prefers-reduced-motion: reduce) {
2037
2010
  :where(.rt-AccordionContent[data-state="open"]),
2038
2011
  :where(.rt-AccordionContent[data-state="closed"]) {
@@ -3087,8 +3060,7 @@
3087
3060
  }
3088
3061
  }
3089
3062
  .rt-AvatarRoot:where(.rt-variant-soft) {
3090
- --v-color: var(--accent-11);
3091
- --v-color-high-contrast: var(--accent-12);
3063
+ --v-color: var(--accent-ink);
3092
3064
  --v-bg: var(--accent-3);
3093
3065
  --v-bg-a: var(--accent-a3);
3094
3066
  --v-bg-hover: var(--accent-4);
@@ -3098,9 +3070,7 @@
3098
3070
  --v-bg-disabled: var(--gray-a3);
3099
3071
  }
3100
3072
  .rt-AvatarRoot:where(.rt-variant-outline) {
3101
- --v-color: var(--accent-11);
3102
- --v-color-a: var(--accent-a11);
3103
- --v-color-high-contrast: var(--accent-12);
3073
+ --v-color: var(--accent-ink);
3104
3074
  --v-bg: transparent;
3105
3075
  --v-bg-a: transparent;
3106
3076
  --v-bg-hover: var(--accent-2);
@@ -3117,8 +3087,7 @@
3117
3087
  --v-border-disabled: var(--gray-a7);
3118
3088
  }
3119
3089
  .rt-AvatarRoot:where(.rt-variant-surface) {
3120
- --v-color: var(--accent-a11);
3121
- --v-color-high-contrast: var(--accent-12);
3090
+ --v-color: var(--accent-ink);
3122
3091
  --v-bg: var(--accent-2);
3123
3092
  --v-bg-a: var(--accent-a2);
3124
3093
  --v-bg-hover: var(--accent-3);
@@ -3138,19 +3107,10 @@
3138
3107
  color: var(--v-color);
3139
3108
  background-color: color-mix(in srgb, var(--v-bg-a) calc(var(--material-alpha) * 100%), var(--v-bg) var(--material-blend));
3140
3109
  }
3141
- .rt-AvatarRoot:where(.rt-variant-soft,.rt-variant-outline,.rt-variant-surface):where(.rt-high-contrast) :where(.rt-AvatarFallback) {
3142
- color: var(--v-color-high-contrast);
3143
- }
3144
3110
  .rt-AvatarRoot:where(.rt-variant-soft,.rt-variant-outline,.rt-variant-surface):where([data-disabled]) :where(.rt-AvatarFallback) {
3145
3111
  color: var(--gray-a8);
3146
3112
  background-color: var(--v-bg-disabled, var(--gray-a3));
3147
3113
  }
3148
- .rt-AvatarRoot:where(.rt-variant-outline) :where(.rt-AvatarFallback) {
3149
- color: color-mix(in srgb, var(--v-color-a) calc(var(--material-alpha) * 100%), var(--v-color) var(--material-blend));
3150
- }
3151
- .rt-AvatarRoot:where(.rt-variant-outline):where(.rt-high-contrast) :where(.rt-AvatarFallback) {
3152
- color: var(--v-color-high-contrast);
3153
- }
3154
3114
  .rt-AvatarRoot:where(.rt-variant-outline,.rt-variant-surface) :where(.rt-AvatarFallback) {
3155
3115
  -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));
3156
3116
  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));
@@ -3195,12 +3155,8 @@
3195
3155
  --solid-blend: calc(100% - (var(--material-alpha) * 90%));
3196
3156
  }
3197
3157
  .rt-AvatarRoot:where(.rt-variant-solid) :where(.rt-AvatarFallback) {
3198
- background-color: color-mix(in srgb, var(--accent-a9) calc(var(--material-alpha) * 100%), var(--accent-9) var(--solid-blend));
3199
- color: var(--accent-contrast);
3200
- }
3201
- .rt-AvatarRoot:where(.rt-variant-solid):where(.rt-high-contrast) :where(.rt-AvatarFallback) {
3202
- background-color: color-mix(in srgb, var(--accent-a12) calc(var(--material-alpha) * 100%), var(--accent-12) var(--solid-blend));
3203
- color: var(--gray-1);
3158
+ background-color: color-mix(in srgb, var(--accent-solid-a) calc(var(--material-alpha) * 100%), var(--accent-solid) var(--solid-blend));
3159
+ color: var(--accent-solid-contrast);
3204
3160
  }
3205
3161
  .rt-AvatarRoot:where(.rt-variant-solid):where([data-disabled]) :where(.rt-AvatarFallback) {
3206
3162
  color: var(--gray-a8);
@@ -3210,32 +3166,20 @@
3210
3166
  }
3211
3167
  @media (hover: hover) {
3212
3168
  .rt-AvatarRoot:where(button,a,[role="button"]):where(.rt-variant-solid):where(:hover:not(:disabled,[data-disabled])) {
3213
- background-color: color-mix(in srgb, var(--accent-a10) calc(var(--material-alpha) * 100%), var(--accent-10) var(--solid-blend));
3169
+ background-color: color-mix(in srgb, var(--accent-solid-hover-a) calc(var(--material-alpha) * 100%), var(--accent-solid-hover) var(--solid-blend));
3214
3170
  }
3215
3171
  .rt-AvatarRoot:where(button,a,[role="button"]):where(.rt-variant-solid):where(:hover:not(:disabled,[data-disabled])) :where(.rt-AvatarFallback) {
3216
3172
  background-color: inherit;
3173
+ -webkit-filter: var(--accent-solid-hover-filter);
3174
+ filter: var(--accent-solid-hover-filter);
3217
3175
  }
3218
3176
  }
3219
3177
  .rt-AvatarRoot:where(button,a,[role="button"]):where(.rt-variant-solid):where(:active:not(:disabled,[data-disabled])) {
3220
- background-color: color-mix(in srgb, var(--accent-a11) calc(var(--material-alpha) * 100%), var(--accent-11) var(--solid-blend));
3178
+ background-color: color-mix(in srgb, var(--accent-solid-active-a) calc(var(--material-alpha) * 100%), var(--accent-solid-active) var(--solid-blend));
3221
3179
  }
3222
3180
  .rt-AvatarRoot:where(button,a,[role="button"]):where(.rt-variant-solid):where(:active:not(:disabled,[data-disabled])) :where(.rt-AvatarFallback) {
3223
3181
  background-color: inherit;
3224
3182
  }
3225
- @media (hover: hover) {
3226
- .rt-AvatarRoot:where(button,a,[role="button"]):where(.rt-variant-solid):where(.rt-high-contrast):where(:hover:not(:disabled,[data-disabled])) {
3227
- background-color: color-mix(in srgb, var(--accent-a12) calc(var(--material-alpha) * 100%), var(--accent-12) var(--solid-blend));
3228
- }
3229
- .rt-AvatarRoot:where(button,a,[role="button"]):where(.rt-variant-solid):where(.rt-high-contrast):where(:hover:not(:disabled,[data-disabled])) :where(.rt-AvatarFallback) {
3230
- background-color: inherit;
3231
- }
3232
- }
3233
- .rt-AvatarRoot:where(button,a,[role="button"]):where(.rt-variant-solid):where(.rt-high-contrast):where(:active:not(:disabled,[data-disabled])) {
3234
- background-color: color-mix(in srgb, var(--accent-a12) calc(var(--material-alpha) * 100%), var(--accent-12) var(--solid-blend));
3235
- }
3236
- .rt-AvatarRoot:where(button,a,[role="button"]):where(.rt-variant-solid):where(.rt-high-contrast):where(:active:not(:disabled,[data-disabled])) :where(.rt-AvatarFallback) {
3237
- background-color: inherit;
3238
- }
3239
3183
  .rt-AvatarRoot:where(.rt-variant-classic) {
3240
3184
  position: relative;
3241
3185
  top: var(--classic-elevation-offset);
@@ -3243,15 +3187,11 @@
3243
3187
  .rt-AvatarRoot:where(.rt-variant-classic) :where(.rt-AvatarFallback) {
3244
3188
  position: relative;
3245
3189
  top: 0;
3246
- color: var(--accent-a11);
3190
+ color: var(--accent-ink);
3247
3191
  background-color: color-mix(in srgb, var(--color-surface-translucent) calc(var(--material-alpha) * 100%), var(--color-surface-solid) var(--material-blend));
3248
3192
  -webkit-box-shadow: var(--shadow-2);
3249
3193
  box-shadow: var(--shadow-2);
3250
3194
  }
3251
- .rt-AvatarRoot:where(.rt-variant-classic):where(.rt-high-contrast) :where(.rt-AvatarFallback) {
3252
- color: var(--gray-12);
3253
- background-color: color-mix(in srgb, var(--color-surface-translucent) calc(var(--material-alpha) * 100%), var(--color-surface-solid) var(--material-blend));
3254
- }
3255
3195
  .rt-AvatarRoot:where(.rt-variant-classic):where([data-disabled]) :where(.rt-AvatarFallback) {
3256
3196
  color: var(--gray-a8);
3257
3197
  background-color: var(--gray-a3);
@@ -3286,24 +3226,12 @@
3286
3226
  :where(.radix-themes) {
3287
3227
  --avatar-image-hover-filter: brightness(0.95) saturate(1.05);
3288
3228
  --avatar-image-active-filter: brightness(0.9) saturate(1.1);
3289
- --base-button-solid-high-contrast-hover-filter: contrast(0.88) saturate(1.1) brightness(1.1);
3290
- --base-button-solid-active-filter: brightness(0.9) contrast(1.03);
3291
- --base-button-solid-open-filter: brightness(0.96) contrast(1.02);
3292
- --base-button-solid-high-contrast-active-filter: brightness(0.92);
3293
- --base-button-solid-high-contrast-open-filter: brightness(0.96);
3294
3229
  --segmented-control-indicator-background-color: var(--color-background);
3295
- --slider-range-high-contrast-background-image: linear-gradient(var(--black-a8), var(--black-a8));
3296
3230
  }
3297
3231
  :is(.dark, .dark-theme),
3298
3232
  :is(.dark, .dark-theme) :where(.radix-themes:not(.light, .light-theme)) {
3299
3233
  --avatar-image-hover-filter: brightness(1.05) saturate(1.05);
3300
3234
  --avatar-image-active-filter: brightness(1.1) saturate(1.1);
3301
- --base-button-solid-high-contrast-hover-filter: contrast(0.88) saturate(1.3) brightness(1.18);
3302
- --base-button-solid-active-filter: brightness(0.88) contrast(1.03);
3303
- --base-button-solid-open-filter: brightness(0.95) contrast(1.02);
3304
- --base-button-solid-high-contrast-active-filter: brightness(0.9);
3305
- --base-button-solid-high-contrast-open-filter: brightness(0.95);
3306
- --slider-range-high-contrast-background-image: none;
3307
3235
  }
3308
3236
  .rt-AvatarStatus,
3309
3237
  .rt-AvatarBadge {
@@ -3692,12 +3620,8 @@
3692
3620
  }
3693
3621
  .rt-Badge:where(.rt-variant-solid) {
3694
3622
  --solid-blend: calc(100% - (var(--material-alpha) * 90%));
3695
- background-color: color-mix(in srgb, var(--accent-a9) calc(var(--material-alpha) * 100%), var(--accent-9) var(--solid-blend));
3696
- color: var(--accent-contrast);
3697
- }
3698
- .rt-Badge:where(.rt-variant-solid):where(.rt-high-contrast) {
3699
- background-color: color-mix(in srgb, var(--accent-a12) calc(var(--material-alpha) * 100%), var(--accent-12) var(--solid-blend));
3700
- color: var(--gray-1);
3623
+ background-color: color-mix(in srgb, var(--accent-solid-a) calc(var(--material-alpha) * 100%), var(--accent-solid) var(--solid-blend));
3624
+ color: var(--accent-solid-contrast);
3701
3625
  }
3702
3626
  .rt-Badge:where(.rt-variant-solid):where([data-disabled]) {
3703
3627
  color: var(--gray-a8);
@@ -3712,16 +3636,10 @@
3712
3636
  background-color: color-mix(in srgb, var(--accent-a2) calc(var(--material-alpha) * 100%), var(--accent-2) var(--material-blend));
3713
3637
  -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));
3714
3638
  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));
3715
- color: var(--accent-a11);
3716
- }
3717
- .rt-Badge:where(.rt-variant-surface):where(.rt-high-contrast) {
3718
- color: var(--accent-12);
3639
+ color: var(--accent-ink);
3719
3640
  }
3720
3641
  .rt-Badge:where(.rt-variant-soft, .rt-variant-ghost) {
3721
- color: var(--accent-a11);
3722
- }
3723
- .rt-Badge:where(.rt-variant-soft,.rt-variant-ghost):where(.rt-high-contrast) {
3724
- color: var(--accent-12);
3642
+ color: var(--accent-ink);
3725
3643
  }
3726
3644
  .rt-Badge:where(.rt-variant-soft,.rt-variant-ghost):where([data-disabled]) {
3727
3645
  color: var(--gray-a8);
@@ -3741,24 +3659,18 @@
3741
3659
  .rt-Badge:where(.rt-variant-outline) {
3742
3660
  -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));
3743
3661
  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));
3744
- color: color-mix(in srgb, var(--accent-a11) calc(var(--material-alpha) * 100%), var(--accent-11) var(--material-blend));
3662
+ color: var(--accent-ink);
3745
3663
  -webkit-transition: var(--transition-background-blur);
3746
3664
  transition: var(--transition-background-blur);
3747
3665
  }
3748
- .rt-Badge:where(.rt-variant-outline):where(.rt-high-contrast) {
3749
- color: var(--accent-12);
3750
- }
3751
3666
  .rt-Badge:where(.rt-variant-ghost) {
3752
3667
  background-color: transparent;
3753
- color: var(--accent-a11);
3754
- }
3755
- .rt-Badge:where(.rt-variant-ghost):where(.rt-high-contrast) {
3756
- color: var(--accent-12);
3668
+ color: var(--accent-ink);
3757
3669
  }
3758
3670
  .rt-Badge:where(.rt-variant-classic) {
3759
3671
  position: relative;
3760
3672
  top: var(--classic-elevation-offset);
3761
- color: var(--accent-a11);
3673
+ color: var(--accent-ink);
3762
3674
  -webkit-box-shadow: var(--shadow-2);
3763
3675
  box-shadow: var(--shadow-2);
3764
3676
  -webkit-transition: var(--transition-text-field);
@@ -3775,9 +3687,6 @@
3775
3687
  .rt-Badge:where(.rt-variant-classic):where([data-panel-background='translucent'],[data-material='translucent']) {
3776
3688
  --classic-surface: var(--color-surface-translucent);
3777
3689
  }
3778
- .rt-Badge:where(.rt-variant-classic):where(.rt-high-contrast) {
3779
- color: var(--accent-12);
3780
- }
3781
3690
  .rt-Blockquote {
3782
3691
  -webkit-box-sizing: border-box;
3783
3692
  box-sizing: border-box;
@@ -4010,8 +3919,7 @@
4010
3919
  }
4011
3920
  }
4012
3921
  .rt-BaseButton:where(.rt-variant-soft) {
4013
- --v-color: var(--accent-a11);
4014
- --v-color-high-contrast: var(--accent-12);
3922
+ --v-color: var(--accent-ink);
4015
3923
  --v-bg: var(--accent-3);
4016
3924
  --v-bg-a: var(--accent-a3);
4017
3925
  --v-bg-hover: var(--accent-4);
@@ -4025,8 +3933,7 @@
4025
3933
  --v-focus-offset: -1px;
4026
3934
  }
4027
3935
  .rt-BaseButton:where(.rt-variant-ghost) {
4028
- --v-color: var(--accent-a11);
4029
- --v-color-high-contrast: var(--accent-12);
3936
+ --v-color: var(--accent-ink);
4030
3937
  --v-bg: transparent;
4031
3938
  --v-bg-a: transparent;
4032
3939
  --v-bg-hover: var(--accent-3);
@@ -4040,8 +3947,7 @@
4040
3947
  --v-focus-offset: -1px;
4041
3948
  }
4042
3949
  .rt-BaseButton:where(.rt-variant-outline) {
4043
- --v-color: var(--accent-11);
4044
- --v-color-high-contrast: var(--accent-12);
3950
+ --v-color: var(--accent-ink);
4045
3951
  --v-bg: transparent;
4046
3952
  --v-bg-a: transparent;
4047
3953
  --v-bg-hover: var(--accent-2);
@@ -4064,8 +3970,7 @@
4064
3970
  --v-focus-offset: -1px;
4065
3971
  }
4066
3972
  .rt-BaseButton:where(.rt-variant-surface) {
4067
- --v-color: var(--accent-a11);
4068
- --v-color-high-contrast: var(--accent-12);
3973
+ --v-color: var(--accent-ink);
4069
3974
  --v-bg: var(--accent-2);
4070
3975
  --v-bg-a: var(--accent-a2);
4071
3976
  --v-bg-hover: var(--accent-3);
@@ -4091,9 +3996,6 @@
4091
3996
  color: var(--v-color);
4092
3997
  background-color: color-mix(in srgb, var(--v-bg-a) calc(var(--material-alpha) * 100%), var(--v-bg) var(--material-blend));
4093
3998
  }
4094
- .rt-BaseButton:where(.rt-variant-soft,.rt-variant-ghost,.rt-variant-outline,.rt-variant-surface):where(.rt-high-contrast) {
4095
- color: var(--v-color-high-contrast);
4096
- }
4097
3999
  .rt-BaseButton:where(.rt-variant-soft,.rt-variant-ghost,.rt-variant-outline,.rt-variant-surface):where(:focus-visible) {
4098
4000
  outline: 2px solid var(--v-focus-color);
4099
4001
  outline-offset: var(--v-focus-offset);
@@ -4168,7 +4070,7 @@
4168
4070
  }
4169
4071
  .rt-BaseButton:where(.rt-variant-classic) {
4170
4072
  position: relative;
4171
- color: var(--accent-a11);
4073
+ color: var(--accent-ink);
4172
4074
  background-color: var(--color-surface-solid);
4173
4075
  -webkit-box-shadow: var(--shadow-2);
4174
4076
  box-shadow: var(--shadow-2);
@@ -4176,9 +4078,6 @@
4176
4078
  .rt-BaseButton:where(.rt-variant-classic):where([data-material='translucent']) {
4177
4079
  background-color: var(--color-surface-translucent);
4178
4080
  }
4179
- .rt-BaseButton:where(.rt-variant-classic):where(.rt-high-contrast) {
4180
- color: var(--gray-12);
4181
- }
4182
4081
  .rt-BaseButton:where(.rt-variant-classic):where(:focus-visible) {
4183
4082
  outline: 2px solid var(--focus-8);
4184
4083
  outline-offset: 2px;
@@ -4281,8 +4180,8 @@
4281
4180
  }
4282
4181
  .rt-BaseButton:where(.rt-variant-solid) {
4283
4182
  --solid-blend: calc(100% - (var(--material-alpha) * 90%));
4284
- background-color: color-mix(in srgb, var(--accent-a9) calc(var(--material-alpha) * 100%), var(--accent-9) var(--solid-blend));
4285
- color: var(--accent-contrast);
4183
+ background-color: color-mix(in srgb, var(--accent-solid-a) calc(var(--material-alpha) * 100%), var(--accent-solid) var(--solid-blend));
4184
+ color: var(--accent-solid-contrast);
4286
4185
  }
4287
4186
  .rt-BaseButton:where(.rt-variant-solid):where(:focus-visible) {
4288
4187
  outline: 2px solid var(--focus-8);
@@ -4290,22 +4189,24 @@
4290
4189
  }
4291
4190
  @media (hover: hover) {
4292
4191
  .rt-BaseButton:where(.rt-variant-solid):where(:hover) {
4293
- background-color: color-mix(in srgb, var(--accent-a10) calc(var(--material-alpha) * 100%), var(--accent-10) var(--solid-blend));
4192
+ background-color: color-mix(in srgb, var(--accent-solid-hover-a) calc(var(--material-alpha) * 100%), var(--accent-solid-hover) var(--solid-blend));
4193
+ -webkit-filter: var(--accent-solid-hover-filter);
4194
+ filter: var(--accent-solid-hover-filter);
4294
4195
  -webkit-box-shadow: var(--shadow-2);
4295
4196
  box-shadow: var(--shadow-2);
4296
4197
  }
4297
4198
  }
4298
4199
  .rt-BaseButton:where(.rt-variant-solid):where([data-state='open']) {
4299
- background-color: color-mix(in srgb, var(--accent-a10) calc(var(--material-alpha) * 100%), var(--accent-10) var(--solid-blend));
4300
- -webkit-filter: var(--base-button-solid-open-filter);
4301
- filter: var(--base-button-solid-open-filter);
4200
+ background-color: color-mix(in srgb, var(--accent-solid-hover-a) calc(var(--material-alpha) * 100%), var(--accent-solid-hover) var(--solid-blend));
4201
+ -webkit-filter: var(--accent-solid-open-filter);
4202
+ filter: var(--accent-solid-open-filter);
4302
4203
  }
4303
4204
  .rt-BaseButton:where(.rt-variant-solid):where(:active:not([data-state='open'])) {
4304
- -webkit-filter: var(--base-button-solid-active-filter);
4305
- filter: var(--base-button-solid-active-filter);
4205
+ -webkit-filter: var(--accent-solid-active-filter);
4206
+ filter: var(--accent-solid-active-filter);
4306
4207
  }
4307
4208
  .rt-BaseButton:where(.rt-variant-solid):where([data-state='on']) {
4308
- background-color: color-mix(in srgb, var(--accent-a10) calc(var(--material-alpha) * 100%), var(--accent-10) var(--solid-blend));
4209
+ background-color: color-mix(in srgb, var(--accent-solid-hover-a) calc(var(--material-alpha) * 100%), var(--accent-solid-hover) var(--solid-blend));
4309
4210
  opacity: 0.9;
4310
4211
  }
4311
4212
  @media (pointer: coarse) {
@@ -4314,32 +4215,6 @@
4314
4215
  outline-offset: 0;
4315
4216
  }
4316
4217
  }
4317
- .rt-BaseButton:where(.rt-variant-solid):where(.rt-high-contrast) {
4318
- background-color: color-mix(in srgb, var(--accent-a12) calc(var(--material-alpha) * 100%), var(--accent-12) var(--solid-blend));
4319
- color: var(--gray-1);
4320
- }
4321
- @media (hover: hover) {
4322
- .rt-BaseButton:where(.rt-variant-solid):where(.rt-high-contrast):where(:hover) {
4323
- background-color: color-mix(in srgb, var(--accent-a12) calc(var(--material-alpha) * 100%), var(--accent-12) var(--solid-blend));
4324
- -webkit-filter: var(--base-button-solid-high-contrast-hover-filter);
4325
- filter: var(--base-button-solid-high-contrast-hover-filter);
4326
- -webkit-box-shadow: var(--shadow-2);
4327
- box-shadow: var(--shadow-2);
4328
- }
4329
- }
4330
- .rt-BaseButton:where(.rt-variant-solid):where(.rt-high-contrast):where([data-state='open']) {
4331
- background-color: color-mix(in srgb, var(--accent-a12) calc(var(--material-alpha) * 100%), var(--accent-12) var(--solid-blend));
4332
- -webkit-filter: var(--base-button-solid-high-contrast-open-filter);
4333
- filter: var(--base-button-solid-high-contrast-open-filter);
4334
- }
4335
- .rt-BaseButton:where(.rt-variant-solid):where(.rt-high-contrast):where(:active:not([data-state='open'])) {
4336
- -webkit-filter: var(--base-button-solid-high-contrast-active-filter);
4337
- filter: var(--base-button-solid-high-contrast-active-filter);
4338
- }
4339
- .rt-BaseButton:where(.rt-variant-solid):where(.rt-high-contrast):where([data-state='on']) {
4340
- background-color: var(--accent-12);
4341
- opacity: 0.85;
4342
- }
4343
4218
  .rt-BaseButton:where(.rt-variant-solid):where([data-disabled]) {
4344
4219
  color: var(--gray-a8);
4345
4220
  background-color: var(--gray-a3);
@@ -4956,7 +4831,7 @@
4956
4831
  -ms-flex-pack: start;
4957
4832
  justify-content: flex-start;
4958
4833
  text-align: left;
4959
- color: var(--accent-a11);
4834
+ color: var(--accent-ink);
4960
4835
  -webkit-transition: var(--transition-card);
4961
4836
  transition: var(--transition-card);
4962
4837
  border-radius: var(--callout-border-radius);
@@ -4982,9 +4857,6 @@
4982
4857
  backdrop-filter: var(--backdrop-filter-components);
4983
4858
  --backdrop-filter-components: var(--backdrop-filter-components-enabled);
4984
4859
  }
4985
- .rt-CalloutRoot:where(.rt-high-contrast) {
4986
- color: var(--accent-12);
4987
- }
4988
4860
  .rt-CalloutRoot:where(:focus-visible) {
4989
4861
  outline: 2px solid var(--accent-8);
4990
4862
  outline-offset: 2px;
@@ -5331,34 +5203,25 @@
5331
5203
  }
5332
5204
  .rt-CalloutRoot:where(.rt-variant-soft) {
5333
5205
  background-color: color-mix(in srgb, var(--accent-a2) calc(var(--material-alpha) * 100%), var(--accent-2) var(--material-blend));
5334
- color: var(--accent-a11);
5335
- }
5336
- .rt-CalloutRoot:where(.rt-variant-soft):where(.rt-high-contrast) {
5337
- color: var(--accent-12);
5206
+ color: var(--accent-ink);
5338
5207
  }
5339
5208
  .rt-CalloutRoot:where(.rt-variant-surface) {
5340
5209
  background-color: color-mix(in srgb, var(--accent-a2) calc(var(--material-alpha) * 100%), var(--accent-2) var(--material-blend));
5341
5210
  -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));
5342
5211
  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));
5343
- color: var(--accent-a11);
5344
- }
5345
- .rt-CalloutRoot:where(.rt-variant-surface):where(.rt-high-contrast) {
5346
- color: var(--accent-12);
5212
+ color: var(--accent-ink);
5347
5213
  }
5348
5214
  .rt-CalloutRoot:where(.rt-variant-outline) {
5349
5215
  -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));
5350
5216
  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));
5351
- color: color-mix(in srgb, var(--accent-a11) calc(var(--material-alpha) * 100%), var(--accent-11) var(--material-blend));
5352
- }
5353
- .rt-CalloutRoot:where(.rt-variant-outline):where(.rt-high-contrast) {
5354
- color: var(--accent-12);
5217
+ color: var(--accent-ink);
5355
5218
  }
5356
5219
  .rt-CalloutRoot:where(.rt-variant-classic) {
5357
5220
  --classic-surface: var(--color-surface-solid);
5358
5221
  background-color: var(--classic-surface);
5359
5222
  -webkit-box-shadow: var(--shadow-2);
5360
5223
  box-shadow: var(--shadow-2);
5361
- color: var(--accent-a11);
5224
+ color: var(--accent-ink);
5362
5225
  -webkit-transition: var(--transition-text-field);
5363
5226
  transition: var(--transition-text-field);
5364
5227
  }
@@ -5371,9 +5234,6 @@
5371
5234
  .rt-CalloutRoot:where(.rt-variant-classic):where([data-panel-background='translucent'],[data-material='translucent']) {
5372
5235
  --classic-surface: var(--color-surface-translucent);
5373
5236
  }
5374
- .rt-CalloutRoot:where(.rt-variant-classic):where(.rt-high-contrast) {
5375
- color: var(--accent-12);
5376
- }
5377
5237
  .rt-BaseCard {
5378
5238
  --material-blend: 100%;
5379
5239
  --material-alpha: 0;
@@ -6199,20 +6059,12 @@
6199
6059
  box-shadow: inset 0 0 0 1px var(--accent-9);
6200
6060
  }
6201
6061
  .rt-BaseCheckboxRoot:where(.rt-variant-solid):where([data-state='checked'],[data-state='indeterminate'])::before {
6202
- background-color: var(--accent-9);
6203
- -webkit-box-shadow: inset 0 0 0 1px var(--accent-9);
6204
- box-shadow: inset 0 0 0 1px var(--accent-9);
6062
+ background-color: var(--accent-solid);
6063
+ -webkit-box-shadow: inset 0 0 0 1px var(--accent-solid);
6064
+ box-shadow: inset 0 0 0 1px var(--accent-solid);
6205
6065
  }
6206
6066
  .rt-BaseCheckboxRoot:where(.rt-variant-solid):where([data-state='checked'],[data-state='indeterminate']) :where(.rt-BaseCheckboxIndicator) {
6207
- color: var(--accent-contrast);
6208
- }
6209
- .rt-BaseCheckboxRoot:where(.rt-variant-solid):where([data-state='checked'],[data-state='indeterminate']):where(.rt-high-contrast)::before {
6210
- background-color: var(--accent-12);
6211
- -webkit-box-shadow: inset 0 0 0 1px var(--accent-12);
6212
- box-shadow: inset 0 0 0 1px var(--accent-12);
6213
- }
6214
- .rt-BaseCheckboxRoot:where(.rt-variant-solid):where([data-state='checked'],[data-state='indeterminate']):where(.rt-high-contrast) :where(.rt-BaseCheckboxIndicator) {
6215
- color: var(--gray-1);
6067
+ color: var(--accent-solid-contrast);
6216
6068
  }
6217
6069
  .rt-BaseCheckboxRoot:where(.rt-variant-solid):where(:disabled)::before {
6218
6070
  -webkit-box-shadow: inset 0 0 0 1px var(--gray-a6);
@@ -6227,7 +6079,7 @@
6227
6079
  top: var(--classic-elevation-offset);
6228
6080
  }
6229
6081
  .rt-BaseCheckboxRoot:where(.rt-variant-classic):where([data-state='unchecked'])::before {
6230
- color: var(--accent-a11);
6082
+ color: var(--accent-ink);
6231
6083
  background-color: var(--color-surface-solid);
6232
6084
  -webkit-box-shadow: var(--shadow-2);
6233
6085
  box-shadow: var(--shadow-2);
@@ -6254,22 +6106,7 @@
6254
6106
  background-color: color-mix(in srgb, var(--accent-a3), var(--accent-3) 60%);
6255
6107
  }
6256
6108
  .rt-BaseCheckboxRoot:where(.rt-variant-classic):where([data-state='checked'],[data-state='indeterminate']) :where(.rt-BaseCheckboxIndicator) {
6257
- color: var(--accent-a11);
6258
- }
6259
- .rt-BaseCheckboxRoot:where(.rt-variant-classic):where([data-state='checked'],[data-state='indeterminate']):where(.rt-high-contrast)::before {
6260
- background-color: var(--accent-3);
6261
- }
6262
- :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) {
6263
- background-color: color-mix(in srgb, var(--accent-a3), var(--accent-3) 60%);
6264
- }
6265
- :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']) {
6266
- background-color: var(--accent-3);
6267
- }
6268
- :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']) {
6269
- background-color: color-mix(in srgb, var(--accent-a3), var(--accent-3) 60%);
6270
- }
6271
- .rt-BaseCheckboxRoot:where(.rt-variant-classic):where([data-state='checked'],[data-state='indeterminate']):where(.rt-high-contrast) :where(.rt-BaseCheckboxIndicator) {
6272
- color: var(--accent-12);
6109
+ color: var(--accent-ink);
6273
6110
  }
6274
6111
  .rt-BaseCheckboxRoot:where(.rt-variant-classic):where(:active:not(:disabled)) {
6275
6112
  top: calc(var(--classic-elevation-offset) + var(--classic-active-padding-offset-1));
@@ -6311,10 +6148,7 @@
6311
6148
  background-color: color-mix(in srgb, var(--accent-a3), var(--accent-3) 60%);
6312
6149
  }
6313
6150
  .rt-BaseCheckboxRoot:where(.rt-variant-soft):where([data-state='checked'],[data-state='indeterminate']) :where(.rt-BaseCheckboxIndicator) {
6314
- color: var(--accent-a11);
6315
- }
6316
- .rt-BaseCheckboxRoot:where(.rt-variant-soft):where([data-state='checked'],[data-state='indeterminate']):where(.rt-high-contrast) :where(.rt-BaseCheckboxIndicator) {
6317
- color: var(--accent-12);
6151
+ color: var(--accent-ink);
6318
6152
  }
6319
6153
  .rt-BaseCheckboxRoot:where(.rt-variant-soft):where(:disabled)::before {
6320
6154
  background-color: var(--gray-a3);
@@ -6325,22 +6159,19 @@
6325
6159
  .rt-BaseCheckboxRoot:where(.rt-variant-outline):where([data-state='unchecked'])::before {
6326
6160
  -webkit-box-shadow: inset 0 0 0 1px var(--accent-6);
6327
6161
  box-shadow: inset 0 0 0 1px var(--accent-6);
6328
- color: var(--accent-11);
6162
+ color: var(--accent-ink);
6329
6163
  }
6330
6164
  :where([data-panel-background='translucent'],[data-material='translucent']) :is(.rt-BaseCheckboxRoot:where(.rt-variant-outline):where([data-state='unchecked'])::before) {
6331
6165
  -webkit-box-shadow: inset 0 0 0 1px var(--accent-a6);
6332
6166
  box-shadow: inset 0 0 0 1px var(--accent-a6);
6333
- color: var(--accent-a11);
6334
6167
  }
6335
6168
  :is(.rt-BaseCheckboxRoot:where(.rt-variant-outline):where([data-state='unchecked'])::before):where([data-panel-background='solid'],[data-material='solid']) {
6336
6169
  -webkit-box-shadow: inset 0 0 0 1px var(--accent-6);
6337
6170
  box-shadow: inset 0 0 0 1px var(--accent-6);
6338
- color: var(--accent-11);
6339
6171
  }
6340
6172
  :is(.rt-BaseCheckboxRoot:where(.rt-variant-outline):where([data-state='unchecked'])::before):where([data-panel-background='translucent'],[data-material='translucent']) {
6341
6173
  -webkit-box-shadow: inset 0 0 0 1px var(--accent-a6);
6342
6174
  box-shadow: inset 0 0 0 1px var(--accent-a6);
6343
- color: var(--accent-a11);
6344
6175
  }
6345
6176
  .rt-BaseCheckboxRoot:where(.rt-variant-outline):where([data-state='checked'],[data-state='indeterminate'])::before {
6346
6177
  background-color: var(--accent-2);
@@ -6363,10 +6194,7 @@
6363
6194
  box-shadow: inset 0 0 0 1px var(--accent-a7);
6364
6195
  }
6365
6196
  .rt-BaseCheckboxRoot:where(.rt-variant-outline):where([data-state='checked'],[data-state='indeterminate']) :where(.rt-BaseCheckboxIndicator) {
6366
- color: var(--accent-a11);
6367
- }
6368
- .rt-BaseCheckboxRoot:where(.rt-variant-outline):where([data-state='checked'],[data-state='indeterminate']):where(.rt-high-contrast) :where(.rt-BaseCheckboxIndicator) {
6369
- color: var(--accent-12);
6197
+ color: var(--accent-ink);
6370
6198
  }
6371
6199
  .rt-BaseCheckboxRoot:where(.rt-variant-outline):where(:disabled)::before {
6372
6200
  -webkit-box-shadow: inset 0 0 0 1px var(--gray-a7);
@@ -6417,10 +6245,7 @@
6417
6245
  box-shadow: inset 0 0 0 1px var(--accent-a8);
6418
6246
  }
6419
6247
  .rt-BaseCheckboxRoot:where(.rt-variant-surface):where([data-state='checked'],[data-state='indeterminate']) :where(.rt-BaseCheckboxIndicator) {
6420
- color: var(--accent-a11);
6421
- }
6422
- .rt-BaseCheckboxRoot:where(.rt-variant-surface):where([data-state='checked'],[data-state='indeterminate']):where(.rt-high-contrast) :where(.rt-BaseCheckboxIndicator) {
6423
- color: var(--accent-12);
6248
+ color: var(--accent-ink);
6424
6249
  }
6425
6250
  .rt-BaseCheckboxRoot:where(.rt-variant-surface):where(:disabled)::before {
6426
6251
  -webkit-box-shadow: inset 0 0 0 1px var(--gray-a6);
@@ -7125,35 +6950,35 @@
7125
6950
  --code-variant-font-size-adjust: var(--code-font-size-adjust);
7126
6951
  padding: 0;
7127
6952
  }
6953
+ .rt-Code:where(.rt-variant-ghost):where(.rt-emphasis-loud) {
6954
+ color: var(--gray-ink);
6955
+ }
6956
+ .rt-Code:where(.rt-variant-ghost):where(.rt-emphasis-medium) {
6957
+ color: var(--gray-ink-muted);
6958
+ }
6959
+ .rt-Code:where(.rt-variant-ghost):where(.rt-emphasis-quiet) {
6960
+ color: var(--gray-ink-faint);
6961
+ }
7128
6962
  .rt-Code:where(.rt-variant-ghost):where([data-accent-color]) {
7129
- color: var(--accent-a11);
6963
+ color: var(--accent-ink);
7130
6964
  }
7131
- .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) {
7132
- color: var(--accent-12);
6965
+ .rt-Code:where(.rt-variant-ghost):where([data-accent-color].rt-emphasis-medium) {
6966
+ color: var(--accent-ink-muted);
6967
+ }
6968
+ .rt-Code:where(.rt-variant-ghost):where([data-accent-color].rt-emphasis-quiet) {
6969
+ color: var(--accent-ink-faint);
7133
6970
  }
7134
6971
  .rt-Code:where(.rt-variant-solid) {
7135
- background-color: var(--accent-a9);
7136
- color: var(--accent-contrast);
6972
+ background-color: var(--accent-solid-a);
6973
+ color: var(--accent-solid-contrast);
7137
6974
  }
7138
6975
  .rt-Code:where(.rt-variant-solid)::-moz-selection {
7139
- background-color: var(--accent-7);
7140
- color: var(--accent-12);
6976
+ background-color: var(--accent-solid-selection);
6977
+ color: var(--accent-solid-selection-contrast);
7141
6978
  }
7142
6979
  .rt-Code:where(.rt-variant-solid)::selection {
7143
- background-color: var(--accent-7);
7144
- color: var(--accent-12);
7145
- }
7146
- .rt-Code:where(.rt-variant-solid):where(.rt-high-contrast) {
7147
- background-color: var(--accent-12);
7148
- color: var(--accent-1);
7149
- }
7150
- .rt-Code:where(.rt-variant-solid):where(.rt-high-contrast)::-moz-selection {
7151
- background-color: var(--accent-a11);
7152
- color: var(--accent-1);
7153
- }
7154
- .rt-Code:where(.rt-variant-solid):where(.rt-high-contrast)::selection {
7155
- background-color: var(--accent-a11);
7156
- color: var(--accent-1);
6980
+ background-color: var(--accent-solid-selection);
6981
+ color: var(--accent-solid-selection-contrast);
7157
6982
  }
7158
6983
  .rt-Code:where(.rt-variant-solid):where(:-moz-any-link,button) {
7159
6984
  isolation: isolate;
@@ -7163,27 +6988,18 @@
7163
6988
  }
7164
6989
  @media (hover: hover) {
7165
6990
  :is(:where(.rt-Link) .rt-Code:where(.rt-variant-solid),.rt-Code:where(.rt-variant-solid):where(:-moz-any-link,button)):where(:hover) {
7166
- background-color: var(--accent-10);
6991
+ background-color: var(--accent-solid-hover);
6992
+ filter: var(--accent-solid-hover-filter);
7167
6993
  }
7168
6994
  :is(:where(.rt-Link) .rt-Code:where(.rt-variant-solid),.rt-Code:where(.rt-variant-solid):where(:any-link,button)):where(:hover) {
7169
- background-color: var(--accent-10);
7170
- }
7171
- :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) {
7172
- background-color: var(--accent-12);
7173
- filter: var(--base-button-solid-high-contrast-hover-filter);
7174
- }
7175
- :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) {
7176
- background-color: var(--accent-12);
7177
- -webkit-filter: var(--base-button-solid-high-contrast-hover-filter);
7178
- filter: var(--base-button-solid-high-contrast-hover-filter);
6995
+ background-color: var(--accent-solid-hover);
6996
+ -webkit-filter: var(--accent-solid-hover-filter);
6997
+ filter: var(--accent-solid-hover-filter);
7179
6998
  }
7180
6999
  }
7181
7000
  .rt-Code:where(.rt-variant-soft) {
7182
7001
  background-color: var(--accent-a2);
7183
- color: var(--accent-a11);
7184
- }
7185
- .rt-Code:where(.rt-variant-soft):where(.rt-high-contrast) {
7186
- color: var(--accent-12);
7002
+ color: var(--accent-ink);
7187
7003
  }
7188
7004
  .rt-Code:where(.rt-variant-soft):where(:-moz-any-link,button) {
7189
7005
  isolation: isolate;
@@ -7202,12 +7018,7 @@
7202
7018
  .rt-Code:where(.rt-variant-outline) {
7203
7019
  -webkit-box-shadow: inset 0 0 0 max(1px, 0.033em) var(--accent-a8);
7204
7020
  box-shadow: inset 0 0 0 max(1px, 0.033em) var(--accent-a8);
7205
- color: var(--accent-a11);
7206
- }
7207
- .rt-Code:where(.rt-variant-outline):where(.rt-high-contrast) {
7208
- -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);
7209
- box-shadow: inset 0 0 0 max(1px, 0.033em) var(--accent-a7), inset 0 0 0 max(1px, 0.033em) var(--gray-a11);
7210
- color: var(--accent-12);
7021
+ color: var(--accent-ink);
7211
7022
  }
7212
7023
  .rt-Code:where(.rt-variant-outline):where(:-moz-any-link,button) {
7213
7024
  isolation: isolate;
@@ -7223,6 +7034,12 @@
7223
7034
  background-color: var(--accent-a2);
7224
7035
  }
7225
7036
  }
7037
+ .rt-Code:where(.rt-variant-soft,.rt-variant-outline):where(.rt-emphasis-medium) {
7038
+ color: var(--accent-ink-muted);
7039
+ }
7040
+ .rt-Code:where(.rt-variant-soft,.rt-variant-outline):where(.rt-emphasis-quiet) {
7041
+ color: var(--accent-ink-faint);
7042
+ }
7226
7043
  .rt-BaseMenuContent {
7227
7044
  --backdrop-filter-components-enabled: none;
7228
7045
  --scrollarea-scrollbar-vertical-margin-top: var(--base-menu-content-padding);
@@ -8000,15 +7817,12 @@
8000
7817
  }
8001
7818
  }
8002
7819
  .rt-BaseMenuItem:where([data-accent-color]) {
8003
- color: var(--accent-a11);
7820
+ color: var(--accent-ink);
8004
7821
  }
8005
7822
  .rt-BaseMenuItem:where([data-disabled]) {
8006
7823
  color: var(--gray-a8);
8007
7824
  cursor: default;
8008
7825
  }
8009
- .rt-BaseMenuItem :where(.rt-Text[data-accent-color='gray'], [data-accent-color='gray']:not(.rt-Badge)) {
8010
- color: var(--gray-a11);
8011
- }
8012
7826
  .rt-BaseMenuItem:where([data-disabled]) .rt-Kbd {
8013
7827
  color: var(--gray-a8);
8014
7828
  }
@@ -8022,11 +7836,11 @@
8022
7836
  background-color: var(--gray-a3);
8023
7837
  }
8024
7838
  .rt-BaseMenuContent:where(.rt-variant-solid) :where(.rt-BaseMenuItem[data-highlighted]) {
8025
- background-color: var(--accent-9);
8026
- color: var(--accent-contrast);
7839
+ background-color: var(--accent-solid);
7840
+ color: var(--accent-solid-contrast);
8027
7841
  }
8028
7842
  :is(.rt-BaseMenuContent:where(.rt-variant-solid) :where(.rt-BaseMenuItem[data-highlighted])) :where(.rt-BaseMenuSubTriggerIcon) {
8029
- color: var(--accent-contrast);
7843
+ color: var(--accent-solid-contrast);
8030
7844
  }
8031
7845
  :is(.rt-BaseMenuContent:where(.rt-variant-solid) :where(.rt-BaseMenuItem[data-highlighted])) :where(.rt-Text) {
8032
7846
  color: inherit !important;
@@ -8034,29 +7848,6 @@
8034
7848
  :is(.rt-BaseMenuContent:where(.rt-variant-solid) :where(.rt-BaseMenuItem[data-highlighted])) :where([data-accent-color='gray']:not(.rt-Badge)) {
8035
7849
  color: inherit !important;
8036
7850
  }
8037
- .rt-BaseMenuContent:where(.rt-variant-solid):where(.rt-high-contrast) :where(.rt-BaseMenuItem[data-highlighted]) {
8038
- background-color: var(--accent-12);
8039
- color: var(--accent-1);
8040
- }
8041
- :is(.rt-BaseMenuContent:where(.rt-variant-solid):where(.rt-high-contrast) :where(.rt-BaseMenuItem[data-highlighted])) :where(.rt-BaseMenuSubTriggerIcon) {
8042
- color: var(--accent-1);
8043
- }
8044
- :is(.rt-BaseMenuContent:where(.rt-variant-solid):where(.rt-high-contrast) :where(.rt-BaseMenuItem[data-highlighted])) :where(.rt-Text) {
8045
- color: inherit !important;
8046
- }
8047
- :is(.rt-BaseMenuContent:where(.rt-variant-solid):where(.rt-high-contrast) :where(.rt-BaseMenuItem[data-highlighted])) :where([data-accent-color='gray']:not(.rt-Badge)) {
8048
- color: inherit !important;
8049
- }
8050
- :is(.rt-BaseMenuContent:where(.rt-variant-solid):where(.rt-high-contrast) :where(.rt-BaseMenuItem[data-highlighted])):where([data-accent-color]) {
8051
- background-color: var(--accent-9);
8052
- color: var(--accent-contrast);
8053
- }
8054
- :is(.rt-BaseMenuContent:where(.rt-variant-solid):where(.rt-high-contrast) :where(.rt-BaseMenuItem[data-highlighted])):where([data-accent-color]) :where(.rt-Text) {
8055
- color: inherit !important;
8056
- }
8057
- :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)) {
8058
- color: inherit !important;
8059
- }
8060
7851
  .rt-BaseMenuContent:where(.rt-variant-soft) :where(.rt-BaseMenuSubTrigger[data-state='open']) {
8061
7852
  background-color: var(--accent-3);
8062
7853
  }
@@ -8066,7 +7857,7 @@
8066
7857
  .rt-BaseMenuContent:where(.rt-variant-soft) :where(.rt-BaseMenuItem[data-highlighted]) {
8067
7858
  background-color: var(--accent-4);
8068
7859
  }
8069
- :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)) {
7860
+ :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'])) {
8070
7861
  color: var(--gray-11) !important;
8071
7862
  }
8072
7863
  .rt-BaseMenuContent:where(.rt-variant-soft):where([data-panel-background='translucent']) :where(.rt-BaseMenuItem[data-highlighted]) {
@@ -8076,16 +7867,6 @@
8076
7867
  -webkit-box-shadow: inset 0 0 0 1px var(--accent-a8);
8077
7868
  box-shadow: inset 0 0 0 1px var(--accent-a8);
8078
7869
  }
8079
- .rt-BaseMenuContent:where(.rt-variant-soft):where(.rt-high-contrast) :where(.rt-BaseMenuItem[data-highlighted]) {
8080
- background-color: var(--accent-5);
8081
- color: var(--accent-12);
8082
- }
8083
- :is(.rt-BaseMenuContent:where(.rt-variant-soft):where(.rt-high-contrast) :where(.rt-BaseMenuItem[data-highlighted])) :where(.rt-BaseMenuSubTriggerIcon) {
8084
- color: var(--accent-12);
8085
- }
8086
- .rt-BaseMenuContent:where(.rt-variant-soft):where(.rt-high-contrast):where([data-panel-background='translucent']) :where(.rt-BaseMenuItem[data-highlighted]) {
8087
- background-color: var(--accent-a5);
8088
- }
8089
7870
  @media (forced-colors: active) {
8090
7871
  .rt-BaseMenuItem:where(:focus-visible) {
8091
7872
  outline: 2px solid Highlight;
@@ -8116,16 +7897,22 @@
8116
7897
  display: -webkit-box;
8117
7898
  display: -ms-flexbox;
8118
7899
  display: flex;
8119
- color: var(--gray-a11);
7900
+ color: var(--gray-ink-muted);
8120
7901
  }
8121
- .rt-DataListLabel:where(.rt-high-contrast) {
8122
- color: var(--gray-12);
7902
+ .rt-DataListLabel:where(.rt-emphasis-loud) {
7903
+ color: var(--gray-ink);
7904
+ }
7905
+ .rt-DataListLabel:where(.rt-emphasis-quiet) {
7906
+ color: var(--gray-ink-faint);
8123
7907
  }
8124
7908
  .rt-DataListLabel:where([data-accent-color]) {
8125
- color: var(--accent-a11);
7909
+ color: var(--accent-ink);
8126
7910
  }
8127
- .rt-DataListLabel:where([data-accent-color]):where(.rt-high-contrast) {
8128
- color: var(--accent-12);
7911
+ .rt-DataListLabel:where([data-accent-color].rt-emphasis-medium) {
7912
+ color: var(--accent-ink-muted);
7913
+ }
7914
+ .rt-DataListLabel:where([data-accent-color].rt-emphasis-quiet) {
7915
+ color: var(--accent-ink-faint);
8129
7916
  }
8130
7917
  .rt-DataListValue {
8131
7918
  display: -webkit-box;
@@ -10258,12 +10045,8 @@
10258
10045
  width: 100%;
10259
10046
  }
10260
10047
  .rt-BaseMenuContent:where(.rt-variant-solid) :where(.rt-ComboboxItem[data-selected='true']) {
10261
- background-color: var(--accent-9);
10262
- color: var(--accent-contrast);
10263
- }
10264
- .rt-BaseMenuContent:where(.rt-variant-solid.rt-high-contrast) :where(.rt-ComboboxItem[data-selected='true']) {
10265
- background-color: var(--accent-12);
10266
- color: var(--accent-1);
10048
+ background-color: var(--accent-solid);
10049
+ color: var(--accent-solid-contrast);
10267
10050
  }
10268
10051
  :where(.rt-BaseMenuContent.rt-variant-solid) .rt-ComboboxItem:where([data-selected='true']) :where(.rt-Text, [data-accent-color='gray']:not(.rt-Badge)) {
10269
10052
  color: inherit;
@@ -10275,7 +10058,7 @@
10275
10058
  :where(.rt-ComboboxItem[data-selected='true']) {
10276
10059
  background-color: var(--accent-a4);
10277
10060
  }
10278
- :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)) {
10061
+ :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'])) {
10279
10062
  color: var(--gray-11);
10280
10063
  }
10281
10064
  .rt-ComboboxItem:where([data-disabled='true']) {
@@ -10329,11 +10112,23 @@
10329
10112
  :where(.rt-Heading) {
10330
10113
  margin: 0;
10331
10114
  }
10115
+ .rt-Heading:where(.rt-emphasis-loud) {
10116
+ color: var(--gray-ink);
10117
+ }
10118
+ .rt-Heading:where(.rt-emphasis-medium) {
10119
+ color: var(--gray-ink-muted);
10120
+ }
10121
+ .rt-Heading:where(.rt-emphasis-quiet) {
10122
+ color: var(--gray-ink-faint);
10123
+ }
10332
10124
  .rt-Heading:where([data-accent-color]) {
10333
- color: var(--accent-a11);
10125
+ color: var(--accent-ink);
10334
10126
  }
10335
- .rt-Heading:where([data-accent-color].rt-high-contrast),:where([data-accent-color]:not(.radix-themes)) .rt-Heading:where(.rt-high-contrast) {
10336
- color: var(--accent-12);
10127
+ .rt-Heading:where([data-accent-color].rt-emphasis-medium) {
10128
+ color: var(--accent-ink-muted);
10129
+ }
10130
+ .rt-Heading:where([data-accent-color].rt-emphasis-quiet) {
10131
+ color: var(--accent-ink-faint);
10337
10132
  }
10338
10133
  .rt-Heading:where(.rt-r-size-0) {
10339
10134
  font-size: calc(var(--font-size-0) * var(--heading-font-size-adjust));
@@ -12287,8 +12082,8 @@
12287
12082
  .rt-Link:where(:disabled,[data-disabled]) {
12288
12083
  cursor: var(--cursor-disabled);
12289
12084
  }
12290
- :where([data-accent-color]:not(.radix-themes,.rt-high-contrast)) .rt-Link:where([data-accent-color='']) {
12291
- color: var(--accent-12);
12085
+ :where([data-accent-color]:not(.radix-themes)) .rt-Link:where([data-accent-color='']) {
12086
+ color: var(--accent-ink);
12292
12087
  }
12293
12088
  @supports (color: color-mix(in oklab, white, black)) {
12294
12089
  .rt-Link:where(:-moz-any-link,button) {
@@ -12316,19 +12111,19 @@
12316
12111
  text-decoration-line: underline;
12317
12112
  }
12318
12113
  }
12319
- .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='']) {
12114
+ :where([data-accent-color]:not(.radix-themes)) .rt-Link:where(:-moz-any-link,button):where(.rt-underline-auto):where([data-accent-color='']) {
12320
12115
  text-decoration-line: underline;
12321
12116
  text-decoration-color: var(--accent-a6);
12322
12117
  }
12323
- .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='']) {
12118
+ :where([data-accent-color]:not(.radix-themes)) .rt-Link:where(:any-link,button):where(.rt-underline-auto):where([data-accent-color='']) {
12324
12119
  text-decoration-line: underline;
12325
12120
  text-decoration-color: var(--accent-a6);
12326
12121
  }
12327
12122
  @supports (color: color-mix(in oklab, white, black)) {
12328
- .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='']) {
12123
+ :where([data-accent-color]:not(.radix-themes)) .rt-Link:where(:-moz-any-link,button):where(.rt-underline-auto):where([data-accent-color='']) {
12329
12124
  text-decoration-color: color-mix(in oklab, var(--accent-a6), var(--gray-a6));
12330
12125
  }
12331
- .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='']) {
12126
+ :where([data-accent-color]:not(.radix-themes)) .rt-Link:where(:any-link,button):where(.rt-underline-auto):where([data-accent-color='']) {
12332
12127
  text-decoration-color: color-mix(in oklab, var(--accent-a6), var(--gray-a6));
12333
12128
  }
12334
12129
  }
@@ -13015,7 +12810,7 @@
13015
12810
  box-shadow: inset 0 0 0 1px var(--gray-a6);
13016
12811
  }
13017
12812
  .rt-ProgressRoot:where(.rt-variant-surface) :where(.rt-ProgressIndicator) {
13018
- background-color: var(--accent-9);
12813
+ background-color: var(--accent-solid);
13019
12814
  }
13020
12815
  .rt-ProgressRoot:where(.rt-variant-soft) {
13021
12816
  background-color: var(--gray-3);
@@ -13030,7 +12825,7 @@
13030
12825
  background-color: color-mix(in srgb, var(--gray-a3), var(--gray-3) 60%);
13031
12826
  }
13032
12827
  .rt-ProgressRoot:where(.rt-variant-soft) :where(.rt-ProgressIndicator) {
13033
- background-color: var(--accent-9);
12828
+ background-color: var(--accent-solid);
13034
12829
  }
13035
12830
  .rt-ProgressRoot:where(.rt-variant-outline) {
13036
12831
  -webkit-box-shadow: inset 0 0 0 1px var(--gray-6);
@@ -13049,10 +12844,7 @@
13049
12844
  box-shadow: inset 0 0 0 1px var(--gray-a6);
13050
12845
  }
13051
12846
  .rt-ProgressRoot:where(.rt-variant-outline) :where(.rt-ProgressIndicator) {
13052
- background-color: var(--accent-9);
13053
- }
13054
- .rt-ProgressRoot:where(.rt-high-contrast) :where(.rt-ProgressIndicator) {
13055
- background-color: var(--accent-12);
12847
+ background-color: var(--accent-solid);
13056
12848
  }
13057
12849
  .rt-Quote {
13058
12850
  -webkit-box-sizing: border-box;
@@ -13201,20 +12993,12 @@
13201
12993
  box-shadow: inset 0 0 0 1px var(--accent-9);
13202
12994
  }
13203
12995
  .rt-BaseRadioRoot:where(.rt-variant-solid):where(:checked,[data-state='checked'])::before {
13204
- background-color: var(--accent-9);
13205
- -webkit-box-shadow: inset 0 0 0 1px var(--accent-9);
13206
- box-shadow: inset 0 0 0 1px var(--accent-9);
12996
+ background-color: var(--accent-solid);
12997
+ -webkit-box-shadow: inset 0 0 0 1px var(--accent-solid);
12998
+ box-shadow: inset 0 0 0 1px var(--accent-solid);
13207
12999
  }
13208
13000
  .rt-BaseRadioRoot:where(.rt-variant-solid)::after {
13209
- background-color: var(--accent-contrast);
13210
- }
13211
- .rt-BaseRadioRoot:where(.rt-variant-solid):where(.rt-high-contrast):where(:checked,[data-state='checked'])::before {
13212
- background-color: var(--accent-12);
13213
- -webkit-box-shadow: inset 0 0 0 1px var(--accent-12);
13214
- box-shadow: inset 0 0 0 1px var(--accent-12);
13215
- }
13216
- .rt-BaseRadioRoot:where(.rt-variant-solid):where(.rt-high-contrast)::after {
13217
- background-color: var(--gray-1);
13001
+ background-color: var(--accent-solid-contrast);
13218
13002
  }
13219
13003
  .rt-BaseRadioRoot:where(.rt-variant-solid):where(:disabled,[data-disabled])::before {
13220
13004
  -webkit-box-shadow: inset 0 0 0 1px var(--gray-a6);
@@ -13229,7 +13013,7 @@
13229
13013
  top: var(--classic-elevation-offset);
13230
13014
  }
13231
13015
  .rt-BaseRadioRoot:where(.rt-variant-classic):where(:not(:checked),[data-state='unchecked'])::before {
13232
- color: var(--accent-a11);
13016
+ color: var(--accent-ink);
13233
13017
  background-color: var(--color-surface-solid);
13234
13018
  -webkit-box-shadow: var(--shadow-2);
13235
13019
  box-shadow: var(--shadow-2);
@@ -13256,10 +13040,7 @@
13256
13040
  background-color: color-mix(in srgb, var(--accent-a3), var(--accent-3) 60%);
13257
13041
  }
13258
13042
  .rt-BaseRadioRoot:where(.rt-variant-classic)::after {
13259
- background-color: var(--accent-a11);
13260
- }
13261
- .rt-BaseRadioRoot:where(.rt-variant-classic):where(.rt-high-contrast)::after {
13262
- color: var(--accent-12);
13043
+ background-color: var(--accent-ink);
13263
13044
  }
13264
13045
  .rt-BaseRadioRoot:where(.rt-variant-classic):where(:active:not(:disabled,[data-disabled])) {
13265
13046
  top: calc(var(--classic-elevation-offset) + var(--classic-active-padding-offset-1));
@@ -13301,10 +13082,7 @@
13301
13082
  background-color: color-mix(in srgb, var(--accent-a3), var(--accent-3) 60%);
13302
13083
  }
13303
13084
  .rt-BaseRadioRoot:where(.rt-variant-soft)::after {
13304
- background-color: var(--accent-a11);
13305
- }
13306
- .rt-BaseRadioRoot:where(.rt-variant-soft):where(.rt-high-contrast)::after {
13307
- background-color: var(--accent-12);
13085
+ background-color: var(--accent-ink);
13308
13086
  }
13309
13087
  .rt-BaseRadioRoot:where(.rt-variant-soft):where(:focus-visible)::before {
13310
13088
  outline-color: var(--accent-a8);
@@ -13318,22 +13096,19 @@
13318
13096
  .rt-BaseRadioRoot:where(.rt-variant-outline):where(:not(:checked),[data-state='unchecked'])::before {
13319
13097
  -webkit-box-shadow: inset 0 0 0 1px var(--accent-6);
13320
13098
  box-shadow: inset 0 0 0 1px var(--accent-6);
13321
- color: var(--accent-11);
13099
+ color: var(--accent-ink);
13322
13100
  }
13323
13101
  :where([data-panel-background='translucent'],[data-material='translucent']) :is(.rt-BaseRadioRoot:where(.rt-variant-outline):where(:not(:checked),[data-state='unchecked'])::before) {
13324
13102
  -webkit-box-shadow: inset 0 0 0 1px var(--accent-a6);
13325
13103
  box-shadow: inset 0 0 0 1px var(--accent-a6);
13326
- color: var(--accent-a11);
13327
13104
  }
13328
13105
  :is(.rt-BaseRadioRoot:where(.rt-variant-outline):where(:not(:checked),[data-state='unchecked'])::before):where([data-panel-background='solid'],[data-material='solid']) {
13329
13106
  -webkit-box-shadow: inset 0 0 0 1px var(--accent-6);
13330
13107
  box-shadow: inset 0 0 0 1px var(--accent-6);
13331
- color: var(--accent-11);
13332
13108
  }
13333
13109
  :is(.rt-BaseRadioRoot:where(.rt-variant-outline):where(:not(:checked),[data-state='unchecked'])::before):where([data-panel-background='translucent'],[data-material='translucent']) {
13334
13110
  -webkit-box-shadow: inset 0 0 0 1px var(--accent-a6);
13335
13111
  box-shadow: inset 0 0 0 1px var(--accent-a6);
13336
- color: var(--accent-a11);
13337
13112
  }
13338
13113
  .rt-BaseRadioRoot:where(.rt-variant-outline):where(:checked,[data-state='checked'])::before {
13339
13114
  background-color: var(--accent-2);
@@ -13356,10 +13131,7 @@
13356
13131
  box-shadow: inset 0 0 0 1px var(--accent-a7);
13357
13132
  }
13358
13133
  .rt-BaseRadioRoot:where(.rt-variant-outline)::after {
13359
- background-color: var(--accent-a11);
13360
- }
13361
- .rt-BaseRadioRoot:where(.rt-variant-outline):where(.rt-high-contrast)::after {
13362
- background-color: var(--accent-12);
13134
+ background-color: var(--accent-ink);
13363
13135
  }
13364
13136
  .rt-BaseRadioRoot:where(.rt-variant-outline):where(:disabled,[data-disabled])::before {
13365
13137
  -webkit-box-shadow: inset 0 0 0 1px var(--gray-a7);
@@ -13410,10 +13182,7 @@
13410
13182
  box-shadow: inset 0 0 0 1px var(--accent-a8);
13411
13183
  }
13412
13184
  .rt-BaseRadioRoot:where(.rt-variant-surface)::after {
13413
- background-color: var(--accent-a11);
13414
- }
13415
- .rt-BaseRadioRoot:where(.rt-variant-surface):where(.rt-high-contrast)::after {
13416
- background-color: var(--accent-12);
13185
+ background-color: var(--accent-ink);
13417
13186
  }
13418
13187
  .rt-BaseRadioRoot:where(.rt-variant-surface):where(:disabled,[data-disabled])::before {
13419
13188
  -webkit-box-shadow: inset 0 0 0 1px var(--gray-a6);
@@ -13611,12 +13380,9 @@
13611
13380
  .rt-RadioCardsItem:where([data-state='checked']) {
13612
13381
  -webkit-transition: var(--transition-fast);
13613
13382
  transition: var(--transition-fast);
13614
- outline: var(--focus-outline-width) solid var(--accent-indicator);
13383
+ outline: var(--focus-outline-width) solid var(--accent-solid-indicator);
13615
13384
  outline-offset: -1px;
13616
13385
  }
13617
- :where(.rt-RadioCardsRoot.rt-high-contrast) .rt-RadioCardsItem:where([data-state='checked']) {
13618
- outline-color: var(--accent-12);
13619
- }
13620
13386
  .rt-RadioCardsItem:where(:focus-visible) {
13621
13387
  -webkit-transition: var(--transition-focus);
13622
13388
  transition: var(--transition-focus);
@@ -15190,9 +14956,6 @@
15190
14956
  backdrop-filter: var(--backdrop-filter-components);
15191
14957
  --backdrop-filter-components: var(--backdrop-filter-components-enabled);
15192
14958
  }
15193
- .rt-SelectTrigger:where(.rt-high-contrast) :where(.rt-SelectTriggerInner) {
15194
- color: var(--accent-12);
15195
- }
15196
14959
  .rt-SelectTrigger:where(:not([data-placeholder])) :where(.rt-SelectTriggerInner) {
15197
14960
  font-weight: var(--font-weight-medium);
15198
14961
  }
@@ -15328,7 +15091,7 @@
15328
15091
  height: var(--select-trigger-height);
15329
15092
  padding: 0 var(--select-trigger-ghost-padding-x);
15330
15093
  background-color: transparent;
15331
- color: var(--accent-a11);
15094
+ color: var(--accent-ink);
15332
15095
  }
15333
15096
  .rt-SelectTrigger:where(.rt-r-size-1) {
15334
15097
  --select-trigger-height: var(--space-5);
@@ -16037,17 +15800,13 @@
16037
15800
  .rt-SelectTrigger:where(.rt-variant-classic) {
16038
15801
  position: relative;
16039
15802
  top: var(--classic-elevation-offset);
16040
- color: var(--accent-a11);
15803
+ color: var(--accent-ink);
16041
15804
  background-color: var(--color-surface);
16042
15805
  -webkit-box-shadow: var(--shadow-2);
16043
15806
  box-shadow: var(--shadow-2);
16044
15807
  -webkit-transition: var(--transition-text-field);
16045
15808
  transition: var(--transition-text-field);
16046
15809
  }
16047
- .rt-SelectTrigger:where(.rt-variant-classic):where(.rt-high-contrast) {
16048
- color: var(--accent-12);
16049
- background-color: var(--color-surface);
16050
- }
16051
15810
  :where([data-panel-background='translucent'],[data-material='translucent']) .rt-SelectTrigger:where(.rt-variant-classic) {
16052
15811
  background-color: var(--color-surface);
16053
15812
  }
@@ -16057,15 +15816,6 @@
16057
15816
  .rt-SelectTrigger:where(.rt-variant-classic):where([data-panel-background='translucent'],[data-material='translucent']) {
16058
15817
  background-color: var(--color-surface);
16059
15818
  }
16060
- :where([data-panel-background='translucent'],[data-material='translucent']) .rt-SelectTrigger:where(.rt-variant-classic):where(.rt-high-contrast) {
16061
- background-color: var(--color-surface);
16062
- }
16063
- .rt-SelectTrigger:where(.rt-variant-classic):where(.rt-high-contrast):where([data-panel-background='solid'],[data-material='solid']) {
16064
- background-color: var(--color-surface);
16065
- }
16066
- .rt-SelectTrigger:where(.rt-variant-classic):where(.rt-high-contrast):where([data-panel-background='translucent'],[data-material='translucent']) {
16067
- background-color: var(--color-surface);
16068
- }
16069
15819
  .rt-SelectTrigger:where(.rt-variant-classic):where(:focus-visible) {
16070
15820
  outline: 2px solid var(--focus-8);
16071
15821
  outline-offset: 2px;
@@ -16125,10 +15875,7 @@
16125
15875
  }
16126
15876
  .rt-SelectTrigger:where(.rt-variant-soft) {
16127
15877
  background-color: var(--accent-3);
16128
- color: var(--accent-a11);
16129
- }
16130
- .rt-SelectTrigger:where(.rt-variant-soft):where(.rt-high-contrast) {
16131
- color: var(--accent-12);
15878
+ color: var(--accent-ink);
16132
15879
  }
16133
15880
  :where([data-panel-background='translucent'],[data-material='translucent']) .rt-SelectTrigger:where(.rt-variant-soft) {
16134
15881
  background-color: color-mix(in srgb, var(--accent-a3), var(--accent-3) 60%);
@@ -16192,9 +15939,6 @@
16192
15939
  opacity: 0.6;
16193
15940
  font-weight: var(--font-weight-regular);
16194
15941
  }
16195
- .rt-SelectTrigger:where(.rt-variant-ghost):where(.rt-high-contrast) {
16196
- color: var(--accent-12);
16197
- }
16198
15942
  .rt-SelectTrigger:where(.rt-variant-ghost):where([data-placeholder]) :where(.rt-SelectTriggerInner) {
16199
15943
  color: var(--gray-a10);
16200
15944
  font-weight: var(--font-weight-regular);
@@ -16250,28 +15994,21 @@
16250
15994
  .rt-SelectTrigger:where(.rt-variant-outline) {
16251
15995
  -webkit-box-shadow: inset 0 0 0 1px var(--accent-6);
16252
15996
  box-shadow: inset 0 0 0 1px var(--accent-6);
16253
- color: var(--accent-11);
15997
+ color: var(--accent-ink);
16254
15998
  -webkit-transition: var(--transition-background-blur);
16255
15999
  transition: var(--transition-background-blur);
16256
16000
  }
16257
- .rt-SelectTrigger:where(.rt-variant-outline):where(.rt-high-contrast) {
16258
- color: var(--accent-12);
16259
- color: var(--accent-12);
16260
- }
16261
16001
  :where([data-panel-background='translucent'],[data-material='translucent']) .rt-SelectTrigger:where(.rt-variant-outline) {
16262
16002
  -webkit-box-shadow: inset 0 0 0 1px var(--accent-a6);
16263
16003
  box-shadow: inset 0 0 0 1px var(--accent-a6);
16264
- color: var(--accent-a11);
16265
16004
  }
16266
16005
  .rt-SelectTrigger:where(.rt-variant-outline):where([data-panel-background='solid'],[data-material='solid']) {
16267
16006
  -webkit-box-shadow: inset 0 0 0 1px var(--accent-6);
16268
16007
  box-shadow: inset 0 0 0 1px var(--accent-6);
16269
- color: var(--accent-11);
16270
16008
  }
16271
16009
  .rt-SelectTrigger:where(.rt-variant-outline):where([data-panel-background='translucent'],[data-material='translucent']) {
16272
16010
  -webkit-box-shadow: inset 0 0 0 1px var(--accent-a6);
16273
16011
  box-shadow: inset 0 0 0 1px var(--accent-a6);
16274
- color: var(--accent-a11);
16275
16012
  }
16276
16013
  @media (hover: hover) {
16277
16014
  .rt-SelectTrigger:where(.rt-variant-outline):where(:hover) {
@@ -16355,11 +16092,7 @@
16355
16092
  background-color: var(--accent-2);
16356
16093
  -webkit-box-shadow: inset 0 0 0 1px var(--accent-6);
16357
16094
  box-shadow: inset 0 0 0 1px var(--accent-6);
16358
- color: var(--accent-a11);
16359
- }
16360
- .rt-SelectTrigger:where(.rt-variant-surface):where(.rt-high-contrast) {
16361
- color: var(--accent-12);
16362
- color: var(--accent-12);
16095
+ color: var(--accent-ink);
16363
16096
  }
16364
16097
  :where([data-panel-background='translucent'],[data-material='translucent']) .rt-SelectTrigger:where(.rt-variant-surface) {
16365
16098
  background-color: color-mix(in srgb, var(--accent-a2), var(--accent-2) 60%);
@@ -16533,18 +16266,18 @@
16533
16266
  }
16534
16267
  }
16535
16268
  .rt-SelectItem:where([data-accent-color]) {
16536
- color: var(--accent-a11);
16269
+ color: var(--accent-ink);
16537
16270
  }
16538
16271
  .rt-SelectItem:where([data-disabled]) {
16539
16272
  color: var(--gray-a8);
16540
16273
  cursor: default;
16541
16274
  }
16542
- .rt-SelectItem :where(.rt-Text[data-accent-color='gray'], [data-accent-color='gray']) {
16275
+ .rt-SelectItem :where(.rt-Text.rt-emphasis-medium:where(:not([data-accent-color]), [data-accent-color='gray'])) {
16543
16276
  color: var(--gray-a10);
16544
16277
  }
16545
16278
  .rt-SelectContent:where(.rt-variant-solid) :where(.rt-SelectItem[data-highlighted]) {
16546
- background-color: var(--accent-9);
16547
- color: var(--accent-contrast);
16279
+ background-color: var(--accent-solid);
16280
+ color: var(--accent-solid-contrast);
16548
16281
  }
16549
16282
  :is(.rt-SelectContent:where(.rt-variant-solid) :where(.rt-SelectItem[data-highlighted])) :where(.rt-Text) {
16550
16283
  color: inherit !important;
@@ -16552,30 +16285,10 @@
16552
16285
  :is(.rt-SelectContent:where(.rt-variant-solid) :where(.rt-SelectItem[data-highlighted])) :where([data-accent-color='gray']) {
16553
16286
  color: inherit !important;
16554
16287
  }
16555
- .rt-SelectContent:where(.rt-variant-solid):where(.rt-high-contrast) :where(.rt-SelectItem[data-highlighted]) {
16556
- background-color: var(--accent-12);
16557
- color: var(--accent-1);
16558
- }
16559
- :is(.rt-SelectContent:where(.rt-variant-solid):where(.rt-high-contrast) :where(.rt-SelectItem[data-highlighted])) :where(.rt-Text) {
16560
- color: inherit !important;
16561
- }
16562
- :is(.rt-SelectContent:where(.rt-variant-solid):where(.rt-high-contrast) :where(.rt-SelectItem[data-highlighted])) :where([data-accent-color='gray']) {
16563
- color: inherit !important;
16564
- }
16565
- :is(.rt-SelectContent:where(.rt-variant-solid):where(.rt-high-contrast) :where(.rt-SelectItem[data-highlighted])):where([data-accent-color]) {
16566
- background-color: var(--accent-9);
16567
- color: var(--accent-contrast);
16568
- }
16569
- :is(.rt-SelectContent:where(.rt-variant-solid):where(.rt-high-contrast) :where(.rt-SelectItem[data-highlighted])):where([data-accent-color]) :where(.rt-Text) {
16570
- color: inherit !important;
16571
- }
16572
- :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']) {
16573
- color: inherit !important;
16574
- }
16575
16288
  .rt-SelectContent:where(.rt-variant-soft) :where(.rt-SelectItem[data-highlighted]) {
16576
16289
  background-color: var(--accent-a4);
16577
16290
  }
16578
- :is(.rt-SelectContent:where(.rt-variant-soft) :where(.rt-SelectItem[data-highlighted])) :where(.rt-Text[data-accent-color='gray'],[data-accent-color='gray']) {
16291
+ :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'])) {
16579
16292
  color: var(--gray-11) !important;
16580
16293
  }
16581
16294
  .rt-Separator {
@@ -16936,9 +16649,9 @@
16936
16649
  outline-offset: 2px;
16937
16650
  }
16938
16651
  .rt-SidebarMenuButton:where([data-accent-color]) {
16939
- color: var(--accent-a11);
16652
+ color: var(--accent-ink);
16940
16653
  }
16941
- .rt-SidebarMenuButton :where(.rt-Text[data-accent-color='gray'],[data-accent-color='gray']:not(.rt-Badge)) {
16654
+ .rt-SidebarMenuButton :where(.rt-Text.rt-emphasis-medium:where(:not([data-accent-color]),[data-accent-color='gray'])) {
16942
16655
  color: var(--gray-a10);
16943
16656
  }
16944
16657
  .rt-SidebarMenuButton:where([data-disabled],[data-highlighted],:hover,[data-active]) :where(.rt-SidebarMenuShortcut) {
@@ -17348,11 +17061,11 @@
17348
17061
  line-height: var(--line-height-0);
17349
17062
  }
17350
17063
  :where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarMenuButton[data-active] .rt-SidebarMenuLabel) {
17351
- color: var(--accent-11);
17064
+ color: var(--accent-ink);
17352
17065
  font-weight: var(--font-weight-medium);
17353
17066
  }
17354
17067
  :where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarMenuButton:where([data-highlighted], :hover):not([data-disabled]) .rt-SidebarMenuLabel) {
17355
- color: var(--accent-11);
17068
+ color: var(--accent-ink);
17356
17069
  }
17357
17070
  :where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarMenuButton:where([data-highlighted], :hover):not([data-disabled])),
17358
17071
  :where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarMenuButton[data-active]) {
@@ -17371,20 +17084,12 @@
17371
17084
  background-color: var(--accent-a3);
17372
17085
  }
17373
17086
  :where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarContent.rt-menu-variant-solid .rt-SidebarMenuButton:where([data-highlighted], :hover):not([data-disabled]) .rt-SidebarMenuIconWrapper) {
17374
- background-color: var(--accent-9);
17375
- color: var(--accent-contrast);
17087
+ background-color: var(--accent-solid);
17088
+ color: var(--accent-solid-contrast);
17376
17089
  }
17377
17090
  :where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarContent.rt-menu-variant-solid .rt-SidebarMenuButton[data-active] .rt-SidebarMenuIconWrapper) {
17378
- background-color: var(--accent-9);
17379
- color: var(--accent-contrast);
17380
- }
17381
- :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) {
17382
- background-color: var(--accent-12);
17383
- color: var(--accent-1);
17384
- }
17385
- :where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarContent.rt-menu-variant-solid[data-high-contrast] .rt-SidebarMenuButton[data-active] .rt-SidebarMenuIconWrapper) {
17386
- background-color: var(--accent-12);
17387
- color: var(--accent-1);
17091
+ background-color: var(--accent-solid);
17092
+ color: var(--accent-solid-contrast);
17388
17093
  }
17389
17094
  :where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarMenuBadge),
17390
17095
  :where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarMenuShortcut),
@@ -18496,11 +18201,11 @@
18496
18201
  transition: background var(--duration-1) var(--ease-1), color var(--duration-2) var(--ease-1);
18497
18202
  }
18498
18203
  :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])) {
18499
- background-color: var(--accent-9);
18500
- color: var(--accent-contrast);
18204
+ background-color: var(--accent-solid);
18205
+ color: var(--accent-solid-contrast);
18501
18206
  }
18502
18207
  :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) {
18503
- color: var(--accent-contrast);
18208
+ color: var(--accent-solid-contrast);
18504
18209
  }
18505
18210
  :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) {
18506
18211
  color: inherit !important;
@@ -18509,12 +18214,12 @@
18509
18214
  color: inherit !important;
18510
18215
  }
18511
18216
  :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) {
18512
- color: var(--accent-contrast) !important;
18513
- background-color: var(--accent-12) !important;
18217
+ color: var(--accent-solid-badge-contrast) !important;
18218
+ background-color: var(--accent-solid-badge) !important;
18514
18219
  }
18515
18220
  :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]) {
18516
- background-color: var(--accent-9);
18517
- color: var(--accent-contrast);
18221
+ background-color: var(--accent-solid);
18222
+ color: var(--accent-solid-contrast);
18518
18223
  font-weight: var(--font-weight-medium);
18519
18224
  }
18520
18225
  :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) {
@@ -18524,68 +18229,8 @@
18524
18229
  color: inherit !important;
18525
18230
  }
18526
18231
  :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) {
18527
- color: var(--accent-contrast) !important;
18528
- background-color: var(--accent-12) !important;
18529
- }
18530
- :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])) {
18531
- background-color: var(--accent-12);
18532
- color: var(--accent-1);
18533
- }
18534
- :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) {
18535
- color: var(--accent-1);
18536
- }
18537
- :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) {
18538
- color: inherit !important;
18539
- }
18540
- :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)) {
18541
- color: inherit !important;
18542
- }
18543
- :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) {
18544
- color: var(--accent-1) !important;
18545
- background-color: var(--accent-9) !important;
18546
- }
18547
- :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]) {
18548
- background-color: var(--accent-9);
18549
- color: var(--accent-contrast);
18550
- }
18551
- :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) {
18552
- color: inherit !important;
18553
- }
18554
- :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)) {
18555
- color: inherit !important;
18556
- }
18557
- :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) {
18558
- color: var(--accent-contrast) !important;
18559
- background-color: var(--accent-12) !important;
18560
- }
18561
- :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]) {
18562
- background-color: var(--accent-12);
18563
- color: var(--accent-1);
18564
- font-weight: var(--font-weight-medium);
18565
- }
18566
- :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) {
18567
- color: inherit !important;
18568
- }
18569
- :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)) {
18570
- color: inherit !important;
18571
- }
18572
- :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) {
18573
- color: var(--accent-1) !important;
18574
- background-color: var(--accent-9) !important;
18575
- }
18576
- :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]) {
18577
- background-color: var(--accent-9);
18578
- color: var(--accent-contrast);
18579
- }
18580
- :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) {
18581
- color: inherit !important;
18582
- }
18583
- :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)) {
18584
- color: inherit !important;
18585
- }
18586
- :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) {
18587
- color: var(--accent-contrast) !important;
18588
- background-color: var(--accent-12) !important;
18232
+ color: var(--accent-solid-badge-contrast) !important;
18233
+ background-color: var(--accent-solid-badge) !important;
18589
18234
  }
18590
18235
  :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) {
18591
18236
  -webkit-transition: var(--transition-menu);
@@ -18633,7 +18278,7 @@
18633
18278
  :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']) {
18634
18279
  background-color: var(--accent-a4);
18635
18280
  }
18636
- :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)) {
18281
+ :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'])) {
18637
18282
  color: var(--gray-11) !important;
18638
18283
  }
18639
18284
  :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]) {
@@ -18655,7 +18300,7 @@
18655
18300
  background-color: var(--accent-a3);
18656
18301
  color: var(--accent-a12);
18657
18302
  }
18658
- :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)) {
18303
+ :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'])) {
18659
18304
  color: var(--gray-11) !important;
18660
18305
  }
18661
18306
  .rt-SidebarSearch {
@@ -18766,8 +18411,8 @@
18766
18411
  background-color: var(--accent-a4);
18767
18412
  }
18768
18413
  :where(.rt-SidebarContainer[data-presentation='thin'].rt-menu-variant-solid) :where(.rt-SidebarSearchTrigger:where(:hover):not([data-disabled]) .rt-SidebarMenuIconWrapper) {
18769
- background-color: var(--accent-9);
18770
- color: var(--accent-contrast);
18414
+ background-color: var(--accent-solid);
18415
+ color: var(--accent-solid-contrast);
18771
18416
  }
18772
18417
  .rt-SidebarSearchPopover {
18773
18418
  display: -webkit-box;
@@ -19652,7 +19297,7 @@
19652
19297
  content: '';
19653
19298
  position: absolute;
19654
19299
  inset: calc(var(--slider-thumb-inset-factor) * var(--slider-track-size) * -1);
19655
- background-color: white;
19300
+ background-color: var(--accent-solid-thumb);
19656
19301
  border-radius: var(--slider-thumb-radius);
19657
19302
  -webkit-box-shadow: var(--shadow-2);
19658
19303
  box-shadow: var(--shadow-2);
@@ -19868,10 +19513,7 @@
19868
19513
  box-shadow: inset 0 0 0 1px var(--gray-5);
19869
19514
  }
19870
19515
  .rt-SliderRoot:where(.rt-variant-surface) :where(.rt-SliderRange) {
19871
- background-color: var(--accent-9);
19872
- }
19873
- .rt-SliderRoot:where(.rt-variant-surface):where(.rt-high-contrast) :where(.rt-SliderRange) {
19874
- background-color: var(--accent-12);
19516
+ background-color: var(--accent-solid);
19875
19517
  }
19876
19518
  .rt-SliderRoot:where(.rt-variant-soft) :where(.rt-SliderTrack) {
19877
19519
  background-color: var(--gray-3);
@@ -19886,10 +19528,7 @@
19886
19528
  background-color: color-mix(in srgb, var(--gray-a3), var(--gray-3) 60%);
19887
19529
  }
19888
19530
  .rt-SliderRoot:where(.rt-variant-soft) :where(.rt-SliderRange) {
19889
- background-color: var(--accent-9);
19890
- }
19891
- .rt-SliderRoot:where(.rt-variant-soft):where(.rt-high-contrast) :where(.rt-SliderRange) {
19892
- background-color: var(--accent-12);
19531
+ background-color: var(--accent-solid);
19893
19532
  }
19894
19533
  .rt-SliderRoot:where(.rt-variant-soft) :where(.rt-SliderThumb) {
19895
19534
  --slider-thumb-box-shadow: var(--shadow-3);
@@ -19911,17 +19550,11 @@
19911
19550
  box-shadow: inset 0 0 0 1px var(--gray-a6);
19912
19551
  }
19913
19552
  .rt-SliderRoot:where(.rt-variant-outline) :where(.rt-SliderRange) {
19914
- background-color: var(--accent-9);
19915
- }
19916
- .rt-SliderRoot:where(.rt-variant-outline):where(.rt-high-contrast) :where(.rt-SliderRange) {
19917
- background-color: var(--accent-12);
19553
+ background-color: var(--accent-solid);
19918
19554
  }
19919
19555
  .rt-SliderRoot:where(.rt-variant-outline) :where(.rt-SliderThumb) {
19920
19556
  --slider-thumb-box-shadow: var(--shadow-3);
19921
19557
  }
19922
- .rt-SliderRoot:where(:not(.rt-high-contrast)) {
19923
- --slider-range-high-contrast-background-image: none;
19924
- }
19925
19558
  .rt-SliderRoot:where([data-disabled]) {
19926
19559
  cursor: var(--cursor-disabled);
19927
19560
  }
@@ -20259,6 +19892,7 @@
20259
19892
  transition: transform var(--transition-standard), box-shadow var(--transition-standard), -webkit-transform var(--transition-standard), -webkit-box-shadow var(--transition-standard);
20260
19893
  }
20261
19894
  .rt-SwitchThumb:where([data-state='checked']) {
19895
+ background-color: var(--accent-solid-thumb);
20262
19896
  -webkit-transform: translateX(var(--switch-thumb-translate-x));
20263
19897
  transform: translateX(var(--switch-thumb-translate-x));
20264
19898
  }
@@ -20365,12 +19999,7 @@
20365
19999
  box-shadow: inset 0 0 0 1px var(--gray-a6);
20366
20000
  }
20367
20001
  .rt-SwitchRoot:where(.rt-variant-surface):where([data-state='checked'])::before {
20368
- background-color: var(--accent-9);
20369
- -webkit-box-shadow: none;
20370
- box-shadow: none;
20371
- }
20372
- .rt-SwitchRoot:where(.rt-variant-surface):where(.rt-high-contrast):where([data-state='checked'])::before {
20373
- background-color: var(--accent-12);
20002
+ background-color: var(--accent-solid);
20374
20003
  -webkit-box-shadow: none;
20375
20004
  box-shadow: none;
20376
20005
  }
@@ -20387,10 +20016,7 @@
20387
20016
  background-color: color-mix(in srgb, var(--gray-a3), var(--gray-3) 60%);
20388
20017
  }
20389
20018
  .rt-SwitchRoot:where(.rt-variant-soft):where([data-state='checked'])::before {
20390
- background-color: var(--accent-9);
20391
- }
20392
- .rt-SwitchRoot:where(.rt-variant-soft):where(.rt-high-contrast):where([data-state='checked'])::before {
20393
- background-color: var(--accent-12);
20019
+ background-color: var(--accent-solid);
20394
20020
  }
20395
20021
  .rt-SwitchRoot:where(.rt-variant-outline)::before {
20396
20022
  -webkit-box-shadow: inset 0 0 0 1px var(--gray-6);
@@ -20409,12 +20035,7 @@
20409
20035
  box-shadow: inset 0 0 0 1px var(--gray-a6);
20410
20036
  }
20411
20037
  .rt-SwitchRoot:where(.rt-variant-outline):where([data-state='checked'])::before {
20412
- background-color: var(--accent-9);
20413
- -webkit-box-shadow: none;
20414
- box-shadow: none;
20415
- }
20416
- .rt-SwitchRoot:where(.rt-variant-outline):where(.rt-high-contrast):where([data-state='checked'])::before {
20417
- background-color: var(--accent-12);
20038
+ background-color: var(--accent-solid);
20418
20039
  -webkit-box-shadow: none;
20419
20040
  box-shadow: none;
20420
20041
  }
@@ -20789,7 +20410,7 @@
20789
20410
  bottom: 0;
20790
20411
  left: 0;
20791
20412
  right: 0;
20792
- background-color: var(--accent-indicator);
20413
+ background-color: var(--accent-solid-indicator);
20793
20414
  -webkit-transform-origin: center;
20794
20415
  transform-origin: center;
20795
20416
  -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);
@@ -20797,9 +20418,6 @@
20797
20418
  transition: transform var(--duration-3) var(--ease-3), opacity var(--duration-2) var(--ease-1), background-color var(--duration-2) var(--ease-1);
20798
20419
  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);
20799
20420
  }
20800
- :is(:where(.rt-BaseTabList.rt-high-contrast) .rt-BaseTabListTrigger):where([data-state='active'],[data-active])::before {
20801
- background-color: var(--accent-12);
20802
- }
20803
20421
  @media (forced-colors: active) {
20804
20422
  .rt-BaseTabListTrigger:where([data-state='active'])::before,
20805
20423
  .rt-TabNavLink:where([data-active])::before {