@servicetitan/anvil2 1.38.0 → 1.40.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (201) hide show
  1. package/CHANGELOG.md +51 -12
  2. package/dist/Breadcrumbs-C_gan90a.js +36 -0
  3. package/dist/Breadcrumbs-C_gan90a.js.map +1 -0
  4. package/dist/{Breadcrumbs-DJbCkSeD.js → Breadcrumbs-D_jgwoN3-Dlw-weD8.js} +8 -38
  5. package/dist/Breadcrumbs-D_jgwoN3-Dlw-weD8.js.map +1 -0
  6. package/dist/Breadcrumbs.js +1 -1
  7. package/dist/{Calendar-jl0s6W7p.js → Calendar-C2ONV7cq.js} +2 -2
  8. package/dist/{Calendar-jl0s6W7p.js.map → Calendar-C2ONV7cq.js.map} +1 -1
  9. package/dist/{Calendar-CohGSWFp-DFYJkf7Y.js → Calendar-DixTCgAW-CfphBge0.js} +16 -15
  10. package/dist/Calendar-DixTCgAW-CfphBge0.js.map +1 -0
  11. package/dist/Calendar.js +1 -1
  12. package/dist/{Checkbox-TIcImbEx-EgjesTNn.js → Checkbox-BNrjUtHs-BBLXLwO5.js} +3 -3
  13. package/dist/{Checkbox-TIcImbEx-EgjesTNn.js.map → Checkbox-BNrjUtHs-BBLXLwO5.js.map} +1 -1
  14. package/dist/{Checkbox-DbDwtefR.js → Checkbox-Dxr3rgQV.js} +2 -2
  15. package/dist/{Checkbox-DbDwtefR.js.map → Checkbox-Dxr3rgQV.js.map} +1 -1
  16. package/dist/Checkbox.js +1 -1
  17. package/dist/{Combobox-7ADxZKDE.js → Combobox-C7nV-w8I.js} +196 -392
  18. package/dist/Combobox-C7nV-w8I.js.map +1 -0
  19. package/dist/Combobox.css +43 -281
  20. package/dist/Combobox.js +1 -1
  21. package/dist/{DateField-CUO_26rh.js → DateField-Df42sxE9.js} +43 -43
  22. package/dist/DateField-Df42sxE9.js.map +1 -0
  23. package/dist/DateField.js +1 -1
  24. package/dist/DateFieldRange--ZCTVrKX-DoogWMrm.js +2759 -0
  25. package/dist/DateFieldRange--ZCTVrKX-DoogWMrm.js.map +1 -0
  26. package/dist/DateFieldRange-DQJ_FMeA.js +22 -0
  27. package/dist/DateFieldRange-DQJ_FMeA.js.map +1 -0
  28. package/dist/DateFieldRange.d.ts +2 -0
  29. package/dist/DateFieldRange.js +2 -0
  30. package/dist/DateFieldRange.js.map +1 -0
  31. package/dist/DateFieldSingle-BXPhS91g.js +22 -0
  32. package/dist/DateFieldSingle-BXPhS91g.js.map +1 -0
  33. package/dist/DateFieldSingle.d.ts +2 -0
  34. package/dist/DateFieldSingle.js +2 -0
  35. package/dist/DateFieldSingle.js.map +1 -0
  36. package/dist/{DaysOfTheWeek-CEKoAJSv.js → DaysOfTheWeek-C4ZGriW7.js} +3 -3
  37. package/dist/{DaysOfTheWeek-CEKoAJSv.js.map → DaysOfTheWeek-C4ZGriW7.js.map} +1 -1
  38. package/dist/DaysOfTheWeek.js +1 -1
  39. package/dist/{Dialog-D6zpW-GE.js → Dialog-CBWaZO5U.js} +2 -2
  40. package/dist/{Dialog-D6zpW-GE.js.map → Dialog-CBWaZO5U.js.map} +1 -1
  41. package/dist/Dialog.js +1 -1
  42. package/dist/{Drawer-qb7Q0BAm.js → Drawer-Be0tyTMM.js} +2 -2
  43. package/dist/{Drawer-qb7Q0BAm.js.map → Drawer-Be0tyTMM.js.map} +1 -1
  44. package/dist/Drawer.js +1 -1
  45. package/dist/{FieldMessage-ChFXWVDb-loVSCnCM.js → FieldMessage-Bobp105T-DYhStLY4.js} +4 -4
  46. package/dist/FieldMessage-Bobp105T-DYhStLY4.js.map +1 -0
  47. package/dist/{FieldMessage-ChFXWVDb.css → FieldMessage-Bobp105T.css} +13 -3
  48. package/dist/{FieldMessage-Cg3zcgk5.js → FieldMessage-DkJ0K5s-.js} +2 -2
  49. package/dist/{FieldMessage-Cg3zcgk5.js.map → FieldMessage-DkJ0K5s-.js.map} +1 -1
  50. package/dist/FieldMessage.js +1 -1
  51. package/dist/{Helper-C9sHaTrI-C5fAsK6i.js → Helper-h7k80qls-DHPFHTvI.js} +3 -3
  52. package/dist/{Helper-C9sHaTrI-C5fAsK6i.js.map → Helper-h7k80qls-DHPFHTvI.js.map} +1 -1
  53. package/dist/{InputMask-kJ-hlK0O-Ctwa0U7r.js → InputMask-CiHg25XE--lofQ4oF.js} +2 -2
  54. package/dist/{InputMask-kJ-hlK0O-Ctwa0U7r.js.map → InputMask-CiHg25XE--lofQ4oF.js.map} +1 -1
  55. package/dist/{InputMask-DKPqOpHs.js → InputMask-DYthrVaU.js} +2 -2
  56. package/dist/{InputMask-DKPqOpHs.js.map → InputMask-DYthrVaU.js.map} +1 -1
  57. package/dist/InputMask.js +1 -1
  58. package/dist/{ListView-0xHc5wT6.js → ListView-DgrUsTC8.js} +3 -3
  59. package/dist/{ListView-0xHc5wT6.js.map → ListView-DgrUsTC8.js.map} +1 -1
  60. package/dist/ListView.js +1 -1
  61. package/dist/Menu-By8ps-lb.js +60 -0
  62. package/dist/Menu-By8ps-lb.js.map +1 -0
  63. package/dist/{Menu-BAuADOyt.js → Menu-jt64Cbkd-mK95uUq6.js} +23 -73
  64. package/dist/Menu-jt64Cbkd-mK95uUq6.js.map +1 -0
  65. package/dist/{Menu.css → Menu-jt64Cbkd.css} +22 -21
  66. package/dist/Menu.js +1 -1
  67. package/dist/{Page-CtwsyE3i.js → Page-DoCYLmH8.js} +135 -105
  68. package/dist/Page-DoCYLmH8.js.map +1 -0
  69. package/dist/Page.js +1 -1
  70. package/dist/Pagination.css +124 -0
  71. package/dist/Pagination.d.ts +6 -0
  72. package/dist/Pagination.js +430 -0
  73. package/dist/Pagination.js.map +1 -0
  74. package/dist/{Popover-VztF0YHt-ci3tYiye.js → Popover-CVCAWhdO-CJw1mW49.js} +3 -3
  75. package/dist/{Popover-VztF0YHt-ci3tYiye.js.map → Popover-CVCAWhdO-CJw1mW49.js.map} +1 -1
  76. package/dist/{Popover-Bnkwq99S.js → Popover-Dv7ntx4P.js} +2 -2
  77. package/dist/{Popover-Bnkwq99S.js.map → Popover-Dv7ntx4P.js.map} +1 -1
  78. package/dist/Popover.js +1 -1
  79. package/dist/{ProgressBar-Cfi5zZRy-BpESsdh_.js → ProgressBar-CZhkKwaS-dlDRDjxo.js} +24 -11
  80. package/dist/ProgressBar-CZhkKwaS-dlDRDjxo.js.map +1 -0
  81. package/dist/{ProgressBar-BotOFymw.js → ProgressBar-Eeudkcyc.js} +2 -2
  82. package/dist/{ProgressBar-BotOFymw.js.map → ProgressBar-Eeudkcyc.js.map} +1 -1
  83. package/dist/ProgressBar.js +1 -1
  84. package/dist/{Radio-7U7IBI58-BDhdZJoC.js → Radio-DiBn0-hf-hhLKXDdl.js} +4 -4
  85. package/dist/{Radio-7U7IBI58-BDhdZJoC.js.map → Radio-DiBn0-hf-hhLKXDdl.js.map} +1 -1
  86. package/dist/{Radio-D4rRt1a6.js → Radio-Dx2GeEZp.js} +2 -2
  87. package/dist/{Radio-D4rRt1a6.js.map → Radio-Dx2GeEZp.js.map} +1 -1
  88. package/dist/Radio.js +1 -1
  89. package/dist/{SearchField-Bz4HPxCQ.js → SearchField-BQY7LHe2.js} +3 -3
  90. package/dist/SearchField-BQY7LHe2.js.map +1 -0
  91. package/dist/SearchField.js +1 -1
  92. package/dist/{SelectCard-B5EqtxOK-CpCgVjV8.js → SelectCard-CL8T4DQb-ClozUyqV.js} +46 -26
  93. package/dist/SelectCard-CL8T4DQb-ClozUyqV.js.map +1 -0
  94. package/dist/SelectCard-CL8T4DQb.css +51 -0
  95. package/dist/SelectCard.js +1 -1
  96. package/dist/{SelectCardGroup-DsHZgCqA.js → SelectCardGroup-KTtcsOar.js} +2 -2
  97. package/dist/{SelectCardGroup-DsHZgCqA.js.map → SelectCardGroup-KTtcsOar.js.map} +1 -1
  98. package/dist/SelectTrigger-BvUO-g1F.js +138 -0
  99. package/dist/SelectTrigger-BvUO-g1F.js.map +1 -0
  100. package/dist/SelectTrigger.css +16 -0
  101. package/dist/SelectTrigger.d.ts +6 -0
  102. package/dist/SelectTrigger.js +2 -0
  103. package/dist/SelectTrigger.js.map +1 -0
  104. package/dist/SelectTriggerBase-BMhRDkFW-DjkagPpu.js +301 -0
  105. package/dist/SelectTriggerBase-BMhRDkFW-DjkagPpu.js.map +1 -0
  106. package/dist/SelectTriggerBase-BMhRDkFW.css +270 -0
  107. package/dist/{Switch-Dd9tJFmG.js → Switch-DAQFzi-X.js} +2 -2
  108. package/dist/{Switch-Dd9tJFmG.js.map → Switch-DAQFzi-X.js.map} +1 -1
  109. package/dist/Switch.js +1 -1
  110. package/dist/{TextField-BYyyw3m2.js → TextField-0XKj7lDu.js} +2 -2
  111. package/dist/{TextField-BYyyw3m2.js.map → TextField-0XKj7lDu.js.map} +1 -1
  112. package/dist/{TextField-CGJtMoil-CJqYM83o.js → TextField-C5KbQxoU-CSkSyt7P.js} +8 -10
  113. package/dist/TextField-C5KbQxoU-CSkSyt7P.js.map +1 -0
  114. package/dist/TextField.js +1 -1
  115. package/dist/{Textarea-AczEXhHB.js → Textarea-DkSeFIg7.js} +8 -10
  116. package/dist/Textarea-DkSeFIg7.js.map +1 -0
  117. package/dist/Textarea.js +1 -1
  118. package/dist/Toast.js +1 -1
  119. package/dist/{Toolbar-Cu3u0TRX.js → Toolbar-38Z9fVxY.js} +5 -7
  120. package/dist/Toolbar-38Z9fVxY.js.map +1 -0
  121. package/dist/Toolbar.js +1 -1
  122. package/dist/{Tooltip-BL_bgvwA.js → Tooltip-BwUVaBEo.js} +2 -2
  123. package/dist/{Tooltip-BL_bgvwA.js.map → Tooltip-BwUVaBEo.js.map} +1 -1
  124. package/dist/Tooltip.js +1 -1
  125. package/dist/assets/css-utils/a2-border.css +53 -0
  126. package/dist/assets/css-utils/a2-color.css +235 -0
  127. package/dist/assets/css-utils/a2-font.css +49 -0
  128. package/dist/assets/css-utils/a2-spacing.css +483 -0
  129. package/dist/assets/css-utils/a2-utils.css +785 -0
  130. package/dist/assets/icons/st/document_audio.svg +1 -0
  131. package/dist/assets/icons/st/document_doc.svg +1 -0
  132. package/dist/assets/icons/st/document_drawing.svg +1 -0
  133. package/dist/assets/icons/st/document_form.svg +1 -0
  134. package/dist/assets/icons/st/document_message.svg +1 -0
  135. package/dist/assets/icons/st/document_other.svg +1 -0
  136. package/dist/assets/icons/st/document_pdf.svg +1 -0
  137. package/dist/assets/icons/st/document_spreadsheet.svg +1 -0
  138. package/dist/assets/icons/st/document_text.svg +1 -0
  139. package/dist/assets/icons/st/document_web.svg +1 -0
  140. package/dist/assets/icons/st/gnav_insurance_work_queue_active.svg +1 -0
  141. package/dist/assets/icons/st/gnav_insurance_work_queue_inactive.svg +1 -0
  142. package/dist/assets/icons/st/gnav_production_work_queue_active.svg +1 -0
  143. package/dist/assets/icons/st/gnav_production_work_queue_inactive.svg +1 -0
  144. package/dist/assets/icons/st.ts +14 -0
  145. package/dist/components/Alert/Alert.figma.d.ts +1 -0
  146. package/dist/components/DateFieldRange/DateFieldRange.d.ts +7 -0
  147. package/dist/components/DateFieldRange/index.d.ts +2 -0
  148. package/dist/components/DateFieldSingle/DateFieldSingle.d.ts +7 -0
  149. package/dist/components/DateFieldSingle/index.d.ts +2 -0
  150. package/dist/components/Page/Page.d.ts +19 -352
  151. package/dist/components/Page/PageContent.d.ts +24 -0
  152. package/dist/components/Page/PageContext.d.ts +4 -0
  153. package/dist/components/Page/PageFooter.d.ts +24 -0
  154. package/dist/components/Page/PageHeader.d.ts +135 -0
  155. package/dist/components/Page/PagePanel.d.ts +57 -0
  156. package/dist/components/Page/PageSidebar.d.ts +57 -0
  157. package/dist/components/Page/PageSidebarContext.d.ts +5 -0
  158. package/dist/components/Page/PageSidebarHeader.d.ts +23 -0
  159. package/dist/components/Page/index.d.ts +5 -0
  160. package/dist/components/Pagination/Pagination.d.ts +58 -0
  161. package/dist/components/Pagination/index.d.ts +2 -0
  162. package/dist/components/Pagination/internal/usePaginationArray.d.ts +36 -0
  163. package/dist/components/SelectTrigger/SelectTrigger.d.ts +11 -0
  164. package/dist/components/SelectTrigger/index.d.ts +2 -0
  165. package/dist/components/index.d.ts +3 -0
  166. package/dist/event-BEJFimi3.js +6 -0
  167. package/dist/event-BEJFimi3.js.map +1 -0
  168. package/dist/index.js +27 -24
  169. package/dist/index.js.map +1 -1
  170. package/dist/keyboard_arrow_right-DZWNVytH.js +8 -0
  171. package/dist/keyboard_arrow_right-DZWNVytH.js.map +1 -0
  172. package/dist/more_horiz-DJgdQiy0.js +6 -0
  173. package/dist/more_horiz-DJgdQiy0.js.map +1 -0
  174. package/dist/{toast-B39L6vJ0.js → toast-CWVuLkyv.js} +2 -2
  175. package/dist/{toast-B39L6vJ0.js.map → toast-CWVuLkyv.js.map} +1 -1
  176. package/dist/token/core/css-utils/a2-border.css +53 -0
  177. package/dist/token/core/css-utils/a2-color.css +235 -0
  178. package/dist/token/core/css-utils/a2-font.css +49 -0
  179. package/dist/token/core/css-utils/a2-spacing.css +483 -0
  180. package/dist/token/core/css-utils/a2-utils.css +785 -0
  181. package/package.json +8 -5
  182. package/dist/Breadcrumbs-DJbCkSeD.js.map +0 -1
  183. package/dist/Calendar-CohGSWFp-DFYJkf7Y.js.map +0 -1
  184. package/dist/Combobox-7ADxZKDE.js.map +0 -1
  185. package/dist/DateField-CUO_26rh.js.map +0 -1
  186. package/dist/FieldMessage-ChFXWVDb-loVSCnCM.js.map +0 -1
  187. package/dist/Menu-BAuADOyt.js.map +0 -1
  188. package/dist/Page-CtwsyE3i.js.map +0 -1
  189. package/dist/ProgressBar-Cfi5zZRy-BpESsdh_.js.map +0 -1
  190. package/dist/SearchField-Bz4HPxCQ.js.map +0 -1
  191. package/dist/SelectCard-B5EqtxOK-CpCgVjV8.js.map +0 -1
  192. package/dist/SelectCard-B5EqtxOK.css +0 -38
  193. package/dist/TextField-CGJtMoil-CJqYM83o.js.map +0 -1
  194. package/dist/Textarea-AczEXhHB.js.map +0 -1
  195. package/dist/Toolbar-Cu3u0TRX.js.map +0 -1
  196. /package/dist/{Breadcrumbs.css → Breadcrumbs-D_jgwoN3.css} +0 -0
  197. /package/dist/{Calendar-CohGSWFp.css → Calendar-DixTCgAW.css} +0 -0
  198. /package/dist/{Helper-C9sHaTrI.css → Helper-h7k80qls.css} +0 -0
  199. /package/dist/{Popover-VztF0YHt.css → Popover-CVCAWhdO.css} +0 -0
  200. /package/dist/{ProgressBar-Cfi5zZRy.css → ProgressBar-CZhkKwaS.css} +0 -0
  201. /package/dist/{Radio-7U7IBI58.css → Radio-DiBn0-hf.css} +0 -0
