@servicetitan/anvil2 2.9.0 → 3.0.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 (488) hide show
  1. package/CHANGELOG.md +87 -0
  2. package/dist/{AiMark-DR-w6Nbm.js → AiMark-B1-M3ZgP.js} +26 -25
  3. package/dist/{AiMark-DR-w6Nbm.js.map → AiMark-B1-M3ZgP.js.map} +1 -1
  4. package/dist/AiMark.css +246 -256
  5. package/dist/AiMark.js +1 -1
  6. package/dist/{Alert-Dj61Bq8h.js → Alert-DmbqtMg_.js} +20 -31
  7. package/dist/Alert-DmbqtMg_.js.map +1 -0
  8. package/dist/Alert.css +72 -90
  9. package/dist/Alert.js +1 -1
  10. package/dist/{Announcement-B9zm-_1S.js → Announcement-_C5g2Lzm.js} +14 -14
  11. package/dist/{Announcement-B9zm-_1S.js.map → Announcement-_C5g2Lzm.js.map} +1 -1
  12. package/dist/Announcement.css +108 -97
  13. package/dist/Announcement.js +1 -1
  14. package/dist/{AnvilProvider-DUPYyMc7.js → AnvilProvider-JXEbeQjR.js} +13 -8
  15. package/dist/AnvilProvider-JXEbeQjR.js.map +1 -0
  16. package/dist/AnvilProvider.js +1 -1
  17. package/dist/{Avatar-BckUfs1N.js → Avatar-B4hRHku9.js} +23 -23
  18. package/dist/Avatar-B4hRHku9.js.map +1 -0
  19. package/dist/{Avatar-ChybzixS.js → Avatar-NbFc4Ovc.js} +2 -2
  20. package/dist/{Avatar-ChybzixS.js.map → Avatar-NbFc4Ovc.js.map} +1 -1
  21. package/dist/Avatar.css +116 -177
  22. package/dist/Avatar.js +2 -2
  23. package/dist/{Badge-C2W7Dls9.js → Badge-C_wTvtnB.js} +7 -7
  24. package/dist/{Badge-C2W7Dls9.js.map → Badge-C_wTvtnB.js.map} +1 -1
  25. package/dist/Badge.css +42 -50
  26. package/dist/Badge.js +1 -1
  27. package/dist/{Breadcrumbs-ojgYVZwe.js → Breadcrumbs-CYmciJ1D.js} +7 -7
  28. package/dist/{Breadcrumbs-ojgYVZwe.js.map → Breadcrumbs-CYmciJ1D.js.map} +1 -1
  29. package/dist/Breadcrumbs.css +37 -45
  30. package/dist/Breadcrumbs.js +1 -1
  31. package/dist/{Button-BdrrhBTI.js → Button-Bnt8XUI7.js} +13 -10
  32. package/dist/{Button-BdrrhBTI.js.map → Button-Bnt8XUI7.js.map} +1 -1
  33. package/dist/Button.css +274 -335
  34. package/dist/Button.js +1 -1
  35. package/dist/Button.module-DsGhJYRw.js +23 -0
  36. package/dist/Button.module-DsGhJYRw.js.map +1 -0
  37. package/dist/{ButtonCompound-Cmw3cgMY.js → ButtonCompound-DsrK7G3q.js} +11 -4
  38. package/dist/ButtonCompound-DsrK7G3q.js.map +1 -0
  39. package/dist/ButtonCompound.css +25 -0
  40. package/dist/ButtonCompound.js +1 -1
  41. package/dist/{ButtonLink-BJKTJER8.js → ButtonLink-j3h_wRNi.js} +9 -6
  42. package/dist/ButtonLink-j3h_wRNi.js.map +1 -0
  43. package/dist/ButtonLink.js +1 -1
  44. package/dist/{ButtonToggle-DaFQ3DBG.js → ButtonToggle-Ct9_5bhC.js} +7 -4
  45. package/dist/ButtonToggle-Ct9_5bhC.js.map +1 -0
  46. package/dist/ButtonToggle.css +109 -0
  47. package/dist/ButtonToggle.js +1 -1
  48. package/dist/{Calendar-Cka4unyi.js → Calendar-BAbAagIx.js} +2 -2
  49. package/dist/{Calendar-Cka4unyi.js.map → Calendar-BAbAagIx.js.map} +1 -1
  50. package/dist/{Calendar-Dxl9QnfP.js → Calendar-CaCMa_jq.js} +38 -35
  51. package/dist/Calendar-CaCMa_jq.js.map +1 -0
  52. package/dist/Calendar.css +250 -301
  53. package/dist/Calendar.js +2 -2
  54. package/dist/{Card-wz71dEVA.js → Card-DSFuXUGk.js} +11 -11
  55. package/dist/{Card-wz71dEVA.js.map → Card-DSFuXUGk.js.map} +1 -1
  56. package/dist/Card.css +51 -65
  57. package/dist/Card.js +1 -1
  58. package/dist/{Checkbox-B-XTVPbX.js → Checkbox-BSAS8-DM.js} +28 -39
  59. package/dist/Checkbox-BSAS8-DM.js.map +1 -0
  60. package/dist/{Checkbox-Cw1-KFvq.js → Checkbox-Ckl8EFpF.js} +2 -2
  61. package/dist/{Checkbox-Cw1-KFvq.js.map → Checkbox-Ckl8EFpF.js.map} +1 -1
  62. package/dist/Checkbox.css +237 -271
  63. package/dist/Checkbox.js +1 -1
  64. package/dist/Checkbox.module-TYMeYIxw.js +28 -0
  65. package/dist/Checkbox.module-TYMeYIxw.js.map +1 -0
  66. package/dist/{Chip-Ce0WGKAc.js → Chip-CR5i8mQW.js} +31 -23
  67. package/dist/Chip-CR5i8mQW.js.map +1 -0
  68. package/dist/Chip.css +191 -206
  69. package/dist/Chip.js +1 -1
  70. package/dist/{Combobox-CNQUROyr.js → Combobox-BffGTugd.js} +59 -72
  71. package/dist/Combobox-BffGTugd.js.map +1 -0
  72. package/dist/Combobox.css +158 -176
  73. package/dist/Combobox.js +1 -1
  74. package/dist/{DataTable-BCV_mtSy.js → DataTable-D9Xj1nq5.js} +437 -479
  75. package/dist/DataTable-D9Xj1nq5.js.map +1 -0
  76. package/dist/DataTable.css +593 -739
  77. package/dist/{DateFieldRange-D2hnF50O.js → DateFieldRange-DPTC3EZz.js} +6 -6
  78. package/dist/{DateFieldRange-D2hnF50O.js.map → DateFieldRange-DPTC3EZz.js.map} +1 -1
  79. package/dist/DateFieldRange.js +1 -1
  80. package/dist/{DateFieldSingle-BuaB7RDr.js → DateFieldSingle-w1G-zd9G.js} +6 -6
  81. package/dist/{DateFieldSingle-BuaB7RDr.js.map → DateFieldSingle-w1G-zd9G.js.map} +1 -1
  82. package/dist/DateFieldSingle.js +1 -1
  83. package/dist/{DateFieldYearless-DLeMEutt.js → DateFieldYearless-DHNVc7Sd.js} +7 -7
  84. package/dist/{DateFieldYearless-DLeMEutt.js.map → DateFieldYearless-DHNVc7Sd.js.map} +1 -1
  85. package/dist/DateFieldYearless.js +1 -1
  86. package/dist/{DateFieldYearlessRange-BfPuYKKC.js → DateFieldYearlessRange-C5ktVUgG.js} +10 -10
  87. package/dist/{DateFieldYearlessRange-BfPuYKKC.js.map → DateFieldYearlessRange-C5ktVUgG.js.map} +1 -1
  88. package/dist/DateFieldYearlessRange.css +11 -19
  89. package/dist/DateFieldYearlessRange.js +1 -1
  90. package/dist/{DaysOfTheWeek-BW1T8sTU.js → DaysOfTheWeek-BubWkBZ0.js} +10 -10
  91. package/dist/{DaysOfTheWeek-BW1T8sTU.js.map → DaysOfTheWeek-BubWkBZ0.js.map} +1 -1
  92. package/dist/DaysOfTheWeek.css +19 -27
  93. package/dist/DaysOfTheWeek.js +1 -1
  94. package/dist/{Details-CZOIpNP_.js → Details-DYRJcLWL.js} +10 -10
  95. package/dist/{Details-CZOIpNP_.js.map → Details-DYRJcLWL.js.map} +1 -1
  96. package/dist/Details.css +134 -138
  97. package/dist/Details.js +1 -1
  98. package/dist/{Dialog-Cewu2pd_.js → Dialog-DGmF6qx3.js} +27 -26
  99. package/dist/Dialog-DGmF6qx3.js.map +1 -0
  100. package/dist/Dialog.css +108 -143
  101. package/dist/Dialog.js +1 -1
  102. package/dist/{DialogCancelButton-Czz4Wpse.js → DialogCancelButton-CbtQcf2J.js} +2 -2
  103. package/dist/{DialogCancelButton-Czz4Wpse.js.map → DialogCancelButton-CbtQcf2J.js.map} +1 -1
  104. package/dist/{Divider-B1UoK8ho.js → Divider-Ds3WKsKa.js} +19 -19
  105. package/dist/{Divider-B1UoK8ho.js.map → Divider-Ds3WKsKa.js.map} +1 -1
  106. package/dist/Divider.css +93 -169
  107. package/dist/Divider.js +1 -1
  108. package/dist/Dnd.js +1 -1
  109. package/dist/DndSort.css +18 -34
  110. package/dist/DndSort.js +10 -10
  111. package/dist/{Drawer-Cb5asXWf.js → Drawer-iewBy1DW.js} +24 -25
  112. package/dist/{Drawer-Cb5asXWf.js.map → Drawer-iewBy1DW.js.map} +1 -1
  113. package/dist/Drawer.css +109 -144
  114. package/dist/Drawer.js +1 -1
  115. package/dist/DrillDown.css +117 -131
  116. package/dist/DrillDown.js +1 -1
  117. package/dist/DrillDown.module-D1Bf9_yP.js +27 -0
  118. package/dist/{DrillDown.module-C8VOhzaF.js.map → DrillDown.module-D1Bf9_yP.js.map} +1 -1
  119. package/dist/{EditCard-DlJE3LXN.js → EditCard-D7-Ye7R0.js} +21 -20
  120. package/dist/{EditCard-DlJE3LXN.js.map → EditCard-D7-Ye7R0.js.map} +1 -1
  121. package/dist/EditCard.css +71 -65
  122. package/dist/EditCard.js +1 -1
  123. package/dist/{FieldLabel-HO2VP-4B.js → FieldLabel-DZWu5dMp.js} +17 -17
  124. package/dist/{FieldLabel-HO2VP-4B.js.map → FieldLabel-DZWu5dMp.js.map} +1 -1
  125. package/dist/FieldLabel.css +66 -102
  126. package/dist/FieldLabel.js +1 -1
  127. package/dist/FieldMessage-DzxfodaI.js +81 -0
  128. package/dist/FieldMessage-DzxfodaI.js.map +1 -0
  129. package/dist/FieldMessage.css +20 -29
  130. package/dist/FieldMessage.js +1 -1
  131. package/dist/{Flex-WyyZm1bf.js → Flex-DOUtHiPi.js} +4 -4
  132. package/dist/{Flex-WyyZm1bf.js.map → Flex-DOUtHiPi.js.map} +1 -1
  133. package/dist/Flex.css +25 -28
  134. package/dist/Flex.js +1 -1
  135. package/dist/{Grid-DeYIx5k4.js → Grid-B1VVssDD.js} +5 -5
  136. package/dist/{Grid-DeYIx5k4.js.map → Grid-B1VVssDD.js.map} +1 -1
  137. package/dist/Grid.css +37 -54
  138. package/dist/Grid.js +1 -1
  139. package/dist/{Helper-B_FIOlhy.js → Helper-DtDeaYTn.js} +8 -10
  140. package/dist/Helper-DtDeaYTn.js.map +1 -0
  141. package/dist/Helper.css +4 -16
  142. package/dist/{Icon-DuIlne4x.js → Icon-BMMbp40n.js} +7 -7
  143. package/dist/{Icon-DuIlne4x.js.map → Icon-BMMbp40n.js.map} +1 -1
  144. package/dist/Icon.css +42 -48
  145. package/dist/Icon.js +1 -1
  146. package/dist/{InputMask-CLLTehFI.js → InputMask-EwEJlW-t.js} +3 -3
  147. package/dist/{InputMask-CLLTehFI.js.map → InputMask-EwEJlW-t.js.map} +1 -1
  148. package/dist/InputMask.js +1 -1
  149. package/dist/{InteractiveCard-GTYbR6Xy.js → InteractiveCard-CnW0m_F-.js} +7 -7
  150. package/dist/{InteractiveCard-GTYbR6Xy.js.map → InteractiveCard-CnW0m_F-.js.map} +1 -1
  151. package/dist/InteractiveCard.css +56 -57
  152. package/dist/InteractiveCard.js +1 -1
  153. package/dist/{Layout-CISAxILX.js → Layout-C2Q2hyLG.js} +80 -80
  154. package/dist/{Layout-CISAxILX.js.map → Layout-C2Q2hyLG.js.map} +1 -1
  155. package/dist/Layout.css +260 -324
  156. package/dist/Layout.js +1 -1
  157. package/dist/{Link-jTvzyXca.js → Link-BUgivkGS.js} +8 -8
  158. package/dist/{Link-jTvzyXca.js.map → Link-BUgivkGS.js.map} +1 -1
  159. package/dist/Link.css +48 -65
  160. package/dist/Link.js +1 -1
  161. package/dist/Link.module-DJc0cOlg.js +12 -0
  162. package/dist/Link.module-DJc0cOlg.js.map +1 -0
  163. package/dist/{LinkButton-DGyHR1E7.js → LinkButton-CuHSdGdj.js} +7 -16
  164. package/dist/LinkButton-CuHSdGdj.js.map +1 -0
  165. package/dist/LinkButton.js +1 -1
  166. package/dist/{List--KhCpjZn.js → List-BXyHWQ9e.js} +8 -8
  167. package/dist/{List--KhCpjZn.js.map → List-BXyHWQ9e.js.map} +1 -1
  168. package/dist/List.css +39 -58
  169. package/dist/List.js +1 -1
  170. package/dist/{ListView-CPi-qG2w.js → ListView-DBO9Bl1H.js} +4 -4
  171. package/dist/{ListView-CPi-qG2w.js.map → ListView-DBO9Bl1H.js.map} +1 -1
  172. package/dist/ListView.css +108 -120
  173. package/dist/ListView.js +1 -1
  174. package/dist/ListView.module-CRk9NfLG.js +9 -0
  175. package/dist/ListView.module-CRk9NfLG.js.map +1 -0
  176. package/dist/{Listbox-Bp4hqIpH.js → Listbox-DDlxpVu9.js} +7 -7
  177. package/dist/{Listbox-Bp4hqIpH.js.map → Listbox-DDlxpVu9.js.map} +1 -1
  178. package/dist/Listbox.css +102 -143
  179. package/dist/Listbox.js +1 -1
  180. package/dist/Listbox.module-CfpLm9pS.js +18 -0
  181. package/dist/Listbox.module-CfpLm9pS.js.map +1 -0
  182. package/dist/{LocalizationProvider-DWCyga_d.js → LocalizationProvider-CO8fQGqs.js} +2 -2
  183. package/dist/{LocalizationProvider-DWCyga_d.js.map → LocalizationProvider-CO8fQGqs.js.map} +1 -1
  184. package/dist/LocalizationProvider.js +1 -1
  185. package/dist/{Menu-CCavGohP.js → Menu-wpTyUDac.js} +10 -10
  186. package/dist/{Menu-CCavGohP.js.map → Menu-wpTyUDac.js.map} +1 -1
  187. package/dist/Menu.css +135 -137
  188. package/dist/Menu.js +1 -1
  189. package/dist/MultiSelectField.js +1 -1
  190. package/dist/{MultiSelectFieldSync-ChZCW4M9.js → MultiSelectFieldSync-DZ3tm7zt.js} +34 -33
  191. package/dist/MultiSelectFieldSync-DZ3tm7zt.js.map +1 -0
  192. package/dist/MultiSelectFieldSync.css +263 -257
  193. package/dist/MultiSelectMenu.js +1 -1
  194. package/dist/{MultiSelectMenuSync-7C1wW4oO.js → MultiSelectMenuSync-dgO9SmHi.js} +4 -4
  195. package/dist/{MultiSelectMenuSync-7C1wW4oO.js.map → MultiSelectMenuSync-dgO9SmHi.js.map} +1 -1
  196. package/dist/{NumberField-CZSTHBeO.js → NumberField-DJbdyatF.js} +15 -12
  197. package/dist/{NumberField-CZSTHBeO.js.map → NumberField-DJbdyatF.js.map} +1 -1
  198. package/dist/NumberField.css +34 -49
  199. package/dist/NumberField.js +1 -1
  200. package/dist/Overflow.css +143 -164
  201. package/dist/Overflow.js +44 -42
  202. package/dist/Overflow.js.map +1 -1
  203. package/dist/{Page-BHdvTlfE.js → Page-Be1Blwme.js} +65 -65
  204. package/dist/Page-Be1Blwme.js.map +1 -0
  205. package/dist/Page.css +384 -404
  206. package/dist/Page.js +1 -1
  207. package/dist/{Pagination-DecGSuW4.js → Pagination-USDJM5vi.js} +29 -34
  208. package/dist/{Pagination-DecGSuW4.js.map → Pagination-USDJM5vi.js.map} +1 -1
  209. package/dist/Pagination.css +63 -116
  210. package/dist/Pagination.js +1 -1
  211. package/dist/{Popover-BbqTZw-1.js → Popover-CyB7yzSf.js} +7 -7
  212. package/dist/{Popover-BbqTZw-1.js.map → Popover-CyB7yzSf.js.map} +1 -1
  213. package/dist/Popover.css +84 -97
  214. package/dist/Popover.js +1 -1
  215. package/dist/{ProgressBar-CZcxkdX6.js → ProgressBar-DSrjgLTx.js} +15 -15
  216. package/dist/{ProgressBar-CZcxkdX6.js.map → ProgressBar-DSrjgLTx.js.map} +1 -1
  217. package/dist/ProgressBar.css +59 -81
  218. package/dist/ProgressBar.js +1 -1
  219. package/dist/{Radio-BFr8AdHc.js → Radio-CQaXJ72d.js} +2 -2
  220. package/dist/{Radio-BFr8AdHc.js.map → Radio-CQaXJ72d.js.map} +1 -1
  221. package/dist/{Radio-DJZVMCv0.js → Radio-DO4UhbBE.js} +45 -48
  222. package/dist/Radio-DO4UhbBE.js.map +1 -0
  223. package/dist/Radio.css +233 -229
  224. package/dist/Radio.js +1 -1
  225. package/dist/{SearchField-im7AHGYo.js → SearchField-CsRGYZx3.js} +9 -11
  226. package/dist/{SearchField-im7AHGYo.js.map → SearchField-CsRGYZx3.js.map} +1 -1
  227. package/dist/SearchField.css +22 -39
  228. package/dist/SearchField.js +1 -1
  229. package/dist/{SegmentedControl-B9NWUF7s.js → SegmentedControl-Chhqyyra.js} +15 -16
  230. package/dist/SegmentedControl-Chhqyyra.js.map +1 -0
  231. package/dist/SegmentedControl.css +103 -122
  232. package/dist/SegmentedControl.js +1 -1
  233. package/dist/SelectCard-CtXwY8FZ.js +351 -0
  234. package/dist/SelectCard-CtXwY8FZ.js.map +1 -0
  235. package/dist/SelectCard.css +135 -82
  236. package/dist/SelectCard.js +1 -1
  237. package/dist/SelectField.js +1 -1
  238. package/dist/{SelectFieldLabel-kEBS8L4l.js → SelectFieldLabel-DLT5dKbx.js} +3 -3
  239. package/dist/{SelectFieldLabel-kEBS8L4l.js.map → SelectFieldLabel-DLT5dKbx.js.map} +1 -1
  240. package/dist/{SelectFieldSync-o1Cp9UYC.js → SelectFieldSync-C44hPeeS.js} +9 -8
  241. package/dist/SelectFieldSync-C44hPeeS.js.map +1 -0
  242. package/dist/SelectMenu.js +1 -1
  243. package/dist/{SelectMenuSync-DXrwecFt.js → SelectMenuSync-V97oN85V.js} +4 -4
  244. package/dist/{SelectMenuSync-DXrwecFt.js.map → SelectMenuSync-V97oN85V.js.map} +1 -1
  245. package/dist/{SelectOptions-Dy2OWqxn.js → SelectOptions-CDoo4AUu.js} +2 -2
  246. package/dist/{SelectOptions-Dy2OWqxn.js.map → SelectOptions-CDoo4AUu.js.map} +1 -1
  247. package/dist/{SelectTrigger-DhKYzEAr.js → SelectTrigger-BWN3Tx43.js} +5 -5
  248. package/dist/{SelectTrigger-DhKYzEAr.js.map → SelectTrigger-BWN3Tx43.js.map} +1 -1
  249. package/dist/SelectTrigger.js +1 -1
  250. package/dist/{SelectTriggerBase-Ni8WqeUx.js → SelectTriggerBase-Do7lQ5rw.js} +8 -7
  251. package/dist/{SelectTriggerBase-Ni8WqeUx.js.map → SelectTriggerBase-Do7lQ5rw.js.map} +1 -1
  252. package/dist/SelectTriggerBase.css +231 -305
  253. package/dist/SelectTriggerBase.module-DKF1FQnc.js +37 -0
  254. package/dist/SelectTriggerBase.module-DKF1FQnc.js.map +1 -0
  255. package/dist/{SideNav-CrxYExjh.js → SideNav-CZRVOSbt.js} +19 -14
  256. package/dist/SideNav-CZRVOSbt.js.map +1 -0
  257. package/dist/SideNav.css +126 -294
  258. package/dist/SideNav.js +1 -1
  259. package/dist/Skeleton.css +57 -65
  260. package/dist/Skeleton.js +16 -16
  261. package/dist/Skeleton.js.map +1 -1
  262. package/dist/{Spinner-BqmcE2pb.js → Spinner-lPMo68yW.js} +16 -17
  263. package/dist/Spinner-lPMo68yW.js.map +1 -0
  264. package/dist/Spinner.css +33 -43
  265. package/dist/Spinner.js +1 -1
  266. package/dist/{SrOnly-eUpYGpAT.js → SrOnly-pnf8ajnh.js} +2 -2
  267. package/dist/{SrOnly-eUpYGpAT.js.map → SrOnly-pnf8ajnh.js.map} +1 -1
  268. package/dist/SrOnly.css +12 -14
  269. package/dist/SrOnly.js +1 -1
  270. package/dist/StatusIcon-BwULopyH.js +57 -0
  271. package/dist/StatusIcon-BwULopyH.js.map +1 -0
  272. package/dist/StatusIcon.css +32 -0
  273. package/dist/{Stepper-Dt2xAXth.js → Stepper-CYY64NU1.js} +16 -16
  274. package/dist/{Stepper-Dt2xAXth.js.map → Stepper-CYY64NU1.js.map} +1 -1
  275. package/dist/Stepper.css +180 -239
  276. package/dist/Stepper.js +1 -1
  277. package/dist/{Switch-C84MBChG.js → Switch-DeBu4Ucg.js} +17 -13
  278. package/dist/{Switch-C84MBChG.js.map → Switch-DeBu4Ucg.js.map} +1 -1
  279. package/dist/Switch.css +109 -125
  280. package/dist/Switch.js +1 -1
  281. package/dist/{Tab-BZpTCG0i.js → Tab-CewPzmuK.js} +20 -34
  282. package/dist/Tab-CewPzmuK.js.map +1 -0
  283. package/dist/Tab.css +232 -194
  284. package/dist/Tab.js +1 -1
  285. package/dist/Table.js +1 -1
  286. package/dist/{Text-WiS8UZkY.js → Text-J5YtSSXY.js} +15 -38
  287. package/dist/Text-J5YtSSXY.js.map +1 -0
  288. package/dist/Text.css +101 -142
  289. package/dist/Text.js +1 -1
  290. package/dist/Text.module-BXrY87ui.js +23 -0
  291. package/dist/Text.module-BXrY87ui.js.map +1 -0
  292. package/dist/{TextField-Bul_uln5.js → TextField-CRDTnuUN.js} +7 -7
  293. package/dist/{TextField-Bul_uln5.js.map → TextField-CRDTnuUN.js.map} +1 -1
  294. package/dist/{TextField-OznkTx4e.js → TextField-YlMkDHp-.js} +2 -2
  295. package/dist/{TextField-OznkTx4e.js.map → TextField-YlMkDHp-.js.map} +1 -1
  296. package/dist/TextField.css +156 -148
  297. package/dist/TextField.js +1 -1
  298. package/dist/TextField.module-MRVo1X9H.js +23 -0
  299. package/dist/TextField.module-MRVo1X9H.js.map +1 -0
  300. package/dist/{Textarea-CCYLsJ1x.js → Textarea-CxXmr_Gx.js} +16 -13
  301. package/dist/{Textarea-CCYLsJ1x.js.map → Textarea-CxXmr_Gx.js.map} +1 -1
  302. package/dist/Textarea.css +71 -81
  303. package/dist/Textarea.js +1 -1
  304. package/dist/{ThemeProvider-CaYW3RuA.js → ThemeProvider-D4KdGCaP.js} +11 -9
  305. package/dist/ThemeProvider-D4KdGCaP.js.map +1 -0
  306. package/dist/ThemeProvider.css +586 -516
  307. package/dist/ThemeProvider.js +1 -1
  308. package/dist/{TimeField-BPvPbD8H.js → TimeField-DTg0CE5L.js} +7 -7
  309. package/dist/{TimeField-BPvPbD8H.js.map → TimeField-DTg0CE5L.js.map} +1 -1
  310. package/dist/TimeField.css +5 -8
  311. package/dist/TimeField.js +1 -1
  312. package/dist/{TimezoneMessage-Cnsl4cHT.js → TimezoneMessage-BrKB_psP.js} +2 -2
  313. package/dist/{TimezoneMessage-Cnsl4cHT.js.map → TimezoneMessage-BrKB_psP.js.map} +1 -1
  314. package/dist/TimezoneMessage.css +5 -5
  315. package/dist/Toast.js +2 -2
  316. package/dist/{Toaster-DYJm06Vb.js → Toaster-Bq42x6Gx.js} +35 -34
  317. package/dist/Toaster-Bq42x6Gx.js.map +1 -0
  318. package/dist/{Toaster-CIaIvwH6.js → Toaster-Dly3rfva.js} +2 -2
  319. package/dist/{Toaster-CIaIvwH6.js.map → Toaster-Dly3rfva.js.map} +1 -1
  320. package/dist/Toaster.css +210 -242
  321. package/dist/{Toolbar-ByyI7SqG.js → Toolbar-C1_etxss.js} +42 -42
  322. package/dist/{Toolbar-ByyI7SqG.js.map → Toolbar-C1_etxss.js.map} +1 -1
  323. package/dist/Toolbar.css +121 -202
  324. package/dist/Toolbar.js +1 -1
  325. package/dist/{Tooltip-C1PBRnJv.js → Tooltip-BlStOXN3.js} +8 -8
  326. package/dist/{Tooltip-C1PBRnJv.js.map → Tooltip-BlStOXN3.js.map} +1 -1
  327. package/dist/Tooltip.css +46 -58
  328. package/dist/Tooltip.js +1 -1
  329. package/dist/{YearlessDateInputWithPicker-C_twiQW5.js → YearlessDateInputWithPicker-DyytWt0x.js} +14 -16
  330. package/dist/{YearlessDateInputWithPicker-C_twiQW5.js.map → YearlessDateInputWithPicker-DyytWt0x.js.map} +1 -1
  331. package/dist/YearlessDateInputWithPicker.css +110 -196
  332. package/dist/assets/css-utils/a2-border.css +47 -45
  333. package/dist/assets/css-utils/a2-color.css +443 -227
  334. package/dist/assets/css-utils/a2-font.css +0 -2
  335. package/dist/assets/css-utils/a2-spacing.css +476 -478
  336. package/dist/assets/css-utils/a2-utils.css +992 -772
  337. package/dist/assets/css-utils/border.css +47 -45
  338. package/dist/assets/css-utils/color.css +443 -227
  339. package/dist/assets/css-utils/font.css +0 -2
  340. package/dist/assets/css-utils/spacing.css +476 -478
  341. package/dist/assets/css-utils/utils.css +992 -772
  342. package/dist/assets/icons/st/unsorted.svg +1 -0
  343. package/dist/assets/icons/st.ts +1 -0
  344. package/dist/beta/components/Table/DataTable/DataTable.d.ts +22 -0
  345. package/dist/beta/components/Table/DataTable/internal/DataTableBody.d.ts +19 -4
  346. package/dist/beta/components/Table/DataTable/internal/DataTableBodyRow.d.ts +18 -1
  347. package/dist/beta/components/Table/DataTable/internal/DataTableHeader.d.ts +4 -2
  348. package/dist/beta/components/Table/DataTable/internal/cells/DataTableBodyCell.d.ts +0 -2
  349. package/dist/beta/components/Table/DataTable/internal/cells/DataTableBodyImmutableCell.d.ts +0 -5
  350. package/dist/beta/components/Table/DataTable/internal/cells/DataTableBodyMutableCell.d.ts +0 -5
  351. package/dist/beta/components/Table/DataTable/internal/cells/useCellFocusListener.d.ts +10 -0
  352. package/dist/beta/components/Table/DataTable/internal/context/focus/DTFocusProvider.d.ts +4 -1
  353. package/dist/beta/components/Table/DataTable/internal/editable-cells/DataTableEditableMultiselectAsyncCell.d.ts +0 -1
  354. package/dist/beta/components/Table/DataTable/internal/editable-cells/DataTableEditableMultiselectCell.d.ts +0 -1
  355. package/dist/beta/components/Table/DataTable/internal/editable-cells/types.d.ts +0 -4
  356. package/dist/beta/components/Table/DataTable/internal/editable-cells/useEditableMenuCell.d.ts +3 -6
  357. package/dist/beta/components/Table/DataTable/internal/useDataTableVirtualizer.d.ts +29 -0
  358. package/dist/beta/components/Table/DataTable/internal/util/shallowSortingEqual.d.ts +2 -0
  359. package/dist/beta/components/Table/DataTable/stories/DataTable.story-data.d.ts +1 -0
  360. package/dist/beta/components/Table/createColumnHelper.d.ts +19 -2
  361. package/dist/beta/components/Table/types.d.ts +23 -2
  362. package/dist/beta.js +10 -10
  363. package/dist/{indeterminate_check_box-B4zobNlt.js → check_box-0U1tbEAd.js} +2 -4
  364. package/dist/check_box-0U1tbEAd.js.map +1 -0
  365. package/dist/components/DateFieldRange/internal/MaskedDateRangeInput.d.ts +1 -1
  366. package/dist/components/DateFieldRange/internal/useDateFieldRangeConversion.d.ts +1 -1
  367. package/dist/components/DateFieldSingle/internal/MaskedDateInput.d.ts +1 -1
  368. package/dist/components/DateFieldYearless/internal/YearlessDateInput.d.ts +1 -1
  369. package/dist/components/DateFieldYearless/internal/YearlessDateInputWithPicker.d.ts +1 -1
  370. package/dist/components/NumberField/NumberField.d.ts +1 -1
  371. package/dist/components/Page/Page.d.ts +2 -2
  372. package/dist/components/SearchField/internal/SearchField.d.ts +1 -1
  373. package/dist/components/Stepper/Stepper.d.ts +1 -1
  374. package/dist/components/Stepper/StepperStep.d.ts +1 -1
  375. package/dist/components/Tab/Tab.d.ts +1 -1
  376. package/dist/components/Tab/TabButton.d.ts +1 -1
  377. package/dist/indeterminate_check_box-jjLG4UY6.js +6 -0
  378. package/dist/indeterminate_check_box-jjLG4UY6.js.map +1 -0
  379. package/dist/{index-D6ag_WQW.js → index-ByMdotWU.js} +18 -18
  380. package/dist/{index-D6ag_WQW.js.map → index-ByMdotWU.js.map} +1 -1
  381. package/dist/index.css +98 -126
  382. package/dist/index.js +85 -82
  383. package/dist/index.js.map +1 -1
  384. package/dist/index2.css +57 -74
  385. package/dist/internal/components/StatusIcon/StatusIcon.d.ts +5 -5
  386. package/dist/internal/hooks/useSelectOrchestration.d.ts +1 -1
  387. package/dist/primitive-DXlHdTFb.js +1056 -0
  388. package/dist/primitive-DXlHdTFb.js.map +1 -0
  389. package/dist/providers/ThemeProvider/ThemeProvider.d.ts +1 -0
  390. package/dist/{stripInlineMarkdown-Cg1qlNwL.js → stripInlineMarkdown-BWbMy7r_.js} +2 -2
  391. package/dist/{stripInlineMarkdown-Cg1qlNwL.js.map → stripInlineMarkdown-BWbMy7r_.js.map} +1 -1
  392. package/dist/{syncFilterUtils-UR5Vgqkh.js → syncFilterUtils-BLcRXQfd.js} +49 -49
  393. package/dist/syncFilterUtils-BLcRXQfd.js.map +1 -0
  394. package/dist/syncFilterUtils.css +189 -217
  395. package/dist/token/core/component-variables.scss +1088 -131
  396. package/dist/token/core/component.d.ts +558 -0
  397. package/dist/token/core/component.js +6685 -249
  398. package/dist/token/core/component.scss +557 -69
  399. package/dist/token/core/css-utils/a2-border.css +47 -45
  400. package/dist/token/core/css-utils/a2-color.css +443 -227
  401. package/dist/token/core/css-utils/a2-font.css +0 -2
  402. package/dist/token/core/css-utils/a2-spacing.css +476 -478
  403. package/dist/token/core/css-utils/a2-utils.css +992 -772
  404. package/dist/token/core/css-utils/border.css +47 -45
  405. package/dist/token/core/css-utils/color.css +443 -227
  406. package/dist/token/core/css-utils/font.css +0 -2
  407. package/dist/token/core/css-utils/spacing.css +476 -478
  408. package/dist/token/core/css-utils/utils.css +992 -772
  409. package/dist/token/core/index.d.ts +6 -0
  410. package/dist/token/core/index.js +1 -1
  411. package/dist/token/core/primitive-variables.scss +148 -65
  412. package/dist/token/core/primitive.d.ts +209 -0
  413. package/dist/token/core/primitive.js +779 -61
  414. package/dist/token/core/primitive.scss +207 -124
  415. package/dist/token/core/semantic-variables.scss +363 -245
  416. package/dist/token/core/semantic.d.ts +221 -0
  417. package/dist/token/core/semantic.js +1592 -347
  418. package/dist/token/core/semantic.scss +219 -140
  419. package/dist/token.js +9076 -833
  420. package/dist/token.js.map +1 -1
  421. package/dist/{useBreakpoint-okJ64T1D.js → useBreakpoint-CeaUyHxh.js} +2 -2
  422. package/dist/{useBreakpoint-okJ64T1D.js.map → useBreakpoint-CeaUyHxh.js.map} +1 -1
  423. package/dist/useBreakpoint.js +1 -1
  424. package/dist/{useDrillDownContext-BssSasVB.js → useDrillDownContext-iUvoTget.js} +2 -2
  425. package/dist/{useDrillDownContext-BssSasVB.js.map → useDrillDownContext-iUvoTget.js.map} +1 -1
  426. package/dist/{useDrilldown-D6VZNSCX.js → useDrilldown-D5WWJRU2.js} +7 -7
  427. package/dist/{useDrilldown-D6VZNSCX.js.map → useDrilldown-D5WWJRU2.js.map} +1 -1
  428. package/dist/{useLayoutPropsUtil-DMDdfIah.js → useLayoutPropsUtil-CB_zHDbW.js} +3 -3
  429. package/dist/{useLayoutPropsUtil-DMDdfIah.js.map → useLayoutPropsUtil-CB_zHDbW.js.map} +1 -1
  430. package/dist/{useToggleSelection-BBdrIVWs.js → useToggleSelection-D_2qS0P1.js} +2 -2
  431. package/dist/{useToggleSelection-BBdrIVWs.js.map → useToggleSelection-D_2qS0P1.js.map} +1 -1
  432. package/package.json +3 -3
  433. package/dist/Alert-Dj61Bq8h.js.map +0 -1
  434. package/dist/AnvilProvider-DUPYyMc7.js.map +0 -1
  435. package/dist/Avatar-BckUfs1N.js.map +0 -1
  436. package/dist/Button.module-wCtFYGVD.js +0 -26
  437. package/dist/Button.module-wCtFYGVD.js.map +0 -1
  438. package/dist/ButtonCompound-Cmw3cgMY.js.map +0 -1
  439. package/dist/ButtonLink-BJKTJER8.js.map +0 -1
  440. package/dist/ButtonToggle-DaFQ3DBG.js.map +0 -1
  441. package/dist/Calendar-Dxl9QnfP.js.map +0 -1
  442. package/dist/Checkbox-B-XTVPbX.js.map +0 -1
  443. package/dist/Checkbox.module-EkRZO48Y.js +0 -28
  444. package/dist/Checkbox.module-EkRZO48Y.js.map +0 -1
  445. package/dist/Chip-Ce0WGKAc.js.map +0 -1
  446. package/dist/Combobox-CNQUROyr.js.map +0 -1
  447. package/dist/DataTable-BCV_mtSy.js.map +0 -1
  448. package/dist/Dialog-Cewu2pd_.js.map +0 -1
  449. package/dist/DrillDown.module-C8VOhzaF.js +0 -27
  450. package/dist/FieldMessage-COHqUdj5.js +0 -132
  451. package/dist/FieldMessage-COHqUdj5.js.map +0 -1
  452. package/dist/Helper-B_FIOlhy.js.map +0 -1
  453. package/dist/Link.module-CZt9wvuD.js +0 -12
  454. package/dist/Link.module-CZt9wvuD.js.map +0 -1
  455. package/dist/LinkButton-DGyHR1E7.js.map +0 -1
  456. package/dist/LinkButton.css +0 -5
  457. package/dist/ListView.module-BilDg12y.js +0 -9
  458. package/dist/ListView.module-BilDg12y.js.map +0 -1
  459. package/dist/Listbox.module-HAXMOKvC.js +0 -18
  460. package/dist/Listbox.module-HAXMOKvC.js.map +0 -1
  461. package/dist/MultiSelectFieldSync-ChZCW4M9.js.map +0 -1
  462. package/dist/Page-BHdvTlfE.js.map +0 -1
  463. package/dist/Radio-DJZVMCv0.js.map +0 -1
  464. package/dist/SegmentedControl-B9NWUF7s.js.map +0 -1
  465. package/dist/SelectCard-DVcWJRbX.js +0 -352
  466. package/dist/SelectCard-DVcWJRbX.js.map +0 -1
  467. package/dist/SelectFieldSync-o1Cp9UYC.js.map +0 -1
  468. package/dist/SelectTriggerBase.module-CKoq6qzX.js +0 -38
  469. package/dist/SelectTriggerBase.module-CKoq6qzX.js.map +0 -1
  470. package/dist/SideNav-CrxYExjh.js.map +0 -1
  471. package/dist/Spinner-BqmcE2pb.js.map +0 -1
  472. package/dist/Tab-BZpTCG0i.js.map +0 -1
  473. package/dist/Text-WiS8UZkY.js.map +0 -1
  474. package/dist/TextField.module-BP-hDP5m.js +0 -22
  475. package/dist/TextField.module-BP-hDP5m.js.map +0 -1
  476. package/dist/ThemeProvider-CaYW3RuA.js.map +0 -1
  477. package/dist/Toaster-DYJm06Vb.js.map +0 -1
  478. package/dist/beta/components/Table/DataTable/internal/cells/CellFocusContext.d.ts +0 -16
  479. package/dist/beta/components/Table/DataTable/internal/context/hover/DTHoverContext.d.ts +0 -31
  480. package/dist/beta/components/Table/DataTable/internal/context/hover/DTHoverProvider.d.ts +0 -3
  481. package/dist/beta/components/Table/DataTable/internal/context/hover/useDTHoverDispatchContext.d.ts +0 -1
  482. package/dist/beta/components/Table/DataTable/internal/context/hover/useDTHoverStateContext.d.ts +0 -4
  483. package/dist/beta/components/Table/internal/getColSpanWidth.d.ts +0 -7
  484. package/dist/indeterminate_check_box-B4zobNlt.js.map +0 -1
  485. package/dist/primitive-C3RFDRA8.js +0 -255
  486. package/dist/primitive-C3RFDRA8.js.map +0 -1
  487. package/dist/syncFilterUtils-UR5Vgqkh.js.map +0 -1
  488. package/dist/token/core/raw.js +0 -234
