@servicetitan/anvil2 3.0.0 → 3.0.2

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 (365) hide show
  1. package/CHANGELOG.md +45 -0
  2. package/README.md +8 -6
  3. package/dist/{AiMark-B1-M3ZgP.js → AiMark-DiMotaq3.js} +3 -3
  4. package/dist/{AiMark-B1-M3ZgP.js.map → AiMark-DiMotaq3.js.map} +1 -1
  5. package/dist/AiMark.css +3 -3
  6. package/dist/AiMark.js +1 -1
  7. package/dist/{Alert-DmbqtMg_.js → Alert-DhhVURcl.js} +2 -2
  8. package/dist/{Alert-DmbqtMg_.js.map → Alert-DhhVURcl.js.map} +1 -1
  9. package/dist/Alert.css +1 -1
  10. package/dist/Alert.js +1 -1
  11. package/dist/Announcement.css +1 -1
  12. package/dist/AnvilProvider.css +1 -2
  13. package/dist/{Avatar-NbFc4Ovc.js → Avatar-BmNcLUg-.js} +2 -2
  14. package/dist/{Avatar-NbFc4Ovc.js.map → Avatar-BmNcLUg-.js.map} +1 -1
  15. package/dist/{Avatar-B4hRHku9.js → Avatar-Cw8B8xZV.js} +2 -2
  16. package/dist/Avatar-Cw8B8xZV.js.map +1 -0
  17. package/dist/Avatar.css +2 -2
  18. package/dist/Avatar.js +2 -2
  19. package/dist/Badge.css +1 -1
  20. package/dist/{Breadcrumbs-CYmciJ1D.js → Breadcrumbs-vvKOtFwN.js} +2 -2
  21. package/dist/{Breadcrumbs-CYmciJ1D.js.map → Breadcrumbs-vvKOtFwN.js.map} +1 -1
  22. package/dist/Breadcrumbs.css +1 -1
  23. package/dist/Breadcrumbs.js +1 -1
  24. package/dist/Button.css +1 -1
  25. package/dist/ButtonCompound.css +1 -1
  26. package/dist/ButtonToggle.css +1 -1
  27. package/dist/{Calendar-BAbAagIx.js → Calendar-BLvBN8Ou.js} +2 -2
  28. package/dist/{Calendar-BAbAagIx.js.map → Calendar-BLvBN8Ou.js.map} +1 -1
  29. package/dist/{Calendar-CaCMa_jq.js → Calendar-Dtn07sfJ.js} +2 -2
  30. package/dist/{Calendar-CaCMa_jq.js.map → Calendar-Dtn07sfJ.js.map} +1 -1
  31. package/dist/Calendar.css +2 -2
  32. package/dist/Calendar.js +2 -2
  33. package/dist/Card.css +1 -1
  34. package/dist/{Checkbox-BSAS8-DM.js → Checkbox-BngBrjEV.js} +3 -3
  35. package/dist/{Checkbox-BSAS8-DM.js.map → Checkbox-BngBrjEV.js.map} +1 -1
  36. package/dist/{Checkbox-Ckl8EFpF.js → Checkbox-lSwl_u26.js} +2 -2
  37. package/dist/{Checkbox-Ckl8EFpF.js.map → Checkbox-lSwl_u26.js.map} +1 -1
  38. package/dist/Checkbox.css +1 -1
  39. package/dist/Checkbox.js +1 -1
  40. package/dist/{Chip-CR5i8mQW.js → Chip-DBn3KRak.js} +3 -3
  41. package/dist/{Chip-CR5i8mQW.js.map → Chip-DBn3KRak.js.map} +1 -1
  42. package/dist/Chip.css +1 -1
  43. package/dist/Chip.js +1 -1
  44. package/dist/{Combobox-BffGTugd.js → Combobox-BqhvHG9H.js} +5 -5
  45. package/dist/{Combobox-BffGTugd.js.map → Combobox-BqhvHG9H.js.map} +1 -1
  46. package/dist/Combobox.css +1 -1
  47. package/dist/Combobox.js +1 -1
  48. package/dist/{DataTable-D9Xj1nq5.js → DataTable-CB-exG-7.js} +1173 -142
  49. package/dist/DataTable-CB-exG-7.js.map +1 -0
  50. package/dist/DataTable.css +274 -118
  51. package/dist/{DateFieldRange-DPTC3EZz.js → DateFieldRange-Ci-OHK6g.js} +4 -4
  52. package/dist/{DateFieldRange-DPTC3EZz.js.map → DateFieldRange-Ci-OHK6g.js.map} +1 -1
  53. package/dist/DateFieldRange.js +1 -1
  54. package/dist/{DateFieldSingle-w1G-zd9G.js → DateFieldSingle-JOEy4kSL.js} +4 -4
  55. package/dist/{DateFieldSingle-w1G-zd9G.js.map → DateFieldSingle-JOEy4kSL.js.map} +1 -1
  56. package/dist/DateFieldSingle.js +1 -1
  57. package/dist/{DateFieldYearless-DHNVc7Sd.js → DateFieldYearless-CIqPup6O.js} +4 -4
  58. package/dist/{DateFieldYearless-DHNVc7Sd.js.map → DateFieldYearless-CIqPup6O.js.map} +1 -1
  59. package/dist/DateFieldYearless.js +1 -1
  60. package/dist/{DateFieldYearlessRange-C5ktVUgG.js → DateFieldYearlessRange-Cf11uZhk.js} +3 -3
  61. package/dist/{DateFieldYearlessRange-C5ktVUgG.js.map → DateFieldYearlessRange-Cf11uZhk.js.map} +1 -1
  62. package/dist/DateFieldYearlessRange.css +1 -1
  63. package/dist/DateFieldYearlessRange.js +1 -1
  64. package/dist/{DaysOfTheWeek-BubWkBZ0.js → DaysOfTheWeek-R2-y7cqh.js} +3 -3
  65. package/dist/{DaysOfTheWeek-BubWkBZ0.js.map → DaysOfTheWeek-R2-y7cqh.js.map} +1 -1
  66. package/dist/DaysOfTheWeek.css +1 -1
  67. package/dist/DaysOfTheWeek.js +1 -1
  68. package/dist/Details.css +1 -1
  69. package/dist/{Dialog-DGmF6qx3.js → Dialog-C3yST7Ly.js} +5 -5
  70. package/dist/Dialog-C3yST7Ly.js.map +1 -0
  71. package/dist/Dialog.css +1 -1
  72. package/dist/Dialog.js +1 -1
  73. package/dist/Divider.css +1 -1
  74. package/dist/Dnd.js +2 -1
  75. package/dist/Dnd.js.map +1 -1
  76. package/dist/DndHandleButton-Dgt9G-dF.js +43 -0
  77. package/dist/DndHandleButton-Dgt9G-dF.js.map +1 -0
  78. package/dist/DndHandleButton.css +22 -0
  79. package/dist/DndSort.css +1 -1
  80. package/dist/DndSort.js +2 -1
  81. package/dist/DndSort.js.map +1 -1
  82. package/dist/{Drawer-iewBy1DW.js → Drawer-CouIrQ8u.js} +6 -6
  83. package/dist/{Drawer-iewBy1DW.js.map → Drawer-CouIrQ8u.js.map} +1 -1
  84. package/dist/Drawer.css +1 -1
  85. package/dist/Drawer.js +1 -1
  86. package/dist/DrillDown.css +1 -1
  87. package/dist/DrillDown.js +1 -1
  88. package/dist/{EditCard-D7-Ye7R0.js → EditCard-DFBjxF9l.js} +2 -2
  89. package/dist/{EditCard-D7-Ye7R0.js.map → EditCard-DFBjxF9l.js.map} +1 -1
  90. package/dist/EditCard.css +1 -1
  91. package/dist/EditCard.js +1 -1
  92. package/dist/{FieldLabel-DZWu5dMp.js → FieldLabel-rHPbiyR3.js} +3 -3
  93. package/dist/{FieldLabel-DZWu5dMp.js.map → FieldLabel-rHPbiyR3.js.map} +1 -1
  94. package/dist/FieldLabel.css +2 -2
  95. package/dist/FieldLabel.js +1 -1
  96. package/dist/FieldMessage.css +1 -1
  97. package/dist/{Toolbar-C1_etxss.js → FilterBar-kVue-bVK.js} +127 -939
  98. package/dist/FilterBar-kVue-bVK.js.map +1 -0
  99. package/dist/FilterBar.css +59 -0
  100. package/dist/FilterBar.d.ts +6 -0
  101. package/dist/FilterBar.js +2 -0
  102. package/dist/FilterBar.js.map +1 -0
  103. package/dist/Flex.css +1 -1
  104. package/dist/Grid.css +1 -1
  105. package/dist/Helper.css +1 -1
  106. package/dist/Icon.css +1 -1
  107. package/dist/{InputMask-EwEJlW-t.js → InputMask-DxbFpzo7.js} +3 -3
  108. package/dist/{InputMask-EwEJlW-t.js.map → InputMask-DxbFpzo7.js.map} +1 -1
  109. package/dist/InputMask.js +1 -1
  110. package/dist/InteractiveCard-KGs2b_al.js +119 -0
  111. package/dist/InteractiveCard-KGs2b_al.js.map +1 -0
  112. package/dist/InteractiveCard.css +22 -29
  113. package/dist/InteractiveCard.js +1 -1
  114. package/dist/Layout.css +1 -1
  115. package/dist/Link.css +1 -1
  116. package/dist/List.css +1 -1
  117. package/dist/{ListView-DBO9Bl1H.js → ListView-CYkuvkAy.js} +2 -2
  118. package/dist/{ListView-DBO9Bl1H.js.map → ListView-CYkuvkAy.js.map} +1 -1
  119. package/dist/ListView.css +1 -1
  120. package/dist/ListView.js +1 -1
  121. package/dist/{Listbox-DDlxpVu9.js → Listbox-BBrsMfO3.js} +2 -2
  122. package/dist/{Listbox-DDlxpVu9.js.map → Listbox-BBrsMfO3.js.map} +1 -1
  123. package/dist/Listbox.css +1 -1
  124. package/dist/Listbox.js +1 -1
  125. package/dist/Menu.css +1 -1
  126. package/dist/MultiSelectField.js +1 -1
  127. package/dist/{MultiSelectFieldSync-DZ3tm7zt.js → MultiSelectFieldSync-BWZQ4MFC.js} +5 -5
  128. package/dist/{MultiSelectFieldSync-DZ3tm7zt.js.map → MultiSelectFieldSync-BWZQ4MFC.js.map} +1 -1
  129. package/dist/MultiSelectFieldSync.css +1 -1
  130. package/dist/MultiSelectMenu.js +1 -1
  131. package/dist/{MultiSelectMenuSync-dgO9SmHi.js → MultiSelectMenuSync-Bl4ty0je.js} +4 -4
  132. package/dist/{MultiSelectMenuSync-dgO9SmHi.js.map → MultiSelectMenuSync-Bl4ty0je.js.map} +1 -1
  133. package/dist/{NumberField-DJbdyatF.js → NumberField-DMHJ2Cyi.js} +4 -5
  134. package/dist/NumberField-DMHJ2Cyi.js.map +1 -0
  135. package/dist/NumberField.css +1 -1
  136. package/dist/NumberField.js +1 -1
  137. package/dist/Overflow.css +2 -2
  138. package/dist/Overflow.js +1 -1
  139. package/dist/{Page-Be1Blwme.js → Page-Blw4TE5J.js} +9 -9
  140. package/dist/{Page-Be1Blwme.js.map → Page-Blw4TE5J.js.map} +1 -1
  141. package/dist/Page.css +1 -1
  142. package/dist/Page.js +1 -1
  143. package/dist/{Pagination-USDJM5vi.js → Pagination-DYNH3WeU.js} +2 -2
  144. package/dist/{Pagination-USDJM5vi.js.map → Pagination-DYNH3WeU.js.map} +1 -1
  145. package/dist/Pagination.css +6 -6
  146. package/dist/Pagination.js +1 -1
  147. package/dist/{Popover-CyB7yzSf.js → Popover-C_XdNvAZ.js} +2 -2
  148. package/dist/{Popover-CyB7yzSf.js.map → Popover-C_XdNvAZ.js.map} +1 -1
  149. package/dist/Popover.css +1 -1
  150. package/dist/Popover.js +1 -1
  151. package/dist/{ProgressBar-DSrjgLTx.js → ProgressBar-BwHaAD25.js} +2 -2
  152. package/dist/{ProgressBar-DSrjgLTx.js.map → ProgressBar-BwHaAD25.js.map} +1 -1
  153. package/dist/ProgressBar.css +1 -1
  154. package/dist/ProgressBar.js +1 -1
  155. package/dist/{Radio-CQaXJ72d.js → Radio-DJ6KgfcS.js} +2 -2
  156. package/dist/{Radio-CQaXJ72d.js.map → Radio-DJ6KgfcS.js.map} +1 -1
  157. package/dist/{Radio-DO4UhbBE.js → Radio-IksHWkBl.js} +3 -3
  158. package/dist/{Radio-DO4UhbBE.js.map → Radio-IksHWkBl.js.map} +1 -1
  159. package/dist/Radio.css +1 -1
  160. package/dist/Radio.js +1 -1
  161. package/dist/RichTextEditor-C_Boj8QP.js +30852 -0
  162. package/dist/RichTextEditor-C_Boj8QP.js.map +1 -0
  163. package/dist/RichTextEditor.css +178 -0
  164. package/dist/RichTextEditor.d.ts +2 -0
  165. package/dist/RichTextEditor.js +2 -0
  166. package/dist/RichTextEditor.js.map +1 -0
  167. package/dist/{SearchField-CsRGYZx3.js → SearchField-BKJOW-vI.js} +3 -10
  168. package/dist/SearchField-BKJOW-vI.js.map +1 -0
  169. package/dist/SearchField-BplvDpBG.js +13 -0
  170. package/dist/SearchField-BplvDpBG.js.map +1 -0
  171. package/dist/SearchField.css +1 -1
  172. package/dist/SearchField.js +1 -1
  173. package/dist/SegmentedControl.css +1 -1
  174. package/dist/{SelectCard-CtXwY8FZ.js → SelectCard-E-13CjHS.js} +3 -3
  175. package/dist/{SelectCard-CtXwY8FZ.js.map → SelectCard-E-13CjHS.js.map} +1 -1
  176. package/dist/SelectCard.css +1 -1
  177. package/dist/SelectCard.js +1 -1
  178. package/dist/SelectField.js +1 -1
  179. package/dist/{SelectFieldLabel-DLT5dKbx.js → SelectFieldLabel-C-MrQm-n.js} +2 -2
  180. package/dist/{SelectFieldLabel-DLT5dKbx.js.map → SelectFieldLabel-C-MrQm-n.js.map} +1 -1
  181. package/dist/{SelectFieldSync-C44hPeeS.js → SelectFieldSync-BbJFd_bV.js} +4 -4
  182. package/dist/{SelectFieldSync-C44hPeeS.js.map → SelectFieldSync-BbJFd_bV.js.map} +1 -1
  183. package/dist/SelectMenu.js +1 -1
  184. package/dist/{SelectMenuSync-V97oN85V.js → SelectMenuSync-CBMdmGTU.js} +4 -4
  185. package/dist/{SelectMenuSync-V97oN85V.js.map → SelectMenuSync-CBMdmGTU.js.map} +1 -1
  186. package/dist/{SelectOptions-CDoo4AUu.js → SelectOptions-BT9OCfPh.js} +2 -2
  187. package/dist/{SelectOptions-CDoo4AUu.js.map → SelectOptions-BT9OCfPh.js.map} +1 -1
  188. package/dist/{SelectTrigger-BWN3Tx43.js → SelectTrigger-DtyxYDzP.js} +3 -3
  189. package/dist/{SelectTrigger-BWN3Tx43.js.map → SelectTrigger-DtyxYDzP.js.map} +1 -1
  190. package/dist/SelectTrigger.js +1 -1
  191. package/dist/{SelectTriggerBase-Do7lQ5rw.js → SelectTriggerBase-Xwq929Wr.js} +3 -3
  192. package/dist/{SelectTriggerBase-Do7lQ5rw.js.map → SelectTriggerBase-Xwq929Wr.js.map} +1 -1
  193. package/dist/SelectTriggerBase.css +1 -1
  194. package/dist/SideNav.css +1 -1
  195. package/dist/Skeleton.css +1 -1
  196. package/dist/Spinner.css +1 -1
  197. package/dist/SrOnly.css +1 -1
  198. package/dist/StatusIcon.css +1 -1
  199. package/dist/Stepper.css +4 -4
  200. package/dist/{Switch-DeBu4Ucg.js → Switch-CElshQ9N.js} +2 -2
  201. package/dist/{Switch-DeBu4Ucg.js.map → Switch-CElshQ9N.js.map} +1 -1
  202. package/dist/Switch.css +1 -1
  203. package/dist/Switch.js +1 -1
  204. package/dist/Tab.css +1 -1
  205. package/dist/Table.js +1 -1
  206. package/dist/{Text-J5YtSSXY.js → Text-C0F8AkvH.js} +5 -5
  207. package/dist/Text-C0F8AkvH.js.map +1 -0
  208. package/dist/Text.css +1 -1
  209. package/dist/Text.js +1 -1
  210. package/dist/{TextField-CRDTnuUN.js → TextField-CLZEj0aI.js} +3 -3
  211. package/dist/{TextField-CRDTnuUN.js.map → TextField-CLZEj0aI.js.map} +1 -1
  212. package/dist/{TextField-YlMkDHp-.js → TextField-yL52fx5R.js} +2 -2
  213. package/dist/{TextField-YlMkDHp-.js.map → TextField-yL52fx5R.js.map} +1 -1
  214. package/dist/TextField.css +1 -1
  215. package/dist/TextField.js +1 -1
  216. package/dist/{Textarea-CxXmr_Gx.js → Textarea-CGgyvnM8.js} +3 -3
  217. package/dist/{Textarea-CxXmr_Gx.js.map → Textarea-CGgyvnM8.js.map} +1 -1
  218. package/dist/Textarea.css +1 -1
  219. package/dist/Textarea.js +1 -1
  220. package/dist/ThemeProvider.css +0 -1
  221. package/dist/{TimeField-DTg0CE5L.js → TimeField-BEvxjjFp.js} +4 -4
  222. package/dist/{TimeField-DTg0CE5L.js.map → TimeField-BEvxjjFp.js.map} +1 -1
  223. package/dist/TimeField.css +1 -1
  224. package/dist/TimeField.js +1 -1
  225. package/dist/TimezoneMessage.css +1 -1
  226. package/dist/Toast.js +2 -2
  227. package/dist/{Toaster-Bq42x6Gx.js → Toaster-DllJAOK8.js} +3 -3
  228. package/dist/{Toaster-Bq42x6Gx.js.map → Toaster-DllJAOK8.js.map} +1 -1
  229. package/dist/{Toaster-Dly3rfva.js → Toaster-DuadB8pq.js} +2 -2
  230. package/dist/{Toaster-Dly3rfva.js.map → Toaster-DuadB8pq.js.map} +1 -1
  231. package/dist/Toaster.css +1 -1
  232. package/dist/Toolbar-J5cakHba.js +588 -0
  233. package/dist/Toolbar-J5cakHba.js.map +1 -0
  234. package/dist/Toolbar-QYRQv45Y.js +780 -0
  235. package/dist/Toolbar-QYRQv45Y.js.map +1 -0
  236. package/dist/Toolbar.css +2 -96
  237. package/dist/Toolbar.js +2 -1
  238. package/dist/Toolbar.js.map +1 -1
  239. package/dist/{index2.css → Toolbar2.css} +1 -1
  240. package/dist/ToolbarButtonToggle-Ch0SH4oH.js +285 -0
  241. package/dist/ToolbarButtonToggle-Ch0SH4oH.js.map +1 -0
  242. package/dist/ToolbarButtonToggle.css +41 -0
  243. package/dist/{Tooltip-BlStOXN3.js → Tooltip-lBmgi5ZB.js} +7 -6
  244. package/dist/Tooltip-lBmgi5ZB.js.map +1 -0
  245. package/dist/Tooltip.css +7 -6
  246. package/dist/Tooltip.js +1 -1
  247. package/dist/{YearlessDateInputWithPicker-DyytWt0x.js → YearlessDateInputWithPicker-DryLX8sA.js} +2 -2
  248. package/dist/{YearlessDateInputWithPicker-DyytWt0x.js.map → YearlessDateInputWithPicker-DryLX8sA.js.map} +1 -1
  249. package/dist/YearlessDateInputWithPicker.css +2 -2
  250. package/dist/add-BcQkAUip.js +6 -0
  251. package/dist/add-BcQkAUip.js.map +1 -0
  252. package/dist/assets/css-utils/a2-border.css +23 -53
  253. package/dist/assets/css-utils/a2-color.css +221 -449
  254. package/dist/assets/css-utils/a2-font.css +21 -47
  255. package/dist/assets/css-utils/a2-spacing.css +238 -481
  256. package/dist/assets/css-utils/a2-utils.css +497 -1002
  257. package/dist/assets/css-utils/border.css +23 -53
  258. package/dist/assets/css-utils/color.css +221 -449
  259. package/dist/assets/css-utils/font.css +21 -47
  260. package/dist/assets/css-utils/spacing.css +238 -481
  261. package/dist/assets/css-utils/utils.css +497 -1002
  262. package/dist/assets/icons/st/unsorted.svg +1 -1
  263. package/dist/beta/components/FilterBar/FilterBar.d.ts +87 -0
  264. package/dist/beta/components/{Toolbar/Filters → FilterBar}/FilterToggleButton.d.ts +1 -1
  265. package/dist/beta/components/FilterBar/index.d.ts +3 -0
  266. package/dist/beta/components/{Toolbar/Filters → FilterBar}/internal/FilterGroupContext.d.ts +5 -5
  267. package/dist/beta/components/{Toolbar/Filters → FilterBar}/internal/types.d.ts +2 -2
  268. package/dist/beta/components/{Toolbar/Filters → FilterBar}/internal/utils/test.d.ts +1 -0
  269. package/dist/beta/components/InteractiveCard/InteractiveCard.d.ts +3 -1
  270. package/dist/beta/components/RichTextEditor/RichTextEditor.d.ts +27 -0
  271. package/dist/beta/components/RichTextEditor/index.d.ts +2 -0
  272. package/dist/beta/components/RichTextEditor/internal/LinkPopover.d.ts +14 -0
  273. package/dist/beta/components/RichTextEditor/internal/MentionList.d.ts +14 -0
  274. package/dist/beta/components/RichTextEditor/internal/MentionNodeView.d.ts +11 -0
  275. package/dist/beta/components/RichTextEditor/internal/MentionPopover.d.ts +16 -0
  276. package/dist/beta/components/RichTextEditor/internal/RichTextEditorContext.d.ts +57 -0
  277. package/dist/beta/components/RichTextEditor/internal/RichTextEditorDragHandle.d.ts +6 -0
  278. package/dist/beta/components/RichTextEditor/internal/RichTextEditorMockData.d.ts +8 -0
  279. package/dist/beta/components/RichTextEditor/internal/RichTextEditorProvider.d.ts +8 -0
  280. package/dist/beta/components/RichTextEditor/internal/RichTextEditorToolbar.d.ts +1 -0
  281. package/dist/beta/components/RichTextEditor/internal/YouTubeEmbedPrompt.d.ts +11 -0
  282. package/dist/beta/components/RichTextEditor/internal/YouTubePopover.d.ts +11 -0
  283. package/dist/beta/components/RichTextEditor/internal/extensions/ImageUploadExtension.d.ts +3 -0
  284. package/dist/beta/components/RichTextEditor/internal/extensions/LinkKeyboardShortcutExtension.d.ts +8 -0
  285. package/dist/beta/components/RichTextEditor/internal/extensions/MentionExtension.d.ts +18 -0
  286. package/dist/beta/components/RichTextEditor/internal/extensions/YoutubeExtension.d.ts +8 -0
  287. package/dist/beta/components/RichTextEditor/internal/useRichTextEditor.d.ts +32 -0
  288. package/dist/beta/components/RichTextEditor/types.d.ts +103 -0
  289. package/dist/beta/components/Table/DataTable/DataTable.d.ts +40 -1
  290. package/dist/beta/components/Table/DataTable/internal/DataTableBody.d.ts +22 -0
  291. package/dist/beta/components/Table/DataTable/internal/DataTableBodyRow.d.ts +18 -1
  292. package/dist/beta/components/Table/DataTable/internal/cells/CellFocusContext.d.ts +16 -0
  293. package/dist/beta/components/Table/DataTable/internal/editable-cells/DataTableEditableCustomCell.d.ts +8 -0
  294. package/dist/beta/components/Table/DataTable/internal/editable-cells/useCustomEditHelpers.d.ts +49 -0
  295. package/dist/beta/components/Table/DataTable/internal/useDataTableVirtualizer.d.ts +9 -5
  296. package/dist/beta/components/Table/DataTable/internal/util/cellTypeHelpers.d.ts +3 -0
  297. package/dist/beta/components/Table/DataTable/internal/util/getTanStackColumnDef.d.ts +13 -1
  298. package/dist/beta/components/Table/createColumnHelper.d.ts +48 -22
  299. package/dist/beta/components/Table/internal/getCommonPinningClasses.d.ts +1 -1
  300. package/dist/beta/components/Table/types.d.ts +311 -7
  301. package/dist/beta/components/Toolbar/Toolbar.d.ts +0 -54
  302. package/dist/beta/components/Toolbar/index.d.ts +0 -1
  303. package/dist/beta/components/index.d.ts +2 -0
  304. package/dist/beta.js +13 -10
  305. package/dist/beta.js.map +1 -1
  306. package/dist/components/Toolbar/internal/utils/accessibility.d.ts +5 -0
  307. package/dist/getKeyboardFocusableElements-B_U9rt6y.js +11 -0
  308. package/dist/getKeyboardFocusableElements-B_U9rt6y.js.map +1 -0
  309. package/dist/index-DUzqzmOX.js +17044 -0
  310. package/dist/index-DUzqzmOX.js.map +1 -0
  311. package/dist/index-DtsM4pjR.js +71 -0
  312. package/dist/index-DtsM4pjR.js.map +1 -0
  313. package/dist/index.css +1 -22
  314. package/dist/index.js +49 -813
  315. package/dist/index.js.map +1 -1
  316. package/dist/internal/components/Surface/Surface.d.ts +141 -0
  317. package/dist/internal/components/Surface/index.d.ts +1 -0
  318. package/dist/internal/components/index.d.ts +1 -0
  319. package/dist/internal/functions/getKeyboardFocusableElements.d.ts +11 -0
  320. package/dist/{stripInlineMarkdown-BWbMy7r_.js → stripInlineMarkdown-BOi-eJO3.js} +2 -2
  321. package/dist/{stripInlineMarkdown-BWbMy7r_.js.map → stripInlineMarkdown-BOi-eJO3.js.map} +1 -1
  322. package/dist/{syncFilterUtils-BLcRXQfd.js → syncFilterUtils-Gvm81gyv.js} +5 -5
  323. package/dist/{syncFilterUtils-BLcRXQfd.js.map → syncFilterUtils-Gvm81gyv.js.map} +1 -1
  324. package/dist/syncFilterUtils.css +4 -4
  325. package/dist/token/core/css-utils/a2-border.css +0 -30
  326. package/dist/token/core/css-utils/a2-color.css +0 -228
  327. package/dist/token/core/css-utils/a2-font.css +1 -27
  328. package/dist/token/core/css-utils/a2-spacing.css +1 -244
  329. package/dist/token/core/css-utils/a2-utils.css +0 -505
  330. package/dist/token/core/css-utils/border.css +0 -30
  331. package/dist/token/core/css-utils/color.css +0 -228
  332. package/dist/token/core/css-utils/font.css +1 -27
  333. package/dist/token/core/css-utils/spacing.css +1 -244
  334. package/dist/token/core/css-utils/utils.css +0 -505
  335. package/dist/{useDrilldown-D5WWJRU2.js → useDrilldown-6SfknQ2s.js} +3 -3
  336. package/dist/{useDrilldown-D5WWJRU2.js.map → useDrilldown-6SfknQ2s.js.map} +1 -1
  337. package/dist/{useInitialFocus-BUxEDMEG.js → useInitialFocus-BIvXK1Rp.js} +2 -2
  338. package/dist/{useInitialFocus-BUxEDMEG.js.map → useInitialFocus-BIvXK1Rp.js.map} +1 -1
  339. package/dist/{usePopoverTransitionStates-CDXCdyKa.js → usePopoverTransitionStates-B1opfxxn.js} +1 -2
  340. package/dist/{usePopoverTransitionStates-CDXCdyKa.js.map → usePopoverTransitionStates-B1opfxxn.js.map} +1 -1
  341. package/dist/{useToggleSelection-D_2qS0P1.js → useToggleSelection-odFvSS5t.js} +2 -2
  342. package/dist/{useToggleSelection-D_2qS0P1.js.map → useToggleSelection-odFvSS5t.js.map} +1 -1
  343. package/package.json +26 -11
  344. package/dist/Avatar-B4hRHku9.js.map +0 -1
  345. package/dist/DataTable-D9Xj1nq5.js.map +0 -1
  346. package/dist/Dialog-DGmF6qx3.js.map +0 -1
  347. package/dist/InteractiveCard-CnW0m_F-.js +0 -87
  348. package/dist/InteractiveCard-CnW0m_F-.js.map +0 -1
  349. package/dist/NumberField-DJbdyatF.js.map +0 -1
  350. package/dist/SearchField-CsRGYZx3.js.map +0 -1
  351. package/dist/Text-J5YtSSXY.js.map +0 -1
  352. package/dist/Toolbar-C1_etxss.js.map +0 -1
  353. package/dist/Tooltip-BlStOXN3.js.map +0 -1
  354. package/dist/beta/components/Toolbar/Filters/FilterGroup.d.ts +0 -25
  355. package/dist/getKeyboardFocusableElements-QqcABz0D.js +0 -12
  356. package/dist/getKeyboardFocusableElements-QqcABz0D.js.map +0 -1
  357. package/dist/index-ByMdotWU.js +0 -107
  358. package/dist/index-ByMdotWU.js.map +0 -1
  359. /package/dist/beta/components/{Toolbar/Filters → FilterBar}/FilterButton.d.ts +0 -0
  360. /package/dist/beta/components/{Toolbar/Filters → FilterBar}/FilterDateRange.d.ts +0 -0
  361. /package/dist/beta/components/{Toolbar/Filters → FilterBar}/FilterDateSingle.d.ts +0 -0
  362. /package/dist/beta/components/{Toolbar/Filters → FilterBar}/FilterDrawer.d.ts +0 -0
  363. /package/dist/beta/components/{Toolbar/Filters → FilterBar}/FilterItemWrapper.d.ts +0 -0
  364. /package/dist/beta/components/{Toolbar/Filters → FilterBar}/FilterSelect.d.ts +0 -0
  365. /package/dist/beta/components/{Toolbar/Filters → FilterBar}/internal/utils/filter-state.d.ts +0 -0