package/dist/assets/css-utils/a2-color.css ADDED
@@ -0,0 +1,235 @@
1
+ @layer starter, reset, base, state, application;
2
+
3
+ .a2-bg-danger-default {background-color: var(--background-color-danger, #e13212)}
4
+ .a2-bg-danger-subdued {background-color: var(--background-color-danger-subdued, #ffece9)}
5
+ .a2-bg-default {background-color: var(--background-color, #ffffff)}
6
+ .a2-bg-disabled {background-color: var(--background-color-disabled, #606162)}
7
+ .a2-bg-inverted-default {background-color: var(--background-color-inverted, #2d2e31)}
8
+ .a2-bg-inverted-strong {background-color: var(--background-color-inverted-strong, #141414)}
9
+ .a2-bg-overlay-active-danger {background-color: var(--overlay-color-active-danger, #e132124D)}
10
+ .a2-bg-overlay-active-default {background-color: var(--overlay-color-active, #14141429)}
11
+ .a2-bg-overlay-active-on-danger {background-color: var(--overlay-color-active-on-danger, #14141466)}
12
+ .a2-bg-overlay-active-on-default {background-color: var(--overlay-color-active-on, #14141429)}
13
+ .a2-bg-overlay-active-on-primary {background-color: var(--overlay-color-active-on-primary, #14141466)}
14
+ .a2-bg-overlay-active-primary {background-color: var(--overlay-color-active-primary, #0265DC4D)}
15
+ .a2-bg-overlay-hover-danger {background-color: var(--overlay-color-hover-danger, #e132121A)}
16
+ .a2-bg-overlay-hover-default {background-color: var(--overlay-color-hover, #14141414)}
17
+ .a2-bg-overlay-hover-on-danger {background-color: var(--overlay-color-hover-on-danger, #14141433)}
18
+ .a2-bg-overlay-hover-on-default {background-color: var(--overlay-color-hover-on, #14141414)}
19
+ .a2-bg-overlay-hover-on-primary {background-color: var(--overlay-color-hover-on-primary, #14141433)}
20
+ .a2-bg-overlay-hover-primary {background-color: var(--overlay-color-hover-primary, #0265DC1A)}
21
+ .a2-bg-primary-default {background-color: var(--background-color-primary, #0265DC)}
22
+ .a2-bg-primary-subdued {background-color: var(--background-color-primary-subdued, #E0F2FF)}
23
+ .a2-bg-status-danger {background-color: var(--status-color-danger, #e13212)}
24
+ .a2-bg-status-info {background-color: var(--status-color-info, #0265DC)}
25
+ .a2-bg-status-success {background-color: var(--status-color-success, #007A4D)}
26
+ .a2-bg-status-warning {background-color: var(--status-color-warning, #ffbe00)}
27
+ .a2-bg-strong {background-color: var(--background-color-strong, #f7f7f7)}
28
+ .a2-bg-stronger {background-color: var(--background-color-stronger, #eeeeee)}
29
+ .a2-bg-strongest {background-color: var(--background-color-strongest, #bcbcbd)}
30
+ .a2-bg-success-default {background-color: var(--background-color-success, #007A4D)}
31
+ .a2-bg-success-subdued {background-color: var(--background-color-success-subdued, #CEF8E0)}
32
+ .a2-bg-warning-default {background-color: var(--background-color-warning, #ffbe00)}
33
+ .a2-border-color-danger {border-color: var(--border-color-danger, #e13212)}
34
+ .a2-border-color-default {border-color: var(--border-color, #949596)}
35
+ .a2-border-color-primary {border-color: var(--border-color-primary, #0265DC)}
36
+ .a2-border-color-status-info {border-color: var(--status-color-info, #0265DC)}
37
+ .a2-border-color-status-success {border-color: var(--status-color-success, #007A4D)}
38
+ .a2-border-color-status-warning {border-color: var(--status-color-warning, #ffbe00)}
39
+ .a2-border-color-strong {border-color: var(--border-color-strong, #444445)}
40
+ .a2-border-color-subdued {border-color: var(--border-color-subdued, #dfe0e1)}
41
+ .a2-border-color-success {border-color: var(--border-color-success, #007A4D)}
42
+ .a2-c-active-danger {color: var(--foreground-color-active-danger, #bf2a00)}
43
+ .a2-c-active-primary {color: var(--foreground-color-active-primary, #004491)}
44
+ .a2-c-danger {color: var(--foreground-color-danger, #e13212)}
45
+ .a2-c-default {color: var(--foreground-color, #141414)}
46
+ .a2-c-hover-danger {color: var(--foreground-color-hover-danger, #bf2a00)}
47
+ .a2-c-hover-primary {color: var(--foreground-color-hover-primary, #004491)}
48
+ .a2-c-inverted {color: var(--foreground-color-inverted, #ffffff)}
49
+ .a2-c-on-danger-default {color: var(--foreground-color-on-danger, #ffffff)}
50
+ .a2-c-on-danger-subdued {color: var(--foreground-color-on-danger-subdued, #bf2a00)}
51
+ .a2-c-on-primary {color: var(--foreground-color-on-primary, #ffffff)}
52
+ .a2-c-on-warning {color: var(--foreground-color-on-warning, #141414)}
53
+ .a2-c-primary {color: var(--foreground-color-primary, #0265DC)}
54
+ .a2-c-status-danger {color: var(--status-color-danger, #e13212)}
55
+ .a2-c-status-info {color: var(--status-color-info, #0265DC)}
56
+ .a2-c-status-success {color: var(--status-color-success, #007A4D)}
57
+ .a2-c-status-warning {color: var(--status-color-warning, #ffbe00)}
58
+ .a2-c-subdued {color: var(--foreground-color-subdued, #737475)}
59
+
60
+ @supports (color: light-dark(#fff, #000)) {
61
+ .a2-bg-danger-default {background-color: var(--background-color-danger, light-dark(#e13212, #ff745f))}
62
+ .a2-bg-danger-subdued {background-color: var(--background-color-danger-subdued, light-dark(#ffece9, #ff745f33))}
63
+ .a2-bg-default {background-color: var(--background-color, light-dark(#ffffff, #141414))}
64
+ .a2-bg-disabled {background-color: var(--background-color-disabled, light-dark(#606162, #606162))}
65
+ .a2-bg-inverted-default {background-color: var(--background-color-inverted, light-dark(#2d2e31, #fafafa))}
66
+ .a2-bg-inverted-strong {background-color: var(--background-color-inverted-strong, light-dark(#141414, #ffffff))}
67
+ .a2-bg-overlay-active-danger {background-color: var(--overlay-color-active-danger, light-dark(#e132124D, #f94d3240))}
68
+ .a2-bg-overlay-active-default {background-color: var(--overlay-color-active, light-dark(#14141429, #ffffff29))}
69
+ .a2-bg-overlay-active-on-danger {background-color: var(--overlay-color-active-on-danger, light-dark(#14141466, #14141429))}
70
+ .a2-bg-overlay-active-on-default {background-color: var(--overlay-color-active-on, light-dark(#14141429, #14141429))}
71
+ .a2-bg-overlay-active-on-primary {background-color: var(--overlay-color-active-on-primary, light-dark(#14141466, #14141429))}
72
+ .a2-bg-overlay-active-primary {background-color: var(--overlay-color-active-primary, light-dark(#0265DC4D, #78BBFA40))}
73
+ .a2-bg-overlay-hover-danger {background-color: var(--overlay-color-hover-danger, light-dark(#e132121A, #f94d3226))}
74
+ .a2-bg-overlay-hover-default {background-color: var(--overlay-color-hover, light-dark(#14141414, #ffffff14))}
75
+ .a2-bg-overlay-hover-on-danger {background-color: var(--overlay-color-hover-on-danger, light-dark(#14141433, #ffffff29))}
76
+ .a2-bg-overlay-hover-on-default {background-color: var(--overlay-color-hover-on, light-dark(#14141414, #ffffff14))}
77
+ .a2-bg-overlay-hover-on-primary {background-color: var(--overlay-color-hover-on-primary, light-dark(#14141433, #ffffff29))}
78
+ .a2-bg-overlay-hover-primary {background-color: var(--overlay-color-hover-primary, light-dark(#0265DC1A, #78BBFA1A))}
79
+ .a2-bg-primary-default {background-color: var(--background-color-primary, light-dark(#0265DC, #78BBFA))}
80
+ .a2-bg-primary-subdued {background-color: var(--background-color-primary-subdued, light-dark(#E0F2FF, #78BBFA33))}
81
+ .a2-bg-status-danger {background-color: var(--status-color-danger, light-dark(#e13212, #ff745f))}
82
+ .a2-bg-status-info {background-color: var(--status-color-info, light-dark(#0265DC, #78BBFA))}
83
+ .a2-bg-status-success {background-color: var(--status-color-success, light-dark(#007A4D, #49CC93))}
84
+ .a2-bg-status-warning {background-color: var(--status-color-warning, light-dark(#ffbe00, #ffe278))}
85
+ .a2-bg-strong {background-color: var(--background-color-strong, light-dark(#f7f7f7, #2d2e31))}
86
+ .a2-bg-stronger {background-color: var(--background-color-stronger, light-dark(#eeeeee, #444445))}
87
+ .a2-bg-strongest {background-color: var(--background-color-strongest, light-dark(#bcbcbd, #737475))}
88
+ .a2-bg-success-default {background-color: var(--background-color-success, light-dark(#007A4D, #49CC93))}
89
+ .a2-bg-success-subdued {background-color: var(--background-color-success-subdued, light-dark(#CEF8E0, #49CC9333))}
90
+ .a2-bg-warning-default {background-color: var(--background-color-warning, light-dark(#ffbe00, #ffe278))}
91
+ .a2-border-color-danger {border-color: var(--border-color-danger, light-dark(#e13212, #ff745f))}
92
+ .a2-border-color-default {border-color: var(--border-color, light-dark(#949596, #606162))}
93
+ .a2-border-color-primary {border-color: var(--border-color-primary, light-dark(#0265DC, #78BBFA))}
94
+ .a2-border-color-status-info {border-color: var(--status-color-info, light-dark(#0265DC, #78BBFA))}
95
+ .a2-border-color-status-success {border-color: var(--status-color-success, light-dark(#007A4D, #49CC93))}
96
+ .a2-border-color-status-warning {border-color: var(--status-color-warning, light-dark(#ffbe00, #ffe278))}
97
+ .a2-border-color-strong {border-color: var(--border-color-strong, light-dark(#444445, #dfe0e1))}
98
+ .a2-border-color-subdued {border-color: var(--border-color-subdued, light-dark(#dfe0e1, #444445))}
99
+ .a2-border-color-success {border-color: var(--border-color-success, light-dark(#007A4D, #49CC93))}
100
+ .a2-c-active-danger {color: var(--foreground-color-active-danger, light-dark(#bf2a00, #ff745f))}
101
+ .a2-c-active-primary {color: var(--foreground-color-active-primary, light-dark(#004491, #B5DEFF))}
102
+ .a2-c-danger {color: var(--foreground-color-danger, light-dark(#e13212, #ff745f))}
103
+ .a2-c-default {color: var(--foreground-color, light-dark(#141414, #ffffff))}
104
+ .a2-c-hover-danger {color: var(--foreground-color-hover-danger, light-dark(#bf2a00, #ff745f))}
105
+ .a2-c-hover-primary {color: var(--foreground-color-hover-primary, light-dark(#004491, #B5DEFF))}
106
+ .a2-c-inverted {color: var(--foreground-color-inverted, light-dark(#ffffff, #141414))}
107
+ .a2-c-on-danger-default {color: var(--foreground-color-on-danger, light-dark(#ffffff, #141414))}
108
+ .a2-c-on-danger-subdued {color: var(--foreground-color-on-danger-subdued, light-dark(#bf2a00, #ffffff))}
109
+ .a2-c-on-primary {color: var(--foreground-color-on-primary, light-dark(#ffffff, #141414))}
110
+ .a2-c-on-warning {color: var(--foreground-color-on-warning, light-dark(#141414, #141414))}
111
+ .a2-c-primary {color: var(--foreground-color-primary, light-dark(#0265DC, #78BBFA))}
112
+ .a2-c-status-danger {color: var(--status-color-danger, light-dark(#e13212, #ff745f))}
113
+ .a2-c-status-info {color: var(--status-color-info, light-dark(#0265DC, #78BBFA))}
114
+ .a2-c-status-success {color: var(--status-color-success, light-dark(#007A4D, #49CC93))}
115
+ .a2-c-status-warning {color: var(--status-color-warning, light-dark(#ffbe00, #ffe278))}
116
+ .a2-c-subdued {color: var(--foreground-color-subdued, light-dark(#737475, #bcbcbd))}
117
+ }
118
+
119
+ @layer application {
120
+ .a2-bg-danger-default {background-color: var(--background-color-danger, #e13212)}
121
+ .a2-bg-danger-subdued {background-color: var(--background-color-danger-subdued, #ffece9)}
122
+ .a2-bg-default {background-color: var(--background-color, #ffffff)}
123
+ .a2-bg-disabled {background-color: var(--background-color-disabled, #606162)}
124
+ .a2-bg-inverted-default {background-color: var(--background-color-inverted, #2d2e31)}
125
+ .a2-bg-inverted-strong {background-color: var(--background-color-inverted-strong, #141414)}
126
+ .a2-bg-overlay-active-danger {background-color: var(--overlay-color-active-danger, #e132124D)}
127
+ .a2-bg-overlay-active-default {background-color: var(--overlay-color-active, #14141429)}
128
+ .a2-bg-overlay-active-on-danger {background-color: var(--overlay-color-active-on-danger, #14141466)}
129
+ .a2-bg-overlay-active-on-default {background-color: var(--overlay-color-active-on, #14141429)}
130
+ .a2-bg-overlay-active-on-primary {background-color: var(--overlay-color-active-on-primary, #14141466)}
131
+ .a2-bg-overlay-active-primary {background-color: var(--overlay-color-active-primary, #0265DC4D)}
132
+ .a2-bg-overlay-hover-danger {background-color: var(--overlay-color-hover-danger, #e132121A)}
133
+ .a2-bg-overlay-hover-default {background-color: var(--overlay-color-hover, #14141414)}
134
+ .a2-bg-overlay-hover-on-danger {background-color: var(--overlay-color-hover-on-danger, #14141433)}
135
+ .a2-bg-overlay-hover-on-default {background-color: var(--overlay-color-hover-on, #14141414)}
136
+ .a2-bg-overlay-hover-on-primary {background-color: var(--overlay-color-hover-on-primary, #14141433)}
137
+ .a2-bg-overlay-hover-primary {background-color: var(--overlay-color-hover-primary, #0265DC1A)}
138
+ .a2-bg-primary-default {background-color: var(--background-color-primary, #0265DC)}
139
+ .a2-bg-primary-subdued {background-color: var(--background-color-primary-subdued, #E0F2FF)}
140
+ .a2-bg-status-danger {background-color: var(--status-color-danger, #e13212)}
141
+ .a2-bg-status-info {background-color: var(--status-color-info, #0265DC)}
142
+ .a2-bg-status-success {background-color: var(--status-color-success, #007A4D)}
143
+ .a2-bg-status-warning {background-color: var(--status-color-warning, #ffbe00)}
144
+ .a2-bg-strong {background-color: var(--background-color-strong, #f7f7f7)}
145
+ .a2-bg-stronger {background-color: var(--background-color-stronger, #eeeeee)}
146
+ .a2-bg-strongest {background-color: var(--background-color-strongest, #bcbcbd)}
147
+ .a2-bg-success-default {background-color: var(--background-color-success, #007A4D)}
148
+ .a2-bg-success-subdued {background-color: var(--background-color-success-subdued, #CEF8E0)}
149
+ .a2-bg-warning-default {background-color: var(--background-color-warning, #ffbe00)}
150
+ .a2-border-color-danger {border-color: var(--border-color-danger, #e13212)}
151
+ .a2-border-color-default {border-color: var(--border-color, #949596)}
152
+ .a2-border-color-primary {border-color: var(--border-color-primary, #0265DC)}
153
+ .a2-border-color-status-info {border-color: var(--status-color-info, #0265DC)}
154
+ .a2-border-color-status-success {border-color: var(--status-color-success, #007A4D)}
155
+ .a2-border-color-status-warning {border-color: var(--status-color-warning, #ffbe00)}
156
+ .a2-border-color-strong {border-color: var(--border-color-strong, #444445)}
157
+ .a2-border-color-subdued {border-color: var(--border-color-subdued, #dfe0e1)}
158
+ .a2-border-color-success {border-color: var(--border-color-success, #007A4D)}
159
+ .a2-c-active-danger {color: var(--foreground-color-active-danger, #bf2a00)}
160
+ .a2-c-active-primary {color: var(--foreground-color-active-primary, #004491)}
161
+ .a2-c-danger {color: var(--foreground-color-danger, #e13212)}
162
+ .a2-c-default {color: var(--foreground-color, #141414)}
163
+ .a2-c-hover-danger {color: var(--foreground-color-hover-danger, #bf2a00)}
164
+ .a2-c-hover-primary {color: var(--foreground-color-hover-primary, #004491)}
165
+ .a2-c-inverted {color: var(--foreground-color-inverted, #ffffff)}
166
+ .a2-c-on-danger-default {color: var(--foreground-color-on-danger, #ffffff)}
167
+ .a2-c-on-danger-subdued {color: var(--foreground-color-on-danger-subdued, #bf2a00)}
168
+ .a2-c-on-primary {color: var(--foreground-color-on-primary, #ffffff)}
169
+ .a2-c-on-warning {color: var(--foreground-color-on-warning, #141414)}
170
+ .a2-c-primary {color: var(--foreground-color-primary, #0265DC)}
171
+ .a2-c-status-danger {color: var(--status-color-danger, #e13212)}
172
+ .a2-c-status-info {color: var(--status-color-info, #0265DC)}
173
+ .a2-c-status-success {color: var(--status-color-success, #007A4D)}
174
+ .a2-c-status-warning {color: var(--status-color-warning, #ffbe00)}
175
+ .a2-c-subdued {color: var(--foreground-color-subdued, #737475)}
176
+
177
+ @supports (color: light-dark(#fff, #000)) {
178
+ .a2-bg-danger-default {background-color: var(--background-color-danger, light-dark(#e13212, #ff745f))}
179
+ .a2-bg-danger-subdued {background-color: var(--background-color-danger-subdued, light-dark(#ffece9, #ff745f33))}
180
+ .a2-bg-default {background-color: var(--background-color, light-dark(#ffffff, #141414))}
181
+ .a2-bg-disabled {background-color: var(--background-color-disabled, light-dark(#606162, #606162))}
182
+ .a2-bg-inverted-default {background-color: var(--background-color-inverted, light-dark(#2d2e31, #fafafa))}
183
+ .a2-bg-inverted-strong {background-color: var(--background-color-inverted-strong, light-dark(#141414, #ffffff))}
184
+ .a2-bg-overlay-active-danger {background-color: var(--overlay-color-active-danger, light-dark(#e132124D, #f94d3240))}
185
+ .a2-bg-overlay-active-default {background-color: var(--overlay-color-active, light-dark(#14141429, #ffffff29))}
186
+ .a2-bg-overlay-active-on-danger {background-color: var(--overlay-color-active-on-danger, light-dark(#14141466, #14141429))}
187
+ .a2-bg-overlay-active-on-default {background-color: var(--overlay-color-active-on, light-dark(#14141429, #14141429))}
188
+ .a2-bg-overlay-active-on-primary {background-color: var(--overlay-color-active-on-primary, light-dark(#14141466, #14141429))}
189
+ .a2-bg-overlay-active-primary {background-color: var(--overlay-color-active-primary, light-dark(#0265DC4D, #78BBFA40))}
190
+ .a2-bg-overlay-hover-danger {background-color: var(--overlay-color-hover-danger, light-dark(#e132121A, #f94d3226))}
191
+ .a2-bg-overlay-hover-default {background-color: var(--overlay-color-hover, light-dark(#14141414, #ffffff14))}
192
+ .a2-bg-overlay-hover-on-danger {background-color: var(--overlay-color-hover-on-danger, light-dark(#14141433, #ffffff29))}
193
+ .a2-bg-overlay-hover-on-default {background-color: var(--overlay-color-hover-on, light-dark(#14141414, #ffffff14))}
194
+ .a2-bg-overlay-hover-on-primary {background-color: var(--overlay-color-hover-on-primary, light-dark(#14141433, #ffffff29))}
195
+ .a2-bg-overlay-hover-primary {background-color: var(--overlay-color-hover-primary, light-dark(#0265DC1A, #78BBFA1A))}
196
+ .a2-bg-primary-default {background-color: var(--background-color-primary, light-dark(#0265DC, #78BBFA))}
197
+ .a2-bg-primary-subdued {background-color: var(--background-color-primary-subdued, light-dark(#E0F2FF, #78BBFA33))}
198
+ .a2-bg-status-danger {background-color: var(--status-color-danger, light-dark(#e13212, #ff745f))}
199
+ .a2-bg-status-info {background-color: var(--status-color-info, light-dark(#0265DC, #78BBFA))}
200
+ .a2-bg-status-success {background-color: var(--status-color-success, light-dark(#007A4D, #49CC93))}
201
+ .a2-bg-status-warning {background-color: var(--status-color-warning, light-dark(#ffbe00, #ffe278))}
202
+ .a2-bg-strong {background-color: var(--background-color-strong, light-dark(#f7f7f7, #2d2e31))}
203
+ .a2-bg-stronger {background-color: var(--background-color-stronger, light-dark(#eeeeee, #444445))}
204
+ .a2-bg-strongest {background-color: var(--background-color-strongest, light-dark(#bcbcbd, #737475))}
205
+ .a2-bg-success-default {background-color: var(--background-color-success, light-dark(#007A4D, #49CC93))}
206
+ .a2-bg-success-subdued {background-color: var(--background-color-success-subdued, light-dark(#CEF8E0, #49CC9333))}
207
+ .a2-bg-warning-default {background-color: var(--background-color-warning, light-dark(#ffbe00, #ffe278))}
208
+ .a2-border-color-danger {border-color: var(--border-color-danger, light-dark(#e13212, #ff745f))}
209
+ .a2-border-color-default {border-color: var(--border-color, light-dark(#949596, #606162))}
210
+ .a2-border-color-primary {border-color: var(--border-color-primary, light-dark(#0265DC, #78BBFA))}
211
+ .a2-border-color-status-info {border-color: var(--status-color-info, light-dark(#0265DC, #78BBFA))}
212
+ .a2-border-color-status-success {border-color: var(--status-color-success, light-dark(#007A4D, #49CC93))}
213
+ .a2-border-color-status-warning {border-color: var(--status-color-warning, light-dark(#ffbe00, #ffe278))}
214
+ .a2-border-color-strong {border-color: var(--border-color-strong, light-dark(#444445, #dfe0e1))}
215
+ .a2-border-color-subdued {border-color: var(--border-color-subdued, light-dark(#dfe0e1, #444445))}
216
+ .a2-border-color-success {border-color: var(--border-color-success, light-dark(#007A4D, #49CC93))}
217
+ .a2-c-active-danger {color: var(--foreground-color-active-danger, light-dark(#bf2a00, #ff745f))}
218
+ .a2-c-active-primary {color: var(--foreground-color-active-primary, light-dark(#004491, #B5DEFF))}
219
+ .a2-c-danger {color: var(--foreground-color-danger, light-dark(#e13212, #ff745f))}
220
+ .a2-c-default {color: var(--foreground-color, light-dark(#141414, #ffffff))}
221
+ .a2-c-hover-danger {color: var(--foreground-color-hover-danger, light-dark(#bf2a00, #ff745f))}
222
+ .a2-c-hover-primary {color: var(--foreground-color-hover-primary, light-dark(#004491, #B5DEFF))}
223
+ .a2-c-inverted {color: var(--foreground-color-inverted, light-dark(#ffffff, #141414))}
224
+ .a2-c-on-danger-default {color: var(--foreground-color-on-danger, light-dark(#ffffff, #141414))}
225
+ .a2-c-on-danger-subdued {color: var(--foreground-color-on-danger-subdued, light-dark(#bf2a00, #ffffff))}
226
+ .a2-c-on-primary {color: var(--foreground-color-on-primary, light-dark(#ffffff, #141414))}
227
+ .a2-c-on-warning {color: var(--foreground-color-on-warning, light-dark(#141414, #141414))}
228
+ .a2-c-primary {color: var(--foreground-color-primary, light-dark(#0265DC, #78BBFA))}
229
+ .a2-c-status-danger {color: var(--status-color-danger, light-dark(#e13212, #ff745f))}
230
+ .a2-c-status-info {color: var(--status-color-info, light-dark(#0265DC, #78BBFA))}
231
+ .a2-c-status-success {color: var(--status-color-success, light-dark(#007A4D, #49CC93))}
232
+ .a2-c-status-warning {color: var(--status-color-warning, light-dark(#ffbe00, #ffe278))}
233
+ .a2-c-subdued {color: var(--foreground-color-subdued, light-dark(#737475, #bcbcbd))}
234
+ }
235
+ }
package/dist/assets/css-utils/a2-font.css ADDED
@@ -0,0 +1,49 @@
1
+ @layer starter, reset, base, state, application;
2
+
3
+ .a2-ff-heading {font-family: 'Sofia Pro', SofiaPro, sans-serif}
4
+ .a2-ff-label {font-family: 'Nunito Sans', sans-serif}
5
+ .a2-ff-paragraph {font-family: 'Nunito Sans', sans-serif}
6
+ .a2-fs-heading-default {font-size: 1.25rem}
7
+ .a2-fs-heading-large {font-size: 1.5rem}
8
+ .a2-fs-heading-small {font-size: 1rem}
9
+ .a2-fs-heading-xlarge {font-size: 2rem}
10
+ .a2-fs-heading-xsmall {font-size: 0.875rem}
11
+ .a2-fs-label-default {font-size: 0.875rem}
12
+ .a2-fs-label-large {font-size: 1rem}
13
+ .a2-fs-label-small {font-size: 0.75rem}
14
+ .a2-fs-label-xlarge {font-size: 1.25rem}
15
+ .a2-fs-label-xsmall {font-size: 0.625rem}
16
+ .a2-fs-paragraph-default {font-size: 1rem}
17
+ .a2-fs-paragraph-large {font-size: 1.25rem}
18
+ .a2-fs-paragraph-small {font-size: 0.875rem}
19
+ .a2-fs-paragraph-xlarge {font-size: 1.5rem}
20
+ .a2-fs-paragraph-xsmall {font-size: 0.75rem}
21
+ .a2-fw-heading {font-weight: 700}
22
+ .a2-fw-label {font-weight: 600}
23
+ .a2-fw-paragraph {font-weight: 400}
24
+
25
+
26
+ @layer application {
27
+ .a2-ff-heading {font-family: 'Sofia Pro', SofiaPro, sans-serif}
28
+ .a2-ff-label {font-family: 'Nunito Sans', sans-serif}
29
+ .a2-ff-paragraph {font-family: 'Nunito Sans', sans-serif}
30
+ .a2-fs-heading-default {font-size: 1.25rem}
31
+ .a2-fs-heading-large {font-size: 1.5rem}
32
+ .a2-fs-heading-small {font-size: 1rem}
33
+ .a2-fs-heading-xlarge {font-size: 2rem}
34
+ .a2-fs-heading-xsmall {font-size: 0.875rem}
35
+ .a2-fs-label-default {font-size: 0.875rem}
36
+ .a2-fs-label-large {font-size: 1rem}
37
+ .a2-fs-label-small {font-size: 0.75rem}
38
+ .a2-fs-label-xlarge {font-size: 1.25rem}
39
+ .a2-fs-label-xsmall {font-size: 0.625rem}
40
+ .a2-fs-paragraph-default {font-size: 1rem}
41
+ .a2-fs-paragraph-large {font-size: 1.25rem}
42
+ .a2-fs-paragraph-small {font-size: 0.875rem}
43
+ .a2-fs-paragraph-xlarge {font-size: 1.5rem}
44
+ .a2-fs-paragraph-xsmall {font-size: 0.75rem}
45
+ .a2-fw-heading {font-weight: 700}
46
+ .a2-fw-label {font-weight: 600}
47
+ .a2-fw-paragraph {font-weight: 400}
48
+
49
+ }