package/dist/token/core/component.scss CHANGED
@@ -1,69 +1,557 @@
1
- $button-primary-foreground-color: var(--button-primary-foreground-color, #ffffff);
2
- $button-primary-foreground-color-hover: var(--button-primary-foreground-color-hover, #ffffff);
3
- $button-primary-foreground-color-active: var(--button-primary-foreground-color-active, #ffffff);
4
- $button-primary-background-color: var(--button-primary-background-color, #0265DC);
5
- $button-primary-background-color-hover: var(--button-primary-background-color-hover, #0655b4ff);
6
- $button-primary-background-color-active: var(--button-primary-background-color-active, #09458cff);
7
- $button-primary-border-color: var(--button-primary-border-color, transparent);
8
- $button-primary-border-radius: 0.375rem;
9
- $button-primary-focus-ring-color: var(--button-primary-focus-ring-color, #0265DC);
10
- $button-secondary-foreground-color: var(--button-secondary-foreground-color, #141414);
11
- $button-secondary-foreground-color-hover: var(--button-secondary-foreground-color-hover, #141414);
12
- $button-secondary-foreground-color-active: var(--button-secondary-foreground-color-active, #141414);
13
- $button-secondary-background-color: var(--button-secondary-background-color, #0404040f);
14
- $button-secondary-background-color-hover: var(--button-secondary-background-color-hover, #05050522);
15
- $button-secondary-background-color-active: var(--button-secondary-background-color-active, #07070735);
16
- $button-secondary-border-color: var(--button-secondary-border-color, transparent);
17
- $button-secondary-border-radius: 0.375rem;
18
- $button-secondary-focus-ring-color: var(--button-secondary-focus-ring-color, #0265DC);
19
- $button-ghost-foreground-color: var(--button-ghost-foreground-color, #141414);
20
- $button-ghost-foreground-color-hover: var(--button-ghost-foreground-color-hover, #141414);
21
- $button-ghost-foreground-color-active: var(--button-ghost-foreground-color-active, #141414);
22
- $button-ghost-background-color: var(--button-ghost-background-color, transparent);
23
- $button-ghost-background-color-hover: var(--button-ghost-background-color-hover, #14141414);
24
- $button-ghost-background-color-active: var(--button-ghost-background-color-active, #14141429);
25
- $button-ghost-border-color: var(--button-ghost-border-color, transparent);
26
- $button-ghost-border-radius: 0.375rem;
27
- $button-ghost-focus-ring-color: var(--button-ghost-focus-ring-color, #0265DC);
28
- $button-danger-primary-foreground-color: var(--button-danger-primary-foreground-color, #ffffff);
29
- $button-danger-primary-foreground-color-hover: var(--button-danger-primary-foreground-color-hover, #ffffff);
30
- $button-danger-primary-foreground-color-active: var(--button-danger-primary-foreground-color-active, #ffffff);
31
- $button-danger-primary-background-color: var(--button-danger-primary-background-color, #e13212);
32
- $button-danger-primary-background-color-hover: var(--button-danger-primary-background-color-hover, #b82c12ff);
33
- $button-danger-primary-background-color-active: var(--button-danger-primary-background-color-active, #8f2613ff);
34
- $button-danger-primary-border-color: var(--button-danger-primary-border-color, transparent);
35
- $button-danger-primary-border-radius: 0.375rem;
36
- $button-danger-primary-focus-ring-color: var(--button-danger-primary-focus-ring-color, #e13212);
37
- $button-danger-secondary-foreground-color: var(--button-danger-secondary-foreground-color, #bf2a00);
38
- $button-danger-secondary-foreground-color-hover: var(--button-danger-secondary-foreground-color-hover, #bf2a00);
39
- $button-danger-secondary-foreground-color-active: var(--button-danger-secondary-foreground-color-active, #bf2a00);
40
- $button-danger-secondary-background-color: var(--button-danger-secondary-background-color, #ffece9);
41
- $button-danger-secondary-background-color-hover: var(--button-danger-secondary-background-color-hover, #fcd9d4ff);
42
- $button-danger-secondary-background-color-active: var(--button-danger-secondary-background-color-active, #f6b4a9ff);
43
- $button-danger-secondary-border-color: var(--button-danger-secondary-border-color, transparent);
44
- $button-danger-secondary-border-radius: 0.375rem;
45
- $button-danger-secondary-focus-ring-color: var(--button-danger-secondary-focus-ring-color, #e13212);
46
- $checkbox-unchecked-fill-color-default: var(--checkbox-unchecked-fill-color-default, #141414);
47
- $checkbox-unchecked-fill-color-hover: var(--checkbox-unchecked-fill-color-hover, #141414);
48
- $checkbox-unchecked-fill-color-active: var(--checkbox-unchecked-fill-color-active, #141414);
49
- $checkbox-unchecked-background-color-default: var(--checkbox-unchecked-background-color-default, transparent);
50
- $checkbox-unchecked-background-color-hover: var(--checkbox-unchecked-background-color-hover, #14141414);
51
- $checkbox-unchecked-background-color-active: var(--checkbox-unchecked-background-color-active, #14141429);
52
- $checkbox-checked-fill-color-default: var(--checkbox-checked-fill-color-default, #0265DC);
53
- $checkbox-checked-fill-color-hover: var(--checkbox-checked-fill-color-hover, #004ba0d1);
54
- $checkbox-checked-fill-color-active: var(--checkbox-checked-fill-color-active, #0151afb8);
55
- $checkbox-checked-background-color-default: var(--checkbox-checked-background-color-default, transparent);
56
- $checkbox-checked-background-color-hover: var(--checkbox-checked-background-color-hover, #0265dc14);
57
- $checkbox-checked-background-color-active: var(--checkbox-checked-background-color-active, #0265dc29);
58
- $checkbox-unchecked-error-fill-color-default: var(--checkbox-unchecked-error-fill-color-default, #e13212);
59
- $checkbox-unchecked-error-fill-color-hover: var(--checkbox-unchecked-error-fill-color-hover, #bf2a00);
60
- $checkbox-unchecked-error-fill-color-active: var(--checkbox-unchecked-error-fill-color-active, #bf2a00);
61
- $checkbox-unchecked-error-background-color-default: var(--checkbox-unchecked-error-background-color-default, transparent);
62
- $checkbox-unchecked-error-background-color-hover: var(--checkbox-unchecked-error-background-color-hover, #e132120f);
63
- $checkbox-unchecked-error-background-color-active: var(--checkbox-unchecked-error-background-color-active, #e132122e);
64
- $checkbox-checked-error-fill-color-default: var(--checkbox-checked-error-fill-color-default, #e13212);
65
- $checkbox-checked-error-fill-color-hover: var(--checkbox-checked-error-fill-color-hover, #bf2a00);
66
- $checkbox-checked-error-fill-color-active: var(--checkbox-checked-error-fill-color-active, #bf2a00);
67
- $checkbox-checked-error-background-color-default: var(--checkbox-checked-error-background-color-default, transparent);
68
- $checkbox-checked-error-background-color-hover: var(--checkbox-checked-error-background-color-hover, #e132120f);
69
- $checkbox-checked-error-background-color-active: var(--checkbox-checked-error-background-color-active, #e132122e);
1
+ // Background gradient for the primary AI mark component.
2
+ $ai-mark-primary-background-gradient: var(--a2-ai-mark-primary-background-gradient, light-dark(linear-gradient(90deg, var(--a2-color-blue-600, #0265dc) 0%, var(--a2-color-cyan-300, #45d8f2) 100%), linear-gradient(90deg, var(--a2-color-cyan-300, #45d8f2) 0%, var(--a2-color-cyan-50, #daf7fc) 100%)));
3
+ $alert-info-foreground-color: var(--a2-alert-info-foreground-color, var(--a2-foreground-color-default, light-dark(var(--a2-color-neutral-950, #040404), var(--a2-color-neutral-0, #ffffff))));
4
+ $alert-info-background-color: var(--a2-alert-info-background-color, var(--a2-background-color-primary-faint, light-dark(var(--a2-color-blue-10, #fafcff), var(--a2-color-blue-950, #000b19))));
5
+ $alert-info-border-color: var(--a2-alert-info-border-color, var(--a2-border-color-primary, light-dark(var(--a2-color-blue-600, #0265dc), var(--a2-color-blue-200, #9ecaff))));
6
+ $alert-success-foreground-color: var(--a2-alert-success-foreground-color, var(--a2-foreground-color-default, light-dark(var(--a2-color-neutral-950, #040404), var(--a2-color-neutral-0, #ffffff))));
7
+ $alert-success-background-color: var(--a2-alert-success-background-color, var(--a2-background-color-success-faint, light-dark(var(--a2-color-green-10, #f5fefb), var(--a2-color-green-950, #010f0a))));
8
+ $alert-success-border-color: var(--a2-alert-success-border-color, var(--a2-border-color-success, light-dark(var(--a2-color-green-600, #077e50), var(--a2-color-green-200, #70ebbc))));
9
+ $alert-warning-foreground-color: var(--a2-alert-warning-foreground-color, var(--a2-foreground-color-default, light-dark(var(--a2-color-neutral-950, #040404), var(--a2-color-neutral-0, #ffffff))));
10
+ $alert-warning-background-color: var(--a2-alert-warning-background-color, var(--a2-background-color-warning-faint, light-dark(var(--a2-color-yellow-10, #fffef8), var(--a2-color-yellow-950, #191100))));
11
+ $alert-warning-border-color: var(--a2-alert-warning-border-color, var(--a2-border-color-warning, light-dark(var(--a2-color-yellow-700, #c98600), var(--a2-color-yellow-200, #fff0b1))));
12
+ $alert-danger-foreground-color: var(--a2-alert-danger-foreground-color, var(--a2-foreground-color-default, light-dark(var(--a2-color-neutral-950, #040404), var(--a2-color-neutral-0, #ffffff))));
13
+ $alert-danger-background-color: var(--a2-alert-danger-background-color, var(--a2-background-color-danger-faint, light-dark(var(--a2-color-red-10, #fffbfa), var(--a2-color-red-950, #0a0200))));
14
+ $alert-danger-border-color: var(--a2-alert-danger-border-color, var(--a2-border-color-danger, light-dark(var(--a2-color-red-600, #d62100), var(--a2-color-red-200, #ffac9e))));
15
+ $alert-close-button-foreground-color: var(--a2-alert-close-button-foreground-color, var(--a2-foreground-color-default, light-dark(var(--a2-color-neutral-950, #040404), var(--a2-color-neutral-0, #ffffff))));
16
+ $announcement-info-background-color: var(--a2-announcement-info-background-color, var(--a2-status-color-info, light-dark(var(--a2-color-blue-600, #0265dc), var(--a2-color-blue-300, #70b1ff))));
17
+ $announcement-info-foreground-color: var(--a2-announcement-info-foreground-color, var(--a2-foreground-color-on-primary, light-dark(var(--a2-color-neutral-0, #ffffff), var(--a2-color-neutral-900, #1a1a1a))));
18
+ $announcement-info-action-button-background-color: var(--a2-announcement-info-action-button-background-color, var(--a2-background-color-secondary-strong, light-dark(#04040426, #ffffff8C)));
19
+ $announcement-info-action-button-background-color-hover: var(--a2-announcement-info-action-button-background-color-hover, var(--a2-background-color-secondary-strong-hover, light-dark(#04040440, #ffffffA6)));
20
+ $announcement-info-action-button-background-color-active: var(--a2-announcement-info-action-button-background-color-active, var(--a2-background-color-secondary-strong-active, light-dark(#0404044D, #ffffffBF)));
21
+ $announcement-info-action-button-focus-ring-color: var(--a2-announcement-info-action-button-focus-ring-color, var(--a2-foreground-color-on-primary, light-dark(var(--a2-color-neutral-0, #ffffff), var(--a2-color-neutral-900, #1a1a1a))));
22
+ $announcement-success-background-color: var(--a2-announcement-success-background-color, var(--a2-status-color-success, light-dark(var(--a2-color-green-600, #077e50), var(--a2-color-green-400, #0bd085))));
23
+ $announcement-success-foreground-color: var(--a2-announcement-success-foreground-color, var(--a2-foreground-color-on-success, light-dark(var(--a2-color-neutral-0, #ffffff), var(--a2-color-neutral-900, #1a1a1a))));
24
+ $announcement-success-action-button-background-color: var(--a2-announcement-success-action-button-background-color, var(--a2-background-color-secondary-strong, light-dark(#04040426, #ffffff8C)));
25
+ $announcement-success-action-button-background-color-hover: var(--a2-announcement-success-action-button-background-color-hover, var(--a2-background-color-secondary-strong-hover, light-dark(#04040440, #ffffffA6)));
26
+ $announcement-success-action-button-background-color-active: var(--a2-announcement-success-action-button-background-color-active, var(--a2-background-color-secondary-strong-active, light-dark(#0404044D, #ffffffBF)));
27
+ $announcement-success-action-button-focus-ring-color: var(--a2-announcement-success-action-button-focus-ring-color, var(--a2-foreground-color-on-success, light-dark(var(--a2-color-neutral-0, #ffffff), var(--a2-color-neutral-900, #1a1a1a))));
28
+ $announcement-warning-background-color: var(--a2-announcement-warning-background-color, var(--a2-status-color-warning, light-dark(var(--a2-color-yellow-500, #ffbe00), var(--a2-color-yellow-300, #ffe278))));
29
+ $announcement-warning-foreground-color: var(--a2-announcement-warning-foreground-color, var(--a2-foreground-color-on-warning, var(--a2-color-neutral-900, #1a1a1a)));
30
+ $announcement-warning-action-button-background-color: var(--a2-announcement-warning-action-button-background-color, var(--a2-background-color-secondary-strong, light-dark(#04040426, #ffffff8C)));
31
+ $announcement-warning-action-button-background-color-hover: var(--a2-announcement-warning-action-button-background-color-hover, var(--a2-background-color-secondary-strong-hover, light-dark(#04040440, #ffffffA6)));
32
+ $announcement-warning-action-button-background-color-active: var(--a2-announcement-warning-action-button-background-color-active, var(--a2-background-color-secondary-strong-active, light-dark(#0404044D, #ffffffBF)));
33
+ $announcement-warning-action-button-focus-ring-color: var(--a2-announcement-warning-action-button-focus-ring-color, var(--a2-foreground-color-on-warning, var(--a2-color-neutral-900, #1a1a1a)));
34
+ $announcement-danger-background-color: var(--a2-announcement-danger-background-color, var(--a2-status-color-danger, light-dark(var(--a2-color-red-600, #d62100), var(--a2-color-red-400, #ff5b3d))));
35
+ $announcement-danger-foreground-color: var(--a2-announcement-danger-foreground-color, var(--a2-foreground-color-on-danger, light-dark(var(--a2-color-neutral-0, #ffffff), var(--a2-color-neutral-900, #1a1a1a))));
36
+ $announcement-danger-action-button-background-color: var(--a2-announcement-danger-action-button-background-color, var(--a2-background-color-secondary-strong, light-dark(#04040426, #ffffff8C)));
37
+ $announcement-danger-action-button-background-color-hover: var(--a2-announcement-danger-action-button-background-color-hover, var(--a2-background-color-secondary-strong-hover, light-dark(#04040440, #ffffffA6)));
38
+ $announcement-danger-action-button-background-color-active: var(--a2-announcement-danger-action-button-background-color-active, var(--a2-background-color-secondary-strong-active, light-dark(#0404044D, #ffffffBF)));
39
+ $announcement-danger-action-button-focus-ring-color: var(--a2-announcement-danger-action-button-focus-ring-color, var(--a2-foreground-color-on-danger, light-dark(var(--a2-color-neutral-0, #ffffff), var(--a2-color-neutral-900, #1a1a1a))));
40
+ $avatar-background-color: var(--a2-avatar-background-color, var(--a2-background-color-stronger, light-dark(var(--a2-color-neutral-50, #eeeeee), var(--a2-color-neutral-700, #404040))));
41
+ $avatar-foreground-color: var(--a2-avatar-foreground-color, var(--a2-foreground-color-default, light-dark(var(--a2-color-neutral-950, #040404), var(--a2-color-neutral-0, #ffffff))));
42
+ $avatar-border-color: var(--a2-avatar-border-color, var(--a2-background-color-default, light-dark(var(--a2-color-neutral-0, #ffffff), var(--a2-color-neutral-900, #1a1a1a))));
43
+ $avatar-indicator-background-color-default: var(--a2-avatar-indicator-background-color-default, var(--a2-background-color-default, light-dark(var(--a2-color-neutral-0, #ffffff), var(--a2-color-neutral-900, #1a1a1a))));
44
+ $avatar-indicator-background-color-online: var(--a2-avatar-indicator-background-color-online, var(--a2-status-color-success, light-dark(var(--a2-color-green-600, #077e50), var(--a2-color-green-400, #0bd085))));
45
+ $avatar-indicator-background-color-offline: var(--a2-avatar-indicator-background-color-offline, var(--a2-background-color-disabled, light-dark(var(--a2-color-neutral-600, #545454), var(--a2-color-neutral-500, #707070))));
46
+ $avatar-indicator-border-color: var(--a2-avatar-indicator-border-color, var(--a2-border-color-default, light-dark(var(--a2-color-neutral-400, #8b8b8b), var(--a2-color-neutral-600, #545454))));
47
+ $badge-background-color: var(--a2-badge-background-color, var(--a2-background-color-danger, var(--a2-status-color-danger, light-dark(var(--a2-color-red-600, #d62100), var(--a2-color-red-400, #ff5b3d)))));
48
+ $badge-foreground-color: var(--a2-badge-foreground-color, var(--a2-foreground-color-on-danger, light-dark(var(--a2-color-neutral-0, #ffffff), var(--a2-color-neutral-900, #1a1a1a))));
49
+ $breadcrumb-link-foreground-color: var(--a2-breadcrumb-link-foreground-color, var(--a2-foreground-color-subdued, light-dark(var(--a2-color-neutral-500, #707070), var(--a2-color-neutral-200, #c4c4c4))));
50
+ $breadcrumb-link-foreground-color-hover: var(--a2-breadcrumb-link-foreground-color-hover, var(--a2-foreground-color-default, light-dark(var(--a2-color-neutral-950, #040404), var(--a2-color-neutral-0, #ffffff))));
51
+ $button-toggle-unpressed-background-color: var(--a2-button-toggle-unpressed-background-color, var(--a2-background-color-transparent-default, rgba(0, 0, 0, 0)));
52
+ $button-toggle-unpressed-background-color-hover: var(--a2-button-toggle-unpressed-background-color-hover, var(--a2-background-color-transparent-default-hover, light-dark(#8b8b8b14, #ffffff14)));
53
+ $button-toggle-unpressed-background-color-active: var(--a2-button-toggle-unpressed-background-color-active, var(--a2-background-color-transparent-default-active, light-dark(#8b8b8b29, #ffffff29)));
54
+ $button-toggle-unpressed-background-color-disabled: var(--a2-button-toggle-unpressed-background-color-disabled, var(--a2-background-color-strong, light-dark(var(--a2-color-neutral-20, #f9f9f9), var(--a2-color-neutral-800, #292929))));
55
+ $button-toggle-unpressed-foreground-color: var(--a2-button-toggle-unpressed-foreground-color, var(--a2-foreground-color-default, light-dark(var(--a2-color-neutral-950, #040404), var(--a2-color-neutral-0, #ffffff))));
56
+ $button-toggle-unpressed-foreground-color-hover: var(--a2-button-toggle-unpressed-foreground-color-hover, var(--a2-foreground-color-default, light-dark(var(--a2-color-neutral-950, #040404), var(--a2-color-neutral-0, #ffffff))));
57
+ $button-toggle-unpressed-foreground-color-active: var(--a2-button-toggle-unpressed-foreground-color-active, var(--a2-foreground-color-default, light-dark(var(--a2-color-neutral-950, #040404), var(--a2-color-neutral-0, #ffffff))));
58
+ $button-toggle-unpressed-foreground-color-disabled: var(--a2-button-toggle-unpressed-foreground-color-disabled, var(--a2-foreground-color-subdued, light-dark(var(--a2-color-neutral-500, #707070), var(--a2-color-neutral-200, #c4c4c4))));
59
+ $button-toggle-unpressed-border-color: var(--a2-button-toggle-unpressed-border-color, var(--a2-border-color-default, light-dark(var(--a2-color-neutral-400, #8b8b8b), var(--a2-color-neutral-600, #545454))));
60
+ $button-toggle-unpressed-border-color-hover: var(--a2-button-toggle-unpressed-border-color-hover, var(--a2-border-color-default, light-dark(var(--a2-color-neutral-400, #8b8b8b), var(--a2-color-neutral-600, #545454))));
61
+ $button-toggle-unpressed-border-color-active: var(--a2-button-toggle-unpressed-border-color-active, var(--a2-border-color-default, light-dark(var(--a2-color-neutral-400, #8b8b8b), var(--a2-color-neutral-600, #545454))));
62
+ $button-toggle-unpressed-border-color-disabled: var(--a2-button-toggle-unpressed-border-color-disabled, rgba(0, 0, 0, 0));
63
+ $button-toggle-pressed-background-color: var(--a2-button-toggle-pressed-background-color, var(--a2-background-color-primary-subdued, light-dark(var(--a2-color-blue-50, #e6f1ff), #70b1ff33)));
64
+ $button-toggle-pressed-background-color-hover: var(--a2-button-toggle-pressed-background-color-hover, var(--a2-background-color-primary-subdued-hover, light-dark(var(--a2-color-blue-100, #cce3ff), #70b1ff4D)));
65
+ $button-toggle-pressed-background-color-active: var(--a2-button-toggle-pressed-background-color-active, var(--a2-background-color-primary-subdued-active, light-dark(var(--a2-color-blue-200, #9ecaff), #70b1ff66)));
66
+ $button-toggle-pressed-background-color-disabled: var(--a2-button-toggle-pressed-background-color-disabled, var(--a2-background-color-strong, light-dark(var(--a2-color-neutral-20, #f9f9f9), var(--a2-color-neutral-800, #292929))));
67
+ $button-toggle-pressed-foreground-color: var(--a2-button-toggle-pressed-foreground-color, var(--a2-foreground-color-primary, light-dark(var(--a2-color-blue-600, #0265dc), var(--a2-color-blue-300, #70b1ff))));
68
+ $button-toggle-pressed-foreground-color-hover: var(--a2-button-toggle-pressed-foreground-color-hover, var(--a2-foreground-color-primary-hover, light-dark(var(--a2-color-blue-700, #1d4ca3), var(--a2-color-blue-200, #9ecaff))));
69
+ $button-toggle-pressed-foreground-color-active: var(--a2-button-toggle-pressed-foreground-color-active, var(--a2-foreground-color-primary-active, light-dark(var(--a2-color-blue-800, #003472), var(--a2-color-blue-200, #9ecaff))));
70
+ $button-toggle-pressed-foreground-color-disabled: var(--a2-button-toggle-pressed-foreground-color-disabled, var(--a2-foreground-color-subdued, light-dark(var(--a2-color-neutral-500, #707070), var(--a2-color-neutral-200, #c4c4c4))));
71
+ $button-toggle-pressed-border-color: var(--a2-button-toggle-pressed-border-color, var(--a2-foreground-color-primary, light-dark(var(--a2-color-blue-600, #0265dc), var(--a2-color-blue-300, #70b1ff))));
72
+ $button-toggle-pressed-border-color-hover: var(--a2-button-toggle-pressed-border-color-hover, var(--a2-foreground-color-primary-hover, light-dark(var(--a2-color-blue-700, #1d4ca3), var(--a2-color-blue-200, #9ecaff))));
73
+ $button-toggle-pressed-border-color-active: var(--a2-button-toggle-pressed-border-color-active, var(--a2-foreground-color-primary-active, light-dark(var(--a2-color-blue-800, #003472), var(--a2-color-blue-200, #9ecaff))));
74
+ $button-toggle-pressed-border-color-disabled: var(--a2-button-toggle-pressed-border-color-disabled, rgba(0, 0, 0, 0));
75
+ $button-primary-foreground-color: var(--a2-button-primary-foreground-color, var(--a2-foreground-color-on-primary, light-dark(var(--a2-color-neutral-0, #ffffff), var(--a2-color-neutral-900, #1a1a1a))));
76
+ $button-primary-foreground-color-hover: var(--a2-button-primary-foreground-color-hover, var(--a2-foreground-color-on-primary, light-dark(var(--a2-color-neutral-0, #ffffff), var(--a2-color-neutral-900, #1a1a1a))));
77
+ $button-primary-foreground-color-active: var(--a2-button-primary-foreground-color-active, var(--a2-foreground-color-on-primary, light-dark(var(--a2-color-neutral-0, #ffffff), var(--a2-color-neutral-900, #1a1a1a))));
78
+ $button-primary-foreground-color-disabled: var(--a2-button-primary-foreground-color-disabled, var(--a2-foreground-color-subdued, light-dark(var(--a2-color-neutral-500, #707070), var(--a2-color-neutral-200, #c4c4c4))));
79
+ $button-primary-background-color: var(--a2-button-primary-background-color, var(--a2-background-color-primary, var(--a2-status-color-info, light-dark(var(--a2-color-blue-600, #0265dc), var(--a2-color-blue-300, #70b1ff)))));
80
+ $button-primary-background-color-hover: var(--a2-button-primary-background-color-hover, var(--a2-background-color-primary-hover, light-dark(var(--a2-color-blue-700, #1d4ca3), var(--a2-color-blue-200, #9ecaff))));
81
+ $button-primary-background-color-active: var(--a2-button-primary-background-color-active, var(--a2-background-color-primary-active, light-dark(var(--a2-color-blue-800, #003472), var(--a2-color-blue-100, #cce3ff))));
82
+ $button-primary-background-color-disabled: var(--a2-button-primary-background-color-disabled, var(--a2-background-color-strong, light-dark(var(--a2-color-neutral-20, #f9f9f9), var(--a2-color-neutral-800, #292929))));
83
+ $button-primary-border-color: var(--a2-button-primary-border-color, rgba(0, 0, 0, 0));
84
+ $button-primary-border-radius: var(--a2-button-primary-border-radius, var(--a2-border-radius-medium, var(--a2-radius-2, 0.375rem)));
85
+ $button-primary-focus-ring-color: var(--a2-button-primary-focus-ring-color, var(--a2-focus-ring-color-default, var(--a2-status-color-info, light-dark(var(--a2-color-blue-600, #0265dc), var(--a2-color-blue-300, #70b1ff)))));
86
+ $button-secondary-foreground-color: var(--a2-button-secondary-foreground-color, var(--a2-foreground-color-default, light-dark(var(--a2-color-neutral-950, #040404), var(--a2-color-neutral-0, #ffffff))));
87
+ $button-secondary-foreground-color-hover: var(--a2-button-secondary-foreground-color-hover, var(--a2-foreground-color-default, light-dark(var(--a2-color-neutral-950, #040404), var(--a2-color-neutral-0, #ffffff))));
88
+ $button-secondary-foreground-color-active: var(--a2-button-secondary-foreground-color-active, var(--a2-foreground-color-default, light-dark(var(--a2-color-neutral-950, #040404), var(--a2-color-neutral-0, #ffffff))));
89
+ $button-secondary-foreground-color-disabled: var(--a2-button-secondary-foreground-color-disabled, var(--a2-foreground-color-subdued, light-dark(var(--a2-color-neutral-500, #707070), var(--a2-color-neutral-200, #c4c4c4))));
90
+ $button-secondary-background-color: var(--a2-button-secondary-background-color, var(--a2-background-color-secondary, light-dark(#0404040F, #ffffff14)));
91
+ $button-secondary-background-color-hover: var(--a2-button-secondary-background-color-hover, var(--a2-background-color-secondary-hover, light-dark(#04040414, #ffffff1F)));
92
+ $button-secondary-background-color-active: var(--a2-button-secondary-background-color-active, var(--a2-background-color-secondary-active, light-dark(#04040429, #ffffff29)));
93
+ $button-secondary-background-color-disabled: var(--a2-button-secondary-background-color-disabled, var(--a2-background-color-strong, light-dark(var(--a2-color-neutral-20, #f9f9f9), var(--a2-color-neutral-800, #292929))));
94
+ $button-secondary-border-color: var(--a2-button-secondary-border-color, rgba(0, 0, 0, 0));
95
+ $button-secondary-border-radius: var(--a2-button-secondary-border-radius, var(--a2-border-radius-medium, var(--a2-radius-2, 0.375rem)));
96
+ $button-secondary-focus-ring-color: var(--a2-button-secondary-focus-ring-color, var(--a2-focus-ring-color-default, var(--a2-status-color-info, light-dark(var(--a2-color-blue-600, #0265dc), var(--a2-color-blue-300, #70b1ff)))));
97
+ $button-ghost-foreground-color: var(--a2-button-ghost-foreground-color, var(--a2-foreground-color-default, light-dark(var(--a2-color-neutral-950, #040404), var(--a2-color-neutral-0, #ffffff))));
98
+ $button-ghost-foreground-color-hover: var(--a2-button-ghost-foreground-color-hover, var(--a2-foreground-color-default, light-dark(var(--a2-color-neutral-950, #040404), var(--a2-color-neutral-0, #ffffff))));
99
+ $button-ghost-foreground-color-active: var(--a2-button-ghost-foreground-color-active, var(--a2-foreground-color-default, light-dark(var(--a2-color-neutral-950, #040404), var(--a2-color-neutral-0, #ffffff))));
100
+ $button-ghost-foreground-color-disabled: var(--a2-button-ghost-foreground-color-disabled, var(--a2-foreground-color-subdued, light-dark(var(--a2-color-neutral-500, #707070), var(--a2-color-neutral-200, #c4c4c4))));
101
+ $button-ghost-background-color: var(--a2-button-ghost-background-color, rgba(0, 0, 0, 0));
102
+ $button-ghost-background-color-hover: var(--a2-button-ghost-background-color-hover, var(--a2-background-color-transparent-default-hover, light-dark(#8b8b8b14, #ffffff14)));
103
+ $button-ghost-background-color-active: var(--a2-button-ghost-background-color-active, var(--a2-background-color-transparent-default-active, light-dark(#8b8b8b29, #ffffff29)));
104
+ $button-ghost-background-color-disabled: var(--a2-button-ghost-background-color-disabled, var(--a2-background-color-strong, light-dark(var(--a2-color-neutral-20, #f9f9f9), var(--a2-color-neutral-800, #292929))));
105
+ $button-ghost-border-color: var(--a2-button-ghost-border-color, rgba(0, 0, 0, 0));
106
+ $button-ghost-border-radius: var(--a2-button-ghost-border-radius, var(--a2-border-radius-medium, var(--a2-radius-2, 0.375rem)));
107
+ $button-ghost-focus-ring-color: var(--a2-button-ghost-focus-ring-color, var(--a2-focus-ring-color-default, var(--a2-status-color-info, light-dark(var(--a2-color-blue-600, #0265dc), var(--a2-color-blue-300, #70b1ff)))));
108
+ $button-danger-primary-foreground-color: var(--a2-button-danger-primary-foreground-color, var(--a2-foreground-color-on-danger, light-dark(var(--a2-color-neutral-0, #ffffff), var(--a2-color-neutral-900, #1a1a1a))));
109
+ $button-danger-primary-foreground-color-hover: var(--a2-button-danger-primary-foreground-color-hover, var(--a2-foreground-color-on-danger, light-dark(var(--a2-color-neutral-0, #ffffff), var(--a2-color-neutral-900, #1a1a1a))));
110
+ $button-danger-primary-foreground-color-active: var(--a2-button-danger-primary-foreground-color-active, var(--a2-foreground-color-on-danger, light-dark(var(--a2-color-neutral-0, #ffffff), var(--a2-color-neutral-900, #1a1a1a))));
111
+ $button-danger-primary-foreground-color-disabled: var(--a2-button-danger-primary-foreground-color-disabled, var(--a2-foreground-color-subdued, light-dark(var(--a2-color-neutral-500, #707070), var(--a2-color-neutral-200, #c4c4c4))));
112
+ $button-danger-primary-background-color: var(--a2-button-danger-primary-background-color, var(--a2-background-color-danger, var(--a2-status-color-danger, light-dark(var(--a2-color-red-600, #d62100), var(--a2-color-red-400, #ff5b3d)))));
113
+ $button-danger-primary-background-color-hover: var(--a2-button-danger-primary-background-color-hover, var(--a2-background-color-danger-hover, light-dark(var(--a2-color-red-700, #a31900), var(--a2-color-red-300, #ff8670))));
114
+ $button-danger-primary-background-color-active: var(--a2-button-danger-primary-background-color-active, var(--a2-background-color-danger-active, light-dark(var(--a2-color-red-800, #731100), var(--a2-color-red-200, #ffac9e))));
115
+ $button-danger-primary-background-color-disabled: var(--a2-button-danger-primary-background-color-disabled, var(--a2-background-color-strong, light-dark(var(--a2-color-neutral-20, #f9f9f9), var(--a2-color-neutral-800, #292929))));
116
+ $button-danger-primary-border-color: var(--a2-button-danger-primary-border-color, rgba(0, 0, 0, 0));
117
+ $button-danger-primary-border-radius: var(--a2-button-danger-primary-border-radius, var(--a2-border-radius-medium, var(--a2-radius-2, 0.375rem)));
118
+ $button-danger-primary-focus-ring-color: var(--a2-button-danger-primary-focus-ring-color, var(--a2-focus-ring-color-danger, var(--a2-status-color-danger, light-dark(var(--a2-color-red-600, #d62100), var(--a2-color-red-400, #ff5b3d)))));
119
+ $button-danger-secondary-foreground-color: var(--a2-button-danger-secondary-foreground-color, var(--a2-foreground-color-on-danger-subdued, light-dark(var(--a2-color-red-700, #a31900), var(--a2-color-neutral-0, #ffffff))));
120
+ $button-danger-secondary-foreground-color-hover: var(--a2-button-danger-secondary-foreground-color-hover, var(--a2-foreground-color-on-danger-subdued-hover, light-dark(var(--a2-color-red-800, #731100), var(--a2-color-neutral-0, #ffffff))));
121
+ $button-danger-secondary-foreground-color-active: var(--a2-button-danger-secondary-foreground-color-active, var(--a2-foreground-color-on-danger-subdued-active, light-dark(var(--a2-color-red-900, #470b00), var(--a2-color-neutral-0, #ffffff))));
122
+ $button-danger-secondary-foreground-color-disabled: var(--a2-button-danger-secondary-foreground-color-disabled, var(--a2-foreground-color-subdued, light-dark(var(--a2-color-neutral-500, #707070), var(--a2-color-neutral-200, #c4c4c4))));
123
+ $button-danger-secondary-background-color: var(--a2-button-danger-secondary-background-color, var(--a2-background-color-danger-subdued, light-dark(var(--a2-color-red-50, #ffe9e5), #ff867033)));
124
+ $button-danger-secondary-background-color-hover: var(--a2-button-danger-secondary-background-color-hover, var(--a2-background-color-danger-subdued-hover, light-dark(var(--a2-color-red-100, #ffd4cc), #ff86704D)));
125
+ $button-danger-secondary-background-color-active: var(--a2-button-danger-secondary-background-color-active, var(--a2-background-color-danger-subdued-active, light-dark(var(--a2-color-red-200, #ffac9e), #ff867066)));
126
+ $button-danger-secondary-background-color-disabled: var(--a2-button-danger-secondary-background-color-disabled, var(--a2-background-color-strong, light-dark(var(--a2-color-neutral-20, #f9f9f9), var(--a2-color-neutral-800, #292929))));
127
+ $button-danger-secondary-border-color: var(--a2-button-danger-secondary-border-color, rgba(0, 0, 0, 0));
128
+ $button-danger-secondary-border-radius: var(--a2-button-danger-secondary-border-radius, var(--a2-border-radius-medium, var(--a2-radius-2, 0.375rem)));
129
+ $button-danger-secondary-focus-ring-color: var(--a2-button-danger-secondary-focus-ring-color, var(--a2-focus-ring-color-danger, var(--a2-status-color-danger, light-dark(var(--a2-color-red-600, #d62100), var(--a2-color-red-400, #ff5b3d)))));
130
+ $calendar-cell-default-background-color: var(--a2-calendar-cell-default-background-color, rgba(0, 0, 0, 0));
131
+ $calendar-cell-default-background-color-hover: var(--a2-calendar-cell-default-background-color-hover, var(--a2-background-color-transparent-default-hover, light-dark(#8b8b8b14, #ffffff14)));
132
+ $calendar-cell-default-background-color-active: var(--a2-calendar-cell-default-background-color-active, var(--a2-background-color-transparent-default-active, light-dark(#8b8b8b29, #ffffff29)));
133
+ $calendar-cell-default-foreground-color: var(--a2-calendar-cell-default-foreground-color, var(--a2-foreground-color-default, light-dark(var(--a2-color-neutral-950, #040404), var(--a2-color-neutral-0, #ffffff))));
134
+ $calendar-cell-default-foreground-color-hover: var(--a2-calendar-cell-default-foreground-color-hover, var(--a2-foreground-color-default-hover, light-dark(var(--a2-color-neutral-950, #040404), var(--a2-color-neutral-0, #ffffff))));
135
+ $calendar-cell-default-foreground-color-active: var(--a2-calendar-cell-default-foreground-color-active, var(--a2-foreground-color-default-active, light-dark(var(--a2-color-neutral-950, #040404), var(--a2-color-neutral-0, #ffffff))));
136
+ $calendar-cell-selected-background-color: var(--a2-calendar-cell-selected-background-color, var(--a2-background-color-primary, var(--a2-status-color-info, light-dark(var(--a2-color-blue-600, #0265dc), var(--a2-color-blue-300, #70b1ff)))));
137
+ $calendar-cell-selected-background-color-hover: var(--a2-calendar-cell-selected-background-color-hover, var(--a2-background-color-primary-hover, light-dark(var(--a2-color-blue-700, #1d4ca3), var(--a2-color-blue-200, #9ecaff))));
138
+ $calendar-cell-selected-background-color-active: var(--a2-calendar-cell-selected-background-color-active, var(--a2-background-color-primary-active, light-dark(var(--a2-color-blue-800, #003472), var(--a2-color-blue-100, #cce3ff))));
139
+ $calendar-cell-selected-foreground-color: var(--a2-calendar-cell-selected-foreground-color, var(--a2-foreground-color-on-primary, light-dark(var(--a2-color-neutral-0, #ffffff), var(--a2-color-neutral-900, #1a1a1a))));
140
+ $calendar-cell-selected-foreground-color-hover: var(--a2-calendar-cell-selected-foreground-color-hover, var(--a2-foreground-color-on-primary-hover, light-dark(var(--a2-color-neutral-0, #ffffff), var(--a2-color-neutral-900, #1a1a1a))));
141
+ $calendar-cell-selected-foreground-color-active: var(--a2-calendar-cell-selected-foreground-color-active, var(--a2-foreground-color-on-primary-active, light-dark(var(--a2-color-neutral-0, #ffffff), var(--a2-color-neutral-900, #1a1a1a))));
142
+ $calendar-cell-weekday-foreground-color: var(--a2-calendar-cell-weekday-foreground-color, var(--a2-foreground-color-subdued, light-dark(var(--a2-color-neutral-500, #707070), var(--a2-color-neutral-200, #c4c4c4))));
143
+ $calendar-cell-range-background-color: var(--a2-calendar-cell-range-background-color, var(--a2-background-color-transparent-primary, rgba(0, 0, 0, 0)));
144
+ $calendar-cell-range-background-color-hover: var(--a2-calendar-cell-range-background-color-hover, var(--a2-background-color-transparent-primary-hover, light-dark(#1a82ff1A, #70b1ff1A)));
145
+ $calendar-cell-range-background-color-active: var(--a2-calendar-cell-range-background-color-active, var(--a2-background-color-transparent-primary-active, light-dark(#1a82ff4D, #70b1ff40)));
146
+ $calendar-cell-range-foreground-color: var(--a2-calendar-cell-range-foreground-color, var(--a2-foreground-color-primary, light-dark(var(--a2-color-blue-600, #0265dc), var(--a2-color-blue-300, #70b1ff))));
147
+ $calendar-cell-range-foreground-color-hover: var(--a2-calendar-cell-range-foreground-color-hover, var(--a2-foreground-color-primary-hover, light-dark(var(--a2-color-blue-700, #1d4ca3), var(--a2-color-blue-200, #9ecaff))));
148
+ $calendar-cell-range-foreground-color-active: var(--a2-calendar-cell-range-foreground-color-active, var(--a2-foreground-color-primary-active, light-dark(var(--a2-color-blue-800, #003472), var(--a2-color-blue-200, #9ecaff))));
149
+ $calendar-cell-focus-ring-color: var(--a2-calendar-cell-focus-ring-color, var(--a2-focus-ring-color-default, var(--a2-status-color-info, light-dark(var(--a2-color-blue-600, #0265dc), var(--a2-color-blue-300, #70b1ff)))));
150
+ $calendar-range-fill-background-color: var(--a2-calendar-range-fill-background-color, var(--a2-background-color-primary-subdued, light-dark(var(--a2-color-blue-50, #e6f1ff), #70b1ff33)));
151
+ $card-border-color: var(--a2-card-border-color, var(--a2-border-color-subdued, light-dark(var(--a2-color-neutral-80, #e6e6e6), var(--a2-color-neutral-700, #404040))));
152
+ $card-default-background-color: var(--a2-card-default-background-color, var(--a2-background-color-default, light-dark(var(--a2-color-neutral-0, #ffffff), var(--a2-color-neutral-900, #1a1a1a))));
153
+ $card-strong-background-color: var(--a2-card-strong-background-color, var(--a2-background-color-strong, light-dark(var(--a2-color-neutral-20, #f9f9f9), var(--a2-color-neutral-800, #292929))));
154
+ $card-stronger-background-color: var(--a2-card-stronger-background-color, var(--a2-background-color-stronger, light-dark(var(--a2-color-neutral-50, #eeeeee), var(--a2-color-neutral-700, #404040))));
155
+ $card-strongest-background-color: var(--a2-card-strongest-background-color, var(--a2-background-color-strongest, light-dark(var(--a2-color-neutral-200, #c4c4c4), var(--a2-color-neutral-500, #707070))));
156
+ $checkbox-default-checked-foreground-color: var(--a2-checkbox-default-checked-foreground-color, var(--a2-foreground-color-default, light-dark(var(--a2-color-neutral-950, #040404), var(--a2-color-neutral-0, #ffffff))));
157
+ $checkbox-default-checked-icon-background-color: var(--a2-checkbox-default-checked-icon-background-color, var(--a2-background-color-transparent-primary, rgba(0, 0, 0, 0)));
158
+ $checkbox-default-checked-icon-background-color-hover: var(--a2-checkbox-default-checked-icon-background-color-hover, var(--a2-background-color-transparent-primary-hover, light-dark(#1a82ff1A, #70b1ff1A)));
159
+ $checkbox-default-checked-icon-background-color-active: var(--a2-checkbox-default-checked-icon-background-color-active, var(--a2-background-color-transparent-primary-active, light-dark(#1a82ff4D, #70b1ff40)));
160
+ $checkbox-default-checked-icon-color: var(--a2-checkbox-default-checked-icon-color, var(--a2-foreground-color-primary, light-dark(var(--a2-color-blue-600, #0265dc), var(--a2-color-blue-300, #70b1ff))));
161
+ $checkbox-default-checked-icon-color-hover: var(--a2-checkbox-default-checked-icon-color-hover, var(--a2-foreground-color-primary-hover, light-dark(var(--a2-color-blue-700, #1d4ca3), var(--a2-color-blue-200, #9ecaff))));
162
+ $checkbox-default-checked-icon-color-active: var(--a2-checkbox-default-checked-icon-color-active, var(--a2-foreground-color-primary-active, light-dark(var(--a2-color-blue-800, #003472), var(--a2-color-blue-200, #9ecaff))));
163
+ $checkbox-default-checked-icon-color-disabled: var(--a2-checkbox-default-checked-icon-color-disabled, var(--a2-foreground-color-subdued, light-dark(var(--a2-color-neutral-500, #707070), var(--a2-color-neutral-200, #c4c4c4))));
164
+ $checkbox-default-unchecked-foreground-color: var(--a2-checkbox-default-unchecked-foreground-color, var(--a2-foreground-color-default, light-dark(var(--a2-color-neutral-950, #040404), var(--a2-color-neutral-0, #ffffff))));
165
+ $checkbox-default-unchecked-icon-background-color: var(--a2-checkbox-default-unchecked-icon-background-color, var(--a2-background-color-transparent-default, rgba(0, 0, 0, 0)));
166
+ $checkbox-default-unchecked-icon-background-color-hover: var(--a2-checkbox-default-unchecked-icon-background-color-hover, var(--a2-background-color-transparent-default-hover, light-dark(#8b8b8b14, #ffffff14)));
167
+ $checkbox-default-unchecked-icon-background-color-active: var(--a2-checkbox-default-unchecked-icon-background-color-active, var(--a2-background-color-transparent-default-active, light-dark(#8b8b8b29, #ffffff29)));
168
+ $checkbox-default-unchecked-icon-color: var(--a2-checkbox-default-unchecked-icon-color, var(--a2-foreground-color-default, light-dark(var(--a2-color-neutral-950, #040404), var(--a2-color-neutral-0, #ffffff))));
169
+ $checkbox-default-unchecked-icon-color-hover: var(--a2-checkbox-default-unchecked-icon-color-hover, var(--a2-foreground-color-default, light-dark(var(--a2-color-neutral-950, #040404), var(--a2-color-neutral-0, #ffffff))));
170
+ $checkbox-default-unchecked-icon-color-active: var(--a2-checkbox-default-unchecked-icon-color-active, var(--a2-foreground-color-default, light-dark(var(--a2-color-neutral-950, #040404), var(--a2-color-neutral-0, #ffffff))));
171
+ $checkbox-default-unchecked-icon-color-disabled: var(--a2-checkbox-default-unchecked-icon-color-disabled, var(--a2-foreground-color-subdued, light-dark(var(--a2-color-neutral-500, #707070), var(--a2-color-neutral-200, #c4c4c4))));
172
+ $checkbox-default-focus-ring-color: var(--a2-checkbox-default-focus-ring-color, var(--a2-focus-ring-color-default, var(--a2-status-color-info, light-dark(var(--a2-color-blue-600, #0265dc), var(--a2-color-blue-300, #70b1ff)))));
173
+ $checkbox-error-checked-foreground-color: var(--a2-checkbox-error-checked-foreground-color, var(--a2-foreground-color-default, light-dark(var(--a2-color-neutral-950, #040404), var(--a2-color-neutral-0, #ffffff))));
174
+ $checkbox-error-checked-icon-background-color: var(--a2-checkbox-error-checked-icon-background-color, var(--a2-background-color-transparent-danger, rgba(0, 0, 0, 0)));
175
+ $checkbox-error-checked-icon-background-color-hover: var(--a2-checkbox-error-checked-icon-background-color-hover, var(--a2-background-color-transparent-danger-hover, light-dark(#ff39141A, #ff86701A)));
176
+ $checkbox-error-checked-icon-background-color-active: var(--a2-checkbox-error-checked-icon-background-color-active, var(--a2-background-color-transparent-danger-active, light-dark(#ff39144D, #ff867040)));
177
+ $checkbox-error-checked-icon-color: var(--a2-checkbox-error-checked-icon-color, var(--a2-foreground-color-danger, light-dark(var(--a2-color-red-600, #d62100), var(--a2-color-red-400, #ff5b3d))));
178
+ $checkbox-error-checked-icon-color-hover: var(--a2-checkbox-error-checked-icon-color-hover, var(--a2-foreground-color-danger-hover, light-dark(var(--a2-color-red-700, #a31900), var(--a2-color-red-300, #ff8670))));
179
+ $checkbox-error-checked-icon-color-active: var(--a2-checkbox-error-checked-icon-color-active, var(--a2-foreground-color-danger-active, light-dark(var(--a2-color-red-800, #731100), var(--a2-color-red-200, #ffac9e))));
180
+ $checkbox-error-checked-icon-color-disabled: var(--a2-checkbox-error-checked-icon-color-disabled, var(--a2-foreground-color-subdued, light-dark(var(--a2-color-neutral-500, #707070), var(--a2-color-neutral-200, #c4c4c4))));
181
+ $checkbox-error-unchecked-foreground-color: var(--a2-checkbox-error-unchecked-foreground-color, var(--a2-foreground-color-default, light-dark(var(--a2-color-neutral-950, #040404), var(--a2-color-neutral-0, #ffffff))));
182
+ $checkbox-error-unchecked-icon-background-color: var(--a2-checkbox-error-unchecked-icon-background-color, var(--a2-background-color-transparent-danger, rgba(0, 0, 0, 0)));
183
+ $checkbox-error-unchecked-icon-background-color-hover: var(--a2-checkbox-error-unchecked-icon-background-color-hover, var(--a2-background-color-transparent-danger-hover, light-dark(#ff39141A, #ff86701A)));
184
+ $checkbox-error-unchecked-icon-background-color-active: var(--a2-checkbox-error-unchecked-icon-background-color-active, var(--a2-background-color-transparent-danger-active, light-dark(#ff39144D, #ff867040)));
185
+ $checkbox-error-unchecked-icon-color: var(--a2-checkbox-error-unchecked-icon-color, var(--a2-foreground-color-danger, light-dark(var(--a2-color-red-600, #d62100), var(--a2-color-red-400, #ff5b3d))));
186
+ $checkbox-error-unchecked-icon-color-hover: var(--a2-checkbox-error-unchecked-icon-color-hover, var(--a2-foreground-color-danger-hover, light-dark(var(--a2-color-red-700, #a31900), var(--a2-color-red-300, #ff8670))));
187
+ $checkbox-error-unchecked-icon-color-active: var(--a2-checkbox-error-unchecked-icon-color-active, var(--a2-foreground-color-danger-active, light-dark(var(--a2-color-red-800, #731100), var(--a2-color-red-200, #ffac9e))));
188
+ $checkbox-error-unchecked-icon-color-disabled: var(--a2-checkbox-error-unchecked-icon-color-disabled, var(--a2-foreground-color-subdued, light-dark(var(--a2-color-neutral-500, #707070), var(--a2-color-neutral-200, #c4c4c4))));
189
+ $checkbox-error-focus-ring-color: var(--a2-checkbox-error-focus-ring-color, var(--a2-focus-ring-color-danger, var(--a2-status-color-danger, light-dark(var(--a2-color-red-600, #d62100), var(--a2-color-red-400, #ff5b3d)))));
190
+ $checkbox-border-radius: var(--a2-checkbox-border-radius, var(--a2-border-radius-small, var(--a2-radius-1, 0.1875rem)));
191
+ $chip-background-color: var(--a2-chip-background-color, var(--a2-background-color-stronger, light-dark(var(--a2-color-neutral-50, #eeeeee), var(--a2-color-neutral-700, #404040))));
192
+ $chip-background-color-hover: var(--a2-chip-background-color-hover, var(--a2-background-color-stronger-hover, light-dark(var(--a2-color-neutral-90, #e5e5e5), var(--a2-color-neutral-600, #545454))));
193
+ $chip-background-color-active: var(--a2-chip-background-color-active, var(--a2-background-color-stronger-active, light-dark(var(--a2-color-neutral-100, #dfdfdf), var(--a2-color-neutral-500, #707070))));
194
+ $chip-border-color: var(--a2-chip-border-color, var(--a2-border-color-subdued, light-dark(var(--a2-color-neutral-80, #e6e6e6), var(--a2-color-neutral-700, #404040))));
195
+ $chip-foreground-color: var(--a2-chip-foreground-color, var(--a2-foreground-color-default, light-dark(var(--a2-color-neutral-950, #040404), var(--a2-color-neutral-0, #ffffff))));
196
+ $chip-focus-ring-color: var(--a2-chip-focus-ring-color, var(--a2-focus-ring-color-default, var(--a2-status-color-info, light-dark(var(--a2-color-blue-600, #0265dc), var(--a2-color-blue-300, #70b1ff)))));
197
+ $chip-close-background-color: var(--a2-chip-close-background-color, rgba(0, 0, 0, 0));
198
+ $chip-close-background-color-hover: var(--a2-chip-close-background-color-hover, var(--a2-background-color-strongest-hover, light-dark(var(--a2-color-neutral-300, #a8a8a8), var(--a2-color-neutral-400, #8b8b8b))));
199
+ $chip-close-background-color-active: var(--a2-chip-close-background-color-active, var(--a2-background-color-strongest-active, light-dark(var(--a2-color-neutral-400, #8b8b8b), var(--a2-color-neutral-300, #a8a8a8))));
200
+ $combobox-item-default-background-color: var(--a2-combobox-item-default-background-color, var(--a2-background-color-transparent-default, rgba(0, 0, 0, 0)));
201
+ $combobox-item-default-background-color-hover: var(--a2-combobox-item-default-background-color-hover, var(--a2-background-color-transparent-default-hover, light-dark(#8b8b8b14, #ffffff14)));
202
+ $combobox-item-default-background-color-active: var(--a2-combobox-item-default-background-color-active, var(--a2-background-color-transparent-default-active, light-dark(#8b8b8b29, #ffffff29)));
203
+ $combobox-item-default-foreground-color: var(--a2-combobox-item-default-foreground-color, var(--a2-foreground-color-default, light-dark(var(--a2-color-neutral-950, #040404), var(--a2-color-neutral-0, #ffffff))));
204
+ $combobox-item-default-foreground-color-hover: var(--a2-combobox-item-default-foreground-color-hover, var(--a2-foreground-color-default-hover, light-dark(var(--a2-color-neutral-950, #040404), var(--a2-color-neutral-0, #ffffff))));
205
+ $combobox-item-default-foreground-color-active: var(--a2-combobox-item-default-foreground-color-active, var(--a2-foreground-color-default-active, light-dark(var(--a2-color-neutral-950, #040404), var(--a2-color-neutral-0, #ffffff))));
206
+ $combobox-item-selected-background-color: var(--a2-combobox-item-selected-background-color, var(--a2-background-color-primary-subdued, light-dark(var(--a2-color-blue-50, #e6f1ff), #70b1ff33)));
207
+ $combobox-item-selected-background-color-hover: var(--a2-combobox-item-selected-background-color-hover, var(--a2-background-color-primary-subdued-hover, light-dark(var(--a2-color-blue-100, #cce3ff), #70b1ff4D)));
208
+ $combobox-item-selected-background-color-active: var(--a2-combobox-item-selected-background-color-active, var(--a2-background-color-primary-subdued-active, light-dark(var(--a2-color-blue-200, #9ecaff), #70b1ff66)));
209
+ $combobox-item-selected-foreground-color: var(--a2-combobox-item-selected-foreground-color, var(--a2-foreground-color-primary, light-dark(var(--a2-color-blue-600, #0265dc), var(--a2-color-blue-300, #70b1ff))));
210
+ $combobox-item-selected-foreground-color-hover: var(--a2-combobox-item-selected-foreground-color-hover, var(--a2-foreground-color-primary-hover, light-dark(var(--a2-color-blue-700, #1d4ca3), var(--a2-color-blue-200, #9ecaff))));
211
+ $combobox-item-selected-foreground-color-active: var(--a2-combobox-item-selected-foreground-color-active, var(--a2-foreground-color-primary-active, light-dark(var(--a2-color-blue-800, #003472), var(--a2-color-blue-200, #9ecaff))));
212
+ $combobox-item-disabled-foreground-color: var(--a2-combobox-item-disabled-foreground-color, var(--a2-foreground-color-subdued, light-dark(var(--a2-color-neutral-500, #707070), var(--a2-color-neutral-200, #c4c4c4))));
213
+ $combobox-item-disabled-icon-color: var(--a2-combobox-item-disabled-icon-color, var(--a2-foreground-color-subdued, light-dark(var(--a2-color-neutral-500, #707070), var(--a2-color-neutral-200, #c4c4c4))));
214
+ $combobox-item-disabled-opacity: var(--a2-combobox-item-disabled-opacity, var(--a2-opacity-disabled, 0.6));
215
+ $details-summary-foreground-color: var(--a2-details-summary-foreground-color, var(--a2-foreground-color-default, light-dark(var(--a2-color-neutral-950, #040404), var(--a2-color-neutral-0, #ffffff))));
216
+ $details-summary-foreground-color-hover: var(--a2-details-summary-foreground-color-hover, var(--a2-foreground-color-default-hover, light-dark(var(--a2-color-neutral-950, #040404), var(--a2-color-neutral-0, #ffffff))));
217
+ $details-summary-foreground-color-active: var(--a2-details-summary-foreground-color-active, var(--a2-foreground-color-default-active, light-dark(var(--a2-color-neutral-950, #040404), var(--a2-color-neutral-0, #ffffff))));
218
+ $details-summary-background-color: var(--a2-details-summary-background-color, var(--a2-background-color-transparent-default, rgba(0, 0, 0, 0)));
219
+ $details-summary-background-color-hover: var(--a2-details-summary-background-color-hover, var(--a2-background-color-transparent-default-hover, light-dark(#8b8b8b14, #ffffff14)));
220
+ $details-summary-background-color-active: var(--a2-details-summary-background-color-active, var(--a2-background-color-transparent-default-active, light-dark(#8b8b8b29, #ffffff29)));
221
+ $details-summary-focus-ring-color: var(--a2-details-summary-focus-ring-color, var(--a2-focus-ring-color-default, var(--a2-status-color-info, light-dark(var(--a2-color-blue-600, #0265dc), var(--a2-color-blue-300, #70b1ff)))));
222
+ $details-content-foreground-color: var(--a2-details-content-foreground-color, var(--a2-foreground-color-default, light-dark(var(--a2-color-neutral-950, #040404), var(--a2-color-neutral-0, #ffffff))));
223
+ $dialog-background-color: var(--a2-dialog-background-color, var(--a2-background-color-default, light-dark(var(--a2-color-neutral-0, #ffffff), var(--a2-color-neutral-900, #1a1a1a))));
224
+ $dialog-border-color: var(--a2-dialog-border-color, var(--a2-border-color-subdued, light-dark(var(--a2-color-neutral-80, #e6e6e6), var(--a2-color-neutral-700, #404040))));
225
+ $dialog-backdrop-color: var(--a2-dialog-backdrop-color, var(--a2-color-neutral-900, #1a1a1a));
226
+ $dialog-backdrop-opacity: var(--a2-dialog-backdrop-opacity, 0.6);
227
+ $dialog-backdrop-fullscreen-color: var(--a2-dialog-backdrop-fullscreen-color, var(--a2-color-neutral-0, #ffffff));
228
+ $divider-border-color: var(--a2-divider-border-color, var(--a2-border-color-subdued, light-dark(var(--a2-color-neutral-80, #e6e6e6), var(--a2-color-neutral-700, #404040))));
229
+ $dnd-drop-line-background-color: var(--a2-dnd-drop-line-background-color, var(--a2-background-color-success, var(--a2-status-color-success, light-dark(var(--a2-color-green-600, #077e50), var(--a2-color-green-400, #0bd085)))));
230
+ $dnd-drop-line-indicator-background-color: var(--a2-dnd-drop-line-indicator-background-color, var(--a2-background-color-default, light-dark(var(--a2-color-neutral-0, #ffffff), var(--a2-color-neutral-900, #1a1a1a))));
231
+ $dnd-drop-line-indicator-border-color: var(--a2-dnd-drop-line-indicator-border-color, var(--a2-border-color-success, light-dark(var(--a2-color-green-600, #077e50), var(--a2-color-green-200, #70ebbc))));
232
+ $dnd-drop-zone-active-not-over-background-color: var(--a2-dnd-drop-zone-active-not-over-background-color, var(--a2-background-color-primary-subdued, light-dark(var(--a2-color-blue-50, #e6f1ff), #70b1ff33)));
233
+ $dnd-drop-zone-active-not-over-border-color: var(--a2-dnd-drop-zone-active-not-over-border-color, var(--a2-border-color-primary, light-dark(var(--a2-color-blue-600, #0265dc), var(--a2-color-blue-200, #9ecaff))));
234
+ $dnd-drop-zone-over-valid-background-color: var(--a2-dnd-drop-zone-over-valid-background-color, var(--a2-background-color-success-subdued, light-dark(var(--a2-color-green-50, #d3fded), #3be3a233)));
235
+ $dnd-drop-zone-over-valid-border-color: var(--a2-dnd-drop-zone-over-valid-border-color, var(--a2-border-color-success, light-dark(var(--a2-color-green-600, #077e50), var(--a2-color-green-200, #70ebbc))));
236
+ $dnd-drop-zone-over-invalid-background-color: var(--a2-dnd-drop-zone-over-invalid-background-color, var(--a2-background-color-danger-subdued, light-dark(var(--a2-color-red-50, #ffe9e5), #ff867033)));
237
+ $dnd-drop-zone-over-invalid-border-color: var(--a2-dnd-drop-zone-over-invalid-border-color, var(--a2-border-color-danger, light-dark(var(--a2-color-red-600, #d62100), var(--a2-color-red-200, #ffac9e))));
238
+ $dnd-drag-preview-shadow-color: var(--a2-dnd-drag-preview-shadow-color, var(--a2-shadow-color-default, light-dark(#1a1a1a14, #ffffff14)));
239
+ $drawer-background-color: var(--a2-drawer-background-color, var(--a2-background-color-default, light-dark(var(--a2-color-neutral-0, #ffffff), var(--a2-color-neutral-900, #1a1a1a))));
240
+ $drawer-border-color: var(--a2-drawer-border-color, var(--a2-border-color-subdued, light-dark(var(--a2-color-neutral-80, #e6e6e6), var(--a2-color-neutral-700, #404040))));
241
+ $drawer-backdrop-color: var(--a2-drawer-backdrop-color, var(--a2-color-neutral-900, #1a1a1a));
242
+ $drilldown-background-color: var(--a2-drilldown-background-color, var(--a2-background-color-default, light-dark(var(--a2-color-neutral-0, #ffffff), var(--a2-color-neutral-900, #1a1a1a))));
243
+ $drilldown-border-color: var(--a2-drilldown-border-color, var(--a2-border-color-subdued, light-dark(var(--a2-color-neutral-80, #e6e6e6), var(--a2-color-neutral-700, #404040))));
244
+ $drilldown-backdrop-color: var(--a2-drilldown-backdrop-color, var(--a2-color-neutral-500, #707070));
245
+ $edit-card-indicator-border-style: var(--a2-edit-card-indicator-border-style, solid);
246
+ $edit-card-indicator-border-width: var(--a2-edit-card-indicator-border-width, var(--a2-size-quarter, 0.0625rem));
247
+ $edit-card-indicator-size: var(--a2-edit-card-indicator-size, var(--a2-size-4, 1rem));
248
+ $edit-card-default-border-inline-start-color: var(--a2-edit-card-default-border-inline-start-color, var(--a2-border-color-subdued, light-dark(var(--a2-color-neutral-80, #e6e6e6), var(--a2-color-neutral-700, #404040))));
249
+ $edit-card-default-border-inline-start-width: var(--a2-edit-card-default-border-inline-start-width, var(--a2-size-quarter, 0.0625rem));
250
+ $edit-card-default-indicator-background-color: var(--a2-edit-card-default-indicator-background-color, var(--a2-background-color-default, light-dark(var(--a2-color-neutral-0, #ffffff), var(--a2-color-neutral-900, #1a1a1a))));
251
+ $edit-card-default-indicator-border-color: var(--a2-edit-card-default-indicator-border-color, var(--a2-background-color-strongest, light-dark(var(--a2-color-neutral-200, #c4c4c4), var(--a2-color-neutral-500, #707070))));
252
+ $edit-card-default-indicator-border-style: var(--a2-edit-card-default-indicator-border-style, dashed);
253
+ $edit-card-default-indicator-icon-color: var(--a2-edit-card-default-indicator-icon-color, rgba(0, 0, 0, 0));
254
+ $edit-card-in-progress-border-inline-start-color: var(--a2-edit-card-in-progress-border-inline-start-color, var(--a2-status-color-info, light-dark(var(--a2-color-blue-600, #0265dc), var(--a2-color-blue-300, #70b1ff))));
255
+ $edit-card-in-progress-border-inline-start-width: var(--a2-edit-card-in-progress-border-inline-start-width, 0.375rem);
256
+ $edit-card-in-progress-indicator-border-color: var(--a2-edit-card-in-progress-indicator-border-color, var(--a2-status-color-info, light-dark(var(--a2-color-blue-600, #0265dc), var(--a2-color-blue-300, #70b1ff))));
257
+ $edit-card-in-progress-indicator-icon-color: var(--a2-edit-card-in-progress-indicator-icon-color, var(--a2-status-color-info, light-dark(var(--a2-color-blue-600, #0265dc), var(--a2-color-blue-300, #70b1ff))));
258
+ $edit-card-complete-border-inline-start-color: var(--a2-edit-card-complete-border-inline-start-color, var(--a2-status-color-info, light-dark(var(--a2-color-blue-600, #0265dc), var(--a2-color-blue-300, #70b1ff))));
259
+ $edit-card-complete-border-inline-start-width: var(--a2-edit-card-complete-border-inline-start-width, 0.375rem);
260
+ $edit-card-complete-indicator-background-color: var(--a2-edit-card-complete-indicator-background-color, var(--a2-status-color-info, light-dark(var(--a2-color-blue-600, #0265dc), var(--a2-color-blue-300, #70b1ff))));
261
+ $edit-card-complete-indicator-border-color: var(--a2-edit-card-complete-indicator-border-color, var(--a2-status-color-info, light-dark(var(--a2-color-blue-600, #0265dc), var(--a2-color-blue-300, #70b1ff))));
262
+ $edit-card-complete-indicator-icon-color: var(--a2-edit-card-complete-indicator-icon-color, var(--a2-foreground-color-on-primary, light-dark(var(--a2-color-neutral-0, #ffffff), var(--a2-color-neutral-900, #1a1a1a))));
263
+ $edit-card-error-border-inline-start-color: var(--a2-edit-card-error-border-inline-start-color, var(--a2-status-color-danger, light-dark(var(--a2-color-red-600, #d62100), var(--a2-color-red-400, #ff5b3d))));
264
+ $edit-card-error-border-inline-start-width: var(--a2-edit-card-error-border-inline-start-width, 0.375rem);
265
+ $edit-card-error-indicator-background-color: var(--a2-edit-card-error-indicator-background-color, var(--a2-status-color-danger, light-dark(var(--a2-color-red-600, #d62100), var(--a2-color-red-400, #ff5b3d))));
266
+ $edit-card-error-indicator-border-color: var(--a2-edit-card-error-indicator-border-color, var(--a2-status-color-danger, light-dark(var(--a2-color-red-600, #d62100), var(--a2-color-red-400, #ff5b3d))));
267
+ $edit-card-error-indicator-icon-color: var(--a2-edit-card-error-indicator-icon-color, var(--a2-foreground-color-on-danger, light-dark(var(--a2-color-neutral-0, #ffffff), var(--a2-color-neutral-900, #1a1a1a))));
268
+ $field-label-foreground-color: var(--a2-field-label-foreground-color, var(--a2-foreground-color-default, light-dark(var(--a2-color-neutral-950, #040404), var(--a2-color-neutral-0, #ffffff))));
269
+ $field-label-required-color: var(--a2-field-label-required-color, var(--a2-foreground-color-danger, light-dark(var(--a2-color-red-600, #d62100), var(--a2-color-red-400, #ff5b3d))));
270
+ $field-message-foreground-color: var(--a2-field-message-foreground-color, var(--a2-foreground-color-subdued, light-dark(var(--a2-color-neutral-500, #707070), var(--a2-color-neutral-200, #c4c4c4))));
271
+ $field-message-error-foreground-color: var(--a2-field-message-error-foreground-color, var(--a2-foreground-color-danger, light-dark(var(--a2-color-red-600, #d62100), var(--a2-color-red-400, #ff5b3d))));
272
+ $field-message-warning-foreground-color: var(--a2-field-message-warning-foreground-color, var(--a2-foreground-color-subdued, light-dark(var(--a2-color-neutral-500, #707070), var(--a2-color-neutral-200, #c4c4c4))));
273
+ $icon-foreground-color: var(--a2-icon-foreground-color, var(--a2-foreground-color-default, light-dark(var(--a2-color-neutral-950, #040404), var(--a2-color-neutral-0, #ffffff))));
274
+ $icon-focus-ring-color: var(--a2-icon-focus-ring-color, var(--a2-focus-ring-color-default, var(--a2-status-color-info, light-dark(var(--a2-color-blue-600, #0265dc), var(--a2-color-blue-300, #70b1ff)))));
275
+ $link-primary-foreground-color: var(--a2-link-primary-foreground-color, var(--a2-foreground-color-primary, light-dark(var(--a2-color-blue-600, #0265dc), var(--a2-color-blue-300, #70b1ff))));
276
+ $link-primary-foreground-color-hover: var(--a2-link-primary-foreground-color-hover, var(--a2-foreground-color-primary-hover, light-dark(var(--a2-color-blue-700, #1d4ca3), var(--a2-color-blue-200, #9ecaff))));
277
+ $link-secondary-foreground-color: var(--a2-link-secondary-foreground-color, var(--a2-foreground-color-default, light-dark(var(--a2-color-neutral-950, #040404), var(--a2-color-neutral-0, #ffffff))));
278
+ $link-secondary-foreground-color-hover: var(--a2-link-secondary-foreground-color-hover, light-dark(color-mix(in srgb, var(--a2-foreground-color-default, #040404) 80%, transparent), color-mix(in srgb, var(--a2-foreground-color-default, #ffffff) 80%, transparent)));
279
+ $link-focus-ring-color: var(--a2-link-focus-ring-color, var(--a2-focus-ring-color-default, var(--a2-status-color-info, light-dark(var(--a2-color-blue-600, #0265dc), var(--a2-color-blue-300, #70b1ff)))));
280
+ $list-view-foreground-color: var(--a2-list-view-foreground-color, var(--a2-foreground-color-default, light-dark(var(--a2-color-neutral-950, #040404), var(--a2-color-neutral-0, #ffffff))));
281
+ $list-view-background-color: var(--a2-list-view-background-color, var(--a2-background-color-transparent-default, rgba(0, 0, 0, 0)));
282
+ $list-view-background-color-hover: var(--a2-list-view-background-color-hover, var(--a2-background-color-transparent-default-hover, light-dark(#8b8b8b14, #ffffff14)));
283
+ $list-view-group-label-foreground-color: var(--a2-list-view-group-label-foreground-color, var(--a2-foreground-color-subdued, light-dark(var(--a2-color-neutral-500, #707070), var(--a2-color-neutral-200, #c4c4c4))));
284
+ $listbox-option-default-foreground-color: var(--a2-listbox-option-default-foreground-color, var(--a2-foreground-color-default, light-dark(var(--a2-color-neutral-950, #040404), var(--a2-color-neutral-0, #ffffff))));
285
+ $listbox-option-default-foreground-color-hover: var(--a2-listbox-option-default-foreground-color-hover, var(--a2-foreground-color-default, light-dark(var(--a2-color-neutral-950, #040404), var(--a2-color-neutral-0, #ffffff))));
286
+ $listbox-option-default-foreground-color-active: var(--a2-listbox-option-default-foreground-color-active, var(--a2-foreground-color-default, light-dark(var(--a2-color-neutral-950, #040404), var(--a2-color-neutral-0, #ffffff))));
287
+ $listbox-option-default-background-color: var(--a2-listbox-option-default-background-color, rgba(0, 0, 0, 0));
288
+ $listbox-option-default-background-color-hover: var(--a2-listbox-option-default-background-color-hover, var(--a2-background-color-transparent-default-hover, light-dark(#8b8b8b14, #ffffff14)));
289
+ $listbox-option-default-background-color-active: var(--a2-listbox-option-default-background-color-active, var(--a2-background-color-transparent-default-active, light-dark(#8b8b8b29, #ffffff29)));
290
+ $listbox-option-default-focus-ring-color: var(--a2-listbox-option-default-focus-ring-color, var(--a2-focus-ring-color-default, var(--a2-status-color-info, light-dark(var(--a2-color-blue-600, #0265dc), var(--a2-color-blue-300, #70b1ff)))));
291
+ $listbox-option-selected-foreground-color: var(--a2-listbox-option-selected-foreground-color, var(--a2-foreground-color-primary, light-dark(var(--a2-color-blue-600, #0265dc), var(--a2-color-blue-300, #70b1ff))));
292
+ $listbox-option-selected-foreground-color-hover: var(--a2-listbox-option-selected-foreground-color-hover, var(--a2-foreground-color-primary-hover, light-dark(var(--a2-color-blue-700, #1d4ca3), var(--a2-color-blue-200, #9ecaff))));
293
+ $listbox-option-selected-foreground-color-active: var(--a2-listbox-option-selected-foreground-color-active, var(--a2-foreground-color-primary-active, light-dark(var(--a2-color-blue-800, #003472), var(--a2-color-blue-200, #9ecaff))));
294
+ $listbox-option-selected-background-color: var(--a2-listbox-option-selected-background-color, var(--a2-background-color-primary-subdued, light-dark(var(--a2-color-blue-50, #e6f1ff), #70b1ff33)));
295
+ $listbox-option-selected-background-color-hover: var(--a2-listbox-option-selected-background-color-hover, var(--a2-background-color-primary-subdued-hover, light-dark(var(--a2-color-blue-100, #cce3ff), #70b1ff4D)));
296
+ $listbox-option-selected-background-color-active: var(--a2-listbox-option-selected-background-color-active, var(--a2-background-color-primary-subdued-active, light-dark(var(--a2-color-blue-200, #9ecaff), #70b1ff66)));
297
+ $listbox-group-label-foreground-color: var(--a2-listbox-group-label-foreground-color, var(--a2-foreground-color-subdued, light-dark(var(--a2-color-neutral-500, #707070), var(--a2-color-neutral-200, #c4c4c4))));
298
+ $listbox-group-border-color: var(--a2-listbox-group-border-color, var(--a2-border-color-subdued, light-dark(var(--a2-color-neutral-80, #e6e6e6), var(--a2-color-neutral-700, #404040))));
299
+ $menu-content-foreground-color: var(--a2-menu-content-foreground-color, var(--a2-foreground-color-default, light-dark(var(--a2-color-neutral-950, #040404), var(--a2-color-neutral-0, #ffffff))));
300
+ $menu-content-background-color: var(--a2-menu-content-background-color, var(--a2-background-color-strong, light-dark(var(--a2-color-neutral-20, #f9f9f9), var(--a2-color-neutral-800, #292929))));
301
+ $menu-content-border-color: var(--a2-menu-content-border-color, var(--a2-border-color-subdued, light-dark(var(--a2-color-neutral-80, #e6e6e6), var(--a2-color-neutral-700, #404040))));
302
+ $menu-content-shadow-color: var(--a2-menu-content-shadow-color, var(--a2-shadow-color-default, light-dark(#1a1a1a14, #ffffff14)));
303
+ $menu-item-foreground-color: var(--a2-menu-item-foreground-color, var(--a2-foreground-color-default, light-dark(var(--a2-color-neutral-950, #040404), var(--a2-color-neutral-0, #ffffff))));
304
+ $menu-item-foreground-color-hover: var(--a2-menu-item-foreground-color-hover, var(--a2-foreground-color-default-hover, light-dark(var(--a2-color-neutral-950, #040404), var(--a2-color-neutral-0, #ffffff))));
305
+ $menu-item-foreground-color-active: var(--a2-menu-item-foreground-color-active, var(--a2-foreground-color-default-active, light-dark(var(--a2-color-neutral-950, #040404), var(--a2-color-neutral-0, #ffffff))));
306
+ $menu-item-background-color: var(--a2-menu-item-background-color, rgba(0, 0, 0, 0));
307
+ $menu-item-background-color-hover: var(--a2-menu-item-background-color-hover, var(--a2-background-color-transparent-default-hover, light-dark(#8b8b8b14, #ffffff14)));
308
+ $menu-item-background-color-active: var(--a2-menu-item-background-color-active, var(--a2-background-color-transparent-default-active, light-dark(#8b8b8b29, #ffffff29)));
309
+ $menu-arrow-foreground-color: var(--a2-menu-arrow-foreground-color, var(--a2-foreground-color-default, light-dark(var(--a2-color-neutral-950, #040404), var(--a2-color-neutral-0, #ffffff))));
310
+ $menu-arrow-background-color: var(--a2-menu-arrow-background-color, var(--a2-background-color-strong, light-dark(var(--a2-color-neutral-20, #f9f9f9), var(--a2-color-neutral-800, #292929))));
311
+ $overflow-content-focus-ring-color: var(--a2-overflow-content-focus-ring-color, var(--a2-focus-ring-color-default, var(--a2-status-color-info, light-dark(var(--a2-color-blue-600, #0265dc), var(--a2-color-blue-300, #70b1ff)))));
312
+ $overflow-shadow-color: var(--a2-overflow-shadow-color, var(--a2-shadow-color-default, light-dark(#1a1a1a14, #ffffff14)));
313
+ $overflow-expand-button-foreground-color: var(--a2-overflow-expand-button-foreground-color, var(--a2-foreground-color-primary, light-dark(var(--a2-color-blue-600, #0265dc), var(--a2-color-blue-300, #70b1ff))));
314
+ $overflow-expand-button-focus-ring-color: var(--a2-overflow-expand-button-focus-ring-color, var(--a2-focus-ring-color-default, var(--a2-status-color-info, light-dark(var(--a2-color-blue-600, #0265dc), var(--a2-color-blue-300, #70b1ff)))));
315
+ $page-container-foreground-color: var(--a2-page-container-foreground-color, var(--a2-foreground-color-default, light-dark(var(--a2-color-neutral-950, #040404), var(--a2-color-neutral-0, #ffffff))));
316
+ $page-container-background-color: var(--a2-page-container-background-color, var(--a2-background-color-default, light-dark(var(--a2-color-neutral-0, #ffffff), var(--a2-color-neutral-900, #1a1a1a))));
317
+ $page-content-footer-background-color: var(--a2-page-content-footer-background-color, var(--a2-background-color-default, light-dark(var(--a2-color-neutral-0, #ffffff), var(--a2-color-neutral-900, #1a1a1a))));
318
+ $page-content-footer-border-color: var(--a2-page-content-footer-border-color, var(--a2-border-color-subdued, light-dark(var(--a2-color-neutral-80, #e6e6e6), var(--a2-color-neutral-700, #404040))));
319
+ $page-content-footer-shadow-color: var(--a2-page-content-footer-shadow-color, var(--a2-shadow-color-default, light-dark(#1a1a1a14, #ffffff14)));
320
+ $page-sidebar-background-color: var(--a2-page-sidebar-background-color, var(--a2-background-color-default, light-dark(var(--a2-color-neutral-0, #ffffff), var(--a2-color-neutral-900, #1a1a1a))));
321
+ $page-sidebar-border-color: var(--a2-page-sidebar-border-color, var(--a2-border-color-subdued, light-dark(var(--a2-color-neutral-80, #e6e6e6), var(--a2-color-neutral-700, #404040))));
322
+ $page-sidebar-shadow-color: var(--a2-page-sidebar-shadow-color, var(--a2-shadow-color-default, light-dark(#1a1a1a14, #ffffff14)));
323
+ $page-sidebar-header-background-color: var(--a2-page-sidebar-header-background-color, var(--a2-background-color-default, light-dark(var(--a2-color-neutral-0, #ffffff), var(--a2-color-neutral-900, #1a1a1a))));
324
+ $page-sidebar-adaptive-trigger-container-background-color: var(--a2-page-sidebar-adaptive-trigger-container-background-color, var(--a2-background-color-default, light-dark(var(--a2-color-neutral-0, #ffffff), var(--a2-color-neutral-900, #1a1a1a))));
325
+ $page-sidebar-adaptive-trigger-container-shadow-color: var(--a2-page-sidebar-adaptive-trigger-container-shadow-color, var(--a2-shadow-color-default, light-dark(#1a1a1a14, #ffffff14)));
326
+ $page-sidebar-adaptive-trigger-foreground-color: var(--a2-page-sidebar-adaptive-trigger-foreground-color, var(--a2-foreground-color-default, light-dark(var(--a2-color-neutral-950, #040404), var(--a2-color-neutral-0, #ffffff))));
327
+ $page-sidebar-adaptive-trigger-background-color: var(--a2-page-sidebar-adaptive-trigger-background-color, var(--a2-background-color-stronger, light-dark(var(--a2-color-neutral-50, #eeeeee), var(--a2-color-neutral-700, #404040))));
328
+ $page-toggle-button-background-color: var(--a2-page-toggle-button-background-color, var(--a2-background-color-default, light-dark(var(--a2-color-neutral-0, #ffffff), var(--a2-color-neutral-900, #1a1a1a))));
329
+ $page-toggle-button-background-color-hover: var(--a2-page-toggle-button-background-color-hover, var(--a2-background-color-default-hover, light-dark(var(--a2-color-neutral-20, #f9f9f9), var(--a2-color-neutral-800, #292929))));
330
+ $page-toggle-button-background-color-active: var(--a2-page-toggle-button-background-color-active, var(--a2-background-color-default-active, light-dark(var(--a2-color-neutral-40, #f1f1f1), var(--a2-color-neutral-700, #404040))));
331
+ $page-toggle-button-border-color: var(--a2-page-toggle-button-border-color, var(--a2-border-color-subdued, light-dark(var(--a2-color-neutral-80, #e6e6e6), var(--a2-color-neutral-700, #404040))));
332
+ $page-panel-background-color: var(--a2-page-panel-background-color, var(--a2-background-color-default, light-dark(var(--a2-color-neutral-0, #ffffff), var(--a2-color-neutral-900, #1a1a1a))));
333
+ $page-panel-border-color: var(--a2-page-panel-border-color, var(--a2-border-color-subdued, light-dark(var(--a2-color-neutral-80, #e6e6e6), var(--a2-color-neutral-700, #404040))));
334
+ $pagination-foreground-color: var(--a2-pagination-foreground-color, var(--a2-foreground-color-default, light-dark(var(--a2-color-neutral-950, #040404), var(--a2-color-neutral-0, #ffffff))));
335
+ $pagination-items-per-page-button-background-color: var(--a2-pagination-items-per-page-button-background-color, var(--a2-background-color-default, light-dark(var(--a2-color-neutral-0, #ffffff), var(--a2-color-neutral-900, #1a1a1a))));
336
+ $pagination-items-per-page-button-border-color: var(--a2-pagination-items-per-page-button-border-color, var(--a2-border-color-default, light-dark(var(--a2-color-neutral-400, #8b8b8b), var(--a2-color-neutral-600, #545454))));
337
+ $popover-content-foreground-color: var(--a2-popover-content-foreground-color, var(--a2-foreground-color-default, light-dark(var(--a2-color-neutral-950, #040404), var(--a2-color-neutral-0, #ffffff))));
338
+ $popover-content-background-color: var(--a2-popover-content-background-color, var(--a2-background-color-strong, light-dark(var(--a2-color-neutral-20, #f9f9f9), var(--a2-color-neutral-800, #292929))));
339
+ $popover-content-border-color: var(--a2-popover-content-border-color, var(--a2-border-color-subdued, light-dark(var(--a2-color-neutral-80, #e6e6e6), var(--a2-color-neutral-700, #404040))));
340
+ $popover-content-shadow-color: var(--a2-popover-content-shadow-color, var(--a2-shadow-color-default, light-dark(#1a1a1a14, #ffffff14)));
341
+ $popover-arrow-fill-color: var(--a2-popover-arrow-fill-color, var(--a2-background-color-strong, light-dark(var(--a2-color-neutral-20, #f9f9f9), var(--a2-color-neutral-800, #292929))));
342
+ $popover-arrow-stroke-color: var(--a2-popover-arrow-stroke-color, var(--a2-border-color-subdued, light-dark(var(--a2-color-neutral-80, #e6e6e6), var(--a2-color-neutral-700, #404040))));
343
+ $progress-bar-track-background-color: var(--a2-progress-bar-track-background-color, var(--a2-background-color-stronger, light-dark(var(--a2-color-neutral-50, #eeeeee), var(--a2-color-neutral-700, #404040))));
344
+ $progress-bar-fill-background-color-info: var(--a2-progress-bar-fill-background-color-info, var(--a2-status-color-info, light-dark(var(--a2-color-blue-600, #0265dc), var(--a2-color-blue-300, #70b1ff))));
345
+ $progress-bar-fill-background-color-success: var(--a2-progress-bar-fill-background-color-success, var(--a2-status-color-success, light-dark(var(--a2-color-green-600, #077e50), var(--a2-color-green-400, #0bd085))));
346
+ $progress-bar-fill-background-color-error: var(--a2-progress-bar-fill-background-color-error, var(--a2-status-color-danger, light-dark(var(--a2-color-red-600, #d62100), var(--a2-color-red-400, #ff5b3d))));
347
+ $progress-bar-border-radius: var(--a2-progress-bar-border-radius, var(--a2-border-radius-medium, var(--a2-radius-2, 0.375rem)));
348
+ $progress-bar-check-icon-foreground-color: var(--a2-progress-bar-check-icon-foreground-color, var(--a2-status-color-success, light-dark(var(--a2-color-green-600, #077e50), var(--a2-color-green-400, #0bd085))));
349
+ $progress-bar-error-icon-foreground-color: var(--a2-progress-bar-error-icon-foreground-color, var(--a2-status-color-danger, light-dark(var(--a2-color-red-600, #d62100), var(--a2-color-red-400, #ff5b3d))));
350
+ $radio-default-checked-foreground-color: var(--a2-radio-default-checked-foreground-color, var(--a2-foreground-color-default, light-dark(var(--a2-color-neutral-950, #040404), var(--a2-color-neutral-0, #ffffff))));
351
+ $radio-default-checked-icon-background-color: var(--a2-radio-default-checked-icon-background-color, var(--a2-background-color-transparent-primary, rgba(0, 0, 0, 0)));
352
+ $radio-default-checked-icon-background-color-hover: var(--a2-radio-default-checked-icon-background-color-hover, var(--a2-background-color-transparent-primary-hover, light-dark(#1a82ff1A, #70b1ff1A)));
353
+ $radio-default-checked-icon-background-color-active: var(--a2-radio-default-checked-icon-background-color-active, var(--a2-background-color-transparent-primary-active, light-dark(#1a82ff4D, #70b1ff40)));
354
+ $radio-default-checked-icon-color: var(--a2-radio-default-checked-icon-color, var(--a2-foreground-color-primary, light-dark(var(--a2-color-blue-600, #0265dc), var(--a2-color-blue-300, #70b1ff))));
355
+ $radio-default-checked-icon-color-hover: var(--a2-radio-default-checked-icon-color-hover, var(--a2-foreground-color-primary-hover, light-dark(var(--a2-color-blue-700, #1d4ca3), var(--a2-color-blue-200, #9ecaff))));
356
+ $radio-default-checked-icon-color-active: var(--a2-radio-default-checked-icon-color-active, var(--a2-foreground-color-primary-active, light-dark(var(--a2-color-blue-800, #003472), var(--a2-color-blue-200, #9ecaff))));
357
+ $radio-default-checked-icon-color-disabled: var(--a2-radio-default-checked-icon-color-disabled, var(--a2-foreground-color-subdued, light-dark(var(--a2-color-neutral-500, #707070), var(--a2-color-neutral-200, #c4c4c4))));
358
+ $radio-default-unchecked-foreground-color: var(--a2-radio-default-unchecked-foreground-color, var(--a2-foreground-color-default, light-dark(var(--a2-color-neutral-950, #040404), var(--a2-color-neutral-0, #ffffff))));
359
+ $radio-default-unchecked-icon-background-color: var(--a2-radio-default-unchecked-icon-background-color, var(--a2-background-color-transparent-default, rgba(0, 0, 0, 0)));
360
+ $radio-default-unchecked-icon-background-color-hover: var(--a2-radio-default-unchecked-icon-background-color-hover, var(--a2-background-color-transparent-default-hover, light-dark(#8b8b8b14, #ffffff14)));
361
+ $radio-default-unchecked-icon-background-color-active: var(--a2-radio-default-unchecked-icon-background-color-active, var(--a2-background-color-transparent-default-active, light-dark(#8b8b8b29, #ffffff29)));
362
+ $radio-default-unchecked-icon-color: var(--a2-radio-default-unchecked-icon-color, var(--a2-foreground-color-default, light-dark(var(--a2-color-neutral-950, #040404), var(--a2-color-neutral-0, #ffffff))));
363
+ $radio-default-unchecked-icon-color-hover: var(--a2-radio-default-unchecked-icon-color-hover, var(--a2-foreground-color-default, light-dark(var(--a2-color-neutral-950, #040404), var(--a2-color-neutral-0, #ffffff))));
364
+ $radio-default-unchecked-icon-color-active: var(--a2-radio-default-unchecked-icon-color-active, var(--a2-foreground-color-default, light-dark(var(--a2-color-neutral-950, #040404), var(--a2-color-neutral-0, #ffffff))));
365
+ $radio-default-unchecked-icon-color-disabled: var(--a2-radio-default-unchecked-icon-color-disabled, var(--a2-foreground-color-subdued, light-dark(var(--a2-color-neutral-500, #707070), var(--a2-color-neutral-200, #c4c4c4))));
366
+ $radio-default-focus-ring-color: var(--a2-radio-default-focus-ring-color, var(--a2-focus-ring-color-default, var(--a2-status-color-info, light-dark(var(--a2-color-blue-600, #0265dc), var(--a2-color-blue-300, #70b1ff)))));
367
+ $radio-error-checked-foreground-color: var(--a2-radio-error-checked-foreground-color, var(--a2-foreground-color-default, light-dark(var(--a2-color-neutral-950, #040404), var(--a2-color-neutral-0, #ffffff))));
368
+ $radio-error-checked-icon-background-color: var(--a2-radio-error-checked-icon-background-color, var(--a2-background-color-transparent-danger, rgba(0, 0, 0, 0)));
369
+ $radio-error-checked-icon-background-color-hover: var(--a2-radio-error-checked-icon-background-color-hover, var(--a2-background-color-transparent-danger-hover, light-dark(#ff39141A, #ff86701A)));
370
+ $radio-error-checked-icon-background-color-active: var(--a2-radio-error-checked-icon-background-color-active, var(--a2-background-color-transparent-danger-active, light-dark(#ff39144D, #ff867040)));
371
+ $radio-error-checked-icon-color: var(--a2-radio-error-checked-icon-color, var(--a2-foreground-color-danger, light-dark(var(--a2-color-red-600, #d62100), var(--a2-color-red-400, #ff5b3d))));
372
+ $radio-error-checked-icon-color-hover: var(--a2-radio-error-checked-icon-color-hover, var(--a2-foreground-color-danger-hover, light-dark(var(--a2-color-red-700, #a31900), var(--a2-color-red-300, #ff8670))));
373
+ $radio-error-checked-icon-color-active: var(--a2-radio-error-checked-icon-color-active, var(--a2-foreground-color-danger-active, light-dark(var(--a2-color-red-800, #731100), var(--a2-color-red-200, #ffac9e))));
374
+ $radio-error-checked-icon-color-disabled: var(--a2-radio-error-checked-icon-color-disabled, var(--a2-foreground-color-subdued, light-dark(var(--a2-color-neutral-500, #707070), var(--a2-color-neutral-200, #c4c4c4))));
375
+ $radio-error-unchecked-foreground-color: var(--a2-radio-error-unchecked-foreground-color, var(--a2-foreground-color-default, light-dark(var(--a2-color-neutral-950, #040404), var(--a2-color-neutral-0, #ffffff))));
376
+ $radio-error-unchecked-icon-background-color: var(--a2-radio-error-unchecked-icon-background-color, var(--a2-background-color-transparent-danger, rgba(0, 0, 0, 0)));
377
+ $radio-error-unchecked-icon-background-color-hover: var(--a2-radio-error-unchecked-icon-background-color-hover, var(--a2-background-color-transparent-danger-hover, light-dark(#ff39141A, #ff86701A)));
378
+ $radio-error-unchecked-icon-background-color-active: var(--a2-radio-error-unchecked-icon-background-color-active, var(--a2-background-color-transparent-danger-active, light-dark(#ff39144D, #ff867040)));
379
+ $radio-error-unchecked-icon-color: var(--a2-radio-error-unchecked-icon-color, var(--a2-foreground-color-danger, light-dark(var(--a2-color-red-600, #d62100), var(--a2-color-red-400, #ff5b3d))));
380
+ $radio-error-unchecked-icon-color-hover: var(--a2-radio-error-unchecked-icon-color-hover, var(--a2-foreground-color-danger-hover, light-dark(var(--a2-color-red-700, #a31900), var(--a2-color-red-300, #ff8670))));
381
+ $radio-error-unchecked-icon-color-active: var(--a2-radio-error-unchecked-icon-color-active, var(--a2-foreground-color-danger-active, light-dark(var(--a2-color-red-800, #731100), var(--a2-color-red-200, #ffac9e))));
382
+ $radio-error-unchecked-icon-color-disabled: var(--a2-radio-error-unchecked-icon-color-disabled, var(--a2-foreground-color-subdued, light-dark(var(--a2-color-neutral-500, #707070), var(--a2-color-neutral-200, #c4c4c4))));
383
+ $radio-error-focus-ring-color: var(--a2-radio-error-focus-ring-color, var(--a2-focus-ring-color-danger, var(--a2-status-color-danger, light-dark(var(--a2-color-red-600, #d62100), var(--a2-color-red-400, #ff5b3d)))));
384
+ $radio-border-radius: var(--a2-radio-border-radius, var(--a2-border-radius-circular, 100%));
385
+ $segmented-control-background-color: var(--a2-segmented-control-background-color, var(--a2-background-color-stronger, light-dark(var(--a2-color-neutral-50, #eeeeee), var(--a2-color-neutral-700, #404040))));
386
+ $segmented-control-segment-background-color: var(--a2-segmented-control-segment-background-color, rgba(0, 0, 0, 0));
387
+ $segmented-control-segment-background-color-hover: var(--a2-segmented-control-segment-background-color-hover, var(--a2-background-color-transparent-default-hover, light-dark(#8b8b8b14, #ffffff14)));
388
+ $segmented-control-segment-background-color-active: var(--a2-segmented-control-segment-background-color-active, var(--a2-background-color-transparent-default-active, light-dark(#8b8b8b29, #ffffff29)));
389
+ $segmented-control-button-foreground-color: var(--a2-segmented-control-button-foreground-color, var(--a2-foreground-color-default, light-dark(var(--a2-color-neutral-950, #040404), var(--a2-color-neutral-0, #ffffff))));
390
+ $segmented-control-button-background-color: var(--a2-segmented-control-button-background-color, var(--a2-background-color-default, light-dark(var(--a2-color-neutral-0, #ffffff), var(--a2-color-neutral-900, #1a1a1a))));
391
+ $segmented-control-border-color: var(--a2-segmented-control-border-color, var(--a2-border-color-subdued, light-dark(var(--a2-color-neutral-80, #e6e6e6), var(--a2-color-neutral-700, #404040))));
392
+ $segmented-control-shadow-color: var(--a2-segmented-control-shadow-color, var(--a2-shadow-color-default, light-dark(#1a1a1a14, #ffffff14)));
393
+ $segmented-control-focus-ring-color: var(--a2-segmented-control-focus-ring-color, var(--a2-focus-ring-color-default, var(--a2-status-color-info, light-dark(var(--a2-color-blue-600, #0265dc), var(--a2-color-blue-300, #70b1ff)))));
394
+ $select-card-unchecked-foreground-color: var(--a2-select-card-unchecked-foreground-color, var(--a2-foreground-color-primary, light-dark(var(--a2-color-blue-600, #0265dc), var(--a2-color-blue-300, #70b1ff))));
395
+ $select-card-unchecked-foreground-color-hover: var(--a2-select-card-unchecked-foreground-color-hover, var(--a2-foreground-color-primary-hover, light-dark(var(--a2-color-blue-700, #1d4ca3), var(--a2-color-blue-200, #9ecaff))));
396
+ $select-card-unchecked-foreground-color-active: var(--a2-select-card-unchecked-foreground-color-active, var(--a2-foreground-color-primary-active, light-dark(var(--a2-color-blue-800, #003472), var(--a2-color-blue-200, #9ecaff))));
397
+ $select-card-unchecked-default-background-color: var(--a2-select-card-unchecked-default-background-color, var(--a2-background-color-default, light-dark(var(--a2-color-neutral-0, #ffffff), var(--a2-color-neutral-900, #1a1a1a))));
398
+ $select-card-unchecked-default-background-color-hover: var(--a2-select-card-unchecked-default-background-color-hover, var(--a2-background-color-default-hover, light-dark(var(--a2-color-neutral-20, #f9f9f9), var(--a2-color-neutral-800, #292929))));
399
+ $select-card-unchecked-default-background-color-active: var(--a2-select-card-unchecked-default-background-color-active, var(--a2-background-color-default-active, light-dark(var(--a2-color-neutral-40, #f1f1f1), var(--a2-color-neutral-700, #404040))));
400
+ $select-card-unchecked-strong-background-color: var(--a2-select-card-unchecked-strong-background-color, var(--a2-background-color-strong, light-dark(var(--a2-color-neutral-20, #f9f9f9), var(--a2-color-neutral-800, #292929))));
401
+ $select-card-unchecked-strong-background-color-hover: var(--a2-select-card-unchecked-strong-background-color-hover, var(--a2-background-color-strong-hover, light-dark(var(--a2-color-neutral-50, #eeeeee), var(--a2-color-neutral-700, #404040))));
402
+ $select-card-unchecked-strong-background-color-active: var(--a2-select-card-unchecked-strong-background-color-active, var(--a2-background-color-strong-active, light-dark(var(--a2-color-neutral-70, #e8e8e8), var(--a2-color-neutral-600, #545454))));
403
+ $select-card-unchecked-stronger-background-color: var(--a2-select-card-unchecked-stronger-background-color, var(--a2-background-color-stronger, light-dark(var(--a2-color-neutral-50, #eeeeee), var(--a2-color-neutral-700, #404040))));
404
+ $select-card-unchecked-stronger-background-color-hover: var(--a2-select-card-unchecked-stronger-background-color-hover, var(--a2-background-color-stronger-hover, light-dark(var(--a2-color-neutral-90, #e5e5e5), var(--a2-color-neutral-600, #545454))));
405
+ $select-card-unchecked-stronger-background-color-active: var(--a2-select-card-unchecked-stronger-background-color-active, var(--a2-background-color-stronger-active, light-dark(var(--a2-color-neutral-100, #dfdfdf), var(--a2-color-neutral-500, #707070))));
406
+ $select-card-unchecked-icon-color: var(--a2-select-card-unchecked-icon-color, var(--a2-foreground-color-default, light-dark(var(--a2-color-neutral-950, #040404), var(--a2-color-neutral-0, #ffffff))));
407
+ $select-card-unchecked-icon-color-disabled: var(--a2-select-card-unchecked-icon-color-disabled, var(--a2-foreground-color-subdued, light-dark(var(--a2-color-neutral-500, #707070), var(--a2-color-neutral-200, #c4c4c4))));
408
+ $select-card-unchecked-border-color: var(--a2-select-card-unchecked-border-color, var(--a2-border-color-subdued, light-dark(var(--a2-color-neutral-80, #e6e6e6), var(--a2-color-neutral-700, #404040))));
409
+ $select-card-unchecked-focus-ring-color: var(--a2-select-card-unchecked-focus-ring-color, var(--a2-focus-ring-color-default, var(--a2-status-color-info, light-dark(var(--a2-color-blue-600, #0265dc), var(--a2-color-blue-300, #70b1ff)))));
410
+ $select-card-unchecked-shadow-color: var(--a2-select-card-unchecked-shadow-color, var(--a2-shadow-color-default, light-dark(#1a1a1a14, #ffffff14)));
411
+ $select-card-checked-foreground-color: var(--a2-select-card-checked-foreground-color, var(--a2-foreground-color-primary, light-dark(var(--a2-color-blue-600, #0265dc), var(--a2-color-blue-300, #70b1ff))));
412
+ $select-card-checked-foreground-color-hover: var(--a2-select-card-checked-foreground-color-hover, var(--a2-foreground-color-primary-hover, light-dark(var(--a2-color-blue-700, #1d4ca3), var(--a2-color-blue-200, #9ecaff))));
413
+ $select-card-checked-foreground-color-active: var(--a2-select-card-checked-foreground-color-active, var(--a2-foreground-color-primary-active, light-dark(var(--a2-color-blue-800, #003472), var(--a2-color-blue-200, #9ecaff))));
414
+ $select-card-checked-default-background-color: var(--a2-select-card-checked-default-background-color, var(--a2-background-color-default, light-dark(var(--a2-color-neutral-0, #ffffff), var(--a2-color-neutral-900, #1a1a1a))));
415
+ $select-card-checked-default-background-color-hover: var(--a2-select-card-checked-default-background-color-hover, var(--a2-background-color-default-hover, light-dark(var(--a2-color-neutral-20, #f9f9f9), var(--a2-color-neutral-800, #292929))));
416
+ $select-card-checked-default-background-color-active: var(--a2-select-card-checked-default-background-color-active, var(--a2-background-color-default-active, light-dark(var(--a2-color-neutral-40, #f1f1f1), var(--a2-color-neutral-700, #404040))));
417
+ $select-card-checked-strong-background-color: var(--a2-select-card-checked-strong-background-color, var(--a2-background-color-strong, light-dark(var(--a2-color-neutral-20, #f9f9f9), var(--a2-color-neutral-800, #292929))));
418
+ $select-card-checked-strong-background-color-hover: var(--a2-select-card-checked-strong-background-color-hover, var(--a2-background-color-strong-hover, light-dark(var(--a2-color-neutral-50, #eeeeee), var(--a2-color-neutral-700, #404040))));
419
+ $select-card-checked-strong-background-color-active: var(--a2-select-card-checked-strong-background-color-active, var(--a2-background-color-strong-active, light-dark(var(--a2-color-neutral-70, #e8e8e8), var(--a2-color-neutral-600, #545454))));
420
+ $select-card-checked-stronger-background-color: var(--a2-select-card-checked-stronger-background-color, var(--a2-background-color-stronger, light-dark(var(--a2-color-neutral-50, #eeeeee), var(--a2-color-neutral-700, #404040))));
421
+ $select-card-checked-stronger-background-color-hover: var(--a2-select-card-checked-stronger-background-color-hover, var(--a2-background-color-stronger-hover, light-dark(var(--a2-color-neutral-90, #e5e5e5), var(--a2-color-neutral-600, #545454))));
422
+ $select-card-checked-stronger-background-color-active: var(--a2-select-card-checked-stronger-background-color-active, var(--a2-background-color-stronger-active, light-dark(var(--a2-color-neutral-100, #dfdfdf), var(--a2-color-neutral-500, #707070))));
423
+ $select-card-checked-icon-color: var(--a2-select-card-checked-icon-color, var(--a2-foreground-color-primary, light-dark(var(--a2-color-blue-600, #0265dc), var(--a2-color-blue-300, #70b1ff))));
424
+ $select-card-checked-icon-color-disabled: var(--a2-select-card-checked-icon-color-disabled, var(--a2-foreground-color-subdued, light-dark(var(--a2-color-neutral-500, #707070), var(--a2-color-neutral-200, #c4c4c4))));
425
+ $select-card-checked-border-color: var(--a2-select-card-checked-border-color, var(--a2-border-color-strong, light-dark(var(--a2-color-neutral-700, #404040), var(--a2-color-neutral-80, #e6e6e6))));
426
+ $select-card-checked-focus-ring-color: var(--a2-select-card-checked-focus-ring-color, var(--a2-focus-ring-color-default, var(--a2-status-color-info, light-dark(var(--a2-color-blue-600, #0265dc), var(--a2-color-blue-300, #70b1ff)))));
427
+ $select-card-checked-shadow-color: var(--a2-select-card-checked-shadow-color, var(--a2-shadow-color-default, light-dark(#1a1a1a14, #ffffff14)));
428
+ $select-card-checked-error-foreground-color: var(--a2-select-card-checked-error-foreground-color, var(--a2-foreground-color-primary, light-dark(var(--a2-color-blue-600, #0265dc), var(--a2-color-blue-300, #70b1ff))));
429
+ $select-card-checked-error-foreground-color-hover: var(--a2-select-card-checked-error-foreground-color-hover, var(--a2-foreground-color-primary-hover, light-dark(var(--a2-color-blue-700, #1d4ca3), var(--a2-color-blue-200, #9ecaff))));
430
+ $select-card-checked-error-foreground-color-active: var(--a2-select-card-checked-error-foreground-color-active, var(--a2-foreground-color-primary-active, light-dark(var(--a2-color-blue-800, #003472), var(--a2-color-blue-200, #9ecaff))));
431
+ $select-card-checked-error-default-background-color: var(--a2-select-card-checked-error-default-background-color, var(--a2-background-color-default, light-dark(var(--a2-color-neutral-0, #ffffff), var(--a2-color-neutral-900, #1a1a1a))));
432
+ $select-card-checked-error-default-background-color-hover: var(--a2-select-card-checked-error-default-background-color-hover, var(--a2-background-color-default-hover, light-dark(var(--a2-color-neutral-20, #f9f9f9), var(--a2-color-neutral-800, #292929))));
433
+ $select-card-checked-error-default-background-color-active: var(--a2-select-card-checked-error-default-background-color-active, var(--a2-background-color-default-active, light-dark(var(--a2-color-neutral-40, #f1f1f1), var(--a2-color-neutral-700, #404040))));
434
+ $select-card-checked-error-strong-background-color: var(--a2-select-card-checked-error-strong-background-color, var(--a2-background-color-strong, light-dark(var(--a2-color-neutral-20, #f9f9f9), var(--a2-color-neutral-800, #292929))));
435
+ $select-card-checked-error-strong-background-color-hover: var(--a2-select-card-checked-error-strong-background-color-hover, var(--a2-background-color-strong-hover, light-dark(var(--a2-color-neutral-50, #eeeeee), var(--a2-color-neutral-700, #404040))));
436
+ $select-card-checked-error-strong-background-color-active: var(--a2-select-card-checked-error-strong-background-color-active, var(--a2-background-color-strong-active, light-dark(var(--a2-color-neutral-70, #e8e8e8), var(--a2-color-neutral-600, #545454))));
437
+ $select-card-checked-error-stronger-background-color: var(--a2-select-card-checked-error-stronger-background-color, var(--a2-background-color-stronger, light-dark(var(--a2-color-neutral-50, #eeeeee), var(--a2-color-neutral-700, #404040))));
438
+ $select-card-checked-error-stronger-background-color-hover: var(--a2-select-card-checked-error-stronger-background-color-hover, var(--a2-background-color-stronger-hover, light-dark(var(--a2-color-neutral-90, #e5e5e5), var(--a2-color-neutral-600, #545454))));
439
+ $select-card-checked-error-stronger-background-color-active: var(--a2-select-card-checked-error-stronger-background-color-active, var(--a2-background-color-stronger-active, light-dark(var(--a2-color-neutral-100, #dfdfdf), var(--a2-color-neutral-500, #707070))));
440
+ $select-card-checked-error-icon-color: var(--a2-select-card-checked-error-icon-color, var(--a2-foreground-color-danger, light-dark(var(--a2-color-red-600, #d62100), var(--a2-color-red-400, #ff5b3d))));
441
+ $select-card-checked-error-icon-color-disabled: var(--a2-select-card-checked-error-icon-color-disabled, var(--a2-foreground-color-subdued, light-dark(var(--a2-color-neutral-500, #707070), var(--a2-color-neutral-200, #c4c4c4))));
442
+ $select-card-checked-error-border-color: var(--a2-select-card-checked-error-border-color, var(--a2-border-color-danger, light-dark(var(--a2-color-red-600, #d62100), var(--a2-color-red-200, #ffac9e))));
443
+ $select-card-checked-error-focus-ring-color: var(--a2-select-card-checked-error-focus-ring-color, var(--a2-focus-ring-color-danger, var(--a2-status-color-danger, light-dark(var(--a2-color-red-600, #d62100), var(--a2-color-red-400, #ff5b3d)))));
444
+ $select-card-checked-error-shadow-color: var(--a2-select-card-checked-error-shadow-color, var(--a2-shadow-color-default, light-dark(#1a1a1a14, #ffffff14)));
445
+ $side-nav-link-default-foreground-color: var(--a2-side-nav-link-default-foreground-color, var(--a2-foreground-color-default, light-dark(var(--a2-color-neutral-950, #040404), var(--a2-color-neutral-0, #ffffff))));
446
+ $side-nav-link-default-foreground-color-hover: var(--a2-side-nav-link-default-foreground-color-hover, var(--a2-foreground-color-default, light-dark(var(--a2-color-neutral-950, #040404), var(--a2-color-neutral-0, #ffffff))));
447
+ $side-nav-link-default-foreground-color-active: var(--a2-side-nav-link-default-foreground-color-active, var(--a2-foreground-color-default, light-dark(var(--a2-color-neutral-950, #040404), var(--a2-color-neutral-0, #ffffff))));
448
+ $side-nav-link-default-foreground-color-disabled: var(--a2-side-nav-link-default-foreground-color-disabled, var(--a2-foreground-color-subdued, light-dark(var(--a2-color-neutral-500, #707070), var(--a2-color-neutral-200, #c4c4c4))));
449
+ $side-nav-link-default-background-color: var(--a2-side-nav-link-default-background-color, rgba(0, 0, 0, 0));
450
+ $side-nav-link-default-background-color-hover: var(--a2-side-nav-link-default-background-color-hover, var(--a2-background-color-transparent-default-hover, light-dark(#8b8b8b14, #ffffff14)));
451
+ $side-nav-link-default-background-color-active: var(--a2-side-nav-link-default-background-color-active, var(--a2-background-color-transparent-default-active, light-dark(#8b8b8b29, #ffffff29)));
452
+ $side-nav-link-default-background-color-disabled: var(--a2-side-nav-link-default-background-color-disabled, var(--a2-background-color-transparent-default, rgba(0, 0, 0, 0)));
453
+ $side-nav-link-default-focus-ring-color: var(--a2-side-nav-link-default-focus-ring-color, var(--a2-focus-ring-color-default, var(--a2-status-color-info, light-dark(var(--a2-color-blue-600, #0265dc), var(--a2-color-blue-300, #70b1ff)))));
454
+ $side-nav-link-active-foreground-color: var(--a2-side-nav-link-active-foreground-color, var(--a2-foreground-color-primary, light-dark(var(--a2-color-blue-600, #0265dc), var(--a2-color-blue-300, #70b1ff))));
455
+ $side-nav-link-active-foreground-color-hover: var(--a2-side-nav-link-active-foreground-color-hover, var(--a2-foreground-color-primary-hover, light-dark(var(--a2-color-blue-700, #1d4ca3), var(--a2-color-blue-200, #9ecaff))));
456
+ $side-nav-link-active-foreground-color-active: var(--a2-side-nav-link-active-foreground-color-active, var(--a2-foreground-color-primary-active, light-dark(var(--a2-color-blue-800, #003472), var(--a2-color-blue-200, #9ecaff))));
457
+ $side-nav-link-active-foreground-color-disabled: var(--a2-side-nav-link-active-foreground-color-disabled, var(--a2-foreground-color-subdued, light-dark(var(--a2-color-neutral-500, #707070), var(--a2-color-neutral-200, #c4c4c4))));
458
+ $side-nav-link-active-background-color: var(--a2-side-nav-link-active-background-color, var(--a2-background-color-primary-subdued, light-dark(var(--a2-color-blue-50, #e6f1ff), #70b1ff33)));
459
+ $side-nav-link-active-background-color-hover: var(--a2-side-nav-link-active-background-color-hover, var(--a2-background-color-primary-subdued-hover, light-dark(var(--a2-color-blue-100, #cce3ff), #70b1ff4D)));
460
+ $side-nav-link-active-background-color-active: var(--a2-side-nav-link-active-background-color-active, var(--a2-background-color-primary-subdued-active, light-dark(var(--a2-color-blue-200, #9ecaff), #70b1ff66)));
461
+ $side-nav-link-active-background-color-disabled: var(--a2-side-nav-link-active-background-color-disabled, var(--a2-background-color-transparent-default, rgba(0, 0, 0, 0)));
462
+ $side-nav-link-active-focus-ring-color: var(--a2-side-nav-link-active-focus-ring-color, var(--a2-focus-ring-color-default, var(--a2-status-color-info, light-dark(var(--a2-color-blue-600, #0265dc), var(--a2-color-blue-300, #70b1ff)))));
463
+ $side-nav-group-foreground-color: var(--a2-side-nav-group-foreground-color, var(--a2-foreground-color-subdued, light-dark(var(--a2-color-neutral-500, #707070), var(--a2-color-neutral-200, #c4c4c4))));
464
+ $skeleton-background-color: var(--a2-skeleton-background-color, var(--a2-background-color-stronger, light-dark(var(--a2-color-neutral-50, #eeeeee), var(--a2-color-neutral-700, #404040))));
465
+ $skeleton-pulse-color: var(--a2-skeleton-pulse-color, var(--a2-background-color-transparent-default-hover, light-dark(#8b8b8b14, #ffffff14)));
466
+ $spinner-foreground-color-primary: var(--a2-spinner-foreground-color-primary, var(--a2-background-color-primary, var(--a2-status-color-info, light-dark(var(--a2-color-blue-600, #0265dc), var(--a2-color-blue-300, #70b1ff)))));
467
+ $spinner-foreground-color-current: var(--a2-spinner-foreground-color-current, currentColor);
468
+ $spinner-track-foreground-color: var(--a2-spinner-track-foreground-color, var(--a2-background-color-secondary, light-dark(#0404040F, #ffffff14)));
469
+ $spinner-arc-foreground-color: var(--a2-spinner-arc-foreground-color, currentColor);
470
+ $status-icon-info-fill-color: var(--a2-status-icon-info-fill-color, light-dark(var(--a2-color-blue-500, #1a82ff), var(--a2-color-blue-400, #3d95ff)));
471
+ $status-icon-info-stroke-color: var(--a2-status-icon-info-stroke-color, light-dark(var(--a2-color-blue-700, #1d4ca3), var(--a2-color-blue-400, #3d95ff)));
472
+ $status-icon-success-fill-color: var(--a2-status-icon-success-fill-color, light-dark(var(--a2-color-green-600, #077e50), var(--a2-color-green-400, #0bd085)));
473
+ $status-icon-success-stroke-color: var(--a2-status-icon-success-stroke-color, light-dark(var(--a2-color-green-800, #04482e), var(--a2-color-green-400, #0bd085)));
474
+ $status-icon-warning-fill-color: var(--a2-status-icon-warning-fill-color, light-dark(var(--a2-color-orange-400, #e37700), var(--a2-color-yellow-400, #ffc902)));
475
+ $status-icon-warning-stroke-color: var(--a2-status-icon-warning-stroke-color, light-dark(var(--a2-color-orange-600, #964f00), var(--a2-color-yellow-400, #ffc902)));
476
+ $status-icon-danger-fill-color: var(--a2-status-icon-danger-fill-color, light-dark(var(--a2-color-red-600, #d62100), var(--a2-color-red-400, #ff5b3d)));
477
+ $status-icon-danger-stroke-color: var(--a2-status-icon-danger-stroke-color, light-dark(var(--a2-color-red-700, #a31900), var(--a2-color-red-400, #ff5b3d)));
478
+ $stepper-focus-ring-color: var(--a2-stepper-focus-ring-color, var(--a2-focus-ring-color-default, var(--a2-status-color-info, light-dark(var(--a2-color-blue-600, #0265dc), var(--a2-color-blue-300, #70b1ff)))));
479
+ $stepper-step-default-label-foreground-color: var(--a2-stepper-step-default-label-foreground-color, var(--a2-foreground-color-default, light-dark(var(--a2-color-neutral-950, #040404), var(--a2-color-neutral-0, #ffffff))));
480
+ $stepper-step-default-link-foreground-color: var(--a2-stepper-step-default-link-foreground-color, var(--a2-foreground-color-primary, light-dark(var(--a2-color-blue-600, #0265dc), var(--a2-color-blue-300, #70b1ff))));
481
+ $stepper-step-default-background-color: var(--a2-stepper-step-default-background-color, var(--a2-status-color-info, light-dark(var(--a2-color-blue-600, #0265dc), var(--a2-color-blue-300, #70b1ff))));
482
+ $stepper-step-default-foreground-color: var(--a2-stepper-step-default-foreground-color, var(--a2-foreground-color-on-primary, light-dark(var(--a2-color-neutral-0, #ffffff), var(--a2-color-neutral-900, #1a1a1a))));
483
+ $stepper-step-default-track-color: var(--a2-stepper-step-default-track-color, var(--a2-background-color-stronger, light-dark(var(--a2-color-neutral-50, #eeeeee), var(--a2-color-neutral-700, #404040))));
484
+ $stepper-step-default-circle-background-color: var(--a2-stepper-step-default-circle-background-color, var(--a2-background-color-default, light-dark(var(--a2-color-neutral-0, #ffffff), var(--a2-color-neutral-900, #1a1a1a))));
485
+ $stepper-step-default-circle-border-color: var(--a2-stepper-step-default-circle-border-color, var(--a2-border-color-default, light-dark(var(--a2-color-neutral-400, #8b8b8b), var(--a2-color-neutral-600, #545454))));
486
+ $stepper-step-default-circle-icon-color: var(--a2-stepper-step-default-circle-icon-color, var(--a2-foreground-color-on-primary, light-dark(var(--a2-color-neutral-0, #ffffff), var(--a2-color-neutral-900, #1a1a1a))));
487
+ $stepper-step-current-label-foreground-color: var(--a2-stepper-step-current-label-foreground-color, var(--a2-foreground-color-default, light-dark(var(--a2-color-neutral-950, #040404), var(--a2-color-neutral-0, #ffffff))));
488
+ $stepper-step-current-background-color: var(--a2-stepper-step-current-background-color, var(--a2-status-color-info, light-dark(var(--a2-color-blue-600, #0265dc), var(--a2-color-blue-300, #70b1ff))));
489
+ $stepper-step-current-foreground-color: var(--a2-stepper-step-current-foreground-color, var(--a2-foreground-color-on-primary, light-dark(var(--a2-color-neutral-0, #ffffff), var(--a2-color-neutral-900, #1a1a1a))));
490
+ $stepper-step-current-track-color: var(--a2-stepper-step-current-track-color, var(--a2-background-color-stronger, light-dark(var(--a2-color-neutral-50, #eeeeee), var(--a2-color-neutral-700, #404040))));
491
+ $stepper-step-current-circle-background-color: var(--a2-stepper-step-current-circle-background-color, var(--a2-background-color-default, light-dark(var(--a2-color-neutral-0, #ffffff), var(--a2-color-neutral-900, #1a1a1a))));
492
+ $stepper-step-current-circle-border-color: var(--a2-stepper-step-current-circle-border-color, var(--a2-status-color-info, light-dark(var(--a2-color-blue-600, #0265dc), var(--a2-color-blue-300, #70b1ff))));
493
+ $stepper-step-current-circle-icon-color: var(--a2-stepper-step-current-circle-icon-color, var(--a2-foreground-color-on-primary, light-dark(var(--a2-color-neutral-0, #ffffff), var(--a2-color-neutral-900, #1a1a1a))));
494
+ $stepper-step-complete-label-foreground-color: var(--a2-stepper-step-complete-label-foreground-color, var(--a2-foreground-color-default, light-dark(var(--a2-color-neutral-950, #040404), var(--a2-color-neutral-0, #ffffff))));
495
+ $stepper-step-complete-link-foreground-color: var(--a2-stepper-step-complete-link-foreground-color, var(--a2-foreground-color-primary, light-dark(var(--a2-color-blue-600, #0265dc), var(--a2-color-blue-300, #70b1ff))));
496
+ $stepper-step-complete-background-color: var(--a2-stepper-step-complete-background-color, var(--a2-status-color-info, light-dark(var(--a2-color-blue-600, #0265dc), var(--a2-color-blue-300, #70b1ff))));
497
+ $stepper-step-complete-foreground-color: var(--a2-stepper-step-complete-foreground-color, var(--a2-foreground-color-on-primary, light-dark(var(--a2-color-neutral-0, #ffffff), var(--a2-color-neutral-900, #1a1a1a))));
498
+ $stepper-step-complete-track-color: var(--a2-stepper-step-complete-track-color, var(--a2-background-color-stronger, light-dark(var(--a2-color-neutral-50, #eeeeee), var(--a2-color-neutral-700, #404040))));
499
+ $stepper-step-complete-circle-background-color: var(--a2-stepper-step-complete-circle-background-color, var(--a2-status-color-info, light-dark(var(--a2-color-blue-600, #0265dc), var(--a2-color-blue-300, #70b1ff))));
500
+ $stepper-step-complete-circle-border-color: var(--a2-stepper-step-complete-circle-border-color, var(--a2-status-color-info, light-dark(var(--a2-color-blue-600, #0265dc), var(--a2-color-blue-300, #70b1ff))));
501
+ $stepper-step-complete-circle-icon-color: var(--a2-stepper-step-complete-circle-icon-color, var(--a2-foreground-color-on-primary, light-dark(var(--a2-color-neutral-0, #ffffff), var(--a2-color-neutral-900, #1a1a1a))));
502
+ $switch-unchecked-background-color: var(--a2-switch-unchecked-background-color, var(--a2-background-color-strongest, light-dark(var(--a2-color-neutral-200, #c4c4c4), var(--a2-color-neutral-500, #707070))));
503
+ $switch-unchecked-background-color-hover: var(--a2-switch-unchecked-background-color-hover, var(--a2-background-color-strongest-hover, light-dark(var(--a2-color-neutral-300, #a8a8a8), var(--a2-color-neutral-400, #8b8b8b))));
504
+ $switch-unchecked-background-color-active: var(--a2-switch-unchecked-background-color-active, var(--a2-background-color-strongest-active, light-dark(var(--a2-color-neutral-400, #8b8b8b), var(--a2-color-neutral-300, #a8a8a8))));
505
+ $switch-unchecked-background-color-disabled: var(--a2-switch-unchecked-background-color-disabled, var(--a2-background-color-strongest, light-dark(var(--a2-color-neutral-200, #c4c4c4), var(--a2-color-neutral-500, #707070))));
506
+ $switch-unchecked-thumb-background-color: var(--a2-switch-unchecked-thumb-background-color, var(--a2-background-color-default, light-dark(var(--a2-color-neutral-0, #ffffff), var(--a2-color-neutral-900, #1a1a1a))));
507
+ $switch-unchecked-thumb-shadow-color: var(--a2-switch-unchecked-thumb-shadow-color, var(--a2-shadow-color-strong, light-dark(#0404043D, #ffffff3D)));
508
+ $switch-checked-background-color: var(--a2-switch-checked-background-color, var(--a2-background-color-primary, var(--a2-status-color-info, light-dark(var(--a2-color-blue-600, #0265dc), var(--a2-color-blue-300, #70b1ff)))));
509
+ $switch-checked-background-color-hover: var(--a2-switch-checked-background-color-hover, var(--a2-background-color-primary-hover, light-dark(var(--a2-color-blue-700, #1d4ca3), var(--a2-color-blue-200, #9ecaff))));
510
+ $switch-checked-background-color-active: var(--a2-switch-checked-background-color-active, var(--a2-background-color-primary-active, light-dark(var(--a2-color-blue-800, #003472), var(--a2-color-blue-100, #cce3ff))));
511
+ $switch-checked-background-color-disabled: var(--a2-switch-checked-background-color-disabled, var(--a2-background-color-strongest, light-dark(var(--a2-color-neutral-200, #c4c4c4), var(--a2-color-neutral-500, #707070))));
512
+ $switch-checked-thumb-check-color: var(--a2-switch-checked-thumb-check-color, var(--a2-foreground-color-primary, light-dark(var(--a2-color-blue-600, #0265dc), var(--a2-color-blue-300, #70b1ff))));
513
+ $switch-checked-thumb-check-color-hover: var(--a2-switch-checked-thumb-check-color-hover, var(--a2-foreground-color-primary-hover, light-dark(var(--a2-color-blue-700, #1d4ca3), var(--a2-color-blue-200, #9ecaff))));
514
+ $switch-checked-thumb-check-color-active: var(--a2-switch-checked-thumb-check-color-active, var(--a2-foreground-color-primary-active, light-dark(var(--a2-color-blue-800, #003472), var(--a2-color-blue-200, #9ecaff))));
515
+ $switch-checked-thumb-check-color-disabled: var(--a2-switch-checked-thumb-check-color-disabled, var(--a2-background-color-strongest, light-dark(var(--a2-color-neutral-200, #c4c4c4), var(--a2-color-neutral-500, #707070))));
516
+ $switch-checked-thumb-background-color: var(--a2-switch-checked-thumb-background-color, var(--a2-background-color-default, light-dark(var(--a2-color-neutral-0, #ffffff), var(--a2-color-neutral-900, #1a1a1a))));
517
+ $switch-checked-thumb-shadow-color: var(--a2-switch-checked-thumb-shadow-color, var(--a2-shadow-color-strong, light-dark(#0404043D, #ffffff3D)));
518
+ $switch-focus-ring-color: var(--a2-switch-focus-ring-color, var(--a2-focus-ring-color-default, var(--a2-status-color-info, light-dark(var(--a2-color-blue-600, #0265dc), var(--a2-color-blue-300, #70b1ff)))));
519
+ $tab-border-color: var(--a2-tab-border-color, var(--a2-border-color-subdued, light-dark(var(--a2-color-neutral-80, #e6e6e6), var(--a2-color-neutral-700, #404040))));
520
+ $tab-overflow-button-background-color: var(--a2-tab-overflow-button-background-color, var(--a2-background-color-strong, light-dark(var(--a2-color-neutral-20, #f9f9f9), var(--a2-color-neutral-800, #292929))));
521
+ $tab-button-foreground-color: var(--a2-tab-button-foreground-color, var(--a2-foreground-color-default, light-dark(var(--a2-color-neutral-950, #040404), var(--a2-color-neutral-0, #ffffff))));
522
+ $tab-button-foreground-color-hover: var(--a2-tab-button-foreground-color-hover, var(--a2-foreground-color-default-hover, light-dark(var(--a2-color-neutral-950, #040404), var(--a2-color-neutral-0, #ffffff))));
523
+ $tab-button-foreground-color-active: var(--a2-tab-button-foreground-color-active, var(--a2-foreground-color-default-active, light-dark(var(--a2-color-neutral-950, #040404), var(--a2-color-neutral-0, #ffffff))));
524
+ $tab-button-background-color: var(--a2-tab-button-background-color, rgba(0, 0, 0, 0));
525
+ $tab-button-background-color-hover: var(--a2-tab-button-background-color-hover, var(--a2-background-color-transparent-default-hover, light-dark(#8b8b8b14, #ffffff14)));
526
+ $tab-button-background-color-active: var(--a2-tab-button-background-color-active, var(--a2-background-color-transparent-default-active, light-dark(#8b8b8b29, #ffffff29)));
527
+ $tab-button-selected-indicator-background-color: var(--a2-tab-button-selected-indicator-background-color, var(--a2-foreground-color-default, light-dark(var(--a2-color-neutral-950, #040404), var(--a2-color-neutral-0, #ffffff))));
528
+ $tab-button-focus-ring-color: var(--a2-tab-button-focus-ring-color, var(--a2-focus-ring-color-default, var(--a2-status-color-info, light-dark(var(--a2-color-blue-600, #0265dc), var(--a2-color-blue-300, #70b1ff)))));
529
+ $text-field-input-foreground-color: var(--a2-text-field-input-foreground-color, var(--a2-foreground-color-default, light-dark(var(--a2-color-neutral-950, #040404), var(--a2-color-neutral-0, #ffffff))));
530
+ $text-field-input-placeholder-foreground-color: var(--a2-text-field-input-placeholder-foreground-color, var(--a2-foreground-color-subdued, light-dark(var(--a2-color-neutral-500, #707070), var(--a2-color-neutral-200, #c4c4c4))));
531
+ $text-field-input-wrapper-background-color: var(--a2-text-field-input-wrapper-background-color, var(--a2-background-color-default, light-dark(var(--a2-color-neutral-0, #ffffff), var(--a2-color-neutral-900, #1a1a1a))));
532
+ $text-field-input-wrapper-background-color-disabled: var(--a2-text-field-input-wrapper-background-color-disabled, var(--a2-background-color-strong, light-dark(var(--a2-color-neutral-20, #f9f9f9), var(--a2-color-neutral-800, #292929))));
533
+ $text-field-input-wrapper-border-color-default: var(--a2-text-field-input-wrapper-border-color-default, var(--a2-border-color-default, light-dark(var(--a2-color-neutral-400, #8b8b8b), var(--a2-color-neutral-600, #545454))));
534
+ $text-field-input-wrapper-border-color-danger: var(--a2-text-field-input-wrapper-border-color-danger, var(--a2-border-color-danger, light-dark(var(--a2-color-red-600, #d62100), var(--a2-color-red-200, #ffac9e))));
535
+ $text-field-focus-ring-color-default: var(--a2-text-field-focus-ring-color-default, var(--a2-focus-ring-color-default, var(--a2-status-color-info, light-dark(var(--a2-color-blue-600, #0265dc), var(--a2-color-blue-300, #70b1ff)))));
536
+ $text-field-focus-ring-color-danger: var(--a2-text-field-focus-ring-color-danger, var(--a2-focus-ring-color-danger, var(--a2-status-color-danger, light-dark(var(--a2-color-red-600, #d62100), var(--a2-color-red-400, #ff5b3d)))));
537
+ $text-foreground-color: var(--a2-text-foreground-color, var(--a2-foreground-color-default, light-dark(var(--a2-color-neutral-950, #040404), var(--a2-color-neutral-0, #ffffff))));
538
+ $text-foreground-color-subdued: var(--a2-text-foreground-color-subdued, var(--a2-foreground-color-subdued, light-dark(var(--a2-color-neutral-500, #707070), var(--a2-color-neutral-200, #c4c4c4))));
539
+ $text-focus-ring-color: var(--a2-text-focus-ring-color, var(--a2-focus-ring-color-default, var(--a2-status-color-info, light-dark(var(--a2-color-blue-600, #0265dc), var(--a2-color-blue-300, #70b1ff)))));
540
+ $toast-stack-gradient-top-background: var(--a2-toast-stack-gradient-top-background, light-dark(linear-gradient(180deg, var(--a2-background-color-default, var(--a2-color-neutral-0, #ffffff)) 0%, var(--a2-background-color-transparent-default, rgba(0, 0, 0, 0)) 100%), linear-gradient(180deg, var(--a2-background-color-default, var(--a2-color-neutral-0, #ffffff)) 0%, var(--a2-background-color-transparent-default, rgba(0, 0, 0, 0)) 100%)));
541
+ $toast-stack-gradient-bottom-background: var(--a2-toast-stack-gradient-bottom-background, light-dark(linear-gradient(180deg, var(--a2-background-color-transparent-default, rgba(0, 0, 0, 0)) 0%, var(--a2-background-color-default, var(--a2-color-neutral-0, #ffffff)) 100%), linear-gradient(180deg, var(--a2-background-color-transparent-default, rgba(0, 0, 0, 0)) 0%, var(--a2-background-color-default, var(--a2-color-neutral-0, #ffffff)) 100%)));
542
+ $toast-stack-gradient-bottom-mask: var(--a2-toast-stack-gradient-bottom-mask, light-dark(linear-gradient(90deg, var(--a2-background-color-transparent-default, rgba(0, 0, 0, 0)) 0%, var(--a2-background-color-inverted-strong, var(--a2-color-neutral-900, #1a1a1a)) var(--a2-size-4, 1rem), var(--a2-background-color-inverted-strong, var(--a2-color-neutral-900, #1a1a1a)) calc(100% - var(--a2-size-4, 1rem)), var(--a2-background-color-transparent-default, rgba(0, 0, 0, 0)) 100%), linear-gradient(90deg, var(--a2-background-color-transparent-default, rgba(0, 0, 0, 0)) 0%, var(--a2-background-color-inverted-strong, var(--a2-color-neutral-900, #1a1a1a)) var(--a2-size-4, 1rem), var(--a2-background-color-inverted-strong, var(--a2-color-neutral-900, #1a1a1a)) calc(100% - var(--a2-size-4, 1rem)), var(--a2-background-color-transparent-default, rgba(0, 0, 0, 0)) 100%)));
543
+ $toast-collapse-button-background-color: var(--a2-toast-collapse-button-background-color, var(--a2-background-color-inverted, light-dark(var(--a2-color-neutral-800, #292929), var(--a2-color-neutral-20, #f9f9f9))));
544
+ $toast-collapse-button-background-color-hover: var(--a2-toast-collapse-button-background-color-hover, var(--a2-background-color-inverted-strong, light-dark(var(--a2-color-neutral-900, #1a1a1a), var(--a2-color-neutral-0, #ffffff))));
545
+ $toast-collapse-button-foreground-color: var(--a2-toast-collapse-button-foreground-color, var(--a2-foreground-color-inverted, light-dark(var(--a2-color-neutral-0, #ffffff), var(--a2-color-neutral-900, #1a1a1a))));
546
+ $toast-collapse-button-foreground-color-hover: var(--a2-toast-collapse-button-foreground-color-hover, var(--a2-foreground-color-inverted, light-dark(var(--a2-color-neutral-0, #ffffff), var(--a2-color-neutral-900, #1a1a1a))));
547
+ $toast-shadow-color: var(--a2-toast-shadow-color, var(--a2-shadow-color-default, light-dark(#1a1a1a14, #ffffff14)));
548
+ $toast-focus-ring-color: var(--a2-toast-focus-ring-color, var(--a2-focus-ring-color-default, var(--a2-status-color-info, light-dark(var(--a2-color-blue-600, #0265dc), var(--a2-color-blue-300, #70b1ff)))));
549
+ $toolbar-background-color: var(--a2-toolbar-background-color, var(--a2-background-color-transparent-default, rgba(0, 0, 0, 0)));
550
+ $toolbar-background-color-hover: var(--a2-toolbar-background-color-hover, var(--a2-background-color-transparent-default-hover, light-dark(#8b8b8b14, #ffffff14)));
551
+ $toolbar-toggle-border-color-primary: var(--a2-toolbar-toggle-border-color-primary, var(--a2-foreground-color-on-primary, light-dark(var(--a2-color-neutral-0, #ffffff), var(--a2-color-neutral-900, #1a1a1a))));
552
+ $toolbar-toggle-border-color-subdued: var(--a2-toolbar-toggle-border-color-subdued, var(--a2-background-color-primary-subdued, light-dark(var(--a2-color-blue-50, #e6f1ff), #70b1ff33)));
553
+ $toolbar-toggle-border-color-subdued-active: var(--a2-toolbar-toggle-border-color-subdued-active, var(--a2-background-color-primary-subdued-active, light-dark(var(--a2-color-blue-200, #9ecaff), #70b1ff66)));
554
+ $toolbar-toggle-border-color-subdued-hover: var(--a2-toolbar-toggle-border-color-subdued-hover, var(--a2-background-color-primary-subdued-hover, light-dark(var(--a2-color-blue-100, #cce3ff), #70b1ff4D)));
555
+ $tooltip-foreground-color: var(--a2-tooltip-foreground-color, var(--a2-foreground-color-inverted, light-dark(var(--a2-color-neutral-0, #ffffff), var(--a2-color-neutral-900, #1a1a1a))));
556
+ $tooltip-background-color: var(--a2-tooltip-background-color, var(--a2-background-color-inverted-strong, light-dark(var(--a2-color-neutral-900, #1a1a1a), var(--a2-color-neutral-0, #ffffff))));
557
+ $tooltip-shadow-color: var(--a2-tooltip-shadow-color, var(--a2-shadow-color-default, light-dark(#1a1a1a14, #ffffff14)));