package/dist/assets/css-utils/a2-color.css CHANGED
@@ -1,451 +1,223 @@
1
- @layer starter, reset, base, state, application;
2
-
3
- .a2-bg-danger {background-color: var(--a2-background-color-danger, var(--a2-status-color-danger, var(--a2-color-red-600, #d62100)))}
4
- .a2-bg-danger-active {background-color: var(--a2-background-color-danger-active, var(--a2-color-red-800, #731100))}
5
- .a2-bg-danger-faint {background-color: var(--a2-background-color-danger-faint, var(--a2-color-red-10, #fffbfa))}
6
- .a2-bg-danger-faint-active {background-color: var(--a2-background-color-danger-faint-active, var(--a2-color-red-100, #ffd4cc))}
7
- .a2-bg-danger-faint-hover {background-color: var(--a2-background-color-danger-faint-hover, var(--a2-color-red-50, #ffe9e5))}
8
- .a2-bg-danger-hover {background-color: var(--a2-background-color-danger-hover, var(--a2-color-red-700, #a31900))}
9
- .a2-bg-danger-subdued {background-color: var(--a2-background-color-danger-subdued, var(--a2-color-red-50, #ffe9e5))}
10
- .a2-bg-danger-subdued-active {background-color: var(--a2-background-color-danger-subdued-active, var(--a2-color-red-200, #ffac9e))}
11
- .a2-bg-danger-subdued-hover {background-color: var(--a2-background-color-danger-subdued-hover, var(--a2-color-red-100, #ffd4cc))}
12
- .a2-bg-default {background-color: var(--a2-background-color-default, var(--a2-color-neutral-0, #ffffff))}
13
- .a2-bg-default-active {background-color: var(--a2-background-color-default-active, var(--a2-color-neutral-40, #f1f1f1))}
14
- .a2-bg-default-hover {background-color: var(--a2-background-color-default-hover, var(--a2-color-neutral-20, #f9f9f9))}
15
- .a2-bg-disabled {background-color: var(--a2-background-color-disabled, var(--a2-color-neutral-600, #545454))}
16
- .a2-bg-inverted {background-color: var(--a2-background-color-inverted, var(--a2-color-neutral-800, #292929))}
17
- .a2-bg-inverted-active {background-color: var(--a2-background-color-inverted-active, var(--a2-color-neutral-800, #292929))}
18
- .a2-bg-inverted-hover {background-color: var(--a2-background-color-inverted-hover, var(--a2-color-neutral-800, #292929))}
19
- .a2-bg-inverted-strong {background-color: var(--a2-background-color-inverted-strong, var(--a2-color-neutral-900, #1a1a1a))}
20
- .a2-bg-inverted-strong-active {background-color: var(--a2-background-color-inverted-strong-active, var(--a2-color-neutral-900, #1a1a1a))}
21
- .a2-bg-inverted-strong-hover {background-color: var(--a2-background-color-inverted-strong-hover, var(--a2-color-neutral-900, #1a1a1a))}
22
- .a2-bg-primary {background-color: var(--a2-background-color-primary, var(--a2-status-color-info, var(--a2-color-blue-600, #0265dc)))}
23
- .a2-bg-primary-active {background-color: var(--a2-background-color-primary-active, var(--a2-color-blue-800, #003472))}
24
- .a2-bg-primary-faint {background-color: var(--a2-background-color-primary-faint, var(--a2-color-blue-10, #fafcff))}
25
- .a2-bg-primary-faint-active {background-color: var(--a2-background-color-primary-faint-active, var(--a2-color-blue-100, #cce3ff))}
26
- .a2-bg-primary-faint-hover {background-color: var(--a2-background-color-primary-faint-hover, var(--a2-color-blue-50, #e6f1ff))}
27
- .a2-bg-primary-hover {background-color: var(--a2-background-color-primary-hover, var(--a2-color-blue-700, #1d4ca3))}
28
- .a2-bg-primary-subdued {background-color: var(--a2-background-color-primary-subdued, var(--a2-color-blue-50, #e6f1ff))}
29
- .a2-bg-primary-subdued-active {background-color: var(--a2-background-color-primary-subdued-active, var(--a2-color-blue-200, #9ecaff))}
30
- .a2-bg-primary-subdued-hover {background-color: var(--a2-background-color-primary-subdued-hover, var(--a2-color-blue-100, #cce3ff))}
31
- .a2-bg-secondary {background-color: var(--a2-background-color-secondary, color-mix(in srgb, var(--a2-color-neutral-950, #040404) 6%, transparent))}
32
- .a2-bg-secondary-active {background-color: var(--a2-background-color-secondary-active, color-mix(in srgb, var(--a2-color-neutral-950, #040404) 16%, transparent))}
33
- .a2-bg-secondary-hover {background-color: var(--a2-background-color-secondary-hover, color-mix(in srgb, var(--a2-color-neutral-950, #040404) 8%, transparent))}
34
- .a2-bg-secondary-strong {background-color: var(--a2-background-color-secondary-strong, color-mix(in srgb, var(--a2-color-neutral-950, #040404) 15%, transparent))}
35
- .a2-bg-secondary-strong-active {background-color: var(--a2-background-color-secondary-strong-active, color-mix(in srgb, var(--a2-color-neutral-950, #040404) 30%, transparent))}
36
- .a2-bg-secondary-strong-hover {background-color: var(--a2-background-color-secondary-strong-hover, color-mix(in srgb, var(--a2-color-neutral-950, #040404) 25%, transparent))}
37
- .a2-bg-status-danger {background-color: var(--a2-status-color-danger, var(--a2-color-red-600, #d62100))}
38
- .a2-bg-status-info {background-color: var(--a2-status-color-info, var(--a2-color-blue-600, #0265dc))}
39
- .a2-bg-status-success {background-color: var(--a2-status-color-success, var(--a2-color-green-600, #077e50))}
40
- .a2-bg-status-warning {background-color: var(--a2-status-color-warning, var(--a2-color-yellow-500, #ffbe00))}
41
- .a2-bg-strong {background-color: var(--a2-background-color-strong, var(--a2-color-neutral-20, #f9f9f9))}
42
- .a2-bg-strong-active {background-color: var(--a2-background-color-strong-active, var(--a2-color-neutral-70, #e8e8e8))}
43
- .a2-bg-strong-hover {background-color: var(--a2-background-color-strong-hover, var(--a2-color-neutral-50, #eeeeee))}
44
- .a2-bg-stronger {background-color: var(--a2-background-color-stronger, var(--a2-color-neutral-50, #eeeeee))}
45
- .a2-bg-stronger-active {background-color: var(--a2-background-color-stronger-active, var(--a2-color-neutral-100, #dfdfdf))}
46
- .a2-bg-stronger-hover {background-color: var(--a2-background-color-stronger-hover, var(--a2-color-neutral-90, #e5e5e5))}
47
- .a2-bg-strongest {background-color: var(--a2-background-color-strongest, var(--a2-color-neutral-200, #c4c4c4))}
48
- .a2-bg-strongest-active {background-color: var(--a2-background-color-strongest-active, var(--a2-color-neutral-400, #8b8b8b))}
49
- .a2-bg-strongest-hover {background-color: var(--a2-background-color-strongest-hover, var(--a2-color-neutral-300, #a8a8a8))}
50
- .a2-bg-success {background-color: var(--a2-background-color-success, var(--a2-status-color-success, var(--a2-color-green-600, #077e50)))}
51
- .a2-bg-success-active {background-color: var(--a2-background-color-success-active, var(--a2-color-green-800, #04482e))}
52
- .a2-bg-success-faint {background-color: var(--a2-background-color-success-faint, var(--a2-color-green-10, #f5fefb))}
53
- .a2-bg-success-faint-active {background-color: var(--a2-background-color-success-faint-active, var(--a2-color-green-100, #b8f5dd))}
54
- .a2-bg-success-faint-hover {background-color: var(--a2-background-color-success-faint-hover, var(--a2-color-green-50, #d3fded))}
55
- .a2-bg-success-hover {background-color: var(--a2-background-color-success-hover, var(--a2-color-green-700, #05613e))}
56
- .a2-bg-success-subdued {background-color: var(--a2-background-color-success-subdued, var(--a2-color-green-50, #d3fded))}
57
- .a2-bg-success-subdued-active {background-color: var(--a2-background-color-success-subdued-active, var(--a2-color-green-200, #70ebbc))}
58
- .a2-bg-success-subdued-hover {background-color: var(--a2-background-color-success-subdued-hover, var(--a2-color-green-100, #b8f5dd))}
59
- .a2-bg-transparent-danger {background-color: var(--a2-background-color-transparent-danger, rgba(0, 0, 0, 0))}
60
- .a2-bg-transparent-danger-active {background-color: var(--a2-background-color-transparent-danger-active, color-mix(in srgb, var(--a2-color-red-500, #ff3914) 30%, transparent))}
61
- .a2-bg-transparent-danger-hover {background-color: var(--a2-background-color-transparent-danger-hover, color-mix(in srgb, var(--a2-color-red-500, #ff3914) 10%, transparent))}
62
- .a2-bg-transparent-default {background-color: var(--a2-background-color-transparent-default, rgba(0, 0, 0, 0))}
63
- .a2-bg-transparent-default-active {background-color: var(--a2-background-color-transparent-default-active, color-mix(in srgb, var(--a2-color-neutral-400, #8b8b8b) 16%, transparent))}
64
- .a2-bg-transparent-default-hover {background-color: var(--a2-background-color-transparent-default-hover, color-mix(in srgb, var(--a2-color-neutral-400, #8b8b8b) 8%, transparent))}
65
- .a2-bg-transparent-primary {background-color: var(--a2-background-color-transparent-primary, rgba(0, 0, 0, 0))}
66
- .a2-bg-transparent-primary-active {background-color: var(--a2-background-color-transparent-primary-active, color-mix(in srgb, var(--a2-color-blue-500, #1a82ff) 30%, transparent))}
67
- .a2-bg-transparent-primary-hover {background-color: var(--a2-background-color-transparent-primary-hover, color-mix(in srgb, var(--a2-color-blue-500, #1a82ff) 10%, transparent))}
68
- .a2-bg-warning {background-color: var(--a2-background-color-warning, var(--a2-status-color-warning, var(--a2-color-yellow-500, #ffbe00)))}
69
- .a2-bg-warning-active {background-color: var(--a2-background-color-warning-active, var(--a2-color-yellow-600, #de9500))}
70
- .a2-bg-warning-faint {background-color: var(--a2-background-color-warning-faint, var(--a2-color-yellow-10, #fffef8))}
71
- .a2-bg-warning-faint-active {background-color: var(--a2-background-color-warning-faint-active, var(--a2-color-yellow-100, #fff9e2))}
72
- .a2-bg-warning-faint-hover {background-color: var(--a2-background-color-warning-faint-hover, var(--a2-color-yellow-50, #fffcf0))}
73
- .a2-bg-warning-hover {background-color: var(--a2-background-color-warning-hover, var(--a2-color-yellow-600, #de9500))}
74
- .a2-bg-warning-subdued {background-color: var(--a2-background-color-warning-subdued, var(--a2-color-yellow-100, #fff9e2))}
75
- .a2-bg-warning-subdued-active {background-color: var(--a2-background-color-warning-subdued-active, var(--a2-color-yellow-300, #ffe278))}
76
- .a2-bg-warning-subdued-hover {background-color: var(--a2-background-color-warning-subdued-hover, var(--a2-color-yellow-200, #fff0b1))}
77
- .a2-border-color-danger {border-color: var(--a2-border-color-danger, var(--a2-color-red-600, #d62100))}
78
- .a2-border-color-default {border-color: var(--a2-border-color-default, var(--a2-color-neutral-400, #8b8b8b))}
79
- .a2-border-color-primary {border-color: var(--a2-border-color-primary, var(--a2-color-blue-600, #0265dc))}
80
- .a2-border-color-status-info {border-color: var(--a2-status-color-info, var(--a2-color-blue-600, #0265dc))}
81
- .a2-border-color-status-success {border-color: var(--a2-status-color-success, var(--a2-color-green-600, #077e50))}
82
- .a2-border-color-status-warning {border-color: var(--a2-status-color-warning, var(--a2-color-yellow-500, #ffbe00))}
83
- .a2-border-color-strong {border-color: var(--a2-border-color-strong, var(--a2-color-neutral-700, #404040))}
84
- .a2-border-color-subdued {border-color: var(--a2-border-color-subdued, var(--a2-color-neutral-80, #e6e6e6))}
85
- .a2-border-color-success {border-color: var(--a2-border-color-success, var(--a2-color-green-600, #077e50))}
86
- .a2-border-color-warning {border-color: var(--a2-border-color-warning, var(--a2-color-yellow-700, #c98600))}
87
- .a2-c-danger {color: var(--a2-foreground-color-danger, var(--a2-color-red-600, #d62100))}
88
- .a2-c-danger-active {color: var(--a2-foreground-color-danger-active, var(--a2-color-red-800, #731100))}
89
- .a2-c-danger-hover {color: var(--a2-foreground-color-danger-hover, var(--a2-color-red-700, #a31900))}
90
- .a2-c-default {color: var(--a2-foreground-color-default, var(--a2-color-neutral-950, #040404))}
91
- .a2-c-default-active {color: var(--a2-foreground-color-default-active, var(--a2-color-neutral-950, #040404))}
92
- .a2-c-default-hover {color: var(--a2-foreground-color-default-hover, var(--a2-color-neutral-950, #040404))}
93
- .a2-c-inverted {color: var(--a2-foreground-color-inverted, var(--a2-color-neutral-0, #ffffff))}
94
- .a2-c-on-danger {color: var(--a2-foreground-color-on-danger, var(--a2-color-neutral-0, #ffffff))}
95
- .a2-c-on-danger-active {color: var(--a2-foreground-color-on-danger-active, var(--a2-color-neutral-0, #ffffff))}
96
- .a2-c-on-danger-hover {color: var(--a2-foreground-color-on-danger-hover, var(--a2-color-neutral-0, #ffffff))}
97
- .a2-c-on-danger-subdued {color: var(--a2-foreground-color-on-danger-subdued, var(--a2-color-red-700, #a31900))}
98
- .a2-c-on-danger-subdued-active {color: var(--a2-foreground-color-on-danger-subdued-active, var(--a2-color-red-900, #470b00))}
99
- .a2-c-on-danger-subdued-hover {color: var(--a2-foreground-color-on-danger-subdued-hover, var(--a2-color-red-800, #731100))}
100
- .a2-c-on-primary {color: var(--a2-foreground-color-on-primary, var(--a2-color-neutral-0, #ffffff))}
101
- .a2-c-on-primary-active {color: var(--a2-foreground-color-on-primary-active, var(--a2-color-neutral-0, #ffffff))}
102
- .a2-c-on-primary-hover {color: var(--a2-foreground-color-on-primary-hover, var(--a2-color-neutral-0, #ffffff))}
103
- .a2-c-on-success {color: var(--a2-foreground-color-on-success, var(--a2-color-neutral-0, #ffffff))}
104
- .a2-c-on-warning {color: var(--a2-foreground-color-on-warning, var(--a2-color-neutral-900, #1a1a1a))}
105
- .a2-c-primary {color: var(--a2-foreground-color-primary, var(--a2-color-blue-600, #0265dc))}
106
- .a2-c-primary-active {color: var(--a2-foreground-color-primary-active, var(--a2-color-blue-800, #003472))}
107
- .a2-c-primary-hover {color: var(--a2-foreground-color-primary-hover, var(--a2-color-blue-700, #1d4ca3))}
108
- .a2-c-status-danger {color: var(--a2-status-color-danger, var(--a2-color-red-600, #d62100))}
109
- .a2-c-status-info {color: var(--a2-status-color-info, var(--a2-color-blue-600, #0265dc))}
110
- .a2-c-status-success {color: var(--a2-status-color-success, var(--a2-color-green-600, #077e50))}
111
- .a2-c-status-warning {color: var(--a2-status-color-warning, var(--a2-color-yellow-500, #ffbe00))}
112
- .a2-c-subdued {color: var(--a2-foreground-color-subdued, var(--a2-color-neutral-500, #707070))}
113
- .a2-c-subdued-active {color: var(--a2-foreground-color-subdued-active, var(--a2-color-neutral-600, #545454))}
114
- .a2-c-subdued-hover {color: var(--a2-foreground-color-subdued-hover, var(--a2-color-neutral-500, #707070))}
1
+ .anvil2 .a2-bg-danger {background-color: var(--a2-background-color-danger, var(--a2-status-color-danger, var(--a2-color-red-600, #d62100)))}
2
+ .anvil2 .a2-bg-danger-active {background-color: var(--a2-background-color-danger-active, var(--a2-color-red-800, #731100))}
3
+ .anvil2 .a2-bg-danger-faint {background-color: var(--a2-background-color-danger-faint, var(--a2-color-red-10, #fffbfa))}
4
+ .anvil2 .a2-bg-danger-faint-active {background-color: var(--a2-background-color-danger-faint-active, var(--a2-color-red-100, #ffd4cc))}
5
+ .anvil2 .a2-bg-danger-faint-hover {background-color: var(--a2-background-color-danger-faint-hover, var(--a2-color-red-50, #ffe9e5))}
6
+ .anvil2 .a2-bg-danger-hover {background-color: var(--a2-background-color-danger-hover, var(--a2-color-red-700, #a31900))}
7
+ .anvil2 .a2-bg-danger-subdued {background-color: var(--a2-background-color-danger-subdued, var(--a2-color-red-50, #ffe9e5))}
8
+ .anvil2 .a2-bg-danger-subdued-active {background-color: var(--a2-background-color-danger-subdued-active, var(--a2-color-red-200, #ffac9e))}
9
+ .anvil2 .a2-bg-danger-subdued-hover {background-color: var(--a2-background-color-danger-subdued-hover, var(--a2-color-red-100, #ffd4cc))}
10
+ .anvil2 .a2-bg-default {background-color: var(--a2-background-color-default, var(--a2-color-neutral-0, #ffffff))}
11
+ .anvil2 .a2-bg-default-active {background-color: var(--a2-background-color-default-active, var(--a2-color-neutral-40, #f1f1f1))}
12
+ .anvil2 .a2-bg-default-hover {background-color: var(--a2-background-color-default-hover, var(--a2-color-neutral-20, #f9f9f9))}
13
+ .anvil2 .a2-bg-disabled {background-color: var(--a2-background-color-disabled, var(--a2-color-neutral-600, #545454))}
14
+ .anvil2 .a2-bg-inverted {background-color: var(--a2-background-color-inverted, var(--a2-color-neutral-800, #292929))}
15
+ .anvil2 .a2-bg-inverted-active {background-color: var(--a2-background-color-inverted-active, var(--a2-color-neutral-800, #292929))}
16
+ .anvil2 .a2-bg-inverted-hover {background-color: var(--a2-background-color-inverted-hover, var(--a2-color-neutral-800, #292929))}
17
+ .anvil2 .a2-bg-inverted-strong {background-color: var(--a2-background-color-inverted-strong, var(--a2-color-neutral-900, #1a1a1a))}
18
+ .anvil2 .a2-bg-inverted-strong-active {background-color: var(--a2-background-color-inverted-strong-active, var(--a2-color-neutral-900, #1a1a1a))}
19
+ .anvil2 .a2-bg-inverted-strong-hover {background-color: var(--a2-background-color-inverted-strong-hover, var(--a2-color-neutral-900, #1a1a1a))}
20
+ .anvil2 .a2-bg-primary {background-color: var(--a2-background-color-primary, var(--a2-status-color-info, var(--a2-color-blue-600, #0265dc)))}
21
+ .anvil2 .a2-bg-primary-active {background-color: var(--a2-background-color-primary-active, var(--a2-color-blue-800, #003472))}
22
+ .anvil2 .a2-bg-primary-faint {background-color: var(--a2-background-color-primary-faint, var(--a2-color-blue-10, #fafcff))}
23
+ .anvil2 .a2-bg-primary-faint-active {background-color: var(--a2-background-color-primary-faint-active, var(--a2-color-blue-100, #cce3ff))}
24
+ .anvil2 .a2-bg-primary-faint-hover {background-color: var(--a2-background-color-primary-faint-hover, var(--a2-color-blue-50, #e6f1ff))}
25
+ .anvil2 .a2-bg-primary-hover {background-color: var(--a2-background-color-primary-hover, var(--a2-color-blue-700, #1d4ca3))}
26
+ .anvil2 .a2-bg-primary-subdued {background-color: var(--a2-background-color-primary-subdued, var(--a2-color-blue-50, #e6f1ff))}
27
+ .anvil2 .a2-bg-primary-subdued-active {background-color: var(--a2-background-color-primary-subdued-active, var(--a2-color-blue-200, #9ecaff))}
28
+ .anvil2 .a2-bg-primary-subdued-hover {background-color: var(--a2-background-color-primary-subdued-hover, var(--a2-color-blue-100, #cce3ff))}
29
+ .anvil2 .a2-bg-secondary {background-color: var(--a2-background-color-secondary, color-mix(in srgb, var(--a2-color-neutral-950, #040404) 6%, transparent))}
30
+ .anvil2 .a2-bg-secondary-active {background-color: var(--a2-background-color-secondary-active, color-mix(in srgb, var(--a2-color-neutral-950, #040404) 16%, transparent))}
31
+ .anvil2 .a2-bg-secondary-hover {background-color: var(--a2-background-color-secondary-hover, color-mix(in srgb, var(--a2-color-neutral-950, #040404) 8%, transparent))}
32
+ .anvil2 .a2-bg-secondary-strong {background-color: var(--a2-background-color-secondary-strong, color-mix(in srgb, var(--a2-color-neutral-950, #040404) 15%, transparent))}
33
+ .anvil2 .a2-bg-secondary-strong-active {background-color: var(--a2-background-color-secondary-strong-active, color-mix(in srgb, var(--a2-color-neutral-950, #040404) 30%, transparent))}
34
+ .anvil2 .a2-bg-secondary-strong-hover {background-color: var(--a2-background-color-secondary-strong-hover, color-mix(in srgb, var(--a2-color-neutral-950, #040404) 25%, transparent))}
35
+ .anvil2 .a2-bg-status-danger {background-color: var(--a2-status-color-danger, var(--a2-color-red-600, #d62100))}
36
+ .anvil2 .a2-bg-status-info {background-color: var(--a2-status-color-info, var(--a2-color-blue-600, #0265dc))}
37
+ .anvil2 .a2-bg-status-success {background-color: var(--a2-status-color-success, var(--a2-color-green-600, #077e50))}
38
+ .anvil2 .a2-bg-status-warning {background-color: var(--a2-status-color-warning, var(--a2-color-yellow-500, #ffbe00))}
39
+ .anvil2 .a2-bg-strong {background-color: var(--a2-background-color-strong, var(--a2-color-neutral-20, #f9f9f9))}
40
+ .anvil2 .a2-bg-strong-active {background-color: var(--a2-background-color-strong-active, var(--a2-color-neutral-70, #e8e8e8))}
41
+ .anvil2 .a2-bg-strong-hover {background-color: var(--a2-background-color-strong-hover, var(--a2-color-neutral-50, #eeeeee))}
42
+ .anvil2 .a2-bg-stronger {background-color: var(--a2-background-color-stronger, var(--a2-color-neutral-50, #eeeeee))}
43
+ .anvil2 .a2-bg-stronger-active {background-color: var(--a2-background-color-stronger-active, var(--a2-color-neutral-100, #dfdfdf))}
44
+ .anvil2 .a2-bg-stronger-hover {background-color: var(--a2-background-color-stronger-hover, var(--a2-color-neutral-90, #e5e5e5))}
45
+ .anvil2 .a2-bg-strongest {background-color: var(--a2-background-color-strongest, var(--a2-color-neutral-200, #c4c4c4))}
46
+ .anvil2 .a2-bg-strongest-active {background-color: var(--a2-background-color-strongest-active, var(--a2-color-neutral-400, #8b8b8b))}
47
+ .anvil2 .a2-bg-strongest-hover {background-color: var(--a2-background-color-strongest-hover, var(--a2-color-neutral-300, #a8a8a8))}
48
+ .anvil2 .a2-bg-success {background-color: var(--a2-background-color-success, var(--a2-status-color-success, var(--a2-color-green-600, #077e50)))}
49
+ .anvil2 .a2-bg-success-active {background-color: var(--a2-background-color-success-active, var(--a2-color-green-800, #04482e))}
50
+ .anvil2 .a2-bg-success-faint {background-color: var(--a2-background-color-success-faint, var(--a2-color-green-10, #f5fefb))}
51
+ .anvil2 .a2-bg-success-faint-active {background-color: var(--a2-background-color-success-faint-active, var(--a2-color-green-100, #b8f5dd))}
52
+ .anvil2 .a2-bg-success-faint-hover {background-color: var(--a2-background-color-success-faint-hover, var(--a2-color-green-50, #d3fded))}
53
+ .anvil2 .a2-bg-success-hover {background-color: var(--a2-background-color-success-hover, var(--a2-color-green-700, #05613e))}
54
+ .anvil2 .a2-bg-success-subdued {background-color: var(--a2-background-color-success-subdued, var(--a2-color-green-50, #d3fded))}
55
+ .anvil2 .a2-bg-success-subdued-active {background-color: var(--a2-background-color-success-subdued-active, var(--a2-color-green-200, #70ebbc))}
56
+ .anvil2 .a2-bg-success-subdued-hover {background-color: var(--a2-background-color-success-subdued-hover, var(--a2-color-green-100, #b8f5dd))}
57
+ .anvil2 .a2-bg-transparent-danger {background-color: var(--a2-background-color-transparent-danger, rgba(0, 0, 0, 0))}
58
+ .anvil2 .a2-bg-transparent-danger-active {background-color: var(--a2-background-color-transparent-danger-active, color-mix(in srgb, var(--a2-color-red-500, #ff3914) 30%, transparent))}
59
+ .anvil2 .a2-bg-transparent-danger-hover {background-color: var(--a2-background-color-transparent-danger-hover, color-mix(in srgb, var(--a2-color-red-500, #ff3914) 10%, transparent))}
60
+ .anvil2 .a2-bg-transparent-default {background-color: var(--a2-background-color-transparent-default, rgba(0, 0, 0, 0))}
61
+ .anvil2 .a2-bg-transparent-default-active {background-color: var(--a2-background-color-transparent-default-active, color-mix(in srgb, var(--a2-color-neutral-400, #8b8b8b) 16%, transparent))}
62
+ .anvil2 .a2-bg-transparent-default-hover {background-color: var(--a2-background-color-transparent-default-hover, color-mix(in srgb, var(--a2-color-neutral-400, #8b8b8b) 8%, transparent))}
63
+ .anvil2 .a2-bg-transparent-primary {background-color: var(--a2-background-color-transparent-primary, rgba(0, 0, 0, 0))}
64
+ .anvil2 .a2-bg-transparent-primary-active {background-color: var(--a2-background-color-transparent-primary-active, color-mix(in srgb, var(--a2-color-blue-500, #1a82ff) 30%, transparent))}
65
+ .anvil2 .a2-bg-transparent-primary-hover {background-color: var(--a2-background-color-transparent-primary-hover, color-mix(in srgb, var(--a2-color-blue-500, #1a82ff) 10%, transparent))}
66
+ .anvil2 .a2-bg-warning {background-color: var(--a2-background-color-warning, var(--a2-status-color-warning, var(--a2-color-yellow-500, #ffbe00)))}
67
+ .anvil2 .a2-bg-warning-active {background-color: var(--a2-background-color-warning-active, var(--a2-color-yellow-600, #de9500))}
68
+ .anvil2 .a2-bg-warning-faint {background-color: var(--a2-background-color-warning-faint, var(--a2-color-yellow-10, #fffef8))}
69
+ .anvil2 .a2-bg-warning-faint-active {background-color: var(--a2-background-color-warning-faint-active, var(--a2-color-yellow-100, #fff9e2))}
70
+ .anvil2 .a2-bg-warning-faint-hover {background-color: var(--a2-background-color-warning-faint-hover, var(--a2-color-yellow-50, #fffcf0))}
71
+ .anvil2 .a2-bg-warning-hover {background-color: var(--a2-background-color-warning-hover, var(--a2-color-yellow-600, #de9500))}
72
+ .anvil2 .a2-bg-warning-subdued {background-color: var(--a2-background-color-warning-subdued, var(--a2-color-yellow-100, #fff9e2))}
73
+ .anvil2 .a2-bg-warning-subdued-active {background-color: var(--a2-background-color-warning-subdued-active, var(--a2-color-yellow-300, #ffe278))}
74
+ .anvil2 .a2-bg-warning-subdued-hover {background-color: var(--a2-background-color-warning-subdued-hover, var(--a2-color-yellow-200, #fff0b1))}
75
+ .anvil2 .a2-border-color-danger {border-color: var(--a2-border-color-danger, var(--a2-color-red-600, #d62100))}
76
+ .anvil2 .a2-border-color-default {border-color: var(--a2-border-color-default, var(--a2-color-neutral-400, #8b8b8b))}
77
+ .anvil2 .a2-border-color-primary {border-color: var(--a2-border-color-primary, var(--a2-color-blue-600, #0265dc))}
78
+ .anvil2 .a2-border-color-status-info {border-color: var(--a2-status-color-info, var(--a2-color-blue-600, #0265dc))}
79
+ .anvil2 .a2-border-color-status-success {border-color: var(--a2-status-color-success, var(--a2-color-green-600, #077e50))}
80
+ .anvil2 .a2-border-color-status-warning {border-color: var(--a2-status-color-warning, var(--a2-color-yellow-500, #ffbe00))}
81
+ .anvil2 .a2-border-color-strong {border-color: var(--a2-border-color-strong, var(--a2-color-neutral-700, #404040))}
82
+ .anvil2 .a2-border-color-subdued {border-color: var(--a2-border-color-subdued, var(--a2-color-neutral-80, #e6e6e6))}
83
+ .anvil2 .a2-border-color-success {border-color: var(--a2-border-color-success, var(--a2-color-green-600, #077e50))}
84
+ .anvil2 .a2-border-color-warning {border-color: var(--a2-border-color-warning, var(--a2-color-yellow-700, #c98600))}
85
+ .anvil2 .a2-c-danger {color: var(--a2-foreground-color-danger, var(--a2-color-red-600, #d62100))}
86
+ .anvil2 .a2-c-danger-active {color: var(--a2-foreground-color-danger-active, var(--a2-color-red-800, #731100))}
87
+ .anvil2 .a2-c-danger-hover {color: var(--a2-foreground-color-danger-hover, var(--a2-color-red-700, #a31900))}
88
+ .anvil2 .a2-c-default {color: var(--a2-foreground-color-default, var(--a2-color-neutral-950, #040404))}
89
+ .anvil2 .a2-c-default-active {color: var(--a2-foreground-color-default-active, var(--a2-color-neutral-950, #040404))}
90
+ .anvil2 .a2-c-default-hover {color: var(--a2-foreground-color-default-hover, var(--a2-color-neutral-950, #040404))}
91
+ .anvil2 .a2-c-inverted {color: var(--a2-foreground-color-inverted, var(--a2-color-neutral-0, #ffffff))}
92
+ .anvil2 .a2-c-on-danger {color: var(--a2-foreground-color-on-danger, var(--a2-color-neutral-0, #ffffff))}
93
+ .anvil2 .a2-c-on-danger-active {color: var(--a2-foreground-color-on-danger-active, var(--a2-color-neutral-0, #ffffff))}
94
+ .anvil2 .a2-c-on-danger-hover {color: var(--a2-foreground-color-on-danger-hover, var(--a2-color-neutral-0, #ffffff))}
95
+ .anvil2 .a2-c-on-danger-subdued {color: var(--a2-foreground-color-on-danger-subdued, var(--a2-color-red-700, #a31900))}
96
+ .anvil2 .a2-c-on-danger-subdued-active {color: var(--a2-foreground-color-on-danger-subdued-active, var(--a2-color-red-900, #470b00))}
97
+ .anvil2 .a2-c-on-danger-subdued-hover {color: var(--a2-foreground-color-on-danger-subdued-hover, var(--a2-color-red-800, #731100))}
98
+ .anvil2 .a2-c-on-primary {color: var(--a2-foreground-color-on-primary, var(--a2-color-neutral-0, #ffffff))}
99
+ .anvil2 .a2-c-on-primary-active {color: var(--a2-foreground-color-on-primary-active, var(--a2-color-neutral-0, #ffffff))}
100
+ .anvil2 .a2-c-on-primary-hover {color: var(--a2-foreground-color-on-primary-hover, var(--a2-color-neutral-0, #ffffff))}
101
+ .anvil2 .a2-c-on-success {color: var(--a2-foreground-color-on-success, var(--a2-color-neutral-0, #ffffff))}
102
+ .anvil2 .a2-c-on-warning {color: var(--a2-foreground-color-on-warning, var(--a2-color-neutral-900, #1a1a1a))}
103
+ .anvil2 .a2-c-primary {color: var(--a2-foreground-color-primary, var(--a2-color-blue-600, #0265dc))}
104
+ .anvil2 .a2-c-primary-active {color: var(--a2-foreground-color-primary-active, var(--a2-color-blue-800, #003472))}
105
+ .anvil2 .a2-c-primary-hover {color: var(--a2-foreground-color-primary-hover, var(--a2-color-blue-700, #1d4ca3))}
106
+ .anvil2 .a2-c-status-danger {color: var(--a2-status-color-danger, var(--a2-color-red-600, #d62100))}
107
+ .anvil2 .a2-c-status-info {color: var(--a2-status-color-info, var(--a2-color-blue-600, #0265dc))}
108
+ .anvil2 .a2-c-status-success {color: var(--a2-status-color-success, var(--a2-color-green-600, #077e50))}
109
+ .anvil2 .a2-c-status-warning {color: var(--a2-status-color-warning, var(--a2-color-yellow-500, #ffbe00))}
110
+ .anvil2 .a2-c-subdued {color: var(--a2-foreground-color-subdued, var(--a2-color-neutral-500, #707070))}
111
+ .anvil2 .a2-c-subdued-active {color: var(--a2-foreground-color-subdued-active, var(--a2-color-neutral-600, #545454))}
112
+ .anvil2 .a2-c-subdued-hover {color: var(--a2-foreground-color-subdued-hover, var(--a2-color-neutral-500, #707070))}
115
113
  @supports (color: light-dark(#fff, #000)) {
116
- .a2-bg-danger {background-color: var(--a2-background-color-danger, var(--a2-status-color-danger, light-dark(var(--a2-color-red-600, #d62100), var(--a2-color-red-400, #ff5b3d))))}
117
- .a2-bg-danger-active {background-color: var(--a2-background-color-danger-active, light-dark(var(--a2-color-red-800, #731100), var(--a2-color-red-200, #ffac9e)))}
118
- .a2-bg-danger-faint {background-color: var(--a2-background-color-danger-faint, light-dark(var(--a2-color-red-10, #fffbfa), var(--a2-color-red-950, #0a0200)))}
119
- .a2-bg-danger-faint-active {background-color: var(--a2-background-color-danger-faint-active, light-dark(var(--a2-color-red-100, #ffd4cc), var(--a2-color-red-700, #a31900)))}
120
- .a2-bg-danger-faint-hover {background-color: var(--a2-background-color-danger-faint-hover, light-dark(var(--a2-color-red-50, #ffe9e5), var(--a2-color-red-800, #731100)))}
121
- .a2-bg-danger-hover {background-color: var(--a2-background-color-danger-hover, light-dark(var(--a2-color-red-700, #a31900), var(--a2-color-red-300, #ff8670)))}
122
- .a2-bg-danger-subdued {background-color: var(--a2-background-color-danger-subdued, light-dark(var(--a2-color-red-50, #ffe9e5), color-mix(in srgb, var(--a2-color-red-300, #ff8670) 20%, transparent)))}
123
- .a2-bg-danger-subdued-active {background-color: var(--a2-background-color-danger-subdued-active, light-dark(var(--a2-color-red-200, #ffac9e), color-mix(in srgb, var(--a2-color-red-300, #ff8670) 40%, transparent)))}
124
- .a2-bg-danger-subdued-hover {background-color: var(--a2-background-color-danger-subdued-hover, light-dark(var(--a2-color-red-100, #ffd4cc), color-mix(in srgb, var(--a2-color-red-300, #ff8670) 30%, transparent)))}
125
- .a2-bg-default {background-color: var(--a2-background-color-default, light-dark(var(--a2-color-neutral-0, #ffffff), var(--a2-color-neutral-900, #1a1a1a)))}
126
- .a2-bg-default-active {background-color: var(--a2-background-color-default-active, light-dark(var(--a2-color-neutral-40, #f1f1f1), var(--a2-color-neutral-700, #404040)))}
127
- .a2-bg-default-hover {background-color: var(--a2-background-color-default-hover, light-dark(var(--a2-color-neutral-20, #f9f9f9), var(--a2-color-neutral-800, #292929)))}
128
- .a2-bg-disabled {background-color: var(--a2-background-color-disabled, light-dark(var(--a2-color-neutral-600, #545454), var(--a2-color-neutral-500, #707070)))}
129
- .a2-bg-inverted {background-color: var(--a2-background-color-inverted, light-dark(var(--a2-color-neutral-800, #292929), var(--a2-color-neutral-20, #f9f9f9)))}
130
- .a2-bg-inverted-active {background-color: var(--a2-background-color-inverted-active, light-dark(var(--a2-color-neutral-800, #292929), var(--a2-color-neutral-20, #f9f9f9)))}
131
- .a2-bg-inverted-hover {background-color: var(--a2-background-color-inverted-hover, light-dark(var(--a2-color-neutral-800, #292929), var(--a2-color-neutral-20, #f9f9f9)))}
132
- .a2-bg-inverted-strong {background-color: var(--a2-background-color-inverted-strong, light-dark(var(--a2-color-neutral-900, #1a1a1a), var(--a2-color-neutral-0, #ffffff)))}
133
- .a2-bg-inverted-strong-active {background-color: var(--a2-background-color-inverted-strong-active, light-dark(var(--a2-color-neutral-900, #1a1a1a), var(--a2-color-neutral-0, #ffffff)))}
134
- .a2-bg-inverted-strong-hover {background-color: var(--a2-background-color-inverted-strong-hover, light-dark(var(--a2-color-neutral-900, #1a1a1a), var(--a2-color-neutral-0, #ffffff)))}
135
- .a2-bg-primary {background-color: var(--a2-background-color-primary, var(--a2-status-color-info, light-dark(var(--a2-color-blue-600, #0265dc), var(--a2-color-blue-300, #70b1ff))))}
136
- .a2-bg-primary-active {background-color: var(--a2-background-color-primary-active, light-dark(var(--a2-color-blue-800, #003472), var(--a2-color-blue-100, #cce3ff)))}
137
- .a2-bg-primary-faint {background-color: var(--a2-background-color-primary-faint, light-dark(var(--a2-color-blue-10, #fafcff), var(--a2-color-blue-950, #000b19)))}
138
- .a2-bg-primary-faint-active {background-color: var(--a2-background-color-primary-faint-active, light-dark(var(--a2-color-blue-100, #cce3ff), var(--a2-color-blue-700, #1d4ca3)))}
139
- .a2-bg-primary-faint-hover {background-color: var(--a2-background-color-primary-faint-hover, light-dark(var(--a2-color-blue-50, #e6f1ff), var(--a2-color-blue-800, #003472)))}
140
- .a2-bg-primary-hover {background-color: var(--a2-background-color-primary-hover, light-dark(var(--a2-color-blue-700, #1d4ca3), var(--a2-color-blue-200, #9ecaff)))}
141
- .a2-bg-primary-subdued {background-color: var(--a2-background-color-primary-subdued, light-dark(var(--a2-color-blue-50, #e6f1ff), color-mix(in srgb, var(--a2-color-blue-300, #70b1ff) 20%, transparent)))}
142
- .a2-bg-primary-subdued-active {background-color: var(--a2-background-color-primary-subdued-active, light-dark(var(--a2-color-blue-200, #9ecaff), color-mix(in srgb, var(--a2-color-blue-300, #70b1ff) 40%, transparent)))}
143
- .a2-bg-primary-subdued-hover {background-color: var(--a2-background-color-primary-subdued-hover, light-dark(var(--a2-color-blue-100, #cce3ff), color-mix(in srgb, var(--a2-color-blue-300, #70b1ff) 30%, transparent)))}
144
- .a2-bg-secondary {background-color: var(--a2-background-color-secondary, light-dark(color-mix(in srgb, var(--a2-color-neutral-950, #040404) 6%, transparent), color-mix(in srgb, var(--a2-color-neutral-0, #ffffff) 8%, transparent)))}
145
- .a2-bg-secondary-active {background-color: var(--a2-background-color-secondary-active, light-dark(color-mix(in srgb, var(--a2-color-neutral-950, #040404) 16%, transparent), color-mix(in srgb, var(--a2-color-neutral-0, #ffffff) 16%, transparent)))}
146
- .a2-bg-secondary-hover {background-color: var(--a2-background-color-secondary-hover, light-dark(color-mix(in srgb, var(--a2-color-neutral-950, #040404) 8%, transparent), color-mix(in srgb, var(--a2-color-neutral-0, #ffffff) 12%, transparent)))}
147
- .a2-bg-secondary-strong {background-color: var(--a2-background-color-secondary-strong, light-dark(color-mix(in srgb, var(--a2-color-neutral-950, #040404) 15%, transparent), color-mix(in srgb, var(--a2-color-neutral-0, #ffffff) 55%, transparent)))}
148
- .a2-bg-secondary-strong-active {background-color: var(--a2-background-color-secondary-strong-active, light-dark(color-mix(in srgb, var(--a2-color-neutral-950, #040404) 30%, transparent), color-mix(in srgb, var(--a2-color-neutral-0, #ffffff) 75%, transparent)))}
149
- .a2-bg-secondary-strong-hover {background-color: var(--a2-background-color-secondary-strong-hover, light-dark(color-mix(in srgb, var(--a2-color-neutral-950, #040404) 25%, transparent), color-mix(in srgb, var(--a2-color-neutral-0, #ffffff) 65%, transparent)))}
150
- .a2-bg-status-danger {background-color: var(--a2-status-color-danger, light-dark(var(--a2-color-red-600, #d62100), var(--a2-color-red-400, #ff5b3d)))}
151
- .a2-bg-status-info {background-color: var(--a2-status-color-info, light-dark(var(--a2-color-blue-600, #0265dc), var(--a2-color-blue-300, #70b1ff)))}
152
- .a2-bg-status-success {background-color: var(--a2-status-color-success, light-dark(var(--a2-color-green-600, #077e50), var(--a2-color-green-400, #0bd085)))}
153
- .a2-bg-status-warning {background-color: var(--a2-status-color-warning, light-dark(var(--a2-color-yellow-500, #ffbe00), var(--a2-color-yellow-300, #ffe278)))}
154
- .a2-bg-strong {background-color: var(--a2-background-color-strong, light-dark(var(--a2-color-neutral-20, #f9f9f9), var(--a2-color-neutral-800, #292929)))}
155
- .a2-bg-strong-active {background-color: var(--a2-background-color-strong-active, light-dark(var(--a2-color-neutral-70, #e8e8e8), var(--a2-color-neutral-600, #545454)))}
156
- .a2-bg-strong-hover {background-color: var(--a2-background-color-strong-hover, light-dark(var(--a2-color-neutral-50, #eeeeee), var(--a2-color-neutral-700, #404040)))}
157
- .a2-bg-stronger {background-color: var(--a2-background-color-stronger, light-dark(var(--a2-color-neutral-50, #eeeeee), var(--a2-color-neutral-700, #404040)))}
158
- .a2-bg-stronger-active {background-color: var(--a2-background-color-stronger-active, light-dark(var(--a2-color-neutral-100, #dfdfdf), var(--a2-color-neutral-500, #707070)))}
159
- .a2-bg-stronger-hover {background-color: var(--a2-background-color-stronger-hover, light-dark(var(--a2-color-neutral-90, #e5e5e5), var(--a2-color-neutral-600, #545454)))}
160
- .a2-bg-strongest {background-color: var(--a2-background-color-strongest, light-dark(var(--a2-color-neutral-200, #c4c4c4), var(--a2-color-neutral-500, #707070)))}
161
- .a2-bg-strongest-active {background-color: var(--a2-background-color-strongest-active, light-dark(var(--a2-color-neutral-400, #8b8b8b), var(--a2-color-neutral-300, #a8a8a8)))}
162
- .a2-bg-strongest-hover {background-color: var(--a2-background-color-strongest-hover, light-dark(var(--a2-color-neutral-300, #a8a8a8), var(--a2-color-neutral-400, #8b8b8b)))}
163
- .a2-bg-success {background-color: var(--a2-background-color-success, var(--a2-status-color-success, light-dark(var(--a2-color-green-600, #077e50), var(--a2-color-green-400, #0bd085))))}
164
- .a2-bg-success-active {background-color: var(--a2-background-color-success-active, light-dark(var(--a2-color-green-800, #04482e), var(--a2-color-green-50, #d3fded)))}
165
- .a2-bg-success-faint {background-color: var(--a2-background-color-success-faint, light-dark(var(--a2-color-green-10, #f5fefb), var(--a2-color-green-950, #010f0a)))}
166
- .a2-bg-success-faint-active {background-color: var(--a2-background-color-success-faint-active, light-dark(var(--a2-color-green-100, #b8f5dd), var(--a2-color-green-700, #05613e)))}
167
- .a2-bg-success-faint-hover {background-color: var(--a2-background-color-success-faint-hover, light-dark(var(--a2-color-green-50, #d3fded), var(--a2-color-green-800, #04482e)))}
168
- .a2-bg-success-hover {background-color: var(--a2-background-color-success-hover, light-dark(var(--a2-color-green-700, #05613e), var(--a2-color-green-300, #3be3a2)))}
169
- .a2-bg-success-subdued {background-color: var(--a2-background-color-success-subdued, light-dark(var(--a2-color-green-50, #d3fded), color-mix(in srgb, var(--a2-color-green-300, #3be3a2) 20%, transparent)))}
170
- .a2-bg-success-subdued-active {background-color: var(--a2-background-color-success-subdued-active, light-dark(var(--a2-color-green-200, #70ebbc), color-mix(in srgb, var(--a2-color-green-300, #3be3a2) 40%, transparent)))}
171
- .a2-bg-success-subdued-hover {background-color: var(--a2-background-color-success-subdued-hover, light-dark(var(--a2-color-green-100, #b8f5dd), color-mix(in srgb, var(--a2-color-green-300, #3be3a2) 30%, transparent)))}
172
- .a2-bg-transparent-danger-active {background-color: var(--a2-background-color-transparent-danger-active, light-dark(color-mix(in srgb, var(--a2-color-red-500, #ff3914) 30%, transparent), color-mix(in srgb, var(--a2-color-red-300, #ff8670) 25%, transparent)))}
173
- .a2-bg-transparent-danger-hover {background-color: var(--a2-background-color-transparent-danger-hover, light-dark(color-mix(in srgb, var(--a2-color-red-500, #ff3914) 10%, transparent), color-mix(in srgb, var(--a2-color-red-300, #ff8670) 10%, transparent)))}
174
- .a2-bg-transparent-default-active {background-color: var(--a2-background-color-transparent-default-active, light-dark(color-mix(in srgb, var(--a2-color-neutral-400, #8b8b8b) 16%, transparent), color-mix(in srgb, var(--a2-color-neutral-0, #ffffff) 16%, transparent)))}
175
- .a2-bg-transparent-default-hover {background-color: var(--a2-background-color-transparent-default-hover, light-dark(color-mix(in srgb, var(--a2-color-neutral-400, #8b8b8b) 8%, transparent), color-mix(in srgb, var(--a2-color-neutral-0, #ffffff) 8%, transparent)))}
176
- .a2-bg-transparent-primary-active {background-color: var(--a2-background-color-transparent-primary-active, light-dark(color-mix(in srgb, var(--a2-color-blue-500, #1a82ff) 30%, transparent), color-mix(in srgb, var(--a2-color-blue-300, #70b1ff) 25%, transparent)))}
177
- .a2-bg-transparent-primary-hover {background-color: var(--a2-background-color-transparent-primary-hover, light-dark(color-mix(in srgb, var(--a2-color-blue-500, #1a82ff) 10%, transparent), color-mix(in srgb, var(--a2-color-blue-300, #70b1ff) 10%, transparent)))}
178
- .a2-bg-warning {background-color: var(--a2-background-color-warning, var(--a2-status-color-warning, light-dark(var(--a2-color-yellow-500, #ffbe00), var(--a2-color-yellow-300, #ffe278))))}
179
- .a2-bg-warning-active {background-color: var(--a2-background-color-warning-active, light-dark(var(--a2-color-yellow-600, #de9500), var(--a2-color-yellow-100, #fff9e2)))}
180
- .a2-bg-warning-faint {background-color: var(--a2-background-color-warning-faint, light-dark(var(--a2-color-yellow-10, #fffef8), var(--a2-color-yellow-950, #191100)))}
181
- .a2-bg-warning-faint-active {background-color: var(--a2-background-color-warning-faint-active, light-dark(var(--a2-color-yellow-100, #fff9e2), var(--a2-color-yellow-700, #c98600)))}
182
- .a2-bg-warning-faint-hover {background-color: var(--a2-background-color-warning-faint-hover, light-dark(var(--a2-color-yellow-50, #fffcf0), var(--a2-color-yellow-800, #704b00)))}
183
- .a2-bg-warning-hover {background-color: var(--a2-background-color-warning-hover, light-dark(var(--a2-color-yellow-600, #de9500), var(--a2-color-yellow-100, #fff9e2)))}
184
- .a2-bg-warning-subdued {background-color: var(--a2-background-color-warning-subdued, light-dark(var(--a2-color-yellow-100, #fff9e2), color-mix(in srgb, var(--a2-color-yellow-400, #ffc902) 20%, transparent)))}
185
- .a2-bg-warning-subdued-active {background-color: var(--a2-background-color-warning-subdued-active, light-dark(var(--a2-color-yellow-300, #ffe278), color-mix(in srgb, var(--a2-color-yellow-400, #ffc902) 40%, transparent)))}
186
- .a2-bg-warning-subdued-hover {background-color: var(--a2-background-color-warning-subdued-hover, light-dark(var(--a2-color-yellow-200, #fff0b1), color-mix(in srgb, var(--a2-color-yellow-400, #ffc902) 30%, transparent)))}
187
- .a2-border-color-danger {border-color: var(--a2-border-color-danger, light-dark(var(--a2-color-red-600, #d62100), var(--a2-color-red-200, #ffac9e)))}
188
- .a2-border-color-default {border-color: var(--a2-border-color-default, light-dark(var(--a2-color-neutral-400, #8b8b8b), var(--a2-color-neutral-600, #545454)))}
189
- .a2-border-color-primary {border-color: var(--a2-border-color-primary, light-dark(var(--a2-color-blue-600, #0265dc), var(--a2-color-blue-200, #9ecaff)))}
190
- .a2-border-color-status-info {border-color: var(--a2-status-color-info, light-dark(var(--a2-color-blue-600, #0265dc), var(--a2-color-blue-300, #70b1ff)))}
191
- .a2-border-color-status-success {border-color: var(--a2-status-color-success, light-dark(var(--a2-color-green-600, #077e50), var(--a2-color-green-400, #0bd085)))}
192
- .a2-border-color-status-warning {border-color: var(--a2-status-color-warning, light-dark(var(--a2-color-yellow-500, #ffbe00), var(--a2-color-yellow-300, #ffe278)))}
193
- .a2-border-color-strong {border-color: var(--a2-border-color-strong, light-dark(var(--a2-color-neutral-700, #404040), var(--a2-color-neutral-80, #e6e6e6)))}
194
- .a2-border-color-subdued {border-color: var(--a2-border-color-subdued, light-dark(var(--a2-color-neutral-80, #e6e6e6), var(--a2-color-neutral-700, #404040)))}
195
- .a2-border-color-success {border-color: var(--a2-border-color-success, light-dark(var(--a2-color-green-600, #077e50), var(--a2-color-green-200, #70ebbc)))}
196
- .a2-border-color-warning {border-color: var(--a2-border-color-warning, light-dark(var(--a2-color-yellow-700, #c98600), var(--a2-color-yellow-200, #fff0b1)))}
197
- .a2-c-danger {color: var(--a2-foreground-color-danger, light-dark(var(--a2-color-red-600, #d62100), var(--a2-color-red-400, #ff5b3d)))}
198
- .a2-c-danger-active {color: var(--a2-foreground-color-danger-active, light-dark(var(--a2-color-red-800, #731100), var(--a2-color-red-200, #ffac9e)))}
199
- .a2-c-danger-hover {color: var(--a2-foreground-color-danger-hover, light-dark(var(--a2-color-red-700, #a31900), var(--a2-color-red-300, #ff8670)))}
200
- .a2-c-default {color: var(--a2-foreground-color-default, light-dark(var(--a2-color-neutral-950, #040404), var(--a2-color-neutral-0, #ffffff)))}
201
- .a2-c-default-active {color: var(--a2-foreground-color-default-active, light-dark(var(--a2-color-neutral-950, #040404), var(--a2-color-neutral-0, #ffffff)))}
202
- .a2-c-default-hover {color: var(--a2-foreground-color-default-hover, light-dark(var(--a2-color-neutral-950, #040404), var(--a2-color-neutral-0, #ffffff)))}
203
- .a2-c-inverted {color: var(--a2-foreground-color-inverted, light-dark(var(--a2-color-neutral-0, #ffffff), var(--a2-color-neutral-900, #1a1a1a)))}
204
- .a2-c-on-danger {color: var(--a2-foreground-color-on-danger, light-dark(var(--a2-color-neutral-0, #ffffff), var(--a2-color-neutral-900, #1a1a1a)))}
205
- .a2-c-on-danger-active {color: var(--a2-foreground-color-on-danger-active, light-dark(var(--a2-color-neutral-0, #ffffff), var(--a2-color-neutral-900, #1a1a1a)))}
206
- .a2-c-on-danger-hover {color: var(--a2-foreground-color-on-danger-hover, light-dark(var(--a2-color-neutral-0, #ffffff), var(--a2-color-neutral-900, #1a1a1a)))}
207
- .a2-c-on-danger-subdued {color: var(--a2-foreground-color-on-danger-subdued, light-dark(var(--a2-color-red-700, #a31900), var(--a2-color-neutral-0, #ffffff)))}
208
- .a2-c-on-danger-subdued-active {color: var(--a2-foreground-color-on-danger-subdued-active, light-dark(var(--a2-color-red-900, #470b00), var(--a2-color-neutral-0, #ffffff)))}
209
- .a2-c-on-danger-subdued-hover {color: var(--a2-foreground-color-on-danger-subdued-hover, light-dark(var(--a2-color-red-800, #731100), var(--a2-color-neutral-0, #ffffff)))}
210
- .a2-c-on-primary {color: var(--a2-foreground-color-on-primary, light-dark(var(--a2-color-neutral-0, #ffffff), var(--a2-color-neutral-900, #1a1a1a)))}
211
- .a2-c-on-primary-active {color: var(--a2-foreground-color-on-primary-active, light-dark(var(--a2-color-neutral-0, #ffffff), var(--a2-color-neutral-900, #1a1a1a)))}
212
- .a2-c-on-primary-hover {color: var(--a2-foreground-color-on-primary-hover, light-dark(var(--a2-color-neutral-0, #ffffff), var(--a2-color-neutral-900, #1a1a1a)))}
213
- .a2-c-on-success {color: var(--a2-foreground-color-on-success, light-dark(var(--a2-color-neutral-0, #ffffff), var(--a2-color-neutral-900, #1a1a1a)))}
214
- .a2-c-on-warning {color: var(--a2-foreground-color-on-warning, var(--a2-color-neutral-900, #1a1a1a))}
215
- .a2-c-primary {color: var(--a2-foreground-color-primary, light-dark(var(--a2-color-blue-600, #0265dc), var(--a2-color-blue-300, #70b1ff)))}
216
- .a2-c-primary-active {color: var(--a2-foreground-color-primary-active, light-dark(var(--a2-color-blue-800, #003472), var(--a2-color-blue-200, #9ecaff)))}
217
- .a2-c-primary-hover {color: var(--a2-foreground-color-primary-hover, light-dark(var(--a2-color-blue-700, #1d4ca3), var(--a2-color-blue-200, #9ecaff)))}
218
- .a2-c-status-danger {color: var(--a2-status-color-danger, light-dark(var(--a2-color-red-600, #d62100), var(--a2-color-red-400, #ff5b3d)))}
219
- .a2-c-status-info {color: var(--a2-status-color-info, light-dark(var(--a2-color-blue-600, #0265dc), var(--a2-color-blue-300, #70b1ff)))}
220
- .a2-c-status-success {color: var(--a2-status-color-success, light-dark(var(--a2-color-green-600, #077e50), var(--a2-color-green-400, #0bd085)))}
221
- .a2-c-status-warning {color: var(--a2-status-color-warning, light-dark(var(--a2-color-yellow-500, #ffbe00), var(--a2-color-yellow-300, #ffe278)))}
222
- .a2-c-subdued {color: var(--a2-foreground-color-subdued, light-dark(var(--a2-color-neutral-500, #707070), var(--a2-color-neutral-200, #c4c4c4)))}
223
- .a2-c-subdued-active {color: var(--a2-foreground-color-subdued-active, light-dark(var(--a2-color-neutral-600, #545454), var(--a2-color-neutral-100, #dfdfdf)))}
224
- .a2-c-subdued-hover {color: var(--a2-foreground-color-subdued-hover, light-dark(var(--a2-color-neutral-500, #707070), var(--a2-color-neutral-200, #c4c4c4)))}
225
- }
226
-
227
- @layer application {
228
- .a2-bg-danger {background-color: var(--a2-background-color-danger, var(--a2-status-color-danger, var(--a2-color-red-600, #d62100)))}
229
- .a2-bg-danger-active {background-color: var(--a2-background-color-danger-active, var(--a2-color-red-800, #731100))}
230
- .a2-bg-danger-faint {background-color: var(--a2-background-color-danger-faint, var(--a2-color-red-10, #fffbfa))}
231
- .a2-bg-danger-faint-active {background-color: var(--a2-background-color-danger-faint-active, var(--a2-color-red-100, #ffd4cc))}
232
- .a2-bg-danger-faint-hover {background-color: var(--a2-background-color-danger-faint-hover, var(--a2-color-red-50, #ffe9e5))}
233
- .a2-bg-danger-hover {background-color: var(--a2-background-color-danger-hover, var(--a2-color-red-700, #a31900))}
234
- .a2-bg-danger-subdued {background-color: var(--a2-background-color-danger-subdued, var(--a2-color-red-50, #ffe9e5))}
235
- .a2-bg-danger-subdued-active {background-color: var(--a2-background-color-danger-subdued-active, var(--a2-color-red-200, #ffac9e))}
236
- .a2-bg-danger-subdued-hover {background-color: var(--a2-background-color-danger-subdued-hover, var(--a2-color-red-100, #ffd4cc))}
237
- .a2-bg-default {background-color: var(--a2-background-color-default, var(--a2-color-neutral-0, #ffffff))}
238
- .a2-bg-default-active {background-color: var(--a2-background-color-default-active, var(--a2-color-neutral-40, #f1f1f1))}
239
- .a2-bg-default-hover {background-color: var(--a2-background-color-default-hover, var(--a2-color-neutral-20, #f9f9f9))}
240
- .a2-bg-disabled {background-color: var(--a2-background-color-disabled, var(--a2-color-neutral-600, #545454))}
241
- .a2-bg-inverted {background-color: var(--a2-background-color-inverted, var(--a2-color-neutral-800, #292929))}
242
- .a2-bg-inverted-active {background-color: var(--a2-background-color-inverted-active, var(--a2-color-neutral-800, #292929))}
243
- .a2-bg-inverted-hover {background-color: var(--a2-background-color-inverted-hover, var(--a2-color-neutral-800, #292929))}
244
- .a2-bg-inverted-strong {background-color: var(--a2-background-color-inverted-strong, var(--a2-color-neutral-900, #1a1a1a))}
245
- .a2-bg-inverted-strong-active {background-color: var(--a2-background-color-inverted-strong-active, var(--a2-color-neutral-900, #1a1a1a))}
246
- .a2-bg-inverted-strong-hover {background-color: var(--a2-background-color-inverted-strong-hover, var(--a2-color-neutral-900, #1a1a1a))}
247
- .a2-bg-primary {background-color: var(--a2-background-color-primary, var(--a2-status-color-info, var(--a2-color-blue-600, #0265dc)))}
248
- .a2-bg-primary-active {background-color: var(--a2-background-color-primary-active, var(--a2-color-blue-800, #003472))}
249
- .a2-bg-primary-faint {background-color: var(--a2-background-color-primary-faint, var(--a2-color-blue-10, #fafcff))}
250
- .a2-bg-primary-faint-active {background-color: var(--a2-background-color-primary-faint-active, var(--a2-color-blue-100, #cce3ff))}
251
- .a2-bg-primary-faint-hover {background-color: var(--a2-background-color-primary-faint-hover, var(--a2-color-blue-50, #e6f1ff))}
252
- .a2-bg-primary-hover {background-color: var(--a2-background-color-primary-hover, var(--a2-color-blue-700, #1d4ca3))}
253
- .a2-bg-primary-subdued {background-color: var(--a2-background-color-primary-subdued, var(--a2-color-blue-50, #e6f1ff))}
254
- .a2-bg-primary-subdued-active {background-color: var(--a2-background-color-primary-subdued-active, var(--a2-color-blue-200, #9ecaff))}
255
- .a2-bg-primary-subdued-hover {background-color: var(--a2-background-color-primary-subdued-hover, var(--a2-color-blue-100, #cce3ff))}
256
- .a2-bg-secondary {background-color: var(--a2-background-color-secondary, color-mix(in srgb, var(--a2-color-neutral-950, #040404) 6%, transparent))}
257
- .a2-bg-secondary-active {background-color: var(--a2-background-color-secondary-active, color-mix(in srgb, var(--a2-color-neutral-950, #040404) 16%, transparent))}
258
- .a2-bg-secondary-hover {background-color: var(--a2-background-color-secondary-hover, color-mix(in srgb, var(--a2-color-neutral-950, #040404) 8%, transparent))}
259
- .a2-bg-secondary-strong {background-color: var(--a2-background-color-secondary-strong, color-mix(in srgb, var(--a2-color-neutral-950, #040404) 15%, transparent))}
260
- .a2-bg-secondary-strong-active {background-color: var(--a2-background-color-secondary-strong-active, color-mix(in srgb, var(--a2-color-neutral-950, #040404) 30%, transparent))}
261
- .a2-bg-secondary-strong-hover {background-color: var(--a2-background-color-secondary-strong-hover, color-mix(in srgb, var(--a2-color-neutral-950, #040404) 25%, transparent))}
262
- .a2-bg-status-danger {background-color: var(--a2-status-color-danger, var(--a2-color-red-600, #d62100))}
263
- .a2-bg-status-info {background-color: var(--a2-status-color-info, var(--a2-color-blue-600, #0265dc))}
264
- .a2-bg-status-success {background-color: var(--a2-status-color-success, var(--a2-color-green-600, #077e50))}
265
- .a2-bg-status-warning {background-color: var(--a2-status-color-warning, var(--a2-color-yellow-500, #ffbe00))}
266
- .a2-bg-strong {background-color: var(--a2-background-color-strong, var(--a2-color-neutral-20, #f9f9f9))}
267
- .a2-bg-strong-active {background-color: var(--a2-background-color-strong-active, var(--a2-color-neutral-70, #e8e8e8))}
268
- .a2-bg-strong-hover {background-color: var(--a2-background-color-strong-hover, var(--a2-color-neutral-50, #eeeeee))}
269
- .a2-bg-stronger {background-color: var(--a2-background-color-stronger, var(--a2-color-neutral-50, #eeeeee))}
270
- .a2-bg-stronger-active {background-color: var(--a2-background-color-stronger-active, var(--a2-color-neutral-100, #dfdfdf))}
271
- .a2-bg-stronger-hover {background-color: var(--a2-background-color-stronger-hover, var(--a2-color-neutral-90, #e5e5e5))}
272
- .a2-bg-strongest {background-color: var(--a2-background-color-strongest, var(--a2-color-neutral-200, #c4c4c4))}
273
- .a2-bg-strongest-active {background-color: var(--a2-background-color-strongest-active, var(--a2-color-neutral-400, #8b8b8b))}
274
- .a2-bg-strongest-hover {background-color: var(--a2-background-color-strongest-hover, var(--a2-color-neutral-300, #a8a8a8))}
275
- .a2-bg-success {background-color: var(--a2-background-color-success, var(--a2-status-color-success, var(--a2-color-green-600, #077e50)))}
276
- .a2-bg-success-active {background-color: var(--a2-background-color-success-active, var(--a2-color-green-800, #04482e))}
277
- .a2-bg-success-faint {background-color: var(--a2-background-color-success-faint, var(--a2-color-green-10, #f5fefb))}
278
- .a2-bg-success-faint-active {background-color: var(--a2-background-color-success-faint-active, var(--a2-color-green-100, #b8f5dd))}
279
- .a2-bg-success-faint-hover {background-color: var(--a2-background-color-success-faint-hover, var(--a2-color-green-50, #d3fded))}
280
- .a2-bg-success-hover {background-color: var(--a2-background-color-success-hover, var(--a2-color-green-700, #05613e))}
281
- .a2-bg-success-subdued {background-color: var(--a2-background-color-success-subdued, var(--a2-color-green-50, #d3fded))}
282
- .a2-bg-success-subdued-active {background-color: var(--a2-background-color-success-subdued-active, var(--a2-color-green-200, #70ebbc))}
283
- .a2-bg-success-subdued-hover {background-color: var(--a2-background-color-success-subdued-hover, var(--a2-color-green-100, #b8f5dd))}
284
- .a2-bg-transparent-danger {background-color: var(--a2-background-color-transparent-danger, rgba(0, 0, 0, 0))}
285
- .a2-bg-transparent-danger-active {background-color: var(--a2-background-color-transparent-danger-active, color-mix(in srgb, var(--a2-color-red-500, #ff3914) 30%, transparent))}
286
- .a2-bg-transparent-danger-hover {background-color: var(--a2-background-color-transparent-danger-hover, color-mix(in srgb, var(--a2-color-red-500, #ff3914) 10%, transparent))}
287
- .a2-bg-transparent-default {background-color: var(--a2-background-color-transparent-default, rgba(0, 0, 0, 0))}
288
- .a2-bg-transparent-default-active {background-color: var(--a2-background-color-transparent-default-active, color-mix(in srgb, var(--a2-color-neutral-400, #8b8b8b) 16%, transparent))}
289
- .a2-bg-transparent-default-hover {background-color: var(--a2-background-color-transparent-default-hover, color-mix(in srgb, var(--a2-color-neutral-400, #8b8b8b) 8%, transparent))}
290
- .a2-bg-transparent-primary {background-color: var(--a2-background-color-transparent-primary, rgba(0, 0, 0, 0))}
291
- .a2-bg-transparent-primary-active {background-color: var(--a2-background-color-transparent-primary-active, color-mix(in srgb, var(--a2-color-blue-500, #1a82ff) 30%, transparent))}
292
- .a2-bg-transparent-primary-hover {background-color: var(--a2-background-color-transparent-primary-hover, color-mix(in srgb, var(--a2-color-blue-500, #1a82ff) 10%, transparent))}
293
- .a2-bg-warning {background-color: var(--a2-background-color-warning, var(--a2-status-color-warning, var(--a2-color-yellow-500, #ffbe00)))}
294
- .a2-bg-warning-active {background-color: var(--a2-background-color-warning-active, var(--a2-color-yellow-600, #de9500))}
295
- .a2-bg-warning-faint {background-color: var(--a2-background-color-warning-faint, var(--a2-color-yellow-10, #fffef8))}
296
- .a2-bg-warning-faint-active {background-color: var(--a2-background-color-warning-faint-active, var(--a2-color-yellow-100, #fff9e2))}
297
- .a2-bg-warning-faint-hover {background-color: var(--a2-background-color-warning-faint-hover, var(--a2-color-yellow-50, #fffcf0))}
298
- .a2-bg-warning-hover {background-color: var(--a2-background-color-warning-hover, var(--a2-color-yellow-600, #de9500))}
299
- .a2-bg-warning-subdued {background-color: var(--a2-background-color-warning-subdued, var(--a2-color-yellow-100, #fff9e2))}
300
- .a2-bg-warning-subdued-active {background-color: var(--a2-background-color-warning-subdued-active, var(--a2-color-yellow-300, #ffe278))}
301
- .a2-bg-warning-subdued-hover {background-color: var(--a2-background-color-warning-subdued-hover, var(--a2-color-yellow-200, #fff0b1))}
302
- .a2-border-color-danger {border-color: var(--a2-border-color-danger, var(--a2-color-red-600, #d62100))}
303
- .a2-border-color-default {border-color: var(--a2-border-color-default, var(--a2-color-neutral-400, #8b8b8b))}
304
- .a2-border-color-primary {border-color: var(--a2-border-color-primary, var(--a2-color-blue-600, #0265dc))}
305
- .a2-border-color-status-info {border-color: var(--a2-status-color-info, var(--a2-color-blue-600, #0265dc))}
306
- .a2-border-color-status-success {border-color: var(--a2-status-color-success, var(--a2-color-green-600, #077e50))}
307
- .a2-border-color-status-warning {border-color: var(--a2-status-color-warning, var(--a2-color-yellow-500, #ffbe00))}
308
- .a2-border-color-strong {border-color: var(--a2-border-color-strong, var(--a2-color-neutral-700, #404040))}
309
- .a2-border-color-subdued {border-color: var(--a2-border-color-subdued, var(--a2-color-neutral-80, #e6e6e6))}
310
- .a2-border-color-success {border-color: var(--a2-border-color-success, var(--a2-color-green-600, #077e50))}
311
- .a2-border-color-warning {border-color: var(--a2-border-color-warning, var(--a2-color-yellow-700, #c98600))}
312
- .a2-c-danger {color: var(--a2-foreground-color-danger, var(--a2-color-red-600, #d62100))}
313
- .a2-c-danger-active {color: var(--a2-foreground-color-danger-active, var(--a2-color-red-800, #731100))}
314
- .a2-c-danger-hover {color: var(--a2-foreground-color-danger-hover, var(--a2-color-red-700, #a31900))}
315
- .a2-c-default {color: var(--a2-foreground-color-default, var(--a2-color-neutral-950, #040404))}
316
- .a2-c-default-active {color: var(--a2-foreground-color-default-active, var(--a2-color-neutral-950, #040404))}
317
- .a2-c-default-hover {color: var(--a2-foreground-color-default-hover, var(--a2-color-neutral-950, #040404))}
318
- .a2-c-inverted {color: var(--a2-foreground-color-inverted, var(--a2-color-neutral-0, #ffffff))}
319
- .a2-c-on-danger {color: var(--a2-foreground-color-on-danger, var(--a2-color-neutral-0, #ffffff))}
320
- .a2-c-on-danger-active {color: var(--a2-foreground-color-on-danger-active, var(--a2-color-neutral-0, #ffffff))}
321
- .a2-c-on-danger-hover {color: var(--a2-foreground-color-on-danger-hover, var(--a2-color-neutral-0, #ffffff))}
322
- .a2-c-on-danger-subdued {color: var(--a2-foreground-color-on-danger-subdued, var(--a2-color-red-700, #a31900))}
323
- .a2-c-on-danger-subdued-active {color: var(--a2-foreground-color-on-danger-subdued-active, var(--a2-color-red-900, #470b00))}
324
- .a2-c-on-danger-subdued-hover {color: var(--a2-foreground-color-on-danger-subdued-hover, var(--a2-color-red-800, #731100))}
325
- .a2-c-on-primary {color: var(--a2-foreground-color-on-primary, var(--a2-color-neutral-0, #ffffff))}
326
- .a2-c-on-primary-active {color: var(--a2-foreground-color-on-primary-active, var(--a2-color-neutral-0, #ffffff))}
327
- .a2-c-on-primary-hover {color: var(--a2-foreground-color-on-primary-hover, var(--a2-color-neutral-0, #ffffff))}
328
- .a2-c-on-success {color: var(--a2-foreground-color-on-success, var(--a2-color-neutral-0, #ffffff))}
329
- .a2-c-on-warning {color: var(--a2-foreground-color-on-warning, var(--a2-color-neutral-900, #1a1a1a))}
330
- .a2-c-primary {color: var(--a2-foreground-color-primary, var(--a2-color-blue-600, #0265dc))}
331
- .a2-c-primary-active {color: var(--a2-foreground-color-primary-active, var(--a2-color-blue-800, #003472))}
332
- .a2-c-primary-hover {color: var(--a2-foreground-color-primary-hover, var(--a2-color-blue-700, #1d4ca3))}
333
- .a2-c-status-danger {color: var(--a2-status-color-danger, var(--a2-color-red-600, #d62100))}
334
- .a2-c-status-info {color: var(--a2-status-color-info, var(--a2-color-blue-600, #0265dc))}
335
- .a2-c-status-success {color: var(--a2-status-color-success, var(--a2-color-green-600, #077e50))}
336
- .a2-c-status-warning {color: var(--a2-status-color-warning, var(--a2-color-yellow-500, #ffbe00))}
337
- .a2-c-subdued {color: var(--a2-foreground-color-subdued, var(--a2-color-neutral-500, #707070))}
338
- .a2-c-subdued-active {color: var(--a2-foreground-color-subdued-active, var(--a2-color-neutral-600, #545454))}
339
- .a2-c-subdued-hover {color: var(--a2-foreground-color-subdued-hover, var(--a2-color-neutral-500, #707070))}
340
- @supports (color: light-dark(#fff, #000)) {
341
- .a2-bg-danger {background-color: var(--a2-background-color-danger, var(--a2-status-color-danger, light-dark(var(--a2-color-red-600, #d62100), var(--a2-color-red-400, #ff5b3d))))}
342
- .a2-bg-danger-active {background-color: var(--a2-background-color-danger-active, light-dark(var(--a2-color-red-800, #731100), var(--a2-color-red-200, #ffac9e)))}
343
- .a2-bg-danger-faint {background-color: var(--a2-background-color-danger-faint, light-dark(var(--a2-color-red-10, #fffbfa), var(--a2-color-red-950, #0a0200)))}
344
- .a2-bg-danger-faint-active {background-color: var(--a2-background-color-danger-faint-active, light-dark(var(--a2-color-red-100, #ffd4cc), var(--a2-color-red-700, #a31900)))}
345
- .a2-bg-danger-faint-hover {background-color: var(--a2-background-color-danger-faint-hover, light-dark(var(--a2-color-red-50, #ffe9e5), var(--a2-color-red-800, #731100)))}
346
- .a2-bg-danger-hover {background-color: var(--a2-background-color-danger-hover, light-dark(var(--a2-color-red-700, #a31900), var(--a2-color-red-300, #ff8670)))}
347
- .a2-bg-danger-subdued {background-color: var(--a2-background-color-danger-subdued, light-dark(var(--a2-color-red-50, #ffe9e5), color-mix(in srgb, var(--a2-color-red-300, #ff8670) 20%, transparent)))}
348
- .a2-bg-danger-subdued-active {background-color: var(--a2-background-color-danger-subdued-active, light-dark(var(--a2-color-red-200, #ffac9e), color-mix(in srgb, var(--a2-color-red-300, #ff8670) 40%, transparent)))}
349
- .a2-bg-danger-subdued-hover {background-color: var(--a2-background-color-danger-subdued-hover, light-dark(var(--a2-color-red-100, #ffd4cc), color-mix(in srgb, var(--a2-color-red-300, #ff8670) 30%, transparent)))}
350
- .a2-bg-default {background-color: var(--a2-background-color-default, light-dark(var(--a2-color-neutral-0, #ffffff), var(--a2-color-neutral-900, #1a1a1a)))}
351
- .a2-bg-default-active {background-color: var(--a2-background-color-default-active, light-dark(var(--a2-color-neutral-40, #f1f1f1), var(--a2-color-neutral-700, #404040)))}
352
- .a2-bg-default-hover {background-color: var(--a2-background-color-default-hover, light-dark(var(--a2-color-neutral-20, #f9f9f9), var(--a2-color-neutral-800, #292929)))}
353
- .a2-bg-disabled {background-color: var(--a2-background-color-disabled, light-dark(var(--a2-color-neutral-600, #545454), var(--a2-color-neutral-500, #707070)))}
354
- .a2-bg-inverted {background-color: var(--a2-background-color-inverted, light-dark(var(--a2-color-neutral-800, #292929), var(--a2-color-neutral-20, #f9f9f9)))}
355
- .a2-bg-inverted-active {background-color: var(--a2-background-color-inverted-active, light-dark(var(--a2-color-neutral-800, #292929), var(--a2-color-neutral-20, #f9f9f9)))}
356
- .a2-bg-inverted-hover {background-color: var(--a2-background-color-inverted-hover, light-dark(var(--a2-color-neutral-800, #292929), var(--a2-color-neutral-20, #f9f9f9)))}
357
- .a2-bg-inverted-strong {background-color: var(--a2-background-color-inverted-strong, light-dark(var(--a2-color-neutral-900, #1a1a1a), var(--a2-color-neutral-0, #ffffff)))}
358
- .a2-bg-inverted-strong-active {background-color: var(--a2-background-color-inverted-strong-active, light-dark(var(--a2-color-neutral-900, #1a1a1a), var(--a2-color-neutral-0, #ffffff)))}
359
- .a2-bg-inverted-strong-hover {background-color: var(--a2-background-color-inverted-strong-hover, light-dark(var(--a2-color-neutral-900, #1a1a1a), var(--a2-color-neutral-0, #ffffff)))}
360
- .a2-bg-primary {background-color: var(--a2-background-color-primary, var(--a2-status-color-info, light-dark(var(--a2-color-blue-600, #0265dc), var(--a2-color-blue-300, #70b1ff))))}
361
- .a2-bg-primary-active {background-color: var(--a2-background-color-primary-active, light-dark(var(--a2-color-blue-800, #003472), var(--a2-color-blue-100, #cce3ff)))}
362
- .a2-bg-primary-faint {background-color: var(--a2-background-color-primary-faint, light-dark(var(--a2-color-blue-10, #fafcff), var(--a2-color-blue-950, #000b19)))}
363
- .a2-bg-primary-faint-active {background-color: var(--a2-background-color-primary-faint-active, light-dark(var(--a2-color-blue-100, #cce3ff), var(--a2-color-blue-700, #1d4ca3)))}
364
- .a2-bg-primary-faint-hover {background-color: var(--a2-background-color-primary-faint-hover, light-dark(var(--a2-color-blue-50, #e6f1ff), var(--a2-color-blue-800, #003472)))}
365
- .a2-bg-primary-hover {background-color: var(--a2-background-color-primary-hover, light-dark(var(--a2-color-blue-700, #1d4ca3), var(--a2-color-blue-200, #9ecaff)))}
366
- .a2-bg-primary-subdued {background-color: var(--a2-background-color-primary-subdued, light-dark(var(--a2-color-blue-50, #e6f1ff), color-mix(in srgb, var(--a2-color-blue-300, #70b1ff) 20%, transparent)))}
367
- .a2-bg-primary-subdued-active {background-color: var(--a2-background-color-primary-subdued-active, light-dark(var(--a2-color-blue-200, #9ecaff), color-mix(in srgb, var(--a2-color-blue-300, #70b1ff) 40%, transparent)))}
368
- .a2-bg-primary-subdued-hover {background-color: var(--a2-background-color-primary-subdued-hover, light-dark(var(--a2-color-blue-100, #cce3ff), color-mix(in srgb, var(--a2-color-blue-300, #70b1ff) 30%, transparent)))}
369
- .a2-bg-secondary {background-color: var(--a2-background-color-secondary, light-dark(color-mix(in srgb, var(--a2-color-neutral-950, #040404) 6%, transparent), color-mix(in srgb, var(--a2-color-neutral-0, #ffffff) 8%, transparent)))}
370
- .a2-bg-secondary-active {background-color: var(--a2-background-color-secondary-active, light-dark(color-mix(in srgb, var(--a2-color-neutral-950, #040404) 16%, transparent), color-mix(in srgb, var(--a2-color-neutral-0, #ffffff) 16%, transparent)))}
371
- .a2-bg-secondary-hover {background-color: var(--a2-background-color-secondary-hover, light-dark(color-mix(in srgb, var(--a2-color-neutral-950, #040404) 8%, transparent), color-mix(in srgb, var(--a2-color-neutral-0, #ffffff) 12%, transparent)))}
372
- .a2-bg-secondary-strong {background-color: var(--a2-background-color-secondary-strong, light-dark(color-mix(in srgb, var(--a2-color-neutral-950, #040404) 15%, transparent), color-mix(in srgb, var(--a2-color-neutral-0, #ffffff) 55%, transparent)))}
373
- .a2-bg-secondary-strong-active {background-color: var(--a2-background-color-secondary-strong-active, light-dark(color-mix(in srgb, var(--a2-color-neutral-950, #040404) 30%, transparent), color-mix(in srgb, var(--a2-color-neutral-0, #ffffff) 75%, transparent)))}
374
- .a2-bg-secondary-strong-hover {background-color: var(--a2-background-color-secondary-strong-hover, light-dark(color-mix(in srgb, var(--a2-color-neutral-950, #040404) 25%, transparent), color-mix(in srgb, var(--a2-color-neutral-0, #ffffff) 65%, transparent)))}
375
- .a2-bg-status-danger {background-color: var(--a2-status-color-danger, light-dark(var(--a2-color-red-600, #d62100), var(--a2-color-red-400, #ff5b3d)))}
376
- .a2-bg-status-info {background-color: var(--a2-status-color-info, light-dark(var(--a2-color-blue-600, #0265dc), var(--a2-color-blue-300, #70b1ff)))}
377
- .a2-bg-status-success {background-color: var(--a2-status-color-success, light-dark(var(--a2-color-green-600, #077e50), var(--a2-color-green-400, #0bd085)))}
378
- .a2-bg-status-warning {background-color: var(--a2-status-color-warning, light-dark(var(--a2-color-yellow-500, #ffbe00), var(--a2-color-yellow-300, #ffe278)))}
379
- .a2-bg-strong {background-color: var(--a2-background-color-strong, light-dark(var(--a2-color-neutral-20, #f9f9f9), var(--a2-color-neutral-800, #292929)))}
380
- .a2-bg-strong-active {background-color: var(--a2-background-color-strong-active, light-dark(var(--a2-color-neutral-70, #e8e8e8), var(--a2-color-neutral-600, #545454)))}
381
- .a2-bg-strong-hover {background-color: var(--a2-background-color-strong-hover, light-dark(var(--a2-color-neutral-50, #eeeeee), var(--a2-color-neutral-700, #404040)))}
382
- .a2-bg-stronger {background-color: var(--a2-background-color-stronger, light-dark(var(--a2-color-neutral-50, #eeeeee), var(--a2-color-neutral-700, #404040)))}
383
- .a2-bg-stronger-active {background-color: var(--a2-background-color-stronger-active, light-dark(var(--a2-color-neutral-100, #dfdfdf), var(--a2-color-neutral-500, #707070)))}
384
- .a2-bg-stronger-hover {background-color: var(--a2-background-color-stronger-hover, light-dark(var(--a2-color-neutral-90, #e5e5e5), var(--a2-color-neutral-600, #545454)))}
385
- .a2-bg-strongest {background-color: var(--a2-background-color-strongest, light-dark(var(--a2-color-neutral-200, #c4c4c4), var(--a2-color-neutral-500, #707070)))}
386
- .a2-bg-strongest-active {background-color: var(--a2-background-color-strongest-active, light-dark(var(--a2-color-neutral-400, #8b8b8b), var(--a2-color-neutral-300, #a8a8a8)))}
387
- .a2-bg-strongest-hover {background-color: var(--a2-background-color-strongest-hover, light-dark(var(--a2-color-neutral-300, #a8a8a8), var(--a2-color-neutral-400, #8b8b8b)))}
388
- .a2-bg-success {background-color: var(--a2-background-color-success, var(--a2-status-color-success, light-dark(var(--a2-color-green-600, #077e50), var(--a2-color-green-400, #0bd085))))}
389
- .a2-bg-success-active {background-color: var(--a2-background-color-success-active, light-dark(var(--a2-color-green-800, #04482e), var(--a2-color-green-50, #d3fded)))}
390
- .a2-bg-success-faint {background-color: var(--a2-background-color-success-faint, light-dark(var(--a2-color-green-10, #f5fefb), var(--a2-color-green-950, #010f0a)))}
391
- .a2-bg-success-faint-active {background-color: var(--a2-background-color-success-faint-active, light-dark(var(--a2-color-green-100, #b8f5dd), var(--a2-color-green-700, #05613e)))}
392
- .a2-bg-success-faint-hover {background-color: var(--a2-background-color-success-faint-hover, light-dark(var(--a2-color-green-50, #d3fded), var(--a2-color-green-800, #04482e)))}
393
- .a2-bg-success-hover {background-color: var(--a2-background-color-success-hover, light-dark(var(--a2-color-green-700, #05613e), var(--a2-color-green-300, #3be3a2)))}
394
- .a2-bg-success-subdued {background-color: var(--a2-background-color-success-subdued, light-dark(var(--a2-color-green-50, #d3fded), color-mix(in srgb, var(--a2-color-green-300, #3be3a2) 20%, transparent)))}
395
- .a2-bg-success-subdued-active {background-color: var(--a2-background-color-success-subdued-active, light-dark(var(--a2-color-green-200, #70ebbc), color-mix(in srgb, var(--a2-color-green-300, #3be3a2) 40%, transparent)))}
396
- .a2-bg-success-subdued-hover {background-color: var(--a2-background-color-success-subdued-hover, light-dark(var(--a2-color-green-100, #b8f5dd), color-mix(in srgb, var(--a2-color-green-300, #3be3a2) 30%, transparent)))}
397
- .a2-bg-transparent-danger-active {background-color: var(--a2-background-color-transparent-danger-active, light-dark(color-mix(in srgb, var(--a2-color-red-500, #ff3914) 30%, transparent), color-mix(in srgb, var(--a2-color-red-300, #ff8670) 25%, transparent)))}
398
- .a2-bg-transparent-danger-hover {background-color: var(--a2-background-color-transparent-danger-hover, light-dark(color-mix(in srgb, var(--a2-color-red-500, #ff3914) 10%, transparent), color-mix(in srgb, var(--a2-color-red-300, #ff8670) 10%, transparent)))}
399
- .a2-bg-transparent-default-active {background-color: var(--a2-background-color-transparent-default-active, light-dark(color-mix(in srgb, var(--a2-color-neutral-400, #8b8b8b) 16%, transparent), color-mix(in srgb, var(--a2-color-neutral-0, #ffffff) 16%, transparent)))}
400
- .a2-bg-transparent-default-hover {background-color: var(--a2-background-color-transparent-default-hover, light-dark(color-mix(in srgb, var(--a2-color-neutral-400, #8b8b8b) 8%, transparent), color-mix(in srgb, var(--a2-color-neutral-0, #ffffff) 8%, transparent)))}
401
- .a2-bg-transparent-primary-active {background-color: var(--a2-background-color-transparent-primary-active, light-dark(color-mix(in srgb, var(--a2-color-blue-500, #1a82ff) 30%, transparent), color-mix(in srgb, var(--a2-color-blue-300, #70b1ff) 25%, transparent)))}
402
- .a2-bg-transparent-primary-hover {background-color: var(--a2-background-color-transparent-primary-hover, light-dark(color-mix(in srgb, var(--a2-color-blue-500, #1a82ff) 10%, transparent), color-mix(in srgb, var(--a2-color-blue-300, #70b1ff) 10%, transparent)))}
403
- .a2-bg-warning {background-color: var(--a2-background-color-warning, var(--a2-status-color-warning, light-dark(var(--a2-color-yellow-500, #ffbe00), var(--a2-color-yellow-300, #ffe278))))}
404
- .a2-bg-warning-active {background-color: var(--a2-background-color-warning-active, light-dark(var(--a2-color-yellow-600, #de9500), var(--a2-color-yellow-100, #fff9e2)))}
405
- .a2-bg-warning-faint {background-color: var(--a2-background-color-warning-faint, light-dark(var(--a2-color-yellow-10, #fffef8), var(--a2-color-yellow-950, #191100)))}
406
- .a2-bg-warning-faint-active {background-color: var(--a2-background-color-warning-faint-active, light-dark(var(--a2-color-yellow-100, #fff9e2), var(--a2-color-yellow-700, #c98600)))}
407
- .a2-bg-warning-faint-hover {background-color: var(--a2-background-color-warning-faint-hover, light-dark(var(--a2-color-yellow-50, #fffcf0), var(--a2-color-yellow-800, #704b00)))}
408
- .a2-bg-warning-hover {background-color: var(--a2-background-color-warning-hover, light-dark(var(--a2-color-yellow-600, #de9500), var(--a2-color-yellow-100, #fff9e2)))}
409
- .a2-bg-warning-subdued {background-color: var(--a2-background-color-warning-subdued, light-dark(var(--a2-color-yellow-100, #fff9e2), color-mix(in srgb, var(--a2-color-yellow-400, #ffc902) 20%, transparent)))}
410
- .a2-bg-warning-subdued-active {background-color: var(--a2-background-color-warning-subdued-active, light-dark(var(--a2-color-yellow-300, #ffe278), color-mix(in srgb, var(--a2-color-yellow-400, #ffc902) 40%, transparent)))}
411
- .a2-bg-warning-subdued-hover {background-color: var(--a2-background-color-warning-subdued-hover, light-dark(var(--a2-color-yellow-200, #fff0b1), color-mix(in srgb, var(--a2-color-yellow-400, #ffc902) 30%, transparent)))}
412
- .a2-border-color-danger {border-color: var(--a2-border-color-danger, light-dark(var(--a2-color-red-600, #d62100), var(--a2-color-red-200, #ffac9e)))}
413
- .a2-border-color-default {border-color: var(--a2-border-color-default, light-dark(var(--a2-color-neutral-400, #8b8b8b), var(--a2-color-neutral-600, #545454)))}
414
- .a2-border-color-primary {border-color: var(--a2-border-color-primary, light-dark(var(--a2-color-blue-600, #0265dc), var(--a2-color-blue-200, #9ecaff)))}
415
- .a2-border-color-status-info {border-color: var(--a2-status-color-info, light-dark(var(--a2-color-blue-600, #0265dc), var(--a2-color-blue-300, #70b1ff)))}
416
- .a2-border-color-status-success {border-color: var(--a2-status-color-success, light-dark(var(--a2-color-green-600, #077e50), var(--a2-color-green-400, #0bd085)))}
417
- .a2-border-color-status-warning {border-color: var(--a2-status-color-warning, light-dark(var(--a2-color-yellow-500, #ffbe00), var(--a2-color-yellow-300, #ffe278)))}
418
- .a2-border-color-strong {border-color: var(--a2-border-color-strong, light-dark(var(--a2-color-neutral-700, #404040), var(--a2-color-neutral-80, #e6e6e6)))}
419
- .a2-border-color-subdued {border-color: var(--a2-border-color-subdued, light-dark(var(--a2-color-neutral-80, #e6e6e6), var(--a2-color-neutral-700, #404040)))}
420
- .a2-border-color-success {border-color: var(--a2-border-color-success, light-dark(var(--a2-color-green-600, #077e50), var(--a2-color-green-200, #70ebbc)))}
421
- .a2-border-color-warning {border-color: var(--a2-border-color-warning, light-dark(var(--a2-color-yellow-700, #c98600), var(--a2-color-yellow-200, #fff0b1)))}
422
- .a2-c-danger {color: var(--a2-foreground-color-danger, light-dark(var(--a2-color-red-600, #d62100), var(--a2-color-red-400, #ff5b3d)))}
423
- .a2-c-danger-active {color: var(--a2-foreground-color-danger-active, light-dark(var(--a2-color-red-800, #731100), var(--a2-color-red-200, #ffac9e)))}
424
- .a2-c-danger-hover {color: var(--a2-foreground-color-danger-hover, light-dark(var(--a2-color-red-700, #a31900), var(--a2-color-red-300, #ff8670)))}
425
- .a2-c-default {color: var(--a2-foreground-color-default, light-dark(var(--a2-color-neutral-950, #040404), var(--a2-color-neutral-0, #ffffff)))}
426
- .a2-c-default-active {color: var(--a2-foreground-color-default-active, light-dark(var(--a2-color-neutral-950, #040404), var(--a2-color-neutral-0, #ffffff)))}
427
- .a2-c-default-hover {color: var(--a2-foreground-color-default-hover, light-dark(var(--a2-color-neutral-950, #040404), var(--a2-color-neutral-0, #ffffff)))}
428
- .a2-c-inverted {color: var(--a2-foreground-color-inverted, light-dark(var(--a2-color-neutral-0, #ffffff), var(--a2-color-neutral-900, #1a1a1a)))}
429
- .a2-c-on-danger {color: var(--a2-foreground-color-on-danger, light-dark(var(--a2-color-neutral-0, #ffffff), var(--a2-color-neutral-900, #1a1a1a)))}
430
- .a2-c-on-danger-active {color: var(--a2-foreground-color-on-danger-active, light-dark(var(--a2-color-neutral-0, #ffffff), var(--a2-color-neutral-900, #1a1a1a)))}
431
- .a2-c-on-danger-hover {color: var(--a2-foreground-color-on-danger-hover, light-dark(var(--a2-color-neutral-0, #ffffff), var(--a2-color-neutral-900, #1a1a1a)))}
432
- .a2-c-on-danger-subdued {color: var(--a2-foreground-color-on-danger-subdued, light-dark(var(--a2-color-red-700, #a31900), var(--a2-color-neutral-0, #ffffff)))}
433
- .a2-c-on-danger-subdued-active {color: var(--a2-foreground-color-on-danger-subdued-active, light-dark(var(--a2-color-red-900, #470b00), var(--a2-color-neutral-0, #ffffff)))}
434
- .a2-c-on-danger-subdued-hover {color: var(--a2-foreground-color-on-danger-subdued-hover, light-dark(var(--a2-color-red-800, #731100), var(--a2-color-neutral-0, #ffffff)))}
435
- .a2-c-on-primary {color: var(--a2-foreground-color-on-primary, light-dark(var(--a2-color-neutral-0, #ffffff), var(--a2-color-neutral-900, #1a1a1a)))}
436
- .a2-c-on-primary-active {color: var(--a2-foreground-color-on-primary-active, light-dark(var(--a2-color-neutral-0, #ffffff), var(--a2-color-neutral-900, #1a1a1a)))}
437
- .a2-c-on-primary-hover {color: var(--a2-foreground-color-on-primary-hover, light-dark(var(--a2-color-neutral-0, #ffffff), var(--a2-color-neutral-900, #1a1a1a)))}
438
- .a2-c-on-success {color: var(--a2-foreground-color-on-success, light-dark(var(--a2-color-neutral-0, #ffffff), var(--a2-color-neutral-900, #1a1a1a)))}
439
- .a2-c-on-warning {color: var(--a2-foreground-color-on-warning, var(--a2-color-neutral-900, #1a1a1a))}
440
- .a2-c-primary {color: var(--a2-foreground-color-primary, light-dark(var(--a2-color-blue-600, #0265dc), var(--a2-color-blue-300, #70b1ff)))}
441
- .a2-c-primary-active {color: var(--a2-foreground-color-primary-active, light-dark(var(--a2-color-blue-800, #003472), var(--a2-color-blue-200, #9ecaff)))}
442
- .a2-c-primary-hover {color: var(--a2-foreground-color-primary-hover, light-dark(var(--a2-color-blue-700, #1d4ca3), var(--a2-color-blue-200, #9ecaff)))}
443
- .a2-c-status-danger {color: var(--a2-status-color-danger, light-dark(var(--a2-color-red-600, #d62100), var(--a2-color-red-400, #ff5b3d)))}
444
- .a2-c-status-info {color: var(--a2-status-color-info, light-dark(var(--a2-color-blue-600, #0265dc), var(--a2-color-blue-300, #70b1ff)))}
445
- .a2-c-status-success {color: var(--a2-status-color-success, light-dark(var(--a2-color-green-600, #077e50), var(--a2-color-green-400, #0bd085)))}
446
- .a2-c-status-warning {color: var(--a2-status-color-warning, light-dark(var(--a2-color-yellow-500, #ffbe00), var(--a2-color-yellow-300, #ffe278)))}
447
- .a2-c-subdued {color: var(--a2-foreground-color-subdued, light-dark(var(--a2-color-neutral-500, #707070), var(--a2-color-neutral-200, #c4c4c4)))}
448
- .a2-c-subdued-active {color: var(--a2-foreground-color-subdued-active, light-dark(var(--a2-color-neutral-600, #545454), var(--a2-color-neutral-100, #dfdfdf)))}
449
- .a2-c-subdued-hover {color: var(--a2-foreground-color-subdued-hover, light-dark(var(--a2-color-neutral-500, #707070), var(--a2-color-neutral-200, #c4c4c4)))}
450
- }
114
+ .anvil2 .a2-bg-danger {background-color: var(--a2-background-color-danger, var(--a2-status-color-danger, light-dark(var(--a2-color-red-600, #d62100), var(--a2-color-red-400, #ff5b3d))))}
115
+ .anvil2 .a2-bg-danger-active {background-color: var(--a2-background-color-danger-active, light-dark(var(--a2-color-red-800, #731100), var(--a2-color-red-200, #ffac9e)))}
116
+ .anvil2 .a2-bg-danger-faint {background-color: var(--a2-background-color-danger-faint, light-dark(var(--a2-color-red-10, #fffbfa), var(--a2-color-red-950, #0a0200)))}
117
+ .anvil2 .a2-bg-danger-faint-active {background-color: var(--a2-background-color-danger-faint-active, light-dark(var(--a2-color-red-100, #ffd4cc), var(--a2-color-red-700, #a31900)))}
118
+ .anvil2 .a2-bg-danger-faint-hover {background-color: var(--a2-background-color-danger-faint-hover, light-dark(var(--a2-color-red-50, #ffe9e5), var(--a2-color-red-800, #731100)))}
119
+ .anvil2 .a2-bg-danger-hover {background-color: var(--a2-background-color-danger-hover, light-dark(var(--a2-color-red-700, #a31900), var(--a2-color-red-300, #ff8670)))}
120
+ .anvil2 .a2-bg-danger-subdued {background-color: var(--a2-background-color-danger-subdued, light-dark(var(--a2-color-red-50, #ffe9e5), color-mix(in srgb, var(--a2-color-red-300, #ff8670) 20%, transparent)))}
121
+ .anvil2 .a2-bg-danger-subdued-active {background-color: var(--a2-background-color-danger-subdued-active, light-dark(var(--a2-color-red-200, #ffac9e), color-mix(in srgb, var(--a2-color-red-300, #ff8670) 40%, transparent)))}
122
+ .anvil2 .a2-bg-danger-subdued-hover {background-color: var(--a2-background-color-danger-subdued-hover, light-dark(var(--a2-color-red-100, #ffd4cc), color-mix(in srgb, var(--a2-color-red-300, #ff8670) 30%, transparent)))}
123
+ .anvil2 .a2-bg-default {background-color: var(--a2-background-color-default, light-dark(var(--a2-color-neutral-0, #ffffff), var(--a2-color-neutral-900, #1a1a1a)))}
124
+ .anvil2 .a2-bg-default-active {background-color: var(--a2-background-color-default-active, light-dark(var(--a2-color-neutral-40, #f1f1f1), var(--a2-color-neutral-700, #404040)))}
125
+ .anvil2 .a2-bg-default-hover {background-color: var(--a2-background-color-default-hover, light-dark(var(--a2-color-neutral-20, #f9f9f9), var(--a2-color-neutral-800, #292929)))}
126
+ .anvil2 .a2-bg-disabled {background-color: var(--a2-background-color-disabled, light-dark(var(--a2-color-neutral-600, #545454), var(--a2-color-neutral-500, #707070)))}
127
+ .anvil2 .a2-bg-inverted {background-color: var(--a2-background-color-inverted, light-dark(var(--a2-color-neutral-800, #292929), var(--a2-color-neutral-20, #f9f9f9)))}
128
+ .anvil2 .a2-bg-inverted-active {background-color: var(--a2-background-color-inverted-active, light-dark(var(--a2-color-neutral-800, #292929), var(--a2-color-neutral-20, #f9f9f9)))}
129
+ .anvil2 .a2-bg-inverted-hover {background-color: var(--a2-background-color-inverted-hover, light-dark(var(--a2-color-neutral-800, #292929), var(--a2-color-neutral-20, #f9f9f9)))}
130
+ .anvil2 .a2-bg-inverted-strong {background-color: var(--a2-background-color-inverted-strong, light-dark(var(--a2-color-neutral-900, #1a1a1a), var(--a2-color-neutral-0, #ffffff)))}
131
+ .anvil2 .a2-bg-inverted-strong-active {background-color: var(--a2-background-color-inverted-strong-active, light-dark(var(--a2-color-neutral-900, #1a1a1a), var(--a2-color-neutral-0, #ffffff)))}
132
+ .anvil2 .a2-bg-inverted-strong-hover {background-color: var(--a2-background-color-inverted-strong-hover, light-dark(var(--a2-color-neutral-900, #1a1a1a), var(--a2-color-neutral-0, #ffffff)))}
133
+ .anvil2 .a2-bg-primary {background-color: var(--a2-background-color-primary, var(--a2-status-color-info, light-dark(var(--a2-color-blue-600, #0265dc), var(--a2-color-blue-300, #70b1ff))))}
134
+ .anvil2 .a2-bg-primary-active {background-color: var(--a2-background-color-primary-active, light-dark(var(--a2-color-blue-800, #003472), var(--a2-color-blue-100, #cce3ff)))}
135
+ .anvil2 .a2-bg-primary-faint {background-color: var(--a2-background-color-primary-faint, light-dark(var(--a2-color-blue-10, #fafcff), var(--a2-color-blue-950, #000b19)))}
136
+ .anvil2 .a2-bg-primary-faint-active {background-color: var(--a2-background-color-primary-faint-active, light-dark(var(--a2-color-blue-100, #cce3ff), var(--a2-color-blue-700, #1d4ca3)))}
137
+ .anvil2 .a2-bg-primary-faint-hover {background-color: var(--a2-background-color-primary-faint-hover, light-dark(var(--a2-color-blue-50, #e6f1ff), var(--a2-color-blue-800, #003472)))}
138
+ .anvil2 .a2-bg-primary-hover {background-color: var(--a2-background-color-primary-hover, light-dark(var(--a2-color-blue-700, #1d4ca3), var(--a2-color-blue-200, #9ecaff)))}
139
+ .anvil2 .a2-bg-primary-subdued {background-color: var(--a2-background-color-primary-subdued, light-dark(var(--a2-color-blue-50, #e6f1ff), color-mix(in srgb, var(--a2-color-blue-300, #70b1ff) 20%, transparent)))}
140
+ .anvil2 .a2-bg-primary-subdued-active {background-color: var(--a2-background-color-primary-subdued-active, light-dark(var(--a2-color-blue-200, #9ecaff), color-mix(in srgb, var(--a2-color-blue-300, #70b1ff) 40%, transparent)))}
141
+ .anvil2 .a2-bg-primary-subdued-hover {background-color: var(--a2-background-color-primary-subdued-hover, light-dark(var(--a2-color-blue-100, #cce3ff), color-mix(in srgb, var(--a2-color-blue-300, #70b1ff) 30%, transparent)))}
142
+ .anvil2 .a2-bg-secondary {background-color: var(--a2-background-color-secondary, light-dark(color-mix(in srgb, var(--a2-color-neutral-950, #040404) 6%, transparent), color-mix(in srgb, var(--a2-color-neutral-0, #ffffff) 8%, transparent)))}
143
+ .anvil2 .a2-bg-secondary-active {background-color: var(--a2-background-color-secondary-active, light-dark(color-mix(in srgb, var(--a2-color-neutral-950, #040404) 16%, transparent), color-mix(in srgb, var(--a2-color-neutral-0, #ffffff) 16%, transparent)))}
144
+ .anvil2 .a2-bg-secondary-hover {background-color: var(--a2-background-color-secondary-hover, light-dark(color-mix(in srgb, var(--a2-color-neutral-950, #040404) 8%, transparent), color-mix(in srgb, var(--a2-color-neutral-0, #ffffff) 12%, transparent)))}
145
+ .anvil2 .a2-bg-secondary-strong {background-color: var(--a2-background-color-secondary-strong, light-dark(color-mix(in srgb, var(--a2-color-neutral-950, #040404) 15%, transparent), color-mix(in srgb, var(--a2-color-neutral-0, #ffffff) 55%, transparent)))}
146
+ .anvil2 .a2-bg-secondary-strong-active {background-color: var(--a2-background-color-secondary-strong-active, light-dark(color-mix(in srgb, var(--a2-color-neutral-950, #040404) 30%, transparent), color-mix(in srgb, var(--a2-color-neutral-0, #ffffff) 75%, transparent)))}
147
+ .anvil2 .a2-bg-secondary-strong-hover {background-color: var(--a2-background-color-secondary-strong-hover, light-dark(color-mix(in srgb, var(--a2-color-neutral-950, #040404) 25%, transparent), color-mix(in srgb, var(--a2-color-neutral-0, #ffffff) 65%, transparent)))}
148
+ .anvil2 .a2-bg-status-danger {background-color: var(--a2-status-color-danger, light-dark(var(--a2-color-red-600, #d62100), var(--a2-color-red-400, #ff5b3d)))}
149
+ .anvil2 .a2-bg-status-info {background-color: var(--a2-status-color-info, light-dark(var(--a2-color-blue-600, #0265dc), var(--a2-color-blue-300, #70b1ff)))}
150
+ .anvil2 .a2-bg-status-success {background-color: var(--a2-status-color-success, light-dark(var(--a2-color-green-600, #077e50), var(--a2-color-green-400, #0bd085)))}
151
+ .anvil2 .a2-bg-status-warning {background-color: var(--a2-status-color-warning, light-dark(var(--a2-color-yellow-500, #ffbe00), var(--a2-color-yellow-300, #ffe278)))}
152
+ .anvil2 .a2-bg-strong {background-color: var(--a2-background-color-strong, light-dark(var(--a2-color-neutral-20, #f9f9f9), var(--a2-color-neutral-800, #292929)))}
153
+ .anvil2 .a2-bg-strong-active {background-color: var(--a2-background-color-strong-active, light-dark(var(--a2-color-neutral-70, #e8e8e8), var(--a2-color-neutral-600, #545454)))}
154
+ .anvil2 .a2-bg-strong-hover {background-color: var(--a2-background-color-strong-hover, light-dark(var(--a2-color-neutral-50, #eeeeee), var(--a2-color-neutral-700, #404040)))}
155
+ .anvil2 .a2-bg-stronger {background-color: var(--a2-background-color-stronger, light-dark(var(--a2-color-neutral-50, #eeeeee), var(--a2-color-neutral-700, #404040)))}
156
+ .anvil2 .a2-bg-stronger-active {background-color: var(--a2-background-color-stronger-active, light-dark(var(--a2-color-neutral-100, #dfdfdf), var(--a2-color-neutral-500, #707070)))}
157
+ .anvil2 .a2-bg-stronger-hover {background-color: var(--a2-background-color-stronger-hover, light-dark(var(--a2-color-neutral-90, #e5e5e5), var(--a2-color-neutral-600, #545454)))}
158
+ .anvil2 .a2-bg-strongest {background-color: var(--a2-background-color-strongest, light-dark(var(--a2-color-neutral-200, #c4c4c4), var(--a2-color-neutral-500, #707070)))}
159
+ .anvil2 .a2-bg-strongest-active {background-color: var(--a2-background-color-strongest-active, light-dark(var(--a2-color-neutral-400, #8b8b8b), var(--a2-color-neutral-300, #a8a8a8)))}
160
+ .anvil2 .a2-bg-strongest-hover {background-color: var(--a2-background-color-strongest-hover, light-dark(var(--a2-color-neutral-300, #a8a8a8), var(--a2-color-neutral-400, #8b8b8b)))}
161
+ .anvil2 .a2-bg-success {background-color: var(--a2-background-color-success, var(--a2-status-color-success, light-dark(var(--a2-color-green-600, #077e50), var(--a2-color-green-400, #0bd085))))}
162
+ .anvil2 .a2-bg-success-active {background-color: var(--a2-background-color-success-active, light-dark(var(--a2-color-green-800, #04482e), var(--a2-color-green-50, #d3fded)))}
163
+ .anvil2 .a2-bg-success-faint {background-color: var(--a2-background-color-success-faint, light-dark(var(--a2-color-green-10, #f5fefb), var(--a2-color-green-950, #010f0a)))}
164
+ .anvil2 .a2-bg-success-faint-active {background-color: var(--a2-background-color-success-faint-active, light-dark(var(--a2-color-green-100, #b8f5dd), var(--a2-color-green-700, #05613e)))}
165
+ .anvil2 .a2-bg-success-faint-hover {background-color: var(--a2-background-color-success-faint-hover, light-dark(var(--a2-color-green-50, #d3fded), var(--a2-color-green-800, #04482e)))}
166
+ .anvil2 .a2-bg-success-hover {background-color: var(--a2-background-color-success-hover, light-dark(var(--a2-color-green-700, #05613e), var(--a2-color-green-300, #3be3a2)))}
167
+ .anvil2 .a2-bg-success-subdued {background-color: var(--a2-background-color-success-subdued, light-dark(var(--a2-color-green-50, #d3fded), color-mix(in srgb, var(--a2-color-green-300, #3be3a2) 20%, transparent)))}
168
+ .anvil2 .a2-bg-success-subdued-active {background-color: var(--a2-background-color-success-subdued-active, light-dark(var(--a2-color-green-200, #70ebbc), color-mix(in srgb, var(--a2-color-green-300, #3be3a2) 40%, transparent)))}
169
+ .anvil2 .a2-bg-success-subdued-hover {background-color: var(--a2-background-color-success-subdued-hover, light-dark(var(--a2-color-green-100, #b8f5dd), color-mix(in srgb, var(--a2-color-green-300, #3be3a2) 30%, transparent)))}
170
+ .anvil2 .a2-bg-transparent-danger-active {background-color: var(--a2-background-color-transparent-danger-active, light-dark(color-mix(in srgb, var(--a2-color-red-500, #ff3914) 30%, transparent), color-mix(in srgb, var(--a2-color-red-300, #ff8670) 25%, transparent)))}
171
+ .anvil2 .a2-bg-transparent-danger-hover {background-color: var(--a2-background-color-transparent-danger-hover, light-dark(color-mix(in srgb, var(--a2-color-red-500, #ff3914) 10%, transparent), color-mix(in srgb, var(--a2-color-red-300, #ff8670) 10%, transparent)))}
172
+ .anvil2 .a2-bg-transparent-default-active {background-color: var(--a2-background-color-transparent-default-active, light-dark(color-mix(in srgb, var(--a2-color-neutral-400, #8b8b8b) 16%, transparent), color-mix(in srgb, var(--a2-color-neutral-0, #ffffff) 16%, transparent)))}
173
+ .anvil2 .a2-bg-transparent-default-hover {background-color: var(--a2-background-color-transparent-default-hover, light-dark(color-mix(in srgb, var(--a2-color-neutral-400, #8b8b8b) 8%, transparent), color-mix(in srgb, var(--a2-color-neutral-0, #ffffff) 8%, transparent)))}
174
+ .anvil2 .a2-bg-transparent-primary-active {background-color: var(--a2-background-color-transparent-primary-active, light-dark(color-mix(in srgb, var(--a2-color-blue-500, #1a82ff) 30%, transparent), color-mix(in srgb, var(--a2-color-blue-300, #70b1ff) 25%, transparent)))}
175
+ .anvil2 .a2-bg-transparent-primary-hover {background-color: var(--a2-background-color-transparent-primary-hover, light-dark(color-mix(in srgb, var(--a2-color-blue-500, #1a82ff) 10%, transparent), color-mix(in srgb, var(--a2-color-blue-300, #70b1ff) 10%, transparent)))}
176
+ .anvil2 .a2-bg-warning {background-color: var(--a2-background-color-warning, var(--a2-status-color-warning, light-dark(var(--a2-color-yellow-500, #ffbe00), var(--a2-color-yellow-300, #ffe278))))}
177
+ .anvil2 .a2-bg-warning-active {background-color: var(--a2-background-color-warning-active, light-dark(var(--a2-color-yellow-600, #de9500), var(--a2-color-yellow-100, #fff9e2)))}
178
+ .anvil2 .a2-bg-warning-faint {background-color: var(--a2-background-color-warning-faint, light-dark(var(--a2-color-yellow-10, #fffef8), var(--a2-color-yellow-950, #191100)))}
179
+ .anvil2 .a2-bg-warning-faint-active {background-color: var(--a2-background-color-warning-faint-active, light-dark(var(--a2-color-yellow-100, #fff9e2), var(--a2-color-yellow-700, #c98600)))}
180
+ .anvil2 .a2-bg-warning-faint-hover {background-color: var(--a2-background-color-warning-faint-hover, light-dark(var(--a2-color-yellow-50, #fffcf0), var(--a2-color-yellow-800, #704b00)))}
181
+ .anvil2 .a2-bg-warning-hover {background-color: var(--a2-background-color-warning-hover, light-dark(var(--a2-color-yellow-600, #de9500), var(--a2-color-yellow-100, #fff9e2)))}
182
+ .anvil2 .a2-bg-warning-subdued {background-color: var(--a2-background-color-warning-subdued, light-dark(var(--a2-color-yellow-100, #fff9e2), color-mix(in srgb, var(--a2-color-yellow-400, #ffc902) 20%, transparent)))}
183
+ .anvil2 .a2-bg-warning-subdued-active {background-color: var(--a2-background-color-warning-subdued-active, light-dark(var(--a2-color-yellow-300, #ffe278), color-mix(in srgb, var(--a2-color-yellow-400, #ffc902) 40%, transparent)))}
184
+ .anvil2 .a2-bg-warning-subdued-hover {background-color: var(--a2-background-color-warning-subdued-hover, light-dark(var(--a2-color-yellow-200, #fff0b1), color-mix(in srgb, var(--a2-color-yellow-400, #ffc902) 30%, transparent)))}
185
+ .anvil2 .a2-border-color-danger {border-color: var(--a2-border-color-danger, light-dark(var(--a2-color-red-600, #d62100), var(--a2-color-red-200, #ffac9e)))}
186
+ .anvil2 .a2-border-color-default {border-color: var(--a2-border-color-default, light-dark(var(--a2-color-neutral-400, #8b8b8b), var(--a2-color-neutral-600, #545454)))}
187
+ .anvil2 .a2-border-color-primary {border-color: var(--a2-border-color-primary, light-dark(var(--a2-color-blue-600, #0265dc), var(--a2-color-blue-200, #9ecaff)))}
188
+ .anvil2 .a2-border-color-status-info {border-color: var(--a2-status-color-info, light-dark(var(--a2-color-blue-600, #0265dc), var(--a2-color-blue-300, #70b1ff)))}
189
+ .anvil2 .a2-border-color-status-success {border-color: var(--a2-status-color-success, light-dark(var(--a2-color-green-600, #077e50), var(--a2-color-green-400, #0bd085)))}
190
+ .anvil2 .a2-border-color-status-warning {border-color: var(--a2-status-color-warning, light-dark(var(--a2-color-yellow-500, #ffbe00), var(--a2-color-yellow-300, #ffe278)))}
191
+ .anvil2 .a2-border-color-strong {border-color: var(--a2-border-color-strong, light-dark(var(--a2-color-neutral-700, #404040), var(--a2-color-neutral-80, #e6e6e6)))}
192
+ .anvil2 .a2-border-color-subdued {border-color: var(--a2-border-color-subdued, light-dark(var(--a2-color-neutral-80, #e6e6e6), var(--a2-color-neutral-700, #404040)))}
193
+ .anvil2 .a2-border-color-success {border-color: var(--a2-border-color-success, light-dark(var(--a2-color-green-600, #077e50), var(--a2-color-green-200, #70ebbc)))}
194
+ .anvil2 .a2-border-color-warning {border-color: var(--a2-border-color-warning, light-dark(var(--a2-color-yellow-700, #c98600), var(--a2-color-yellow-200, #fff0b1)))}
195
+ .anvil2 .a2-c-danger {color: var(--a2-foreground-color-danger, light-dark(var(--a2-color-red-600, #d62100), var(--a2-color-red-400, #ff5b3d)))}
196
+ .anvil2 .a2-c-danger-active {color: var(--a2-foreground-color-danger-active, light-dark(var(--a2-color-red-800, #731100), var(--a2-color-red-200, #ffac9e)))}
197
+ .anvil2 .a2-c-danger-hover {color: var(--a2-foreground-color-danger-hover, light-dark(var(--a2-color-red-700, #a31900), var(--a2-color-red-300, #ff8670)))}
198
+ .anvil2 .a2-c-default {color: var(--a2-foreground-color-default, light-dark(var(--a2-color-neutral-950, #040404), var(--a2-color-neutral-0, #ffffff)))}
199
+ .anvil2 .a2-c-default-active {color: var(--a2-foreground-color-default-active, light-dark(var(--a2-color-neutral-950, #040404), var(--a2-color-neutral-0, #ffffff)))}
200
+ .anvil2 .a2-c-default-hover {color: var(--a2-foreground-color-default-hover, light-dark(var(--a2-color-neutral-950, #040404), var(--a2-color-neutral-0, #ffffff)))}
201
+ .anvil2 .a2-c-inverted {color: var(--a2-foreground-color-inverted, light-dark(var(--a2-color-neutral-0, #ffffff), var(--a2-color-neutral-900, #1a1a1a)))}
202
+ .anvil2 .a2-c-on-danger {color: var(--a2-foreground-color-on-danger, light-dark(var(--a2-color-neutral-0, #ffffff), var(--a2-color-neutral-900, #1a1a1a)))}
203
+ .anvil2 .a2-c-on-danger-active {color: var(--a2-foreground-color-on-danger-active, light-dark(var(--a2-color-neutral-0, #ffffff), var(--a2-color-neutral-900, #1a1a1a)))}
204
+ .anvil2 .a2-c-on-danger-hover {color: var(--a2-foreground-color-on-danger-hover, light-dark(var(--a2-color-neutral-0, #ffffff), var(--a2-color-neutral-900, #1a1a1a)))}
205
+ .anvil2 .a2-c-on-danger-subdued {color: var(--a2-foreground-color-on-danger-subdued, light-dark(var(--a2-color-red-700, #a31900), var(--a2-color-neutral-0, #ffffff)))}
206
+ .anvil2 .a2-c-on-danger-subdued-active {color: var(--a2-foreground-color-on-danger-subdued-active, light-dark(var(--a2-color-red-900, #470b00), var(--a2-color-neutral-0, #ffffff)))}
207
+ .anvil2 .a2-c-on-danger-subdued-hover {color: var(--a2-foreground-color-on-danger-subdued-hover, light-dark(var(--a2-color-red-800, #731100), var(--a2-color-neutral-0, #ffffff)))}
208
+ .anvil2 .a2-c-on-primary {color: var(--a2-foreground-color-on-primary, light-dark(var(--a2-color-neutral-0, #ffffff), var(--a2-color-neutral-900, #1a1a1a)))}
209
+ .anvil2 .a2-c-on-primary-active {color: var(--a2-foreground-color-on-primary-active, light-dark(var(--a2-color-neutral-0, #ffffff), var(--a2-color-neutral-900, #1a1a1a)))}
210
+ .anvil2 .a2-c-on-primary-hover {color: var(--a2-foreground-color-on-primary-hover, light-dark(var(--a2-color-neutral-0, #ffffff), var(--a2-color-neutral-900, #1a1a1a)))}
211
+ .anvil2 .a2-c-on-success {color: var(--a2-foreground-color-on-success, light-dark(var(--a2-color-neutral-0, #ffffff), var(--a2-color-neutral-900, #1a1a1a)))}
212
+ .anvil2 .a2-c-on-warning {color: var(--a2-foreground-color-on-warning, var(--a2-color-neutral-900, #1a1a1a))}
213
+ .anvil2 .a2-c-primary {color: var(--a2-foreground-color-primary, light-dark(var(--a2-color-blue-600, #0265dc), var(--a2-color-blue-300, #70b1ff)))}
214
+ .anvil2 .a2-c-primary-active {color: var(--a2-foreground-color-primary-active, light-dark(var(--a2-color-blue-800, #003472), var(--a2-color-blue-200, #9ecaff)))}
215
+ .anvil2 .a2-c-primary-hover {color: var(--a2-foreground-color-primary-hover, light-dark(var(--a2-color-blue-700, #1d4ca3), var(--a2-color-blue-200, #9ecaff)))}
216
+ .anvil2 .a2-c-status-danger {color: var(--a2-status-color-danger, light-dark(var(--a2-color-red-600, #d62100), var(--a2-color-red-400, #ff5b3d)))}
217
+ .anvil2 .a2-c-status-info {color: var(--a2-status-color-info, light-dark(var(--a2-color-blue-600, #0265dc), var(--a2-color-blue-300, #70b1ff)))}
218
+ .anvil2 .a2-c-status-success {color: var(--a2-status-color-success, light-dark(var(--a2-color-green-600, #077e50), var(--a2-color-green-400, #0bd085)))}
219
+ .anvil2 .a2-c-status-warning {color: var(--a2-status-color-warning, light-dark(var(--a2-color-yellow-500, #ffbe00), var(--a2-color-yellow-300, #ffe278)))}
220
+ .anvil2 .a2-c-subdued {color: var(--a2-foreground-color-subdued, light-dark(var(--a2-color-neutral-500, #707070), var(--a2-color-neutral-200, #c4c4c4)))}
221
+ .anvil2 .a2-c-subdued-active {color: var(--a2-foreground-color-subdued-active, light-dark(var(--a2-color-neutral-600, #545454), var(--a2-color-neutral-100, #dfdfdf)))}
222
+ .anvil2 .a2-c-subdued-hover {color: var(--a2-foreground-color-subdued-hover, light-dark(var(--a2-color-neutral-500, #707070), var(--a2-color-neutral-200, #c4c4c4)))}
451
223
  }