@servicetitan/anvil2 2.9.2 → 3.0.1

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 (499) hide show
  1. package/CHANGELOG.md +79 -2
  2. package/dist/{AiMark-DhgDh95y.js → AiMark-B1-M3ZgP.js} +27 -26
  3. package/dist/{AiMark-DhgDh95y.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-DffLPz0l.js → Alert-C04WIw7A.js} +20 -31
  7. package/dist/Alert-C04WIw7A.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.css +1 -2
  17. package/dist/AnvilProvider.js +1 -1
  18. package/dist/{Avatar-ChybzixS.js → Avatar-BmNcLUg-.js} +2 -2
  19. package/dist/{Avatar-ChybzixS.js.map → Avatar-BmNcLUg-.js.map} +1 -1
  20. package/dist/{Avatar-BckUfs1N.js → Avatar-Cw8B8xZV.js} +24 -24
  21. package/dist/Avatar-Cw8B8xZV.js.map +1 -0
  22. package/dist/Avatar.css +116 -177
  23. package/dist/Avatar.js +2 -2
  24. package/dist/{Badge-C2W7Dls9.js → Badge-C_wTvtnB.js} +7 -7
  25. package/dist/{Badge-C2W7Dls9.js.map → Badge-C_wTvtnB.js.map} +1 -1
  26. package/dist/Badge.css +42 -50
  27. package/dist/Badge.js +1 -1
  28. package/dist/{Breadcrumbs-CkPZHJGM.js → Breadcrumbs-CAJMeA1D.js} +7 -7
  29. package/dist/{Breadcrumbs-CkPZHJGM.js.map → Breadcrumbs-CAJMeA1D.js.map} +1 -1
  30. package/dist/Breadcrumbs.css +37 -45
  31. package/dist/Breadcrumbs.js +1 -1
  32. package/dist/{Button-BdrrhBTI.js → Button-Bnt8XUI7.js} +13 -10
  33. package/dist/{Button-BdrrhBTI.js.map → Button-Bnt8XUI7.js.map} +1 -1
  34. package/dist/Button.css +274 -335
  35. package/dist/Button.js +1 -1
  36. package/dist/Button.module-DsGhJYRw.js +23 -0
  37. package/dist/Button.module-DsGhJYRw.js.map +1 -0
  38. package/dist/{ButtonCompound-Cmw3cgMY.js → ButtonCompound-DsrK7G3q.js} +11 -4
  39. package/dist/ButtonCompound-DsrK7G3q.js.map +1 -0
  40. package/dist/ButtonCompound.css +25 -0
  41. package/dist/ButtonCompound.js +1 -1
  42. package/dist/{ButtonLink-BJKTJER8.js → ButtonLink-j3h_wRNi.js} +9 -6
  43. package/dist/ButtonLink-j3h_wRNi.js.map +1 -0
  44. package/dist/ButtonLink.js +1 -1
  45. package/dist/{ButtonToggle-DaFQ3DBG.js → ButtonToggle-Ct9_5bhC.js} +7 -4
  46. package/dist/ButtonToggle-Ct9_5bhC.js.map +1 -0
  47. package/dist/ButtonToggle.css +109 -0
  48. package/dist/ButtonToggle.js +1 -1
  49. package/dist/{Calendar-CaWPwtb3.js → Calendar-BAbAagIx.js} +2 -2
  50. package/dist/{Calendar-CaWPwtb3.js.map → Calendar-BAbAagIx.js.map} +1 -1
  51. package/dist/{Calendar-0DG2so95.js → Calendar-CaCMa_jq.js} +38 -35
  52. package/dist/Calendar-CaCMa_jq.js.map +1 -0
  53. package/dist/Calendar.css +250 -301
  54. package/dist/Calendar.js +2 -2
  55. package/dist/{Card-wz71dEVA.js → Card-DSFuXUGk.js} +11 -11
  56. package/dist/{Card-wz71dEVA.js.map → Card-DSFuXUGk.js.map} +1 -1
  57. package/dist/Card.css +51 -65
  58. package/dist/Card.js +1 -1
  59. package/dist/{Checkbox-B1I1OfZU.js → Checkbox-BSAS8-DM.js} +28 -39
  60. package/dist/Checkbox-BSAS8-DM.js.map +1 -0
  61. package/dist/{Checkbox-CTR7JfWk.js → Checkbox-Ckl8EFpF.js} +2 -2
  62. package/dist/{Checkbox-CTR7JfWk.js.map → Checkbox-Ckl8EFpF.js.map} +1 -1
  63. package/dist/Checkbox.css +237 -271
  64. package/dist/Checkbox.js +1 -1
  65. package/dist/Checkbox.module-TYMeYIxw.js +28 -0
  66. package/dist/Checkbox.module-TYMeYIxw.js.map +1 -0
  67. package/dist/{Chip-lIWu8uXb.js → Chip-Da8c7tKP.js} +31 -23
  68. package/dist/Chip-Da8c7tKP.js.map +1 -0
  69. package/dist/Chip.css +191 -206
  70. package/dist/Chip.js +1 -1
  71. package/dist/{Combobox-Dt3AnO9Z.js → Combobox-CBLaT1lU.js} +59 -72
  72. package/dist/Combobox-CBLaT1lU.js.map +1 -0
  73. package/dist/Combobox.css +158 -176
  74. package/dist/Combobox.js +1 -1
  75. package/dist/{DataTable-bMoIuYBK.js → DataTable-BDXdCF7J.js} +73 -72
  76. package/dist/{DataTable-bMoIuYBK.js.map → DataTable-BDXdCF7J.js.map} +1 -1
  77. package/dist/DataTable.css +593 -780
  78. package/dist/{DateFieldRange-B_D6v-F7.js → DateFieldRange-DPTC3EZz.js} +6 -6
  79. package/dist/{DateFieldRange-B_D6v-F7.js.map → DateFieldRange-DPTC3EZz.js.map} +1 -1
  80. package/dist/DateFieldRange.js +1 -1
  81. package/dist/{DateFieldSingle-D_Ve0E6q.js → DateFieldSingle-w1G-zd9G.js} +6 -6
  82. package/dist/{DateFieldSingle-D_Ve0E6q.js.map → DateFieldSingle-w1G-zd9G.js.map} +1 -1
  83. package/dist/DateFieldSingle.js +1 -1
  84. package/dist/{DateFieldYearless-Bg7OLIsT.js → DateFieldYearless-DHNVc7Sd.js} +7 -7
  85. package/dist/{DateFieldYearless-Bg7OLIsT.js.map → DateFieldYearless-DHNVc7Sd.js.map} +1 -1
  86. package/dist/DateFieldYearless.js +1 -1
  87. package/dist/{DateFieldYearlessRange-C40uUmLK.js → DateFieldYearlessRange-C5ktVUgG.js} +10 -10
  88. package/dist/{DateFieldYearlessRange-C40uUmLK.js.map → DateFieldYearlessRange-C5ktVUgG.js.map} +1 -1
  89. package/dist/DateFieldYearlessRange.css +11 -19
  90. package/dist/DateFieldYearlessRange.js +1 -1
  91. package/dist/{DaysOfTheWeek-2a8Ukq59.js → DaysOfTheWeek-BubWkBZ0.js} +10 -10
  92. package/dist/{DaysOfTheWeek-2a8Ukq59.js.map → DaysOfTheWeek-BubWkBZ0.js.map} +1 -1
  93. package/dist/DaysOfTheWeek.css +19 -27
  94. package/dist/DaysOfTheWeek.js +1 -1
  95. package/dist/{Details-CZOIpNP_.js → Details-DYRJcLWL.js} +10 -10
  96. package/dist/{Details-CZOIpNP_.js.map → Details-DYRJcLWL.js.map} +1 -1
  97. package/dist/Details.css +134 -138
  98. package/dist/Details.js +1 -1
  99. package/dist/{Dialog-zxpNOCDS.js → Dialog-ByTyuybu.js} +29 -28
  100. package/dist/Dialog-ByTyuybu.js.map +1 -0
  101. package/dist/Dialog.css +108 -143
  102. package/dist/Dialog.js +1 -1
  103. package/dist/{DialogCancelButton-Czz4Wpse.js → DialogCancelButton-CbtQcf2J.js} +2 -2
  104. package/dist/{DialogCancelButton-Czz4Wpse.js.map → DialogCancelButton-CbtQcf2J.js.map} +1 -1
  105. package/dist/{Divider-B1UoK8ho.js → Divider-Ds3WKsKa.js} +19 -19
  106. package/dist/{Divider-B1UoK8ho.js.map → Divider-Ds3WKsKa.js.map} +1 -1
  107. package/dist/Divider.css +93 -169
  108. package/dist/Divider.js +1 -1
  109. package/dist/Dnd.js +1 -1
  110. package/dist/DndSort.css +18 -34
  111. package/dist/DndSort.js +10 -10
  112. package/dist/{Drawer-DkCcE434.js → Drawer-CwyfBcwt.js} +27 -28
  113. package/dist/{Drawer-DkCcE434.js.map → Drawer-CwyfBcwt.js.map} +1 -1
  114. package/dist/Drawer.css +109 -144
  115. package/dist/Drawer.js +1 -1
  116. package/dist/DrillDown.css +117 -131
  117. package/dist/DrillDown.js +1 -1
  118. package/dist/DrillDown.module-D1Bf9_yP.js +27 -0
  119. package/dist/{DrillDown.module-C8VOhzaF.js.map → DrillDown.module-D1Bf9_yP.js.map} +1 -1
  120. package/dist/{EditCard-BKHmnbKP.js → EditCard-DqLSnkih.js} +21 -20
  121. package/dist/{EditCard-BKHmnbKP.js.map → EditCard-DqLSnkih.js.map} +1 -1
  122. package/dist/EditCard.css +71 -65
  123. package/dist/EditCard.js +1 -1
  124. package/dist/{FieldLabel-M5v4-PAV.js → FieldLabel-DZWu5dMp.js} +17 -17
  125. package/dist/{FieldLabel-M5v4-PAV.js.map → FieldLabel-DZWu5dMp.js.map} +1 -1
  126. package/dist/FieldLabel.css +66 -102
  127. package/dist/FieldLabel.js +1 -1
  128. package/dist/FieldMessage-DzxfodaI.js +81 -0
  129. package/dist/FieldMessage-DzxfodaI.js.map +1 -0
  130. package/dist/FieldMessage.css +20 -29
  131. package/dist/FieldMessage.js +1 -1
  132. package/dist/{Toolbar-Dsaufi65.js → FilterBar-BU8StPPd.js} +129 -941
  133. package/dist/FilterBar-BU8StPPd.js.map +1 -0
  134. package/dist/FilterBar.css +59 -0
  135. package/dist/FilterBar.d.ts +6 -0
  136. package/dist/FilterBar.js +2 -0
  137. package/dist/FilterBar.js.map +1 -0
  138. package/dist/{Flex-WyyZm1bf.js → Flex-DOUtHiPi.js} +4 -4
  139. package/dist/{Flex-WyyZm1bf.js.map → Flex-DOUtHiPi.js.map} +1 -1
  140. package/dist/Flex.css +25 -28
  141. package/dist/Flex.js +1 -1
  142. package/dist/{Grid-DeYIx5k4.js → Grid-B1VVssDD.js} +5 -5
  143. package/dist/{Grid-DeYIx5k4.js.map → Grid-B1VVssDD.js.map} +1 -1
  144. package/dist/Grid.css +37 -54
  145. package/dist/Grid.js +1 -1
  146. package/dist/{Helper-B_FIOlhy.js → Helper-DtDeaYTn.js} +8 -10
  147. package/dist/Helper-DtDeaYTn.js.map +1 -0
  148. package/dist/Helper.css +4 -16
  149. package/dist/{Icon-DuIlne4x.js → Icon-BMMbp40n.js} +7 -7
  150. package/dist/{Icon-DuIlne4x.js.map → Icon-BMMbp40n.js.map} +1 -1
  151. package/dist/Icon.css +42 -48
  152. package/dist/Icon.js +1 -1
  153. package/dist/{InputMask-PVCfJodz.js → InputMask-EwEJlW-t.js} +3 -3
  154. package/dist/{InputMask-PVCfJodz.js.map → InputMask-EwEJlW-t.js.map} +1 -1
  155. package/dist/InputMask.js +1 -1
  156. package/dist/{InteractiveCard-GTYbR6Xy.js → InteractiveCard-CnW0m_F-.js} +7 -7
  157. package/dist/{InteractiveCard-GTYbR6Xy.js.map → InteractiveCard-CnW0m_F-.js.map} +1 -1
  158. package/dist/InteractiveCard.css +56 -57
  159. package/dist/InteractiveCard.js +1 -1
  160. package/dist/{Layout-CISAxILX.js → Layout-C2Q2hyLG.js} +80 -80
  161. package/dist/{Layout-CISAxILX.js.map → Layout-C2Q2hyLG.js.map} +1 -1
  162. package/dist/Layout.css +260 -324
  163. package/dist/Layout.js +1 -1
  164. package/dist/{Link-jTvzyXca.js → Link-BUgivkGS.js} +8 -8
  165. package/dist/{Link-jTvzyXca.js.map → Link-BUgivkGS.js.map} +1 -1
  166. package/dist/Link.css +48 -65
  167. package/dist/Link.js +1 -1
  168. package/dist/Link.module-DJc0cOlg.js +12 -0
  169. package/dist/Link.module-DJc0cOlg.js.map +1 -0
  170. package/dist/{LinkButton-DGyHR1E7.js → LinkButton-CuHSdGdj.js} +7 -16
  171. package/dist/LinkButton-CuHSdGdj.js.map +1 -0
  172. package/dist/LinkButton.js +1 -1
  173. package/dist/{List--KhCpjZn.js → List-BXyHWQ9e.js} +8 -8
  174. package/dist/{List--KhCpjZn.js.map → List-BXyHWQ9e.js.map} +1 -1
  175. package/dist/List.css +39 -58
  176. package/dist/List.js +1 -1
  177. package/dist/{ListView-DT32FdKH.js → ListView-DBO9Bl1H.js} +4 -4
  178. package/dist/{ListView-DT32FdKH.js.map → ListView-DBO9Bl1H.js.map} +1 -1
  179. package/dist/ListView.css +108 -120
  180. package/dist/ListView.js +1 -1
  181. package/dist/ListView.module-CRk9NfLG.js +9 -0
  182. package/dist/ListView.module-CRk9NfLG.js.map +1 -0
  183. package/dist/{Listbox-BR0HTJaM.js → Listbox-C0tjQFDF.js} +7 -7
  184. package/dist/{Listbox-BR0HTJaM.js.map → Listbox-C0tjQFDF.js.map} +1 -1
  185. package/dist/Listbox.css +102 -143
  186. package/dist/Listbox.js +1 -1
  187. package/dist/Listbox.module-CfpLm9pS.js +18 -0
  188. package/dist/Listbox.module-CfpLm9pS.js.map +1 -0
  189. package/dist/{LocalizationProvider-DWCyga_d.js → LocalizationProvider-CO8fQGqs.js} +2 -2
  190. package/dist/{LocalizationProvider-DWCyga_d.js.map → LocalizationProvider-CO8fQGqs.js.map} +1 -1
  191. package/dist/LocalizationProvider.js +1 -1
  192. package/dist/{Menu-CCavGohP.js → Menu-wpTyUDac.js} +10 -10
  193. package/dist/{Menu-CCavGohP.js.map → Menu-wpTyUDac.js.map} +1 -1
  194. package/dist/Menu.css +135 -137
  195. package/dist/Menu.js +1 -1
  196. package/dist/MultiSelectField.js +1 -1
  197. package/dist/{MultiSelectFieldSync-fV2O5J0N.js → MultiSelectFieldSync-ueey5UBM.js} +34 -33
  198. package/dist/MultiSelectFieldSync-ueey5UBM.js.map +1 -0
  199. package/dist/MultiSelectFieldSync.css +263 -257
  200. package/dist/MultiSelectMenu.js +1 -1
  201. package/dist/{MultiSelectMenuSync-BViWKlX1.js → MultiSelectMenuSync-D7hqugcQ.js} +4 -4
  202. package/dist/{MultiSelectMenuSync-BViWKlX1.js.map → MultiSelectMenuSync-D7hqugcQ.js.map} +1 -1
  203. package/dist/{NumberField-BxWTjbmF.js → NumberField-DJbdyatF.js} +15 -12
  204. package/dist/{NumberField-BxWTjbmF.js.map → NumberField-DJbdyatF.js.map} +1 -1
  205. package/dist/NumberField.css +34 -49
  206. package/dist/NumberField.js +1 -1
  207. package/dist/Overflow.css +143 -164
  208. package/dist/Overflow.js +44 -42
  209. package/dist/Overflow.js.map +1 -1
  210. package/dist/{Page-DFjOwTzH.js → Page-DbK-JKyB.js} +66 -66
  211. package/dist/Page-DbK-JKyB.js.map +1 -0
  212. package/dist/Page.css +384 -404
  213. package/dist/Page.js +1 -1
  214. package/dist/{Pagination-B9pdkp_V.js → Pagination-Bg5Nsdik.js} +29 -34
  215. package/dist/{Pagination-B9pdkp_V.js.map → Pagination-Bg5Nsdik.js.map} +1 -1
  216. package/dist/Pagination.css +63 -117
  217. package/dist/Pagination.js +1 -1
  218. package/dist/{Popover-CfG1IJP6.js → Popover-CyB7yzSf.js} +8 -8
  219. package/dist/{Popover-CfG1IJP6.js.map → Popover-CyB7yzSf.js.map} +1 -1
  220. package/dist/Popover.css +84 -97
  221. package/dist/Popover.js +1 -1
  222. package/dist/{ProgressBar-CFKKuXeN.js → ProgressBar-DSrjgLTx.js} +15 -15
  223. package/dist/{ProgressBar-CFKKuXeN.js.map → ProgressBar-DSrjgLTx.js.map} +1 -1
  224. package/dist/ProgressBar.css +59 -81
  225. package/dist/ProgressBar.js +1 -1
  226. package/dist/{Radio-CeVjHOXe.js → Radio-CQaXJ72d.js} +2 -2
  227. package/dist/{Radio-CeVjHOXe.js.map → Radio-CQaXJ72d.js.map} +1 -1
  228. package/dist/{Radio-Dda5sh2r.js → Radio-DO4UhbBE.js} +45 -48
  229. package/dist/Radio-DO4UhbBE.js.map +1 -0
  230. package/dist/Radio.css +233 -229
  231. package/dist/Radio.js +1 -1
  232. package/dist/{SearchField-im7AHGYo.js → SearchField-BKJOW-vI.js} +11 -20
  233. package/dist/SearchField-BKJOW-vI.js.map +1 -0
  234. package/dist/SearchField-BplvDpBG.js +13 -0
  235. package/dist/SearchField-BplvDpBG.js.map +1 -0
  236. package/dist/SearchField.css +22 -39
  237. package/dist/SearchField.js +1 -1
  238. package/dist/{SegmentedControl-B9NWUF7s.js → SegmentedControl-Chhqyyra.js} +15 -16
  239. package/dist/SegmentedControl-Chhqyyra.js.map +1 -0
  240. package/dist/SegmentedControl.css +103 -122
  241. package/dist/SegmentedControl.js +1 -1
  242. package/dist/SelectCard-CtXwY8FZ.js +351 -0
  243. package/dist/SelectCard-CtXwY8FZ.js.map +1 -0
  244. package/dist/SelectCard.css +135 -82
  245. package/dist/SelectCard.js +1 -1
  246. package/dist/SelectField.js +1 -1
  247. package/dist/{SelectFieldLabel-ChEvk0uS.js → SelectFieldLabel-DLT5dKbx.js} +3 -3
  248. package/dist/{SelectFieldLabel-ChEvk0uS.js.map → SelectFieldLabel-DLT5dKbx.js.map} +1 -1
  249. package/dist/{SelectFieldSync-CDIRIYv2.js → SelectFieldSync-W_-jTf7z.js} +9 -8
  250. package/dist/SelectFieldSync-W_-jTf7z.js.map +1 -0
  251. package/dist/SelectMenu.js +1 -1
  252. package/dist/{SelectMenuSync-DkQrikHz.js → SelectMenuSync-QcjbQtCO.js} +4 -4
  253. package/dist/{SelectMenuSync-DkQrikHz.js.map → SelectMenuSync-QcjbQtCO.js.map} +1 -1
  254. package/dist/{SelectOptions-BN1tCi7P.js → SelectOptions-BsX0f22q.js} +2 -2
  255. package/dist/{SelectOptions-BN1tCi7P.js.map → SelectOptions-BsX0f22q.js.map} +1 -1
  256. package/dist/{SelectTrigger-LZUtpAFW.js → SelectTrigger-BaDvF9JD.js} +5 -5
  257. package/dist/{SelectTrigger-LZUtpAFW.js.map → SelectTrigger-BaDvF9JD.js.map} +1 -1
  258. package/dist/SelectTrigger.js +1 -1
  259. package/dist/{SelectTriggerBase-qeFownmF.js → SelectTriggerBase-kMRqbXwu.js} +8 -7
  260. package/dist/{SelectTriggerBase-qeFownmF.js.map → SelectTriggerBase-kMRqbXwu.js.map} +1 -1
  261. package/dist/SelectTriggerBase.css +231 -305
  262. package/dist/SelectTriggerBase.module-DKF1FQnc.js +37 -0
  263. package/dist/SelectTriggerBase.module-DKF1FQnc.js.map +1 -0
  264. package/dist/{SideNav-CrxYExjh.js → SideNav-CZRVOSbt.js} +19 -14
  265. package/dist/SideNav-CZRVOSbt.js.map +1 -0
  266. package/dist/SideNav.css +126 -294
  267. package/dist/SideNav.js +1 -1
  268. package/dist/Skeleton.css +57 -65
  269. package/dist/Skeleton.js +16 -16
  270. package/dist/Skeleton.js.map +1 -1
  271. package/dist/{Spinner-BqmcE2pb.js → Spinner-lPMo68yW.js} +16 -17
  272. package/dist/Spinner-lPMo68yW.js.map +1 -0
  273. package/dist/Spinner.css +33 -43
  274. package/dist/Spinner.js +1 -1
  275. package/dist/{SrOnly-eUpYGpAT.js → SrOnly-pnf8ajnh.js} +2 -2
  276. package/dist/{SrOnly-eUpYGpAT.js.map → SrOnly-pnf8ajnh.js.map} +1 -1
  277. package/dist/SrOnly.css +12 -14
  278. package/dist/SrOnly.js +1 -1
  279. package/dist/StatusIcon-BwULopyH.js +57 -0
  280. package/dist/StatusIcon-BwULopyH.js.map +1 -0
  281. package/dist/StatusIcon.css +32 -0
  282. package/dist/{Stepper-Dt2xAXth.js → Stepper-CYY64NU1.js} +16 -16
  283. package/dist/{Stepper-Dt2xAXth.js.map → Stepper-CYY64NU1.js.map} +1 -1
  284. package/dist/Stepper.css +180 -239
  285. package/dist/Stepper.js +1 -1
  286. package/dist/{Switch-3u7oAQQV.js → Switch-DeBu4Ucg.js} +17 -13
  287. package/dist/{Switch-3u7oAQQV.js.map → Switch-DeBu4Ucg.js.map} +1 -1
  288. package/dist/Switch.css +109 -125
  289. package/dist/Switch.js +1 -1
  290. package/dist/{Tab-BZpTCG0i.js → Tab-CewPzmuK.js} +20 -34
  291. package/dist/Tab-CewPzmuK.js.map +1 -0
  292. package/dist/Tab.css +232 -194
  293. package/dist/Tab.js +1 -1
  294. package/dist/Table.js +1 -1
  295. package/dist/{Text-DQ78JchQ.js → Text-BH8gglCL.js} +15 -38
  296. package/dist/Text-BH8gglCL.js.map +1 -0
  297. package/dist/Text.css +101 -142
  298. package/dist/Text.js +1 -1
  299. package/dist/Text.module-BXrY87ui.js +23 -0
  300. package/dist/Text.module-BXrY87ui.js.map +1 -0
  301. package/dist/{TextField-DHk1k3cf.js → TextField-CRDTnuUN.js} +7 -7
  302. package/dist/{TextField-DHk1k3cf.js.map → TextField-CRDTnuUN.js.map} +1 -1
  303. package/dist/{TextField-Bu5kAe9_.js → TextField-YlMkDHp-.js} +2 -2
  304. package/dist/{TextField-Bu5kAe9_.js.map → TextField-YlMkDHp-.js.map} +1 -1
  305. package/dist/TextField.css +156 -148
  306. package/dist/TextField.js +1 -1
  307. package/dist/TextField.module-MRVo1X9H.js +23 -0
  308. package/dist/TextField.module-MRVo1X9H.js.map +1 -0
  309. package/dist/{Textarea-CYv02rxW.js → Textarea-CxXmr_Gx.js} +16 -13
  310. package/dist/{Textarea-CYv02rxW.js.map → Textarea-CxXmr_Gx.js.map} +1 -1
  311. package/dist/Textarea.css +71 -81
  312. package/dist/Textarea.js +1 -1
  313. package/dist/{ThemeProvider-CaYW3RuA.js → ThemeProvider-D4KdGCaP.js} +11 -9
  314. package/dist/ThemeProvider-D4KdGCaP.js.map +1 -0
  315. package/dist/ThemeProvider.css +586 -517
  316. package/dist/ThemeProvider.js +1 -1
  317. package/dist/{TimeField-BYtP64Qx.js → TimeField-Cz4tMYb3.js} +7 -7
  318. package/dist/{TimeField-BYtP64Qx.js.map → TimeField-Cz4tMYb3.js.map} +1 -1
  319. package/dist/TimeField.css +5 -8
  320. package/dist/TimeField.js +1 -1
  321. package/dist/{TimezoneMessage-Cnsl4cHT.js → TimezoneMessage-BrKB_psP.js} +2 -2
  322. package/dist/{TimezoneMessage-Cnsl4cHT.js.map → TimezoneMessage-BrKB_psP.js.map} +1 -1
  323. package/dist/TimezoneMessage.css +5 -5
  324. package/dist/Toast.js +2 -2
  325. package/dist/{Toaster-BRjGoIQu.js → Toaster-BV8RjmIN.js} +35 -34
  326. package/dist/Toaster-BV8RjmIN.js.map +1 -0
  327. package/dist/{Toaster-DO83u5o3.js → Toaster-DYGDohJT.js} +2 -2
  328. package/dist/{Toaster-DO83u5o3.js.map → Toaster-DYGDohJT.js.map} +1 -1
  329. package/dist/Toaster.css +210 -242
  330. package/dist/Toolbar-Dzj2KMEy.js +588 -0
  331. package/dist/Toolbar-Dzj2KMEy.js.map +1 -0
  332. package/dist/Toolbar.css +29 -204
  333. package/dist/Toolbar.js +2 -1
  334. package/dist/Toolbar.js.map +1 -1
  335. package/dist/ToolbarButtonToggle--2Ka05N8.js +284 -0
  336. package/dist/ToolbarButtonToggle--2Ka05N8.js.map +1 -0
  337. package/dist/ToolbarButtonToggle.css +41 -0
  338. package/dist/{Tooltip-C1PBRnJv.js → Tooltip-BlStOXN3.js} +8 -8
  339. package/dist/{Tooltip-C1PBRnJv.js.map → Tooltip-BlStOXN3.js.map} +1 -1
  340. package/dist/Tooltip.css +46 -58
  341. package/dist/Tooltip.js +1 -1
  342. package/dist/{YearlessDateInputWithPicker-CChqr1gR.js → YearlessDateInputWithPicker-DyytWt0x.js} +14 -16
  343. package/dist/{YearlessDateInputWithPicker-CChqr1gR.js.map → YearlessDateInputWithPicker-DyytWt0x.js.map} +1 -1
  344. package/dist/YearlessDateInputWithPicker.css +110 -196
  345. package/dist/assets/css-utils/a2-border.css +47 -45
  346. package/dist/assets/css-utils/a2-color.css +443 -227
  347. package/dist/assets/css-utils/a2-font.css +0 -2
  348. package/dist/assets/css-utils/a2-spacing.css +476 -478
  349. package/dist/assets/css-utils/a2-utils.css +992 -772
  350. package/dist/assets/css-utils/border.css +47 -45
  351. package/dist/assets/css-utils/color.css +443 -227
  352. package/dist/assets/css-utils/font.css +0 -2
  353. package/dist/assets/css-utils/spacing.css +476 -478
  354. package/dist/assets/css-utils/utils.css +992 -772
  355. package/dist/assets/icons/st/unsorted.svg +1 -1
  356. package/dist/beta/components/FilterBar/FilterBar.d.ts +87 -0
  357. package/dist/beta/components/{Toolbar/Filters → FilterBar}/FilterToggleButton.d.ts +1 -1
  358. package/dist/beta/components/FilterBar/index.d.ts +3 -0
  359. package/dist/beta/components/{Toolbar/Filters → FilterBar}/internal/FilterGroupContext.d.ts +5 -5
  360. package/dist/beta/components/{Toolbar/Filters → FilterBar}/internal/types.d.ts +2 -2
  361. package/dist/beta/components/{Toolbar/Filters → FilterBar}/internal/utils/test.d.ts +1 -0
  362. package/dist/beta/components/Toolbar/Toolbar.d.ts +0 -54
  363. package/dist/beta/components/Toolbar/index.d.ts +0 -1
  364. package/dist/beta/components/index.d.ts +1 -0
  365. package/dist/beta.js +12 -10
  366. package/dist/beta.js.map +1 -1
  367. package/dist/{indeterminate_check_box-B4zobNlt.js → check_box-0U1tbEAd.js} +2 -4
  368. package/dist/check_box-0U1tbEAd.js.map +1 -0
  369. package/dist/components/DateFieldRange/internal/MaskedDateRangeInput.d.ts +1 -1
  370. package/dist/components/DateFieldRange/internal/useDateFieldRangeConversion.d.ts +1 -1
  371. package/dist/components/DateFieldSingle/internal/MaskedDateInput.d.ts +1 -1
  372. package/dist/components/DateFieldYearless/internal/YearlessDateInput.d.ts +1 -1
  373. package/dist/components/DateFieldYearless/internal/YearlessDateInputWithPicker.d.ts +1 -1
  374. package/dist/components/NumberField/NumberField.d.ts +1 -1
  375. package/dist/components/Page/Page.d.ts +2 -2
  376. package/dist/components/SearchField/internal/SearchField.d.ts +1 -1
  377. package/dist/components/Stepper/Stepper.d.ts +1 -1
  378. package/dist/components/Stepper/StepperStep.d.ts +1 -1
  379. package/dist/components/Tab/Tab.d.ts +1 -1
  380. package/dist/components/Tab/TabButton.d.ts +1 -1
  381. package/dist/indeterminate_check_box-jjLG4UY6.js +6 -0
  382. package/dist/indeterminate_check_box-jjLG4UY6.js.map +1 -0
  383. package/dist/{index-D6ag_WQW.js → index-ByMdotWU.js} +18 -18
  384. package/dist/{index-D6ag_WQW.js.map → index-ByMdotWU.js.map} +1 -1
  385. package/dist/index.css +98 -126
  386. package/dist/index.js +85 -82
  387. package/dist/index.js.map +1 -1
  388. package/dist/index2.css +57 -74
  389. package/dist/internal/components/StatusIcon/StatusIcon.d.ts +5 -5
  390. package/dist/internal/hooks/useSelectOrchestration.d.ts +1 -1
  391. package/dist/primitive-DXlHdTFb.js +1056 -0
  392. package/dist/primitive-DXlHdTFb.js.map +1 -0
  393. package/dist/providers/ThemeProvider/ThemeProvider.d.ts +1 -0
  394. package/dist/{stripInlineMarkdown-V3M_UxQ8.js → stripInlineMarkdown-BWbMy7r_.js} +2 -2
  395. package/dist/{stripInlineMarkdown-V3M_UxQ8.js.map → stripInlineMarkdown-BWbMy7r_.js.map} +1 -1
  396. package/dist/{syncFilterUtils-DtOBvzdr.js → syncFilterUtils-nJS_tCsu.js} +50 -50
  397. package/dist/syncFilterUtils-nJS_tCsu.js.map +1 -0
  398. package/dist/syncFilterUtils.css +189 -217
  399. package/dist/token/core/component-variables.scss +1088 -131
  400. package/dist/token/core/component.d.ts +558 -0
  401. package/dist/token/core/component.js +6685 -249
  402. package/dist/token/core/component.scss +557 -69
  403. package/dist/token/core/css-utils/a2-border.css +47 -45
  404. package/dist/token/core/css-utils/a2-color.css +443 -227
  405. package/dist/token/core/css-utils/a2-font.css +0 -2
  406. package/dist/token/core/css-utils/a2-spacing.css +476 -478
  407. package/dist/token/core/css-utils/a2-utils.css +992 -772
  408. package/dist/token/core/css-utils/border.css +47 -45
  409. package/dist/token/core/css-utils/color.css +443 -227
  410. package/dist/token/core/css-utils/font.css +0 -2
  411. package/dist/token/core/css-utils/spacing.css +476 -478
  412. package/dist/token/core/css-utils/utils.css +992 -772
  413. package/dist/token/core/index.d.ts +6 -0
  414. package/dist/token/core/index.js +1 -1
  415. package/dist/token/core/primitive-variables.scss +148 -65
  416. package/dist/token/core/primitive.d.ts +209 -0
  417. package/dist/token/core/primitive.js +779 -61
  418. package/dist/token/core/primitive.scss +207 -124
  419. package/dist/token/core/semantic-variables.scss +363 -245
  420. package/dist/token/core/semantic.d.ts +221 -0
  421. package/dist/token/core/semantic.js +1592 -347
  422. package/dist/token/core/semantic.scss +219 -140
  423. package/dist/token.js +9075 -828
  424. package/dist/token.js.map +1 -1
  425. package/dist/{useBreakpoint-okJ64T1D.js → useBreakpoint-CeaUyHxh.js} +2 -2
  426. package/dist/{useBreakpoint-okJ64T1D.js.map → useBreakpoint-CeaUyHxh.js.map} +1 -1
  427. package/dist/useBreakpoint.js +1 -1
  428. package/dist/{useDrillDownContext-BssSasVB.js → useDrillDownContext-iUvoTget.js} +2 -2
  429. package/dist/{useDrillDownContext-BssSasVB.js.map → useDrillDownContext-iUvoTget.js.map} +1 -1
  430. package/dist/{useDrilldown-CK9KzXvI.js → useDrilldown-DwzT0Fse.js} +8 -8
  431. package/dist/{useDrilldown-CK9KzXvI.js.map → useDrilldown-DwzT0Fse.js.map} +1 -1
  432. package/dist/{useInitialFocus-BIvXK1Rp.js → useInitialFocus-BUxEDMEG.js} +2 -2
  433. package/dist/{useInitialFocus-BIvXK1Rp.js.map → useInitialFocus-BUxEDMEG.js.map} +1 -1
  434. package/dist/{useLayoutPropsUtil-DMDdfIah.js → useLayoutPropsUtil-CB_zHDbW.js} +3 -3
  435. package/dist/{useLayoutPropsUtil-DMDdfIah.js.map → useLayoutPropsUtil-CB_zHDbW.js.map} +1 -1
  436. package/dist/{usePopoverTransitionStates-B1opfxxn.js → usePopoverTransitionStates-CDXCdyKa.js} +2 -1
  437. package/dist/{usePopoverTransitionStates-B1opfxxn.js.map → usePopoverTransitionStates-CDXCdyKa.js.map} +1 -1
  438. package/dist/{useToggleSelection-BMXohj4f.js → useToggleSelection-CAwGOeXk.js} +2 -2
  439. package/dist/{useToggleSelection-BMXohj4f.js.map → useToggleSelection-CAwGOeXk.js.map} +1 -1
  440. package/package.json +11 -11
  441. package/dist/Alert-DffLPz0l.js.map +0 -1
  442. package/dist/AnvilProvider-DUPYyMc7.js.map +0 -1
  443. package/dist/Avatar-BckUfs1N.js.map +0 -1
  444. package/dist/Button.module-wCtFYGVD.js +0 -26
  445. package/dist/Button.module-wCtFYGVD.js.map +0 -1
  446. package/dist/ButtonCompound-Cmw3cgMY.js.map +0 -1
  447. package/dist/ButtonLink-BJKTJER8.js.map +0 -1
  448. package/dist/ButtonToggle-DaFQ3DBG.js.map +0 -1
  449. package/dist/Calendar-0DG2so95.js.map +0 -1
  450. package/dist/Checkbox-B1I1OfZU.js.map +0 -1
  451. package/dist/Checkbox.module-EkRZO48Y.js +0 -28
  452. package/dist/Checkbox.module-EkRZO48Y.js.map +0 -1
  453. package/dist/Chip-lIWu8uXb.js.map +0 -1
  454. package/dist/Combobox-Dt3AnO9Z.js.map +0 -1
  455. package/dist/Dialog-zxpNOCDS.js.map +0 -1
  456. package/dist/DrillDown.module-C8VOhzaF.js +0 -27
  457. package/dist/FieldMessage-COHqUdj5.js +0 -132
  458. package/dist/FieldMessage-COHqUdj5.js.map +0 -1
  459. package/dist/Helper-B_FIOlhy.js.map +0 -1
  460. package/dist/Link.module-CZt9wvuD.js +0 -12
  461. package/dist/Link.module-CZt9wvuD.js.map +0 -1
  462. package/dist/LinkButton-DGyHR1E7.js.map +0 -1
  463. package/dist/LinkButton.css +0 -5
  464. package/dist/ListView.module-BilDg12y.js +0 -9
  465. package/dist/ListView.module-BilDg12y.js.map +0 -1
  466. package/dist/Listbox.module-HAXMOKvC.js +0 -18
  467. package/dist/Listbox.module-HAXMOKvC.js.map +0 -1
  468. package/dist/MultiSelectFieldSync-fV2O5J0N.js.map +0 -1
  469. package/dist/Page-DFjOwTzH.js.map +0 -1
  470. package/dist/Radio-Dda5sh2r.js.map +0 -1
  471. package/dist/SearchField-im7AHGYo.js.map +0 -1
  472. package/dist/SegmentedControl-B9NWUF7s.js.map +0 -1
  473. package/dist/SelectCard-COJn0wT6.js +0 -352
  474. package/dist/SelectCard-COJn0wT6.js.map +0 -1
  475. package/dist/SelectFieldSync-CDIRIYv2.js.map +0 -1
  476. package/dist/SelectTriggerBase.module-CKoq6qzX.js +0 -38
  477. package/dist/SelectTriggerBase.module-CKoq6qzX.js.map +0 -1
  478. package/dist/SideNav-CrxYExjh.js.map +0 -1
  479. package/dist/Spinner-BqmcE2pb.js.map +0 -1
  480. package/dist/Tab-BZpTCG0i.js.map +0 -1
  481. package/dist/Text-DQ78JchQ.js.map +0 -1
  482. package/dist/TextField.module-BP-hDP5m.js +0 -22
  483. package/dist/TextField.module-BP-hDP5m.js.map +0 -1
  484. package/dist/ThemeProvider-CaYW3RuA.js.map +0 -1
  485. package/dist/Toaster-BRjGoIQu.js.map +0 -1
  486. package/dist/Toolbar-Dsaufi65.js.map +0 -1
  487. package/dist/beta/components/Toolbar/Filters/FilterGroup.d.ts +0 -25
  488. package/dist/indeterminate_check_box-B4zobNlt.js.map +0 -1
  489. package/dist/primitive-C3RFDRA8.js +0 -255
  490. package/dist/primitive-C3RFDRA8.js.map +0 -1
  491. package/dist/syncFilterUtils-DtOBvzdr.js.map +0 -1
  492. package/dist/token/core/raw.js +0 -234
  493. /package/dist/beta/components/{Toolbar/Filters → FilterBar}/FilterButton.d.ts +0 -0
  494. /package/dist/beta/components/{Toolbar/Filters → FilterBar}/FilterDateRange.d.ts +0 -0
  495. /package/dist/beta/components/{Toolbar/Filters → FilterBar}/FilterDateSingle.d.ts +0 -0
  496. /package/dist/beta/components/{Toolbar/Filters → FilterBar}/FilterDrawer.d.ts +0 -0
  497. /package/dist/beta/components/{Toolbar/Filters → FilterBar}/FilterItemWrapper.d.ts +0 -0
  498. /package/dist/beta/components/{Toolbar/Filters → FilterBar}/FilterSelect.d.ts +0 -0
  499. /package/dist/beta/components/{Toolbar/Filters → FilterBar}/internal/utils/filter-state.d.ts +0 -0
package/dist/token/core/component-variables.scss CHANGED
@@ -1,139 +1,1096 @@
1
1
  $light: (
2
- button-primary-foreground-color: #ffffff,
3
- button-primary-foreground-color-hover: #ffffff,
4
- button-primary-foreground-color-active: #ffffff,
5
- button-primary-background-color: #0265DC,
6
- button-primary-background-color-hover: #0655b4ff,
7
- button-primary-background-color-active: #09458cff,
8
- button-primary-border-color: transparent,
9
- button-primary-focus-ring-color: #0265DC,
10
- button-secondary-foreground-color: #141414,
11
- button-secondary-foreground-color-hover: #141414,
12
- button-secondary-foreground-color-active: #141414,
13
- button-secondary-background-color: #0404040f,
14
- button-secondary-background-color-hover: #05050522,
15
- button-secondary-background-color-active: #07070735,
16
- button-secondary-border-color: transparent,
17
- button-secondary-focus-ring-color: #0265DC,
18
- button-ghost-foreground-color: #141414,
19
- button-ghost-foreground-color-hover: #141414,
20
- button-ghost-foreground-color-active: #141414,
21
- button-ghost-background-color: transparent,
22
- button-ghost-background-color-hover: #14141414,
23
- button-ghost-background-color-active: #14141429,
24
- button-ghost-border-color: transparent,
25
- button-ghost-focus-ring-color: #0265DC,
26
- button-danger-primary-foreground-color: #ffffff,
27
- button-danger-primary-foreground-color-hover: #ffffff,
28
- button-danger-primary-foreground-color-active: #ffffff,
29
- button-danger-primary-background-color: #e13212,
30
- button-danger-primary-background-color-hover: #b82c12ff,
31
- button-danger-primary-background-color-active: #8f2613ff,
32
- button-danger-primary-border-color: transparent,
33
- button-danger-primary-focus-ring-color: #e13212,
34
- button-danger-secondary-foreground-color: #bf2a00,
35
- button-danger-secondary-foreground-color-hover: #bf2a00,
36
- button-danger-secondary-foreground-color-active: #bf2a00,
37
- button-danger-secondary-background-color: #ffece9,
38
- button-danger-secondary-background-color-hover: #fcd9d4ff,
39
- button-danger-secondary-background-color-active: #f6b4a9ff,
40
- button-danger-secondary-border-color: transparent,
41
- button-danger-secondary-focus-ring-color: #e13212,
42
- checkbox-unchecked-fill-color-default: #141414,
43
- checkbox-unchecked-fill-color-hover: #141414,
44
- checkbox-unchecked-fill-color-active: #141414,
45
- checkbox-unchecked-background-color-default: transparent,
46
- checkbox-unchecked-background-color-hover: #14141414,
47
- checkbox-unchecked-background-color-active: #14141429,
48
- checkbox-checked-fill-color-default: #0265DC,
49
- checkbox-checked-fill-color-hover: #004ba0d1,
50
- checkbox-checked-fill-color-active: #0151afb8,
51
- checkbox-checked-background-color-default: transparent,
52
- checkbox-checked-background-color-hover: #0265dc14,
53
- checkbox-checked-background-color-active: #0265dc29,
54
- checkbox-unchecked-error-fill-color-default: #e13212,
55
- checkbox-unchecked-error-fill-color-hover: #bf2a00,
56
- checkbox-unchecked-error-fill-color-active: #bf2a00,
57
- checkbox-unchecked-error-background-color-default: transparent,
58
- checkbox-unchecked-error-background-color-hover: #e132120f,
59
- checkbox-unchecked-error-background-color-active: #e132122e,
60
- checkbox-checked-error-fill-color-default: #e13212,
61
- checkbox-checked-error-fill-color-hover: #bf2a00,
62
- checkbox-checked-error-fill-color-active: #bf2a00,
63
- checkbox-checked-error-background-color-default: transparent,
64
- checkbox-checked-error-background-color-hover: #e132120f,
65
- checkbox-checked-error-background-color-active: #e132122e,
2
+ alert-info-foreground-color: var(--a2-color-neutral-950, #040404),
3
+ alert-info-background-color: var(--a2-color-blue-10, #fafcff),
4
+ alert-info-border-color: var(--a2-color-blue-600, #0265dc),
5
+ alert-success-foreground-color: var(--a2-color-neutral-950, #040404),
6
+ alert-success-background-color: var(--a2-color-green-10, #f5fefb),
7
+ alert-success-border-color: var(--a2-color-green-600, #077e50),
8
+ alert-warning-foreground-color: var(--a2-color-neutral-950, #040404),
9
+ alert-warning-background-color: var(--a2-color-yellow-10, #fffef8),
10
+ alert-warning-border-color: var(--a2-color-yellow-700, #c98600),
11
+ alert-danger-foreground-color: var(--a2-color-neutral-950, #040404),
12
+ alert-danger-background-color: var(--a2-color-red-10, #fffbfa),
13
+ alert-danger-border-color: var(--a2-color-red-600, #d62100),
14
+ alert-close-button-foreground-color: var(--a2-color-neutral-950, #040404),
15
+ announcement-info-background-color: var(--a2-color-blue-600, #0265dc),
16
+ announcement-info-foreground-color: var(--a2-color-neutral-0, #ffffff),
17
+ announcement-info-action-button-background-color: #04040426,
18
+ announcement-info-action-button-background-color-hover: #04040440,
19
+ announcement-info-action-button-background-color-active: #0404044D,
20
+ announcement-info-action-button-focus-ring-color: var(--a2-color-neutral-0, #ffffff),
21
+ announcement-success-background-color: var(--a2-color-green-600, #077e50),
22
+ announcement-success-foreground-color: var(--a2-color-neutral-0, #ffffff),
23
+ announcement-success-action-button-background-color: #04040426,
24
+ announcement-success-action-button-background-color-hover: #04040440,
25
+ announcement-success-action-button-background-color-active: #0404044D,
26
+ announcement-success-action-button-focus-ring-color: var(--a2-color-neutral-0, #ffffff),
27
+ announcement-warning-background-color: var(--a2-color-yellow-500, #ffbe00),
28
+ announcement-warning-foreground-color: var(--a2-color-neutral-900, #1a1a1a),
29
+ announcement-warning-action-button-background-color: #04040426,
30
+ announcement-warning-action-button-background-color-hover: #04040440,
31
+ announcement-warning-action-button-background-color-active: #0404044D,
32
+ announcement-warning-action-button-focus-ring-color: var(--a2-color-neutral-900, #1a1a1a),
33
+ announcement-danger-background-color: var(--a2-color-red-600, #d62100),
34
+ announcement-danger-foreground-color: var(--a2-color-neutral-0, #ffffff),
35
+ announcement-danger-action-button-background-color: #04040426,
36
+ announcement-danger-action-button-background-color-hover: #04040440,
37
+ announcement-danger-action-button-background-color-active: #0404044D,
38
+ announcement-danger-action-button-focus-ring-color: var(--a2-color-neutral-0, #ffffff),
39
+ avatar-background-color: var(--a2-color-neutral-50, #eeeeee),
40
+ avatar-foreground-color: var(--a2-color-neutral-950, #040404),
41
+ avatar-border-color: var(--a2-color-neutral-0, #ffffff),
42
+ avatar-indicator-background-color-default: var(--a2-color-neutral-0, #ffffff),
43
+ avatar-indicator-background-color-online: var(--a2-color-green-600, #077e50),
44
+ avatar-indicator-background-color-offline: var(--a2-color-neutral-600, #545454),
45
+ avatar-indicator-border-color: var(--a2-color-neutral-400, #8b8b8b),
46
+ badge-background-color: var(--a2-color-red-600, #d62100),
47
+ badge-foreground-color: var(--a2-color-neutral-0, #ffffff),
48
+ breadcrumb-link-foreground-color: var(--a2-color-neutral-500, #707070),
49
+ breadcrumb-link-foreground-color-hover: var(--a2-color-neutral-950, #040404),
50
+ button-toggle-unpressed-background-color: var(--a2-background-color-transparent-default, "rgba(0, 0, 0, 0)"),
51
+ button-toggle-unpressed-background-color-hover: #8b8b8b14,
52
+ button-toggle-unpressed-background-color-active: #8b8b8b29,
53
+ button-toggle-unpressed-background-color-disabled: var(--a2-color-neutral-20, #f9f9f9),
54
+ button-toggle-unpressed-foreground-color: var(--a2-color-neutral-950, #040404),
55
+ button-toggle-unpressed-foreground-color-hover: var(--a2-color-neutral-950, #040404),
56
+ button-toggle-unpressed-foreground-color-active: var(--a2-color-neutral-950, #040404),
57
+ button-toggle-unpressed-foreground-color-disabled: var(--a2-color-neutral-500, #707070),
58
+ button-toggle-unpressed-border-color: var(--a2-color-neutral-400, #8b8b8b),
59
+ button-toggle-unpressed-border-color-hover: var(--a2-color-neutral-400, #8b8b8b),
60
+ button-toggle-unpressed-border-color-active: var(--a2-color-neutral-400, #8b8b8b),
61
+ button-toggle-unpressed-border-color-disabled: "rgba(0, 0, 0, 0)",
62
+ button-toggle-pressed-background-color: var(--a2-color-blue-50, #e6f1ff),
63
+ button-toggle-pressed-background-color-hover: var(--a2-color-blue-100, #cce3ff),
64
+ button-toggle-pressed-background-color-active: var(--a2-color-blue-200, #9ecaff),
65
+ button-toggle-pressed-background-color-disabled: var(--a2-color-neutral-20, #f9f9f9),
66
+ button-toggle-pressed-foreground-color: var(--a2-color-blue-600, #0265dc),
67
+ button-toggle-pressed-foreground-color-hover: var(--a2-color-blue-700, #1d4ca3),
68
+ button-toggle-pressed-foreground-color-active: var(--a2-color-blue-800, #003472),
69
+ button-toggle-pressed-foreground-color-disabled: var(--a2-color-neutral-500, #707070),
70
+ button-toggle-pressed-border-color: var(--a2-color-blue-600, #0265dc),
71
+ button-toggle-pressed-border-color-hover: var(--a2-color-blue-700, #1d4ca3),
72
+ button-toggle-pressed-border-color-active: var(--a2-color-blue-800, #003472),
73
+ button-toggle-pressed-border-color-disabled: "rgba(0, 0, 0, 0)",
74
+ button-primary-foreground-color: var(--a2-color-neutral-0, #ffffff),
75
+ button-primary-foreground-color-hover: var(--a2-color-neutral-0, #ffffff),
76
+ button-primary-foreground-color-active: var(--a2-color-neutral-0, #ffffff),
77
+ button-primary-foreground-color-disabled: var(--a2-color-neutral-500, #707070),
78
+ button-primary-background-color: var(--a2-color-blue-600, #0265dc),
79
+ button-primary-background-color-hover: var(--a2-color-blue-700, #1d4ca3),
80
+ button-primary-background-color-active: var(--a2-color-blue-800, #003472),
81
+ button-primary-background-color-disabled: var(--a2-color-neutral-20, #f9f9f9),
82
+ button-primary-border-color: "rgba(0, 0, 0, 0)",
83
+ button-primary-focus-ring-color: var(--a2-color-blue-600, #0265dc),
84
+ button-secondary-foreground-color: var(--a2-color-neutral-950, #040404),
85
+ button-secondary-foreground-color-hover: var(--a2-color-neutral-950, #040404),
86
+ button-secondary-foreground-color-active: var(--a2-color-neutral-950, #040404),
87
+ button-secondary-foreground-color-disabled: var(--a2-color-neutral-500, #707070),
88
+ button-secondary-background-color: #0404040F,
89
+ button-secondary-background-color-hover: #04040414,
90
+ button-secondary-background-color-active: #04040429,
91
+ button-secondary-background-color-disabled: var(--a2-color-neutral-20, #f9f9f9),
92
+ button-secondary-border-color: "rgba(0, 0, 0, 0)",
93
+ button-secondary-focus-ring-color: var(--a2-color-blue-600, #0265dc),
94
+ button-ghost-foreground-color: var(--a2-color-neutral-950, #040404),
95
+ button-ghost-foreground-color-hover: var(--a2-color-neutral-950, #040404),
96
+ button-ghost-foreground-color-active: var(--a2-color-neutral-950, #040404),
97
+ button-ghost-foreground-color-disabled: var(--a2-color-neutral-500, #707070),
98
+ button-ghost-background-color: "rgba(0, 0, 0, 0)",
99
+ button-ghost-background-color-hover: #8b8b8b14,
100
+ button-ghost-background-color-active: #8b8b8b29,
101
+ button-ghost-background-color-disabled: var(--a2-color-neutral-20, #f9f9f9),
102
+ button-ghost-border-color: "rgba(0, 0, 0, 0)",
103
+ button-ghost-focus-ring-color: var(--a2-color-blue-600, #0265dc),
104
+ button-danger-primary-foreground-color: var(--a2-color-neutral-0, #ffffff),
105
+ button-danger-primary-foreground-color-hover: var(--a2-color-neutral-0, #ffffff),
106
+ button-danger-primary-foreground-color-active: var(--a2-color-neutral-0, #ffffff),
107
+ button-danger-primary-foreground-color-disabled: var(--a2-color-neutral-500, #707070),
108
+ button-danger-primary-background-color: var(--a2-color-red-600, #d62100),
109
+ button-danger-primary-background-color-hover: var(--a2-color-red-700, #a31900),
110
+ button-danger-primary-background-color-active: var(--a2-color-red-800, #731100),
111
+ button-danger-primary-background-color-disabled: var(--a2-color-neutral-20, #f9f9f9),
112
+ button-danger-primary-border-color: "rgba(0, 0, 0, 0)",
113
+ button-danger-primary-focus-ring-color: var(--a2-color-red-600, #d62100),
114
+ button-danger-secondary-foreground-color: var(--a2-color-red-700, #a31900),
115
+ button-danger-secondary-foreground-color-hover: var(--a2-color-red-800, #731100),
116
+ button-danger-secondary-foreground-color-active: var(--a2-color-red-900, #470b00),
117
+ button-danger-secondary-foreground-color-disabled: var(--a2-color-neutral-500, #707070),
118
+ button-danger-secondary-background-color: var(--a2-color-red-50, #ffe9e5),
119
+ button-danger-secondary-background-color-hover: var(--a2-color-red-100, #ffd4cc),
120
+ button-danger-secondary-background-color-active: var(--a2-color-red-200, #ffac9e),
121
+ button-danger-secondary-background-color-disabled: var(--a2-color-neutral-20, #f9f9f9),
122
+ button-danger-secondary-border-color: "rgba(0, 0, 0, 0)",
123
+ button-danger-secondary-focus-ring-color: var(--a2-color-red-600, #d62100),
124
+ calendar-cell-default-background-color: "rgba(0, 0, 0, 0)",
125
+ calendar-cell-default-background-color-hover: #8b8b8b14,
126
+ calendar-cell-default-background-color-active: #8b8b8b29,
127
+ calendar-cell-default-foreground-color: var(--a2-color-neutral-950, #040404),
128
+ calendar-cell-default-foreground-color-hover: var(--a2-color-neutral-950, #040404),
129
+ calendar-cell-default-foreground-color-active: var(--a2-color-neutral-950, #040404),
130
+ calendar-cell-selected-background-color: var(--a2-color-blue-600, #0265dc),
131
+ calendar-cell-selected-background-color-hover: var(--a2-color-blue-700, #1d4ca3),
132
+ calendar-cell-selected-background-color-active: var(--a2-color-blue-800, #003472),
133
+ calendar-cell-selected-foreground-color: var(--a2-color-neutral-0, #ffffff),
134
+ calendar-cell-selected-foreground-color-hover: var(--a2-color-neutral-0, #ffffff),
135
+ calendar-cell-selected-foreground-color-active: var(--a2-color-neutral-0, #ffffff),
136
+ calendar-cell-weekday-foreground-color: var(--a2-color-neutral-500, #707070),
137
+ calendar-cell-range-background-color: var(--a2-background-color-transparent-primary, "rgba(0, 0, 0, 0)"),
138
+ calendar-cell-range-background-color-hover: #1a82ff1A,
139
+ calendar-cell-range-background-color-active: #1a82ff4D,
140
+ calendar-cell-range-foreground-color: var(--a2-color-blue-600, #0265dc),
141
+ calendar-cell-range-foreground-color-hover: var(--a2-color-blue-700, #1d4ca3),
142
+ calendar-cell-range-foreground-color-active: var(--a2-color-blue-800, #003472),
143
+ calendar-cell-focus-ring-color: var(--a2-color-blue-600, #0265dc),
144
+ calendar-range-fill-background-color: var(--a2-color-blue-50, #e6f1ff),
145
+ card-border-color: var(--a2-color-neutral-80, #e6e6e6),
146
+ card-default-background-color: var(--a2-color-neutral-0, #ffffff),
147
+ card-strong-background-color: var(--a2-color-neutral-20, #f9f9f9),
148
+ card-stronger-background-color: var(--a2-color-neutral-50, #eeeeee),
149
+ card-strongest-background-color: var(--a2-color-neutral-200, #c4c4c4),
150
+ checkbox-default-checked-foreground-color: var(--a2-color-neutral-950, #040404),
151
+ checkbox-default-checked-icon-background-color: var(--a2-background-color-transparent-primary, "rgba(0, 0, 0, 0)"),
152
+ checkbox-default-checked-icon-background-color-hover: #1a82ff1A,
153
+ checkbox-default-checked-icon-background-color-active: #1a82ff4D,
154
+ checkbox-default-checked-icon-color: var(--a2-color-blue-600, #0265dc),
155
+ checkbox-default-checked-icon-color-hover: var(--a2-color-blue-700, #1d4ca3),
156
+ checkbox-default-checked-icon-color-active: var(--a2-color-blue-800, #003472),
157
+ checkbox-default-checked-icon-color-disabled: var(--a2-color-neutral-500, #707070),
158
+ checkbox-default-unchecked-foreground-color: var(--a2-color-neutral-950, #040404),
159
+ checkbox-default-unchecked-icon-background-color: var(--a2-background-color-transparent-default, "rgba(0, 0, 0, 0)"),
160
+ checkbox-default-unchecked-icon-background-color-hover: #8b8b8b14,
161
+ checkbox-default-unchecked-icon-background-color-active: #8b8b8b29,
162
+ checkbox-default-unchecked-icon-color: var(--a2-color-neutral-950, #040404),
163
+ checkbox-default-unchecked-icon-color-hover: var(--a2-color-neutral-950, #040404),
164
+ checkbox-default-unchecked-icon-color-active: var(--a2-color-neutral-950, #040404),
165
+ checkbox-default-unchecked-icon-color-disabled: var(--a2-color-neutral-500, #707070),
166
+ checkbox-default-focus-ring-color: var(--a2-color-blue-600, #0265dc),
167
+ checkbox-error-checked-foreground-color: var(--a2-color-neutral-950, #040404),
168
+ checkbox-error-checked-icon-background-color: var(--a2-background-color-transparent-danger, "rgba(0, 0, 0, 0)"),
169
+ checkbox-error-checked-icon-background-color-hover: #ff39141A,
170
+ checkbox-error-checked-icon-background-color-active: #ff39144D,
171
+ checkbox-error-checked-icon-color: var(--a2-color-red-600, #d62100),
172
+ checkbox-error-checked-icon-color-hover: var(--a2-color-red-700, #a31900),
173
+ checkbox-error-checked-icon-color-active: var(--a2-color-red-800, #731100),
174
+ checkbox-error-checked-icon-color-disabled: var(--a2-color-neutral-500, #707070),
175
+ checkbox-error-unchecked-foreground-color: var(--a2-color-neutral-950, #040404),
176
+ checkbox-error-unchecked-icon-background-color: var(--a2-background-color-transparent-danger, "rgba(0, 0, 0, 0)"),
177
+ checkbox-error-unchecked-icon-background-color-hover: #ff39141A,
178
+ checkbox-error-unchecked-icon-background-color-active: #ff39144D,
179
+ checkbox-error-unchecked-icon-color: var(--a2-color-red-600, #d62100),
180
+ checkbox-error-unchecked-icon-color-hover: var(--a2-color-red-700, #a31900),
181
+ checkbox-error-unchecked-icon-color-active: var(--a2-color-red-800, #731100),
182
+ checkbox-error-unchecked-icon-color-disabled: var(--a2-color-neutral-500, #707070),
183
+ checkbox-error-focus-ring-color: var(--a2-color-red-600, #d62100),
184
+ chip-background-color: var(--a2-color-neutral-50, #eeeeee),
185
+ chip-background-color-hover: var(--a2-color-neutral-90, #e5e5e5),
186
+ chip-background-color-active: var(--a2-color-neutral-100, #dfdfdf),
187
+ chip-border-color: var(--a2-color-neutral-80, #e6e6e6),
188
+ chip-foreground-color: var(--a2-color-neutral-950, #040404),
189
+ chip-focus-ring-color: var(--a2-color-blue-600, #0265dc),
190
+ chip-close-background-color: "rgba(0, 0, 0, 0)",
191
+ chip-close-background-color-hover: var(--a2-color-neutral-300, #a8a8a8),
192
+ chip-close-background-color-active: var(--a2-color-neutral-400, #8b8b8b),
193
+ combobox-item-default-background-color: var(--a2-background-color-transparent-default, "rgba(0, 0, 0, 0)"),
194
+ combobox-item-default-background-color-hover: #8b8b8b14,
195
+ combobox-item-default-background-color-active: #8b8b8b29,
196
+ combobox-item-default-foreground-color: var(--a2-color-neutral-950, #040404),
197
+ combobox-item-default-foreground-color-hover: var(--a2-color-neutral-950, #040404),
198
+ combobox-item-default-foreground-color-active: var(--a2-color-neutral-950, #040404),
199
+ combobox-item-selected-background-color: var(--a2-color-blue-50, #e6f1ff),
200
+ combobox-item-selected-background-color-hover: var(--a2-color-blue-100, #cce3ff),
201
+ combobox-item-selected-background-color-active: var(--a2-color-blue-200, #9ecaff),
202
+ combobox-item-selected-foreground-color: var(--a2-color-blue-600, #0265dc),
203
+ combobox-item-selected-foreground-color-hover: var(--a2-color-blue-700, #1d4ca3),
204
+ combobox-item-selected-foreground-color-active: var(--a2-color-blue-800, #003472),
205
+ combobox-item-disabled-foreground-color: var(--a2-color-neutral-500, #707070),
206
+ combobox-item-disabled-icon-color: var(--a2-color-neutral-500, #707070),
207
+ details-summary-foreground-color: var(--a2-color-neutral-950, #040404),
208
+ details-summary-foreground-color-hover: var(--a2-color-neutral-950, #040404),
209
+ details-summary-foreground-color-active: var(--a2-color-neutral-950, #040404),
210
+ details-summary-background-color: var(--a2-background-color-transparent-default, "rgba(0, 0, 0, 0)"),
211
+ details-summary-background-color-hover: #8b8b8b14,
212
+ details-summary-background-color-active: #8b8b8b29,
213
+ details-summary-focus-ring-color: var(--a2-color-blue-600, #0265dc),
214
+ details-content-foreground-color: var(--a2-color-neutral-950, #040404),
215
+ dialog-background-color: var(--a2-color-neutral-0, #ffffff),
216
+ dialog-border-color: var(--a2-color-neutral-80, #e6e6e6),
217
+ dialog-backdrop-color: var(--a2-color-neutral-900, #1a1a1a),
218
+ dialog-backdrop-fullscreen-color: var(--a2-color-neutral-0, #ffffff),
219
+ divider-border-color: var(--a2-color-neutral-80, #e6e6e6),
220
+ dnd-drop-line-background-color: var(--a2-color-green-600, #077e50),
221
+ dnd-drop-line-indicator-background-color: var(--a2-color-neutral-0, #ffffff),
222
+ dnd-drop-line-indicator-border-color: var(--a2-color-green-600, #077e50),
223
+ dnd-drop-zone-active-not-over-background-color: var(--a2-color-blue-50, #e6f1ff),
224
+ dnd-drop-zone-active-not-over-border-color: var(--a2-color-blue-600, #0265dc),
225
+ dnd-drop-zone-over-valid-background-color: var(--a2-color-green-50, #d3fded),
226
+ dnd-drop-zone-over-valid-border-color: var(--a2-color-green-600, #077e50),
227
+ dnd-drop-zone-over-invalid-background-color: var(--a2-color-red-50, #ffe9e5),
228
+ dnd-drop-zone-over-invalid-border-color: var(--a2-color-red-600, #d62100),
229
+ dnd-drag-preview-shadow-color: #1a1a1a14,
230
+ drawer-background-color: var(--a2-color-neutral-0, #ffffff),
231
+ drawer-border-color: var(--a2-color-neutral-80, #e6e6e6),
232
+ drawer-backdrop-color: var(--a2-color-neutral-900, #1a1a1a),
233
+ drilldown-background-color: var(--a2-color-neutral-0, #ffffff),
234
+ drilldown-border-color: var(--a2-color-neutral-80, #e6e6e6),
235
+ drilldown-backdrop-color: var(--a2-color-neutral-500, #707070),
236
+ edit-card-default-border-inline-start-color: var(--a2-color-neutral-80, #e6e6e6),
237
+ edit-card-default-indicator-background-color: var(--a2-color-neutral-0, #ffffff),
238
+ edit-card-default-indicator-border-color: var(--a2-color-neutral-200, #c4c4c4),
239
+ edit-card-default-indicator-icon-color: "rgba(0, 0, 0, 0)",
240
+ edit-card-in-progress-border-inline-start-color: var(--a2-color-blue-600, #0265dc),
241
+ edit-card-in-progress-indicator-border-color: var(--a2-color-blue-600, #0265dc),
242
+ edit-card-in-progress-indicator-icon-color: var(--a2-color-blue-600, #0265dc),
243
+ edit-card-complete-border-inline-start-color: var(--a2-color-blue-600, #0265dc),
244
+ edit-card-complete-indicator-background-color: var(--a2-color-blue-600, #0265dc),
245
+ edit-card-complete-indicator-border-color: var(--a2-color-blue-600, #0265dc),
246
+ edit-card-complete-indicator-icon-color: var(--a2-color-neutral-0, #ffffff),
247
+ edit-card-error-border-inline-start-color: var(--a2-color-red-600, #d62100),
248
+ edit-card-error-indicator-background-color: var(--a2-color-red-600, #d62100),
249
+ edit-card-error-indicator-border-color: var(--a2-color-red-600, #d62100),
250
+ edit-card-error-indicator-icon-color: var(--a2-color-neutral-0, #ffffff),
251
+ field-label-foreground-color: var(--a2-color-neutral-950, #040404),
252
+ field-label-required-color: var(--a2-color-red-600, #d62100),
253
+ field-message-foreground-color: var(--a2-color-neutral-500, #707070),
254
+ field-message-error-foreground-color: var(--a2-color-red-600, #d62100),
255
+ field-message-warning-foreground-color: var(--a2-color-neutral-500, #707070),
256
+ icon-foreground-color: var(--a2-color-neutral-950, #040404),
257
+ icon-focus-ring-color: var(--a2-color-blue-600, #0265dc),
258
+ link-primary-foreground-color: var(--a2-color-blue-600, #0265dc),
259
+ link-primary-foreground-color-hover: var(--a2-color-blue-700, #1d4ca3),
260
+ link-secondary-foreground-color: var(--a2-color-neutral-950, #040404),
261
+ link-secondary-foreground-color-hover: #040404CC,
262
+ link-focus-ring-color: var(--a2-color-blue-600, #0265dc),
263
+ list-view-foreground-color: var(--a2-color-neutral-950, #040404),
264
+ list-view-background-color: var(--a2-background-color-transparent-default, "rgba(0, 0, 0, 0)"),
265
+ list-view-background-color-hover: #8b8b8b14,
266
+ list-view-group-label-foreground-color: var(--a2-color-neutral-500, #707070),
267
+ listbox-option-default-foreground-color: var(--a2-color-neutral-950, #040404),
268
+ listbox-option-default-foreground-color-hover: var(--a2-color-neutral-950, #040404),
269
+ listbox-option-default-foreground-color-active: var(--a2-color-neutral-950, #040404),
270
+ listbox-option-default-background-color: "rgba(0, 0, 0, 0)",
271
+ listbox-option-default-background-color-hover: #8b8b8b14,
272
+ listbox-option-default-background-color-active: #8b8b8b29,
273
+ listbox-option-default-focus-ring-color: var(--a2-color-blue-600, #0265dc),
274
+ listbox-option-selected-foreground-color: var(--a2-color-blue-600, #0265dc),
275
+ listbox-option-selected-foreground-color-hover: var(--a2-color-blue-700, #1d4ca3),
276
+ listbox-option-selected-foreground-color-active: var(--a2-color-blue-800, #003472),
277
+ listbox-option-selected-background-color: var(--a2-color-blue-50, #e6f1ff),
278
+ listbox-option-selected-background-color-hover: var(--a2-color-blue-100, #cce3ff),
279
+ listbox-option-selected-background-color-active: var(--a2-color-blue-200, #9ecaff),
280
+ listbox-group-label-foreground-color: var(--a2-color-neutral-500, #707070),
281
+ listbox-group-border-color: var(--a2-color-neutral-80, #e6e6e6),
282
+ menu-content-foreground-color: var(--a2-color-neutral-950, #040404),
283
+ menu-content-background-color: var(--a2-color-neutral-20, #f9f9f9),
284
+ menu-content-border-color: var(--a2-color-neutral-80, #e6e6e6),
285
+ menu-content-shadow-color: #1a1a1a14,
286
+ menu-item-foreground-color: var(--a2-color-neutral-950, #040404),
287
+ menu-item-foreground-color-hover: var(--a2-color-neutral-950, #040404),
288
+ menu-item-foreground-color-active: var(--a2-color-neutral-950, #040404),
289
+ menu-item-background-color: "rgba(0, 0, 0, 0)",
290
+ menu-item-background-color-hover: #8b8b8b14,
291
+ menu-item-background-color-active: #8b8b8b29,
292
+ menu-arrow-foreground-color: var(--a2-color-neutral-950, #040404),
293
+ menu-arrow-background-color: var(--a2-color-neutral-20, #f9f9f9),
294
+ overflow-content-focus-ring-color: var(--a2-color-blue-600, #0265dc),
295
+ overflow-shadow-color: #1a1a1a14,
296
+ overflow-expand-button-foreground-color: var(--a2-color-blue-600, #0265dc),
297
+ overflow-expand-button-focus-ring-color: var(--a2-color-blue-600, #0265dc),
298
+ page-container-foreground-color: var(--a2-color-neutral-950, #040404),
299
+ page-container-background-color: var(--a2-color-neutral-0, #ffffff),
300
+ page-content-footer-background-color: var(--a2-color-neutral-0, #ffffff),
301
+ page-content-footer-border-color: var(--a2-color-neutral-80, #e6e6e6),
302
+ page-content-footer-shadow-color: #1a1a1a14,
303
+ page-sidebar-background-color: var(--a2-color-neutral-0, #ffffff),
304
+ page-sidebar-border-color: var(--a2-color-neutral-80, #e6e6e6),
305
+ page-sidebar-shadow-color: #1a1a1a14,
306
+ page-sidebar-header-background-color: var(--a2-color-neutral-0, #ffffff),
307
+ page-sidebar-adaptive-trigger-container-background-color: var(--a2-color-neutral-0, #ffffff),
308
+ page-sidebar-adaptive-trigger-container-shadow-color: #1a1a1a14,
309
+ page-sidebar-adaptive-trigger-foreground-color: var(--a2-color-neutral-950, #040404),
310
+ page-sidebar-adaptive-trigger-background-color: var(--a2-color-neutral-50, #eeeeee),
311
+ page-toggle-button-background-color: var(--a2-color-neutral-0, #ffffff),
312
+ page-toggle-button-background-color-hover: var(--a2-color-neutral-20, #f9f9f9),
313
+ page-toggle-button-background-color-active: var(--a2-color-neutral-40, #f1f1f1),
314
+ page-toggle-button-border-color: var(--a2-color-neutral-80, #e6e6e6),
315
+ page-panel-background-color: var(--a2-color-neutral-0, #ffffff),
316
+ page-panel-border-color: var(--a2-color-neutral-80, #e6e6e6),
317
+ pagination-foreground-color: var(--a2-color-neutral-950, #040404),
318
+ pagination-items-per-page-button-background-color: var(--a2-color-neutral-0, #ffffff),
319
+ pagination-items-per-page-button-border-color: var(--a2-color-neutral-400, #8b8b8b),
320
+ popover-content-foreground-color: var(--a2-color-neutral-950, #040404),
321
+ popover-content-background-color: var(--a2-color-neutral-20, #f9f9f9),
322
+ popover-content-border-color: var(--a2-color-neutral-80, #e6e6e6),
323
+ popover-content-shadow-color: #1a1a1a14,
324
+ popover-arrow-fill-color: var(--a2-color-neutral-20, #f9f9f9),
325
+ popover-arrow-stroke-color: var(--a2-color-neutral-80, #e6e6e6),
326
+ progress-bar-track-background-color: var(--a2-color-neutral-50, #eeeeee),
327
+ progress-bar-fill-background-color-info: var(--a2-color-blue-600, #0265dc),
328
+ progress-bar-fill-background-color-success: var(--a2-color-green-600, #077e50),
329
+ progress-bar-fill-background-color-error: var(--a2-color-red-600, #d62100),
330
+ progress-bar-check-icon-foreground-color: var(--a2-color-green-600, #077e50),
331
+ progress-bar-error-icon-foreground-color: var(--a2-color-red-600, #d62100),
332
+ radio-default-checked-foreground-color: var(--a2-color-neutral-950, #040404),
333
+ radio-default-checked-icon-background-color: var(--a2-background-color-transparent-primary, "rgba(0, 0, 0, 0)"),
334
+ radio-default-checked-icon-background-color-hover: #1a82ff1A,
335
+ radio-default-checked-icon-background-color-active: #1a82ff4D,
336
+ radio-default-checked-icon-color: var(--a2-color-blue-600, #0265dc),
337
+ radio-default-checked-icon-color-hover: var(--a2-color-blue-700, #1d4ca3),
338
+ radio-default-checked-icon-color-active: var(--a2-color-blue-800, #003472),
339
+ radio-default-checked-icon-color-disabled: var(--a2-color-neutral-500, #707070),
340
+ radio-default-unchecked-foreground-color: var(--a2-color-neutral-950, #040404),
341
+ radio-default-unchecked-icon-background-color: var(--a2-background-color-transparent-default, "rgba(0, 0, 0, 0)"),
342
+ radio-default-unchecked-icon-background-color-hover: #8b8b8b14,
343
+ radio-default-unchecked-icon-background-color-active: #8b8b8b29,
344
+ radio-default-unchecked-icon-color: var(--a2-color-neutral-950, #040404),
345
+ radio-default-unchecked-icon-color-hover: var(--a2-color-neutral-950, #040404),
346
+ radio-default-unchecked-icon-color-active: var(--a2-color-neutral-950, #040404),
347
+ radio-default-unchecked-icon-color-disabled: var(--a2-color-neutral-500, #707070),
348
+ radio-default-focus-ring-color: var(--a2-color-blue-600, #0265dc),
349
+ radio-error-checked-foreground-color: var(--a2-color-neutral-950, #040404),
350
+ radio-error-checked-icon-background-color: var(--a2-background-color-transparent-danger, "rgba(0, 0, 0, 0)"),
351
+ radio-error-checked-icon-background-color-hover: #ff39141A,
352
+ radio-error-checked-icon-background-color-active: #ff39144D,
353
+ radio-error-checked-icon-color: var(--a2-color-red-600, #d62100),
354
+ radio-error-checked-icon-color-hover: var(--a2-color-red-700, #a31900),
355
+ radio-error-checked-icon-color-active: var(--a2-color-red-800, #731100),
356
+ radio-error-checked-icon-color-disabled: var(--a2-color-neutral-500, #707070),
357
+ radio-error-unchecked-foreground-color: var(--a2-color-neutral-950, #040404),
358
+ radio-error-unchecked-icon-background-color: var(--a2-background-color-transparent-danger, "rgba(0, 0, 0, 0)"),
359
+ radio-error-unchecked-icon-background-color-hover: #ff39141A,
360
+ radio-error-unchecked-icon-background-color-active: #ff39144D,
361
+ radio-error-unchecked-icon-color: var(--a2-color-red-600, #d62100),
362
+ radio-error-unchecked-icon-color-hover: var(--a2-color-red-700, #a31900),
363
+ radio-error-unchecked-icon-color-active: var(--a2-color-red-800, #731100),
364
+ radio-error-unchecked-icon-color-disabled: var(--a2-color-neutral-500, #707070),
365
+ radio-error-focus-ring-color: var(--a2-color-red-600, #d62100),
366
+ segmented-control-background-color: var(--a2-color-neutral-50, #eeeeee),
367
+ segmented-control-segment-background-color: "rgba(0, 0, 0, 0)",
368
+ segmented-control-segment-background-color-hover: #8b8b8b14,
369
+ segmented-control-segment-background-color-active: #8b8b8b29,
370
+ segmented-control-button-foreground-color: var(--a2-color-neutral-950, #040404),
371
+ segmented-control-button-background-color: var(--a2-color-neutral-0, #ffffff),
372
+ segmented-control-border-color: var(--a2-color-neutral-80, #e6e6e6),
373
+ segmented-control-shadow-color: #1a1a1a14,
374
+ segmented-control-focus-ring-color: var(--a2-color-blue-600, #0265dc),
375
+ select-card-unchecked-foreground-color: var(--a2-color-blue-600, #0265dc),
376
+ select-card-unchecked-foreground-color-hover: var(--a2-color-blue-700, #1d4ca3),
377
+ select-card-unchecked-foreground-color-active: var(--a2-color-blue-800, #003472),
378
+ select-card-unchecked-default-background-color: var(--a2-color-neutral-0, #ffffff),
379
+ select-card-unchecked-default-background-color-hover: var(--a2-color-neutral-20, #f9f9f9),
380
+ select-card-unchecked-default-background-color-active: var(--a2-color-neutral-40, #f1f1f1),
381
+ select-card-unchecked-strong-background-color: var(--a2-color-neutral-20, #f9f9f9),
382
+ select-card-unchecked-strong-background-color-hover: var(--a2-color-neutral-50, #eeeeee),
383
+ select-card-unchecked-strong-background-color-active: var(--a2-color-neutral-70, #e8e8e8),
384
+ select-card-unchecked-stronger-background-color: var(--a2-color-neutral-50, #eeeeee),
385
+ select-card-unchecked-stronger-background-color-hover: var(--a2-color-neutral-90, #e5e5e5),
386
+ select-card-unchecked-stronger-background-color-active: var(--a2-color-neutral-100, #dfdfdf),
387
+ select-card-unchecked-icon-color: var(--a2-color-neutral-950, #040404),
388
+ select-card-unchecked-icon-color-disabled: var(--a2-color-neutral-500, #707070),
389
+ select-card-unchecked-border-color: var(--a2-color-neutral-80, #e6e6e6),
390
+ select-card-unchecked-focus-ring-color: var(--a2-color-blue-600, #0265dc),
391
+ select-card-unchecked-shadow-color: #1a1a1a14,
392
+ select-card-checked-foreground-color: var(--a2-color-blue-600, #0265dc),
393
+ select-card-checked-foreground-color-hover: var(--a2-color-blue-700, #1d4ca3),
394
+ select-card-checked-foreground-color-active: var(--a2-color-blue-800, #003472),
395
+ select-card-checked-default-background-color: var(--a2-color-neutral-0, #ffffff),
396
+ select-card-checked-default-background-color-hover: var(--a2-color-neutral-20, #f9f9f9),
397
+ select-card-checked-default-background-color-active: var(--a2-color-neutral-40, #f1f1f1),
398
+ select-card-checked-strong-background-color: var(--a2-color-neutral-20, #f9f9f9),
399
+ select-card-checked-strong-background-color-hover: var(--a2-color-neutral-50, #eeeeee),
400
+ select-card-checked-strong-background-color-active: var(--a2-color-neutral-70, #e8e8e8),
401
+ select-card-checked-stronger-background-color: var(--a2-color-neutral-50, #eeeeee),
402
+ select-card-checked-stronger-background-color-hover: var(--a2-color-neutral-90, #e5e5e5),
403
+ select-card-checked-stronger-background-color-active: var(--a2-color-neutral-100, #dfdfdf),
404
+ select-card-checked-icon-color: var(--a2-color-blue-600, #0265dc),
405
+ select-card-checked-icon-color-disabled: var(--a2-color-neutral-500, #707070),
406
+ select-card-checked-border-color: var(--a2-color-neutral-700, #404040),
407
+ select-card-checked-focus-ring-color: var(--a2-color-blue-600, #0265dc),
408
+ select-card-checked-shadow-color: #1a1a1a14,
409
+ select-card-checked-error-foreground-color: var(--a2-color-blue-600, #0265dc),
410
+ select-card-checked-error-foreground-color-hover: var(--a2-color-blue-700, #1d4ca3),
411
+ select-card-checked-error-foreground-color-active: var(--a2-color-blue-800, #003472),
412
+ select-card-checked-error-default-background-color: var(--a2-color-neutral-0, #ffffff),
413
+ select-card-checked-error-default-background-color-hover: var(--a2-color-neutral-20, #f9f9f9),
414
+ select-card-checked-error-default-background-color-active: var(--a2-color-neutral-40, #f1f1f1),
415
+ select-card-checked-error-strong-background-color: var(--a2-color-neutral-20, #f9f9f9),
416
+ select-card-checked-error-strong-background-color-hover: var(--a2-color-neutral-50, #eeeeee),
417
+ select-card-checked-error-strong-background-color-active: var(--a2-color-neutral-70, #e8e8e8),
418
+ select-card-checked-error-stronger-background-color: var(--a2-color-neutral-50, #eeeeee),
419
+ select-card-checked-error-stronger-background-color-hover: var(--a2-color-neutral-90, #e5e5e5),
420
+ select-card-checked-error-stronger-background-color-active: var(--a2-color-neutral-100, #dfdfdf),
421
+ select-card-checked-error-icon-color: var(--a2-color-red-600, #d62100),
422
+ select-card-checked-error-icon-color-disabled: var(--a2-color-neutral-500, #707070),
423
+ select-card-checked-error-border-color: var(--a2-color-red-600, #d62100),
424
+ select-card-checked-error-focus-ring-color: var(--a2-color-red-600, #d62100),
425
+ select-card-checked-error-shadow-color: #1a1a1a14,
426
+ side-nav-link-default-foreground-color: var(--a2-color-neutral-950, #040404),
427
+ side-nav-link-default-foreground-color-hover: var(--a2-color-neutral-950, #040404),
428
+ side-nav-link-default-foreground-color-active: var(--a2-color-neutral-950, #040404),
429
+ side-nav-link-default-foreground-color-disabled: var(--a2-color-neutral-500, #707070),
430
+ side-nav-link-default-background-color: "rgba(0, 0, 0, 0)",
431
+ side-nav-link-default-background-color-hover: #8b8b8b14,
432
+ side-nav-link-default-background-color-active: #8b8b8b29,
433
+ side-nav-link-default-background-color-disabled: var(--a2-background-color-transparent-default, "rgba(0, 0, 0, 0)"),
434
+ side-nav-link-default-focus-ring-color: var(--a2-color-blue-600, #0265dc),
435
+ side-nav-link-active-foreground-color: var(--a2-color-blue-600, #0265dc),
436
+ side-nav-link-active-foreground-color-hover: var(--a2-color-blue-700, #1d4ca3),
437
+ side-nav-link-active-foreground-color-active: var(--a2-color-blue-800, #003472),
438
+ side-nav-link-active-foreground-color-disabled: var(--a2-color-neutral-500, #707070),
439
+ side-nav-link-active-background-color: var(--a2-color-blue-50, #e6f1ff),
440
+ side-nav-link-active-background-color-hover: var(--a2-color-blue-100, #cce3ff),
441
+ side-nav-link-active-background-color-active: var(--a2-color-blue-200, #9ecaff),
442
+ side-nav-link-active-background-color-disabled: var(--a2-background-color-transparent-default, "rgba(0, 0, 0, 0)"),
443
+ side-nav-link-active-focus-ring-color: var(--a2-color-blue-600, #0265dc),
444
+ side-nav-group-foreground-color: var(--a2-color-neutral-500, #707070),
445
+ skeleton-background-color: var(--a2-color-neutral-50, #eeeeee),
446
+ skeleton-pulse-color: #8b8b8b14,
447
+ spinner-foreground-color-primary: var(--a2-color-blue-600, #0265dc),
448
+ spinner-foreground-color-current: currentColor,
449
+ spinner-track-foreground-color: #0404040F,
450
+ spinner-arc-foreground-color: currentColor,
451
+ status-icon-info-fill-color: var(--a2-color-blue-500, #1a82ff),
452
+ status-icon-info-stroke-color: var(--a2-color-blue-700, #1d4ca3),
453
+ status-icon-success-fill-color: var(--a2-color-green-600, #077e50),
454
+ status-icon-success-stroke-color: var(--a2-color-green-800, #04482e),
455
+ status-icon-warning-fill-color: var(--a2-color-orange-400, #e37700),
456
+ status-icon-warning-stroke-color: var(--a2-color-orange-600, #964f00),
457
+ status-icon-danger-fill-color: var(--a2-color-red-600, #d62100),
458
+ status-icon-danger-stroke-color: var(--a2-color-red-700, #a31900),
459
+ stepper-focus-ring-color: var(--a2-color-blue-600, #0265dc),
460
+ stepper-step-default-label-foreground-color: var(--a2-color-neutral-950, #040404),
461
+ stepper-step-default-link-foreground-color: var(--a2-color-blue-600, #0265dc),
462
+ stepper-step-default-background-color: var(--a2-color-blue-600, #0265dc),
463
+ stepper-step-default-foreground-color: var(--a2-color-neutral-0, #ffffff),
464
+ stepper-step-default-track-color: var(--a2-color-neutral-50, #eeeeee),
465
+ stepper-step-default-circle-background-color: var(--a2-color-neutral-0, #ffffff),
466
+ stepper-step-default-circle-border-color: var(--a2-color-neutral-400, #8b8b8b),
467
+ stepper-step-default-circle-icon-color: var(--a2-color-neutral-0, #ffffff),
468
+ stepper-step-current-label-foreground-color: var(--a2-color-neutral-950, #040404),
469
+ stepper-step-current-background-color: var(--a2-color-blue-600, #0265dc),
470
+ stepper-step-current-foreground-color: var(--a2-color-neutral-0, #ffffff),
471
+ stepper-step-current-track-color: var(--a2-color-neutral-50, #eeeeee),
472
+ stepper-step-current-circle-background-color: var(--a2-color-neutral-0, #ffffff),
473
+ stepper-step-current-circle-border-color: var(--a2-color-blue-600, #0265dc),
474
+ stepper-step-current-circle-icon-color: var(--a2-color-neutral-0, #ffffff),
475
+ stepper-step-complete-label-foreground-color: var(--a2-color-neutral-950, #040404),
476
+ stepper-step-complete-link-foreground-color: var(--a2-color-blue-600, #0265dc),
477
+ stepper-step-complete-background-color: var(--a2-color-blue-600, #0265dc),
478
+ stepper-step-complete-foreground-color: var(--a2-color-neutral-0, #ffffff),
479
+ stepper-step-complete-track-color: var(--a2-color-neutral-50, #eeeeee),
480
+ stepper-step-complete-circle-background-color: var(--a2-color-blue-600, #0265dc),
481
+ stepper-step-complete-circle-border-color: var(--a2-color-blue-600, #0265dc),
482
+ stepper-step-complete-circle-icon-color: var(--a2-color-neutral-0, #ffffff),
483
+ switch-unchecked-background-color: var(--a2-color-neutral-200, #c4c4c4),
484
+ switch-unchecked-background-color-hover: var(--a2-color-neutral-300, #a8a8a8),
485
+ switch-unchecked-background-color-active: var(--a2-color-neutral-400, #8b8b8b),
486
+ switch-unchecked-background-color-disabled: var(--a2-color-neutral-200, #c4c4c4),
487
+ switch-unchecked-thumb-background-color: var(--a2-color-neutral-0, #ffffff),
488
+ switch-unchecked-thumb-shadow-color: #0404043D,
489
+ switch-checked-background-color: var(--a2-color-blue-600, #0265dc),
490
+ switch-checked-background-color-hover: var(--a2-color-blue-700, #1d4ca3),
491
+ switch-checked-background-color-active: var(--a2-color-blue-800, #003472),
492
+ switch-checked-background-color-disabled: var(--a2-color-neutral-200, #c4c4c4),
493
+ switch-checked-thumb-check-color: var(--a2-color-blue-600, #0265dc),
494
+ switch-checked-thumb-check-color-hover: var(--a2-color-blue-700, #1d4ca3),
495
+ switch-checked-thumb-check-color-active: var(--a2-color-blue-800, #003472),
496
+ switch-checked-thumb-check-color-disabled: var(--a2-color-neutral-200, #c4c4c4),
497
+ switch-checked-thumb-background-color: var(--a2-color-neutral-0, #ffffff),
498
+ switch-checked-thumb-shadow-color: #0404043D,
499
+ switch-focus-ring-color: var(--a2-color-blue-600, #0265dc),
500
+ tab-border-color: var(--a2-color-neutral-80, #e6e6e6),
501
+ tab-overflow-button-background-color: var(--a2-color-neutral-20, #f9f9f9),
502
+ tab-button-foreground-color: var(--a2-color-neutral-950, #040404),
503
+ tab-button-foreground-color-hover: var(--a2-color-neutral-950, #040404),
504
+ tab-button-foreground-color-active: var(--a2-color-neutral-950, #040404),
505
+ tab-button-background-color: "rgba(0, 0, 0, 0)",
506
+ tab-button-background-color-hover: #8b8b8b14,
507
+ tab-button-background-color-active: #8b8b8b29,
508
+ tab-button-selected-indicator-background-color: var(--a2-color-neutral-950, #040404),
509
+ tab-button-focus-ring-color: var(--a2-color-blue-600, #0265dc),
510
+ text-field-input-foreground-color: var(--a2-color-neutral-950, #040404),
511
+ text-field-input-placeholder-foreground-color: var(--a2-color-neutral-500, #707070),
512
+ text-field-input-wrapper-background-color: var(--a2-color-neutral-0, #ffffff),
513
+ text-field-input-wrapper-background-color-disabled: var(--a2-color-neutral-20, #f9f9f9),
514
+ text-field-input-wrapper-border-color-default: var(--a2-color-neutral-400, #8b8b8b),
515
+ text-field-input-wrapper-border-color-danger: var(--a2-color-red-600, #d62100),
516
+ text-field-focus-ring-color-default: var(--a2-color-blue-600, #0265dc),
517
+ text-field-focus-ring-color-danger: var(--a2-color-red-600, #d62100),
518
+ text-foreground-color: var(--a2-color-neutral-950, #040404),
519
+ text-foreground-color-subdued: var(--a2-color-neutral-500, #707070),
520
+ text-focus-ring-color: var(--a2-color-blue-600, #0265dc),
521
+ toast-collapse-button-background-color: var(--a2-color-neutral-800, #292929),
522
+ toast-collapse-button-background-color-hover: var(--a2-color-neutral-900, #1a1a1a),
523
+ toast-collapse-button-foreground-color: var(--a2-color-neutral-0, #ffffff),
524
+ toast-collapse-button-foreground-color-hover: var(--a2-color-neutral-0, #ffffff),
525
+ toast-shadow-color: #1a1a1a14,
526
+ toast-focus-ring-color: var(--a2-color-blue-600, #0265dc),
527
+ toolbar-background-color: var(--a2-background-color-transparent-default, "rgba(0, 0, 0, 0)"),
528
+ toolbar-background-color-hover: #8b8b8b14,
529
+ toolbar-toggle-border-color-primary: var(--a2-color-neutral-0, #ffffff),
530
+ toolbar-toggle-border-color-subdued: var(--a2-color-blue-50, #e6f1ff),
531
+ toolbar-toggle-border-color-subdued-active: var(--a2-color-blue-200, #9ecaff),
532
+ toolbar-toggle-border-color-subdued-hover: var(--a2-color-blue-100, #cce3ff),
533
+ tooltip-foreground-color: var(--a2-color-neutral-0, #ffffff),
534
+ tooltip-background-color: var(--a2-color-neutral-900, #1a1a1a),
535
+ tooltip-shadow-color: #1a1a1a14,
66
536
  );
67
537
  $dark: (
68
- button-primary-foreground-color: #141414,
69
- button-primary-foreground-color-hover: #141414,
70
- button-primary-foreground-color-active: #141414,
71
- button-primary-background-color: #78BBFA,
72
- button-primary-background-color-hover: #8ec6fbff,
73
- button-primary-background-color-active: #68a0d5ff,
74
- button-primary-border-color: transparent,
75
- button-primary-focus-ring-color: #78BBFA,
76
- button-secondary-foreground-color: #ffffff,
77
- button-secondary-foreground-color-hover: #ffffff,
78
- button-secondary-foreground-color-active: #ffffff,
79
- button-secondary-background-color: #ffffff0f,
80
- button-secondary-background-color-hover: #ffffff22,
81
- button-secondary-background-color-active: #ffffff35,
82
- button-secondary-border-color: transparent,
83
- button-secondary-focus-ring-color: #78BBFA,
84
- button-ghost-foreground-color: #ffffff,
85
- button-ghost-foreground-color-hover: #ffffff,
86
- button-ghost-foreground-color-active: #ffffff,
87
- button-ghost-background-color: transparent,
538
+ alert-info-foreground-color: var(--a2-color-neutral-0, #ffffff),
539
+ alert-info-background-color: var(--a2-color-blue-950, #000b19),
540
+ alert-info-border-color: var(--a2-color-blue-200, #9ecaff),
541
+ alert-success-foreground-color: var(--a2-color-neutral-0, #ffffff),
542
+ alert-success-background-color: var(--a2-color-green-950, #010f0a),
543
+ alert-success-border-color: var(--a2-color-green-200, #70ebbc),
544
+ alert-warning-foreground-color: var(--a2-color-neutral-0, #ffffff),
545
+ alert-warning-background-color: var(--a2-color-yellow-950, #191100),
546
+ alert-warning-border-color: var(--a2-color-yellow-200, #fff0b1),
547
+ alert-danger-foreground-color: var(--a2-color-neutral-0, #ffffff),
548
+ alert-danger-background-color: var(--a2-color-red-950, #0a0200),
549
+ alert-danger-border-color: var(--a2-color-red-200, #ffac9e),
550
+ alert-close-button-foreground-color: var(--a2-color-neutral-0, #ffffff),
551
+ announcement-info-background-color: var(--a2-color-blue-300, #70b1ff),
552
+ announcement-info-foreground-color: var(--a2-color-neutral-900, #1a1a1a),
553
+ announcement-info-action-button-background-color: #ffffff8C,
554
+ announcement-info-action-button-background-color-hover: #ffffffA6,
555
+ announcement-info-action-button-background-color-active: #ffffffBF,
556
+ announcement-info-action-button-focus-ring-color: var(--a2-color-neutral-900, #1a1a1a),
557
+ announcement-success-background-color: var(--a2-color-green-400, #0bd085),
558
+ announcement-success-foreground-color: var(--a2-color-neutral-900, #1a1a1a),
559
+ announcement-success-action-button-background-color: #ffffff8C,
560
+ announcement-success-action-button-background-color-hover: #ffffffA6,
561
+ announcement-success-action-button-background-color-active: #ffffffBF,
562
+ announcement-success-action-button-focus-ring-color: var(--a2-color-neutral-900, #1a1a1a),
563
+ announcement-warning-background-color: var(--a2-color-yellow-300, #ffe278),
564
+ announcement-warning-foreground-color: var(--a2-color-neutral-900, #1a1a1a),
565
+ announcement-warning-action-button-background-color: #ffffff8C,
566
+ announcement-warning-action-button-background-color-hover: #ffffffA6,
567
+ announcement-warning-action-button-background-color-active: #ffffffBF,
568
+ announcement-warning-action-button-focus-ring-color: var(--a2-color-neutral-900, #1a1a1a),
569
+ announcement-danger-background-color: var(--a2-color-red-400, #ff5b3d),
570
+ announcement-danger-foreground-color: var(--a2-color-neutral-900, #1a1a1a),
571
+ announcement-danger-action-button-background-color: #ffffff8C,
572
+ announcement-danger-action-button-background-color-hover: #ffffffA6,
573
+ announcement-danger-action-button-background-color-active: #ffffffBF,
574
+ announcement-danger-action-button-focus-ring-color: var(--a2-color-neutral-900, #1a1a1a),
575
+ avatar-background-color: var(--a2-color-neutral-700, #404040),
576
+ avatar-foreground-color: var(--a2-color-neutral-0, #ffffff),
577
+ avatar-border-color: var(--a2-color-neutral-900, #1a1a1a),
578
+ avatar-indicator-background-color-default: var(--a2-color-neutral-900, #1a1a1a),
579
+ avatar-indicator-background-color-online: var(--a2-color-green-400, #0bd085),
580
+ avatar-indicator-background-color-offline: var(--a2-color-neutral-500, #707070),
581
+ avatar-indicator-border-color: var(--a2-color-neutral-600, #545454),
582
+ badge-background-color: var(--a2-color-red-400, #ff5b3d),
583
+ badge-foreground-color: var(--a2-color-neutral-900, #1a1a1a),
584
+ breadcrumb-link-foreground-color: var(--a2-color-neutral-200, #c4c4c4),
585
+ breadcrumb-link-foreground-color-hover: var(--a2-color-neutral-0, #ffffff),
586
+ button-toggle-unpressed-background-color: var(--a2-background-color-transparent-default, "rgba(0, 0, 0, 0)"),
587
+ button-toggle-unpressed-background-color-hover: #ffffff14,
588
+ button-toggle-unpressed-background-color-active: #ffffff29,
589
+ button-toggle-unpressed-background-color-disabled: var(--a2-color-neutral-800, #292929),
590
+ button-toggle-unpressed-foreground-color: var(--a2-color-neutral-0, #ffffff),
591
+ button-toggle-unpressed-foreground-color-hover: var(--a2-color-neutral-0, #ffffff),
592
+ button-toggle-unpressed-foreground-color-active: var(--a2-color-neutral-0, #ffffff),
593
+ button-toggle-unpressed-foreground-color-disabled: var(--a2-color-neutral-200, #c4c4c4),
594
+ button-toggle-unpressed-border-color: var(--a2-color-neutral-600, #545454),
595
+ button-toggle-unpressed-border-color-hover: var(--a2-color-neutral-600, #545454),
596
+ button-toggle-unpressed-border-color-active: var(--a2-color-neutral-600, #545454),
597
+ button-toggle-unpressed-border-color-disabled: rgba(0, 0, 0, 0),
598
+ button-toggle-pressed-background-color: #70b1ff33,
599
+ button-toggle-pressed-background-color-hover: #70b1ff4D,
600
+ button-toggle-pressed-background-color-active: #70b1ff66,
601
+ button-toggle-pressed-background-color-disabled: var(--a2-color-neutral-800, #292929),
602
+ button-toggle-pressed-foreground-color: var(--a2-color-blue-300, #70b1ff),
603
+ button-toggle-pressed-foreground-color-hover: var(--a2-color-blue-200, #9ecaff),
604
+ button-toggle-pressed-foreground-color-active: var(--a2-color-blue-200, #9ecaff),
605
+ button-toggle-pressed-foreground-color-disabled: var(--a2-color-neutral-200, #c4c4c4),
606
+ button-toggle-pressed-border-color: var(--a2-color-blue-300, #70b1ff),
607
+ button-toggle-pressed-border-color-hover: var(--a2-color-blue-200, #9ecaff),
608
+ button-toggle-pressed-border-color-active: var(--a2-color-blue-200, #9ecaff),
609
+ button-toggle-pressed-border-color-disabled: rgba(0, 0, 0, 0),
610
+ button-primary-foreground-color: var(--a2-color-neutral-900, #1a1a1a),
611
+ button-primary-foreground-color-hover: var(--a2-color-neutral-900, #1a1a1a),
612
+ button-primary-foreground-color-active: var(--a2-color-neutral-900, #1a1a1a),
613
+ button-primary-foreground-color-disabled: var(--a2-color-neutral-200, #c4c4c4),
614
+ button-primary-background-color: var(--a2-color-blue-300, #70b1ff),
615
+ button-primary-background-color-hover: var(--a2-color-blue-200, #9ecaff),
616
+ button-primary-background-color-active: var(--a2-color-blue-100, #cce3ff),
617
+ button-primary-background-color-disabled: var(--a2-color-neutral-800, #292929),
618
+ button-primary-border-color: rgba(0, 0, 0, 0),
619
+ button-primary-focus-ring-color: var(--a2-color-blue-300, #70b1ff),
620
+ button-secondary-foreground-color: var(--a2-color-neutral-0, #ffffff),
621
+ button-secondary-foreground-color-hover: var(--a2-color-neutral-0, #ffffff),
622
+ button-secondary-foreground-color-active: var(--a2-color-neutral-0, #ffffff),
623
+ button-secondary-foreground-color-disabled: var(--a2-color-neutral-200, #c4c4c4),
624
+ button-secondary-background-color: #ffffff14,
625
+ button-secondary-background-color-hover: #ffffff1F,
626
+ button-secondary-background-color-active: #ffffff29,
627
+ button-secondary-background-color-disabled: var(--a2-color-neutral-800, #292929),
628
+ button-secondary-border-color: rgba(0, 0, 0, 0),
629
+ button-secondary-focus-ring-color: var(--a2-color-blue-300, #70b1ff),
630
+ button-ghost-foreground-color: var(--a2-color-neutral-0, #ffffff),
631
+ button-ghost-foreground-color-hover: var(--a2-color-neutral-0, #ffffff),
632
+ button-ghost-foreground-color-active: var(--a2-color-neutral-0, #ffffff),
633
+ button-ghost-foreground-color-disabled: var(--a2-color-neutral-200, #c4c4c4),
634
+ button-ghost-background-color: rgba(0, 0, 0, 0),
88
635
  button-ghost-background-color-hover: #ffffff14,
89
636
  button-ghost-background-color-active: #ffffff29,
90
- button-ghost-border-color: transparent,
91
- button-ghost-focus-ring-color: #78BBFA,
92
- button-danger-primary-foreground-color: #141414,
93
- button-danger-primary-foreground-color-hover: #141414,
94
- button-danger-primary-foreground-color-active: #141414,
95
- button-danger-primary-background-color: #ff745f,
96
- button-danger-primary-background-color-hover: #ff8a79ff,
97
- button-danger-primary-background-color-active: #d96553ff,
98
- button-danger-primary-border-color: transparent,
99
- button-danger-primary-focus-ring-color: #ff745f,
100
- button-danger-secondary-foreground-color: #ffffff,
101
- button-danger-secondary-foreground-color-hover: #ff745f,
102
- button-danger-secondary-foreground-color-active: #ff745f,
103
- button-danger-secondary-background-color: #ff745f33,
104
- button-danger-secondary-background-color-hover: #fe6e5852,
105
- button-danger-secondary-background-color-active: #fe6a5466,
106
- button-danger-secondary-border-color: transparent,
107
- button-danger-secondary-focus-ring-color: #ff745f,
108
- checkbox-unchecked-fill-color-default: #ffffff,
109
- checkbox-unchecked-fill-color-hover: #ffffff,
110
- checkbox-unchecked-fill-color-active: #ffffff,
111
- checkbox-unchecked-background-color-default: transparent,
112
- checkbox-unchecked-background-color-hover: #ffffff14,
113
- checkbox-unchecked-background-color-active: #ffffff29,
114
- checkbox-checked-fill-color-default: #78BBFA,
115
- checkbox-checked-fill-color-hover: #abd8feda,
116
- checkbox-checked-fill-color-active: #abd8fee0,
117
- checkbox-checked-background-color-default: transparent,
118
- checkbox-checked-background-color-hover: #78bbfa14,
119
- checkbox-checked-background-color-active: #78bbfa29,
120
- checkbox-unchecked-error-fill-color-default: #ff745f,
121
- checkbox-unchecked-error-fill-color-hover: #ff745f,
122
- checkbox-unchecked-error-fill-color-active: #ff745f,
123
- checkbox-unchecked-error-background-color-default: transparent,
124
- checkbox-unchecked-error-background-color-hover: #f94d321a,
125
- checkbox-unchecked-error-background-color-active: #f94d3240,
126
- checkbox-checked-error-fill-color-default: #ff745f,
127
- checkbox-checked-error-fill-color-hover: #ff745f,
128
- checkbox-checked-error-fill-color-active: #ff745f,
129
- checkbox-checked-error-background-color-default: transparent,
130
- checkbox-checked-error-background-color-hover: #f94d321a,
131
- checkbox-checked-error-background-color-active: #f94d3240,
637
+ button-ghost-background-color-disabled: var(--a2-color-neutral-800, #292929),
638
+ button-ghost-border-color: rgba(0, 0, 0, 0),
639
+ button-ghost-focus-ring-color: var(--a2-color-blue-300, #70b1ff),
640
+ button-danger-primary-foreground-color: var(--a2-color-neutral-900, #1a1a1a),
641
+ button-danger-primary-foreground-color-hover: var(--a2-color-neutral-900, #1a1a1a),
642
+ button-danger-primary-foreground-color-active: var(--a2-color-neutral-900, #1a1a1a),
643
+ button-danger-primary-foreground-color-disabled: var(--a2-color-neutral-200, #c4c4c4),
644
+ button-danger-primary-background-color: var(--a2-color-red-400, #ff5b3d),
645
+ button-danger-primary-background-color-hover: var(--a2-color-red-300, #ff8670),
646
+ button-danger-primary-background-color-active: var(--a2-color-red-200, #ffac9e),
647
+ button-danger-primary-background-color-disabled: var(--a2-color-neutral-800, #292929),
648
+ button-danger-primary-border-color: rgba(0, 0, 0, 0),
649
+ button-danger-primary-focus-ring-color: var(--a2-color-red-400, #ff5b3d),
650
+ button-danger-secondary-foreground-color: var(--a2-color-neutral-0, #ffffff),
651
+ button-danger-secondary-foreground-color-hover: var(--a2-color-neutral-0, #ffffff),
652
+ button-danger-secondary-foreground-color-active: var(--a2-color-neutral-0, #ffffff),
653
+ button-danger-secondary-foreground-color-disabled: var(--a2-color-neutral-200, #c4c4c4),
654
+ button-danger-secondary-background-color: #ff867033,
655
+ button-danger-secondary-background-color-hover: #ff86704D,
656
+ button-danger-secondary-background-color-active: #ff867066,
657
+ button-danger-secondary-background-color-disabled: var(--a2-color-neutral-800, #292929),
658
+ button-danger-secondary-border-color: rgba(0, 0, 0, 0),
659
+ button-danger-secondary-focus-ring-color: var(--a2-color-red-400, #ff5b3d),
660
+ calendar-cell-default-background-color: rgba(0, 0, 0, 0),
661
+ calendar-cell-default-background-color-hover: #ffffff14,
662
+ calendar-cell-default-background-color-active: #ffffff29,
663
+ calendar-cell-default-foreground-color: var(--a2-color-neutral-0, #ffffff),
664
+ calendar-cell-default-foreground-color-hover: var(--a2-color-neutral-0, #ffffff),
665
+ calendar-cell-default-foreground-color-active: var(--a2-color-neutral-0, #ffffff),
666
+ calendar-cell-selected-background-color: var(--a2-color-blue-300, #70b1ff),
667
+ calendar-cell-selected-background-color-hover: var(--a2-color-blue-200, #9ecaff),
668
+ calendar-cell-selected-background-color-active: var(--a2-color-blue-100, #cce3ff),
669
+ calendar-cell-selected-foreground-color: var(--a2-color-neutral-900, #1a1a1a),
670
+ calendar-cell-selected-foreground-color-hover: var(--a2-color-neutral-900, #1a1a1a),
671
+ calendar-cell-selected-foreground-color-active: var(--a2-color-neutral-900, #1a1a1a),
672
+ calendar-cell-weekday-foreground-color: var(--a2-color-neutral-200, #c4c4c4),
673
+ calendar-cell-range-background-color: var(--a2-background-color-transparent-primary, "rgba(0, 0, 0, 0)"),
674
+ calendar-cell-range-background-color-hover: #70b1ff1A,
675
+ calendar-cell-range-background-color-active: #70b1ff40,
676
+ calendar-cell-range-foreground-color: var(--a2-color-blue-300, #70b1ff),
677
+ calendar-cell-range-foreground-color-hover: var(--a2-color-blue-200, #9ecaff),
678
+ calendar-cell-range-foreground-color-active: var(--a2-color-blue-200, #9ecaff),
679
+ calendar-cell-focus-ring-color: var(--a2-color-blue-300, #70b1ff),
680
+ calendar-range-fill-background-color: #70b1ff33,
681
+ card-border-color: var(--a2-color-neutral-700, #404040),
682
+ card-default-background-color: var(--a2-color-neutral-900, #1a1a1a),
683
+ card-strong-background-color: var(--a2-color-neutral-800, #292929),
684
+ card-stronger-background-color: var(--a2-color-neutral-700, #404040),
685
+ card-strongest-background-color: var(--a2-color-neutral-500, #707070),
686
+ checkbox-default-checked-foreground-color: var(--a2-color-neutral-0, #ffffff),
687
+ checkbox-default-checked-icon-background-color: var(--a2-background-color-transparent-primary, "rgba(0, 0, 0, 0)"),
688
+ checkbox-default-checked-icon-background-color-hover: #70b1ff1A,
689
+ checkbox-default-checked-icon-background-color-active: #70b1ff40,
690
+ checkbox-default-checked-icon-color: var(--a2-color-blue-300, #70b1ff),
691
+ checkbox-default-checked-icon-color-hover: var(--a2-color-blue-200, #9ecaff),
692
+ checkbox-default-checked-icon-color-active: var(--a2-color-blue-200, #9ecaff),
693
+ checkbox-default-checked-icon-color-disabled: var(--a2-color-neutral-200, #c4c4c4),
694
+ checkbox-default-unchecked-foreground-color: var(--a2-color-neutral-0, #ffffff),
695
+ checkbox-default-unchecked-icon-background-color: var(--a2-background-color-transparent-default, "rgba(0, 0, 0, 0)"),
696
+ checkbox-default-unchecked-icon-background-color-hover: #ffffff14,
697
+ checkbox-default-unchecked-icon-background-color-active: #ffffff29,
698
+ checkbox-default-unchecked-icon-color: var(--a2-color-neutral-0, #ffffff),
699
+ checkbox-default-unchecked-icon-color-hover: var(--a2-color-neutral-0, #ffffff),
700
+ checkbox-default-unchecked-icon-color-active: var(--a2-color-neutral-0, #ffffff),
701
+ checkbox-default-unchecked-icon-color-disabled: var(--a2-color-neutral-200, #c4c4c4),
702
+ checkbox-default-focus-ring-color: var(--a2-color-blue-300, #70b1ff),
703
+ checkbox-error-checked-foreground-color: var(--a2-color-neutral-0, #ffffff),
704
+ checkbox-error-checked-icon-background-color: var(--a2-background-color-transparent-danger, "rgba(0, 0, 0, 0)"),
705
+ checkbox-error-checked-icon-background-color-hover: #ff86701A,
706
+ checkbox-error-checked-icon-background-color-active: #ff867040,
707
+ checkbox-error-checked-icon-color: var(--a2-color-red-400, #ff5b3d),
708
+ checkbox-error-checked-icon-color-hover: var(--a2-color-red-300, #ff8670),
709
+ checkbox-error-checked-icon-color-active: var(--a2-color-red-200, #ffac9e),
710
+ checkbox-error-checked-icon-color-disabled: var(--a2-color-neutral-200, #c4c4c4),
711
+ checkbox-error-unchecked-foreground-color: var(--a2-color-neutral-0, #ffffff),
712
+ checkbox-error-unchecked-icon-background-color: var(--a2-background-color-transparent-danger, "rgba(0, 0, 0, 0)"),
713
+ checkbox-error-unchecked-icon-background-color-hover: #ff86701A,
714
+ checkbox-error-unchecked-icon-background-color-active: #ff867040,
715
+ checkbox-error-unchecked-icon-color: var(--a2-color-red-400, #ff5b3d),
716
+ checkbox-error-unchecked-icon-color-hover: var(--a2-color-red-300, #ff8670),
717
+ checkbox-error-unchecked-icon-color-active: var(--a2-color-red-200, #ffac9e),
718
+ checkbox-error-unchecked-icon-color-disabled: var(--a2-color-neutral-200, #c4c4c4),
719
+ checkbox-error-focus-ring-color: var(--a2-color-red-400, #ff5b3d),
720
+ chip-background-color: var(--a2-color-neutral-700, #404040),
721
+ chip-background-color-hover: var(--a2-color-neutral-600, #545454),
722
+ chip-background-color-active: var(--a2-color-neutral-500, #707070),
723
+ chip-border-color: var(--a2-color-neutral-700, #404040),
724
+ chip-foreground-color: var(--a2-color-neutral-0, #ffffff),
725
+ chip-focus-ring-color: var(--a2-color-blue-300, #70b1ff),
726
+ chip-close-background-color: rgba(0, 0, 0, 0),
727
+ chip-close-background-color-hover: var(--a2-color-neutral-400, #8b8b8b),
728
+ chip-close-background-color-active: var(--a2-color-neutral-300, #a8a8a8),
729
+ combobox-item-default-background-color: var(--a2-background-color-transparent-default, "rgba(0, 0, 0, 0)"),
730
+ combobox-item-default-background-color-hover: #ffffff14,
731
+ combobox-item-default-background-color-active: #ffffff29,
732
+ combobox-item-default-foreground-color: var(--a2-color-neutral-0, #ffffff),
733
+ combobox-item-default-foreground-color-hover: var(--a2-color-neutral-0, #ffffff),
734
+ combobox-item-default-foreground-color-active: var(--a2-color-neutral-0, #ffffff),
735
+ combobox-item-selected-background-color: #70b1ff33,
736
+ combobox-item-selected-background-color-hover: #70b1ff4D,
737
+ combobox-item-selected-background-color-active: #70b1ff66,
738
+ combobox-item-selected-foreground-color: var(--a2-color-blue-300, #70b1ff),
739
+ combobox-item-selected-foreground-color-hover: var(--a2-color-blue-200, #9ecaff),
740
+ combobox-item-selected-foreground-color-active: var(--a2-color-blue-200, #9ecaff),
741
+ combobox-item-disabled-foreground-color: var(--a2-color-neutral-200, #c4c4c4),
742
+ combobox-item-disabled-icon-color: var(--a2-color-neutral-200, #c4c4c4),
743
+ details-summary-foreground-color: var(--a2-color-neutral-0, #ffffff),
744
+ details-summary-foreground-color-hover: var(--a2-color-neutral-0, #ffffff),
745
+ details-summary-foreground-color-active: var(--a2-color-neutral-0, #ffffff),
746
+ details-summary-background-color: var(--a2-background-color-transparent-default, "rgba(0, 0, 0, 0)"),
747
+ details-summary-background-color-hover: #ffffff14,
748
+ details-summary-background-color-active: #ffffff29,
749
+ details-summary-focus-ring-color: var(--a2-color-blue-300, #70b1ff),
750
+ details-content-foreground-color: var(--a2-color-neutral-0, #ffffff),
751
+ dialog-background-color: var(--a2-color-neutral-900, #1a1a1a),
752
+ dialog-border-color: var(--a2-color-neutral-700, #404040),
753
+ dialog-backdrop-color: var(--a2-color-neutral-900, #1a1a1a),
754
+ dialog-backdrop-fullscreen-color: var(--a2-color-neutral-0, #ffffff),
755
+ divider-border-color: var(--a2-color-neutral-700, #404040),
756
+ dnd-drop-line-background-color: var(--a2-color-green-400, #0bd085),
757
+ dnd-drop-line-indicator-background-color: var(--a2-color-neutral-900, #1a1a1a),
758
+ dnd-drop-line-indicator-border-color: var(--a2-color-green-200, #70ebbc),
759
+ dnd-drop-zone-active-not-over-background-color: #70b1ff33,
760
+ dnd-drop-zone-active-not-over-border-color: var(--a2-color-blue-200, #9ecaff),
761
+ dnd-drop-zone-over-valid-background-color: #3be3a233,
762
+ dnd-drop-zone-over-valid-border-color: var(--a2-color-green-200, #70ebbc),
763
+ dnd-drop-zone-over-invalid-background-color: #ff867033,
764
+ dnd-drop-zone-over-invalid-border-color: var(--a2-color-red-200, #ffac9e),
765
+ dnd-drag-preview-shadow-color: #ffffff14,
766
+ drawer-background-color: var(--a2-color-neutral-900, #1a1a1a),
767
+ drawer-border-color: var(--a2-color-neutral-700, #404040),
768
+ drawer-backdrop-color: var(--a2-color-neutral-900, #1a1a1a),
769
+ drilldown-background-color: var(--a2-color-neutral-900, #1a1a1a),
770
+ drilldown-border-color: var(--a2-color-neutral-700, #404040),
771
+ drilldown-backdrop-color: var(--a2-color-neutral-500, #707070),
772
+ edit-card-default-border-inline-start-color: var(--a2-color-neutral-700, #404040),
773
+ edit-card-default-indicator-background-color: var(--a2-color-neutral-900, #1a1a1a),
774
+ edit-card-default-indicator-border-color: var(--a2-color-neutral-500, #707070),
775
+ edit-card-default-indicator-icon-color: rgba(0, 0, 0, 0),
776
+ edit-card-in-progress-border-inline-start-color: var(--a2-color-blue-300, #70b1ff),
777
+ edit-card-in-progress-indicator-border-color: var(--a2-color-blue-300, #70b1ff),
778
+ edit-card-in-progress-indicator-icon-color: var(--a2-color-blue-300, #70b1ff),
779
+ edit-card-complete-border-inline-start-color: var(--a2-color-blue-300, #70b1ff),
780
+ edit-card-complete-indicator-background-color: var(--a2-color-blue-300, #70b1ff),
781
+ edit-card-complete-indicator-border-color: var(--a2-color-blue-300, #70b1ff),
782
+ edit-card-complete-indicator-icon-color: var(--a2-color-neutral-900, #1a1a1a),
783
+ edit-card-error-border-inline-start-color: var(--a2-color-red-400, #ff5b3d),
784
+ edit-card-error-indicator-background-color: var(--a2-color-red-400, #ff5b3d),
785
+ edit-card-error-indicator-border-color: var(--a2-color-red-400, #ff5b3d),
786
+ edit-card-error-indicator-icon-color: var(--a2-color-neutral-900, #1a1a1a),
787
+ field-label-foreground-color: var(--a2-color-neutral-0, #ffffff),
788
+ field-label-required-color: var(--a2-color-red-400, #ff5b3d),
789
+ field-message-foreground-color: var(--a2-color-neutral-200, #c4c4c4),
790
+ field-message-error-foreground-color: var(--a2-color-red-400, #ff5b3d),
791
+ field-message-warning-foreground-color: var(--a2-color-neutral-200, #c4c4c4),
792
+ icon-foreground-color: var(--a2-color-neutral-0, #ffffff),
793
+ icon-focus-ring-color: var(--a2-color-blue-300, #70b1ff),
794
+ link-primary-foreground-color: var(--a2-color-blue-300, #70b1ff),
795
+ link-primary-foreground-color-hover: var(--a2-color-blue-200, #9ecaff),
796
+ link-secondary-foreground-color: var(--a2-color-neutral-0, #ffffff),
797
+ link-secondary-foreground-color-hover: #ffffffCC,
798
+ link-focus-ring-color: var(--a2-color-blue-300, #70b1ff),
799
+ list-view-foreground-color: var(--a2-color-neutral-0, #ffffff),
800
+ list-view-background-color: var(--a2-background-color-transparent-default, "rgba(0, 0, 0, 0)"),
801
+ list-view-background-color-hover: #ffffff14,
802
+ list-view-group-label-foreground-color: var(--a2-color-neutral-200, #c4c4c4),
803
+ listbox-option-default-foreground-color: var(--a2-color-neutral-0, #ffffff),
804
+ listbox-option-default-foreground-color-hover: var(--a2-color-neutral-0, #ffffff),
805
+ listbox-option-default-foreground-color-active: var(--a2-color-neutral-0, #ffffff),
806
+ listbox-option-default-background-color: rgba(0, 0, 0, 0),
807
+ listbox-option-default-background-color-hover: #ffffff14,
808
+ listbox-option-default-background-color-active: #ffffff29,
809
+ listbox-option-default-focus-ring-color: var(--a2-color-blue-300, #70b1ff),
810
+ listbox-option-selected-foreground-color: var(--a2-color-blue-300, #70b1ff),
811
+ listbox-option-selected-foreground-color-hover: var(--a2-color-blue-200, #9ecaff),
812
+ listbox-option-selected-foreground-color-active: var(--a2-color-blue-200, #9ecaff),
813
+ listbox-option-selected-background-color: #70b1ff33,
814
+ listbox-option-selected-background-color-hover: #70b1ff4D,
815
+ listbox-option-selected-background-color-active: #70b1ff66,
816
+ listbox-group-label-foreground-color: var(--a2-color-neutral-200, #c4c4c4),
817
+ listbox-group-border-color: var(--a2-color-neutral-700, #404040),
818
+ menu-content-foreground-color: var(--a2-color-neutral-0, #ffffff),
819
+ menu-content-background-color: var(--a2-color-neutral-800, #292929),
820
+ menu-content-border-color: var(--a2-color-neutral-700, #404040),
821
+ menu-content-shadow-color: #ffffff14,
822
+ menu-item-foreground-color: var(--a2-color-neutral-0, #ffffff),
823
+ menu-item-foreground-color-hover: var(--a2-color-neutral-0, #ffffff),
824
+ menu-item-foreground-color-active: var(--a2-color-neutral-0, #ffffff),
825
+ menu-item-background-color: rgba(0, 0, 0, 0),
826
+ menu-item-background-color-hover: #ffffff14,
827
+ menu-item-background-color-active: #ffffff29,
828
+ menu-arrow-foreground-color: var(--a2-color-neutral-0, #ffffff),
829
+ menu-arrow-background-color: var(--a2-color-neutral-800, #292929),
830
+ overflow-content-focus-ring-color: var(--a2-color-blue-300, #70b1ff),
831
+ overflow-shadow-color: #ffffff14,
832
+ overflow-expand-button-foreground-color: var(--a2-color-blue-300, #70b1ff),
833
+ overflow-expand-button-focus-ring-color: var(--a2-color-blue-300, #70b1ff),
834
+ page-container-foreground-color: var(--a2-color-neutral-0, #ffffff),
835
+ page-container-background-color: var(--a2-color-neutral-900, #1a1a1a),
836
+ page-content-footer-background-color: var(--a2-color-neutral-900, #1a1a1a),
837
+ page-content-footer-border-color: var(--a2-color-neutral-700, #404040),
838
+ page-content-footer-shadow-color: #ffffff14,
839
+ page-sidebar-background-color: var(--a2-color-neutral-900, #1a1a1a),
840
+ page-sidebar-border-color: var(--a2-color-neutral-700, #404040),
841
+ page-sidebar-shadow-color: #ffffff14,
842
+ page-sidebar-header-background-color: var(--a2-color-neutral-900, #1a1a1a),
843
+ page-sidebar-adaptive-trigger-container-background-color: var(--a2-color-neutral-900, #1a1a1a),
844
+ page-sidebar-adaptive-trigger-container-shadow-color: #ffffff14,
845
+ page-sidebar-adaptive-trigger-foreground-color: var(--a2-color-neutral-0, #ffffff),
846
+ page-sidebar-adaptive-trigger-background-color: var(--a2-color-neutral-700, #404040),
847
+ page-toggle-button-background-color: var(--a2-color-neutral-900, #1a1a1a),
848
+ page-toggle-button-background-color-hover: var(--a2-color-neutral-800, #292929),
849
+ page-toggle-button-background-color-active: var(--a2-color-neutral-700, #404040),
850
+ page-toggle-button-border-color: var(--a2-color-neutral-700, #404040),
851
+ page-panel-background-color: var(--a2-color-neutral-900, #1a1a1a),
852
+ page-panel-border-color: var(--a2-color-neutral-700, #404040),
853
+ pagination-foreground-color: var(--a2-color-neutral-0, #ffffff),
854
+ pagination-items-per-page-button-background-color: var(--a2-color-neutral-900, #1a1a1a),
855
+ pagination-items-per-page-button-border-color: var(--a2-color-neutral-600, #545454),
856
+ popover-content-foreground-color: var(--a2-color-neutral-0, #ffffff),
857
+ popover-content-background-color: var(--a2-color-neutral-800, #292929),
858
+ popover-content-border-color: var(--a2-color-neutral-700, #404040),
859
+ popover-content-shadow-color: #ffffff14,
860
+ popover-arrow-fill-color: var(--a2-color-neutral-800, #292929),
861
+ popover-arrow-stroke-color: var(--a2-color-neutral-700, #404040),
862
+ progress-bar-track-background-color: var(--a2-color-neutral-700, #404040),
863
+ progress-bar-fill-background-color-info: var(--a2-color-blue-300, #70b1ff),
864
+ progress-bar-fill-background-color-success: var(--a2-color-green-400, #0bd085),
865
+ progress-bar-fill-background-color-error: var(--a2-color-red-400, #ff5b3d),
866
+ progress-bar-check-icon-foreground-color: var(--a2-color-green-400, #0bd085),
867
+ progress-bar-error-icon-foreground-color: var(--a2-color-red-400, #ff5b3d),
868
+ radio-default-checked-foreground-color: var(--a2-color-neutral-0, #ffffff),
869
+ radio-default-checked-icon-background-color: var(--a2-background-color-transparent-primary, "rgba(0, 0, 0, 0)"),
870
+ radio-default-checked-icon-background-color-hover: #70b1ff1A,
871
+ radio-default-checked-icon-background-color-active: #70b1ff40,
872
+ radio-default-checked-icon-color: var(--a2-color-blue-300, #70b1ff),
873
+ radio-default-checked-icon-color-hover: var(--a2-color-blue-200, #9ecaff),
874
+ radio-default-checked-icon-color-active: var(--a2-color-blue-200, #9ecaff),
875
+ radio-default-checked-icon-color-disabled: var(--a2-color-neutral-200, #c4c4c4),
876
+ radio-default-unchecked-foreground-color: var(--a2-color-neutral-0, #ffffff),
877
+ radio-default-unchecked-icon-background-color: var(--a2-background-color-transparent-default, "rgba(0, 0, 0, 0)"),
878
+ radio-default-unchecked-icon-background-color-hover: #ffffff14,
879
+ radio-default-unchecked-icon-background-color-active: #ffffff29,
880
+ radio-default-unchecked-icon-color: var(--a2-color-neutral-0, #ffffff),
881
+ radio-default-unchecked-icon-color-hover: var(--a2-color-neutral-0, #ffffff),
882
+ radio-default-unchecked-icon-color-active: var(--a2-color-neutral-0, #ffffff),
883
+ radio-default-unchecked-icon-color-disabled: var(--a2-color-neutral-200, #c4c4c4),
884
+ radio-default-focus-ring-color: var(--a2-color-blue-300, #70b1ff),
885
+ radio-error-checked-foreground-color: var(--a2-color-neutral-0, #ffffff),
886
+ radio-error-checked-icon-background-color: var(--a2-background-color-transparent-danger, "rgba(0, 0, 0, 0)"),
887
+ radio-error-checked-icon-background-color-hover: #ff86701A,
888
+ radio-error-checked-icon-background-color-active: #ff867040,
889
+ radio-error-checked-icon-color: var(--a2-color-red-400, #ff5b3d),
890
+ radio-error-checked-icon-color-hover: var(--a2-color-red-300, #ff8670),
891
+ radio-error-checked-icon-color-active: var(--a2-color-red-200, #ffac9e),
892
+ radio-error-checked-icon-color-disabled: var(--a2-color-neutral-200, #c4c4c4),
893
+ radio-error-unchecked-foreground-color: var(--a2-color-neutral-0, #ffffff),
894
+ radio-error-unchecked-icon-background-color: var(--a2-background-color-transparent-danger, "rgba(0, 0, 0, 0)"),
895
+ radio-error-unchecked-icon-background-color-hover: #ff86701A,
896
+ radio-error-unchecked-icon-background-color-active: #ff867040,
897
+ radio-error-unchecked-icon-color: var(--a2-color-red-400, #ff5b3d),
898
+ radio-error-unchecked-icon-color-hover: var(--a2-color-red-300, #ff8670),
899
+ radio-error-unchecked-icon-color-active: var(--a2-color-red-200, #ffac9e),
900
+ radio-error-unchecked-icon-color-disabled: var(--a2-color-neutral-200, #c4c4c4),
901
+ radio-error-focus-ring-color: var(--a2-color-red-400, #ff5b3d),
902
+ segmented-control-background-color: var(--a2-color-neutral-700, #404040),
903
+ segmented-control-segment-background-color: rgba(0, 0, 0, 0),
904
+ segmented-control-segment-background-color-hover: #ffffff14,
905
+ segmented-control-segment-background-color-active: #ffffff29,
906
+ segmented-control-button-foreground-color: var(--a2-color-neutral-0, #ffffff),
907
+ segmented-control-button-background-color: var(--a2-color-neutral-900, #1a1a1a),
908
+ segmented-control-border-color: var(--a2-color-neutral-700, #404040),
909
+ segmented-control-shadow-color: #ffffff14,
910
+ segmented-control-focus-ring-color: var(--a2-color-blue-300, #70b1ff),
911
+ select-card-unchecked-foreground-color: var(--a2-color-blue-300, #70b1ff),
912
+ select-card-unchecked-foreground-color-hover: var(--a2-color-blue-200, #9ecaff),
913
+ select-card-unchecked-foreground-color-active: var(--a2-color-blue-200, #9ecaff),
914
+ select-card-unchecked-default-background-color: var(--a2-color-neutral-900, #1a1a1a),
915
+ select-card-unchecked-default-background-color-hover: var(--a2-color-neutral-800, #292929),
916
+ select-card-unchecked-default-background-color-active: var(--a2-color-neutral-700, #404040),
917
+ select-card-unchecked-strong-background-color: var(--a2-color-neutral-800, #292929),
918
+ select-card-unchecked-strong-background-color-hover: var(--a2-color-neutral-700, #404040),
919
+ select-card-unchecked-strong-background-color-active: var(--a2-color-neutral-600, #545454),
920
+ select-card-unchecked-stronger-background-color: var(--a2-color-neutral-700, #404040),
921
+ select-card-unchecked-stronger-background-color-hover: var(--a2-color-neutral-600, #545454),
922
+ select-card-unchecked-stronger-background-color-active: var(--a2-color-neutral-500, #707070),
923
+ select-card-unchecked-icon-color: var(--a2-color-neutral-0, #ffffff),
924
+ select-card-unchecked-icon-color-disabled: var(--a2-color-neutral-200, #c4c4c4),
925
+ select-card-unchecked-border-color: var(--a2-color-neutral-700, #404040),
926
+ select-card-unchecked-focus-ring-color: var(--a2-color-blue-300, #70b1ff),
927
+ select-card-unchecked-shadow-color: #ffffff14,
928
+ select-card-checked-foreground-color: var(--a2-color-blue-300, #70b1ff),
929
+ select-card-checked-foreground-color-hover: var(--a2-color-blue-200, #9ecaff),
930
+ select-card-checked-foreground-color-active: var(--a2-color-blue-200, #9ecaff),
931
+ select-card-checked-default-background-color: var(--a2-color-neutral-900, #1a1a1a),
932
+ select-card-checked-default-background-color-hover: var(--a2-color-neutral-800, #292929),
933
+ select-card-checked-default-background-color-active: var(--a2-color-neutral-700, #404040),
934
+ select-card-checked-strong-background-color: var(--a2-color-neutral-800, #292929),
935
+ select-card-checked-strong-background-color-hover: var(--a2-color-neutral-700, #404040),
936
+ select-card-checked-strong-background-color-active: var(--a2-color-neutral-600, #545454),
937
+ select-card-checked-stronger-background-color: var(--a2-color-neutral-700, #404040),
938
+ select-card-checked-stronger-background-color-hover: var(--a2-color-neutral-600, #545454),
939
+ select-card-checked-stronger-background-color-active: var(--a2-color-neutral-500, #707070),
940
+ select-card-checked-icon-color: var(--a2-color-blue-300, #70b1ff),
941
+ select-card-checked-icon-color-disabled: var(--a2-color-neutral-200, #c4c4c4),
942
+ select-card-checked-border-color: var(--a2-color-neutral-80, #e6e6e6),
943
+ select-card-checked-focus-ring-color: var(--a2-color-blue-300, #70b1ff),
944
+ select-card-checked-shadow-color: #ffffff14,
945
+ select-card-checked-error-foreground-color: var(--a2-color-blue-300, #70b1ff),
946
+ select-card-checked-error-foreground-color-hover: var(--a2-color-blue-200, #9ecaff),
947
+ select-card-checked-error-foreground-color-active: var(--a2-color-blue-200, #9ecaff),
948
+ select-card-checked-error-default-background-color: var(--a2-color-neutral-900, #1a1a1a),
949
+ select-card-checked-error-default-background-color-hover: var(--a2-color-neutral-800, #292929),
950
+ select-card-checked-error-default-background-color-active: var(--a2-color-neutral-700, #404040),
951
+ select-card-checked-error-strong-background-color: var(--a2-color-neutral-800, #292929),
952
+ select-card-checked-error-strong-background-color-hover: var(--a2-color-neutral-700, #404040),
953
+ select-card-checked-error-strong-background-color-active: var(--a2-color-neutral-600, #545454),
954
+ select-card-checked-error-stronger-background-color: var(--a2-color-neutral-700, #404040),
955
+ select-card-checked-error-stronger-background-color-hover: var(--a2-color-neutral-600, #545454),
956
+ select-card-checked-error-stronger-background-color-active: var(--a2-color-neutral-500, #707070),
957
+ select-card-checked-error-icon-color: var(--a2-color-red-400, #ff5b3d),
958
+ select-card-checked-error-icon-color-disabled: var(--a2-color-neutral-200, #c4c4c4),
959
+ select-card-checked-error-border-color: var(--a2-color-red-200, #ffac9e),
960
+ select-card-checked-error-focus-ring-color: var(--a2-color-red-400, #ff5b3d),
961
+ select-card-checked-error-shadow-color: #ffffff14,
962
+ side-nav-link-default-foreground-color: var(--a2-color-neutral-0, #ffffff),
963
+ side-nav-link-default-foreground-color-hover: var(--a2-color-neutral-0, #ffffff),
964
+ side-nav-link-default-foreground-color-active: var(--a2-color-neutral-0, #ffffff),
965
+ side-nav-link-default-foreground-color-disabled: var(--a2-color-neutral-200, #c4c4c4),
966
+ side-nav-link-default-background-color: rgba(0, 0, 0, 0),
967
+ side-nav-link-default-background-color-hover: #ffffff14,
968
+ side-nav-link-default-background-color-active: #ffffff29,
969
+ side-nav-link-default-background-color-disabled: var(--a2-background-color-transparent-default, "rgba(0, 0, 0, 0)"),
970
+ side-nav-link-default-focus-ring-color: var(--a2-color-blue-300, #70b1ff),
971
+ side-nav-link-active-foreground-color: var(--a2-color-blue-300, #70b1ff),
972
+ side-nav-link-active-foreground-color-hover: var(--a2-color-blue-200, #9ecaff),
973
+ side-nav-link-active-foreground-color-active: var(--a2-color-blue-200, #9ecaff),
974
+ side-nav-link-active-foreground-color-disabled: var(--a2-color-neutral-200, #c4c4c4),
975
+ side-nav-link-active-background-color: #70b1ff33,
976
+ side-nav-link-active-background-color-hover: #70b1ff4D,
977
+ side-nav-link-active-background-color-active: #70b1ff66,
978
+ side-nav-link-active-background-color-disabled: var(--a2-background-color-transparent-default, "rgba(0, 0, 0, 0)"),
979
+ side-nav-link-active-focus-ring-color: var(--a2-color-blue-300, #70b1ff),
980
+ side-nav-group-foreground-color: var(--a2-color-neutral-200, #c4c4c4),
981
+ skeleton-background-color: var(--a2-color-neutral-700, #404040),
982
+ skeleton-pulse-color: #ffffff14,
983
+ spinner-foreground-color-primary: var(--a2-color-blue-300, #70b1ff),
984
+ spinner-foreground-color-current: currentColor,
985
+ spinner-track-foreground-color: #ffffff14,
986
+ spinner-arc-foreground-color: currentColor,
987
+ status-icon-info-fill-color: var(--a2-color-blue-400, #3d95ff),
988
+ status-icon-info-stroke-color: var(--a2-color-blue-400, #3d95ff),
989
+ status-icon-success-fill-color: var(--a2-color-green-400, #0bd085),
990
+ status-icon-success-stroke-color: var(--a2-color-green-400, #0bd085),
991
+ status-icon-warning-fill-color: var(--a2-color-yellow-400, #ffc902),
992
+ status-icon-warning-stroke-color: var(--a2-color-yellow-400, #ffc902),
993
+ status-icon-danger-fill-color: var(--a2-color-red-400, #ff5b3d),
994
+ status-icon-danger-stroke-color: var(--a2-color-red-400, #ff5b3d),
995
+ stepper-focus-ring-color: var(--a2-color-blue-300, #70b1ff),
996
+ stepper-step-default-label-foreground-color: var(--a2-color-neutral-0, #ffffff),
997
+ stepper-step-default-link-foreground-color: var(--a2-color-blue-300, #70b1ff),
998
+ stepper-step-default-background-color: var(--a2-color-blue-300, #70b1ff),
999
+ stepper-step-default-foreground-color: var(--a2-color-neutral-900, #1a1a1a),
1000
+ stepper-step-default-track-color: var(--a2-color-neutral-700, #404040),
1001
+ stepper-step-default-circle-background-color: var(--a2-color-neutral-900, #1a1a1a),
1002
+ stepper-step-default-circle-border-color: var(--a2-color-neutral-600, #545454),
1003
+ stepper-step-default-circle-icon-color: var(--a2-color-neutral-900, #1a1a1a),
1004
+ stepper-step-current-label-foreground-color: var(--a2-color-neutral-0, #ffffff),
1005
+ stepper-step-current-background-color: var(--a2-color-blue-300, #70b1ff),
1006
+ stepper-step-current-foreground-color: var(--a2-color-neutral-900, #1a1a1a),
1007
+ stepper-step-current-track-color: var(--a2-color-neutral-700, #404040),
1008
+ stepper-step-current-circle-background-color: var(--a2-color-neutral-900, #1a1a1a),
1009
+ stepper-step-current-circle-border-color: var(--a2-color-blue-300, #70b1ff),
1010
+ stepper-step-current-circle-icon-color: var(--a2-color-neutral-900, #1a1a1a),
1011
+ stepper-step-complete-label-foreground-color: var(--a2-color-neutral-0, #ffffff),
1012
+ stepper-step-complete-link-foreground-color: var(--a2-color-blue-300, #70b1ff),
1013
+ stepper-step-complete-background-color: var(--a2-color-blue-300, #70b1ff),
1014
+ stepper-step-complete-foreground-color: var(--a2-color-neutral-900, #1a1a1a),
1015
+ stepper-step-complete-track-color: var(--a2-color-neutral-700, #404040),
1016
+ stepper-step-complete-circle-background-color: var(--a2-color-blue-300, #70b1ff),
1017
+ stepper-step-complete-circle-border-color: var(--a2-color-blue-300, #70b1ff),
1018
+ stepper-step-complete-circle-icon-color: var(--a2-color-neutral-900, #1a1a1a),
1019
+ switch-unchecked-background-color: var(--a2-color-neutral-500, #707070),
1020
+ switch-unchecked-background-color-hover: var(--a2-color-neutral-400, #8b8b8b),
1021
+ switch-unchecked-background-color-active: var(--a2-color-neutral-300, #a8a8a8),
1022
+ switch-unchecked-background-color-disabled: var(--a2-color-neutral-500, #707070),
1023
+ switch-unchecked-thumb-background-color: var(--a2-color-neutral-900, #1a1a1a),
1024
+ switch-unchecked-thumb-shadow-color: #ffffff3D,
1025
+ switch-checked-background-color: var(--a2-color-blue-300, #70b1ff),
1026
+ switch-checked-background-color-hover: var(--a2-color-blue-200, #9ecaff),
1027
+ switch-checked-background-color-active: var(--a2-color-blue-100, #cce3ff),
1028
+ switch-checked-background-color-disabled: var(--a2-color-neutral-500, #707070),
1029
+ switch-checked-thumb-check-color: var(--a2-color-blue-300, #70b1ff),
1030
+ switch-checked-thumb-check-color-hover: var(--a2-color-blue-200, #9ecaff),
1031
+ switch-checked-thumb-check-color-active: var(--a2-color-blue-200, #9ecaff),
1032
+ switch-checked-thumb-check-color-disabled: var(--a2-color-neutral-500, #707070),
1033
+ switch-checked-thumb-background-color: var(--a2-color-neutral-900, #1a1a1a),
1034
+ switch-checked-thumb-shadow-color: #ffffff3D,
1035
+ switch-focus-ring-color: var(--a2-color-blue-300, #70b1ff),
1036
+ tab-border-color: var(--a2-color-neutral-700, #404040),
1037
+ tab-overflow-button-background-color: var(--a2-color-neutral-800, #292929),
1038
+ tab-button-foreground-color: var(--a2-color-neutral-0, #ffffff),
1039
+ tab-button-foreground-color-hover: var(--a2-color-neutral-0, #ffffff),
1040
+ tab-button-foreground-color-active: var(--a2-color-neutral-0, #ffffff),
1041
+ tab-button-background-color: rgba(0, 0, 0, 0),
1042
+ tab-button-background-color-hover: #ffffff14,
1043
+ tab-button-background-color-active: #ffffff29,
1044
+ tab-button-selected-indicator-background-color: var(--a2-color-neutral-0, #ffffff),
1045
+ tab-button-focus-ring-color: var(--a2-color-blue-300, #70b1ff),
1046
+ text-field-input-foreground-color: var(--a2-color-neutral-0, #ffffff),
1047
+ text-field-input-placeholder-foreground-color: var(--a2-color-neutral-200, #c4c4c4),
1048
+ text-field-input-wrapper-background-color: var(--a2-color-neutral-900, #1a1a1a),
1049
+ text-field-input-wrapper-background-color-disabled: var(--a2-color-neutral-800, #292929),
1050
+ text-field-input-wrapper-border-color-default: var(--a2-color-neutral-600, #545454),
1051
+ text-field-input-wrapper-border-color-danger: var(--a2-color-red-200, #ffac9e),
1052
+ text-field-focus-ring-color-default: var(--a2-color-blue-300, #70b1ff),
1053
+ text-field-focus-ring-color-danger: var(--a2-color-red-400, #ff5b3d),
1054
+ text-foreground-color: var(--a2-color-neutral-0, #ffffff),
1055
+ text-foreground-color-subdued: var(--a2-color-neutral-200, #c4c4c4),
1056
+ text-focus-ring-color: var(--a2-color-blue-300, #70b1ff),
1057
+ toast-collapse-button-background-color: var(--a2-color-neutral-20, #f9f9f9),
1058
+ toast-collapse-button-background-color-hover: var(--a2-color-neutral-0, #ffffff),
1059
+ toast-collapse-button-foreground-color: var(--a2-color-neutral-900, #1a1a1a),
1060
+ toast-collapse-button-foreground-color-hover: var(--a2-color-neutral-900, #1a1a1a),
1061
+ toast-shadow-color: #ffffff14,
1062
+ toast-focus-ring-color: var(--a2-color-blue-300, #70b1ff),
1063
+ toolbar-background-color: var(--a2-background-color-transparent-default, "rgba(0, 0, 0, 0)"),
1064
+ toolbar-background-color-hover: #ffffff14,
1065
+ toolbar-toggle-border-color-primary: var(--a2-color-neutral-900, #1a1a1a),
1066
+ toolbar-toggle-border-color-subdued: #70b1ff33,
1067
+ toolbar-toggle-border-color-subdued-active: #70b1ff66,
1068
+ toolbar-toggle-border-color-subdued-hover: #70b1ff4D,
1069
+ tooltip-foreground-color: var(--a2-color-neutral-900, #1a1a1a),
1070
+ tooltip-background-color: var(--a2-color-neutral-0, #ffffff),
1071
+ tooltip-shadow-color: #ffffff14,
132
1072
  );
133
1073
  $nonColor: (
134
- button-primary-border-radius: 0.375rem,
135
- button-secondary-border-radius: 0.375rem,
136
- button-ghost-border-radius: 0.375rem,
137
- button-danger-primary-border-radius: 0.375rem,
138
- button-danger-secondary-border-radius: 0.375rem,
1074
+ ai-mark-primary-background-gradient: "linear-gradient(90deg, var(--a2-color-blue-600, #0265dc) 0%, var(--a2-color-cyan-300, #45d8f2) 100%)",
1075
+ button-primary-border-radius: var(--a2-border-radius-medium, var(--a2-radius-2, 0.375rem)),
1076
+ button-secondary-border-radius: var(--a2-border-radius-medium, var(--a2-radius-2, 0.375rem)),
1077
+ button-ghost-border-radius: var(--a2-border-radius-medium, var(--a2-radius-2, 0.375rem)),
1078
+ button-danger-primary-border-radius: var(--a2-border-radius-medium, var(--a2-radius-2, 0.375rem)),
1079
+ button-danger-secondary-border-radius: var(--a2-border-radius-medium, var(--a2-radius-2, 0.375rem)),
1080
+ checkbox-border-radius: var(--a2-border-radius-small, var(--a2-radius-1, 0.1875rem)),
1081
+ combobox-item-disabled-opacity: var(--a2-opacity-disabled, 0.6),
1082
+ dialog-backdrop-opacity: 0.6,
1083
+ edit-card-indicator-border-style: solid,
1084
+ edit-card-indicator-border-width: var(--a2-size-quarter, 0.0625rem),
1085
+ edit-card-indicator-size: var(--a2-size-4, 1rem),
1086
+ edit-card-default-border-inline-start-width: var(--a2-size-quarter, 0.0625rem),
1087
+ edit-card-default-indicator-border-style: dashed,
1088
+ edit-card-in-progress-border-inline-start-width: 0.375rem,
1089
+ edit-card-complete-border-inline-start-width: 0.375rem,
1090
+ edit-card-error-border-inline-start-width: 0.375rem,
1091
+ progress-bar-border-radius: var(--a2-border-radius-medium, var(--a2-radius-2, 0.375rem)),
1092
+ radio-border-radius: var(--a2-border-radius-circular, 100%),
1093
+ toast-stack-gradient-top-background: "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%)",
1094
+ toast-stack-gradient-bottom-background: "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%)",
1095
+ toast-stack-gradient-bottom-mask: "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%)",
139
1096
  );