@servicetitan/anvil2 1.26.1 → 1.27.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 (308) hide show
  1. package/CHANGELOG.md +70 -0
  2. package/dist/{Alert-BGxnwh4U-ytPHdG2h.js → Alert-BmiMaHHl-C4TKrNF3.js} +13 -13
  3. package/dist/{Alert-BGxnwh4U-ytPHdG2h.js.map → Alert-BmiMaHHl-C4TKrNF3.js.map} +1 -1
  4. package/dist/{Alert-BGxnwh4U.css → Alert-BmiMaHHl.css} +18 -18
  5. package/dist/{Alert-Dm9uevPZ.js → Alert-DhJoO6si.js} +2 -2
  6. package/dist/{Alert-Dm9uevPZ.js.map → Alert-DhJoO6si.js.map} +1 -1
  7. package/dist/Alert.js +1 -1
  8. package/dist/{Announcement-BPow1TbL.js → Announcement-DDIsOYU0.js} +12 -12
  9. package/dist/{Announcement-BPow1TbL.js.map → Announcement-DDIsOYU0.js.map} +1 -1
  10. package/dist/Announcement.css +24 -12
  11. package/dist/Announcement.js +1 -1
  12. package/dist/{AnvilProvider-C-6UdeBs.js → AnvilProvider-DNJk1Ait.js} +2 -2
  13. package/dist/{AnvilProvider-C-6UdeBs.js.map → AnvilProvider-DNJk1Ait.js.map} +1 -1
  14. package/dist/AnvilProvider.js +1 -1
  15. package/dist/{Avatar-DR0nw5eu.js → Avatar-BbOnZyM_.js} +10 -10
  16. package/dist/{Avatar-DR0nw5eu.js.map → Avatar-BbOnZyM_.js.map} +1 -1
  17. package/dist/Avatar.css +18 -18
  18. package/dist/Avatar.js +1 -1
  19. package/dist/{Breadcrumbs-ChNbRqbi.js → Breadcrumbs-ByNGkX5w.js} +3 -3
  20. package/dist/{Breadcrumbs-ChNbRqbi.js.map → Breadcrumbs-ByNGkX5w.js.map} +1 -1
  21. package/dist/Breadcrumbs.js +1 -1
  22. package/dist/{Button-4ih4Ht_z.js → Button-B2ruRsLb.js} +2 -2
  23. package/dist/{Button-4ih4Ht_z.js.map → Button-B2ruRsLb.js.map} +1 -1
  24. package/dist/{Button-DPIUyV2O-DxCH2dlc.js → Button-BHwg8Uip-DPU6y8-l.js} +23 -23
  25. package/dist/Button-BHwg8Uip-DPU6y8-l.js.map +1 -0
  26. package/dist/Button-BHwg8Uip.css +300 -0
  27. package/dist/Button.js +1 -1
  28. package/dist/{ButtonCompound-VpV-hDUY.js → ButtonCompound-DQ9LGk2K.js} +2 -2
  29. package/dist/{ButtonCompound-VpV-hDUY.js.map → ButtonCompound-DQ9LGk2K.js.map} +1 -1
  30. package/dist/ButtonCompound.js +1 -1
  31. package/dist/{ButtonLink-C1cCAIG0.js → ButtonLink-CjxVUldA.js} +2 -2
  32. package/dist/{ButtonLink-C1cCAIG0.js.map → ButtonLink-CjxVUldA.js.map} +1 -1
  33. package/dist/ButtonLink.js +1 -1
  34. package/dist/{ButtonToggle-DHX9ryn1-BzRjiG0o.js → ButtonToggle-9HqVrCoP-DsNu__N0.js} +4 -4
  35. package/dist/{ButtonToggle-DHX9ryn1-BzRjiG0o.js.map → ButtonToggle-9HqVrCoP-DsNu__N0.js.map} +1 -1
  36. package/dist/{ButtonToggle-Mf15vOmV.js → ButtonToggle-DYKdmH_u.js} +2 -2
  37. package/dist/{ButtonToggle-Mf15vOmV.js.map → ButtonToggle-DYKdmH_u.js.map} +1 -1
  38. package/dist/ButtonToggle.js +1 -1
  39. package/dist/{Calendar-Dx2sfg5W.js → Calendar-Dg_yoWxL.js} +2 -2
  40. package/dist/{Calendar-Dx2sfg5W.js.map → Calendar-Dg_yoWxL.js.map} +1 -1
  41. package/dist/{Calendar-BLyOeR3U-rYLyYewL.js → Calendar-Z_nAtpoV-B0uWpOrw.js} +23 -23
  42. package/dist/{Calendar-BLyOeR3U-rYLyYewL.js.map → Calendar-Z_nAtpoV-B0uWpOrw.js.map} +1 -1
  43. package/dist/{Calendar-BLyOeR3U.css → Calendar-Z_nAtpoV.css} +44 -44
  44. package/dist/Calendar.js +1 -1
  45. package/dist/{Checkbox-CIMoRELh-B3GJHXyO.js → Checkbox-D6-kiZ0g-6jox0aDW.js} +46 -32
  46. package/dist/Checkbox-D6-kiZ0g-6jox0aDW.js.map +1 -0
  47. package/dist/{Checkbox-BTD0_Qkv.js → Checkbox-DJguu7Kw.js} +2 -2
  48. package/dist/Checkbox-DJguu7Kw.js.map +1 -0
  49. package/dist/Checkbox.css +106 -68
  50. package/dist/Checkbox.js +1 -1
  51. package/dist/{Checkbox.module-9DnErc2T-CoENWijd.js → Checkbox.module-DMrZNVpb-DL8zOKBQ.js} +16 -14
  52. package/dist/Checkbox.module-DMrZNVpb-DL8zOKBQ.js.map +1 -0
  53. package/dist/{Chip-CwBvUKwn.js → Chip-C5ElPVsb.js} +2 -2
  54. package/dist/{Chip-CwBvUKwn.js.map → Chip-C5ElPVsb.js.map} +1 -1
  55. package/dist/{Chip-B09LeE8a-D517lNXd.js → Chip-CAxTyjIZ-DfkCTnYy.js} +10 -10
  56. package/dist/{Chip-B09LeE8a-D517lNXd.js.map → Chip-CAxTyjIZ-DfkCTnYy.js.map} +1 -1
  57. package/dist/{Chip-B09LeE8a.css → Chip-CAxTyjIZ.css} +20 -20
  58. package/dist/Chip.js +1 -1
  59. package/dist/{Combobox-UI4iNs4v.js → Combobox-kxTlPBj5.js} +247 -67
  60. package/dist/Combobox-kxTlPBj5.js.map +1 -0
  61. package/dist/Combobox.css +72 -72
  62. package/dist/Combobox.js +1 -1
  63. package/dist/DateField-CaDuuTnX.js +579 -0
  64. package/dist/DateField-CaDuuTnX.js.map +1 -0
  65. package/dist/DateField.js +1 -1
  66. package/dist/{Details-C00yOpMs.js → Details-B1wMLkdg.js} +9 -9
  67. package/dist/{Details-C00yOpMs.js.map → Details-B1wMLkdg.js.map} +1 -1
  68. package/dist/Details.css +18 -18
  69. package/dist/Details.js +1 -1
  70. package/dist/{Dialog-DhG6Qvhz-CZ1yBSYv.js → Dialog-6g0s0fvb-DdwUwOVg.js} +61 -62
  71. package/dist/Dialog-6g0s0fvb-DdwUwOVg.js.map +1 -0
  72. package/dist/{Dialog-DhG6Qvhz.css → Dialog-6g0s0fvb.css} +23 -22
  73. package/dist/{Dialog-V7cjDiFS.js → Dialog-BVG0m6dn.js} +2 -2
  74. package/dist/{Dialog-V7cjDiFS.js.map → Dialog-BVG0m6dn.js.map} +1 -1
  75. package/dist/Dialog.js +1 -1
  76. package/dist/{Divider-Ctp-0EQ8.js → Divider-CLnPwn7z.js} +17 -14
  77. package/dist/Divider-CLnPwn7z.js.map +1 -0
  78. package/dist/Divider.css +52 -28
  79. package/dist/Divider.js +1 -1
  80. package/dist/{Drawer-CRReZbV6.js → Drawer-DQSLhTtO.js} +55 -59
  81. package/dist/Drawer-DQSLhTtO.js.map +1 -0
  82. package/dist/Drawer.css +26 -25
  83. package/dist/Drawer.js +1 -1
  84. package/dist/{EditCard-CP0pQm_U.js → EditCard-CrlcI07q.js} +14 -14
  85. package/dist/{EditCard-CP0pQm_U.js.map → EditCard-CrlcI07q.js.map} +1 -1
  86. package/dist/EditCard.css +16 -16
  87. package/dist/EditCard.js +1 -1
  88. package/dist/{Helper-D1wqxi-n-DL9ve0e9.js → Helper-Ba5DBS51-DBtASfJG.js} +6 -6
  89. package/dist/{Helper-D1wqxi-n-DL9ve0e9.js.map → Helper-Ba5DBS51-DBtASfJG.js.map} +1 -1
  90. package/dist/{Helper-D1wqxi-n.css → Helper-Ba5DBS51.css} +5 -5
  91. package/dist/{Icon-Dl30QYlC.js → Icon-CrE5UgZV.js} +2 -2
  92. package/dist/{Icon-Dl30QYlC.js.map → Icon-CrE5UgZV.js.map} +1 -1
  93. package/dist/{Icon-BgNIrmZM-CUkfW-_l.js → Icon-DbHA5GV1-DwO2aGkj.js} +6 -6
  94. package/dist/{Icon-BgNIrmZM-CUkfW-_l.js.map → Icon-DbHA5GV1-DwO2aGkj.js.map} +1 -1
  95. package/dist/{Icon-BgNIrmZM.css → Icon-DbHA5GV1.css} +9 -9
  96. package/dist/Icon.js +1 -1
  97. package/dist/{InputMask-CSseS-fh.js → InputMask-DgkoDKtz.js} +2 -2
  98. package/dist/{InputMask-CSseS-fh.js.map → InputMask-DgkoDKtz.js.map} +1 -1
  99. package/dist/InputMask-mcs9lD4F-BuCF93Le.js +320 -0
  100. package/dist/InputMask-mcs9lD4F-BuCF93Le.js.map +1 -0
  101. package/dist/InputMask.js +1 -1
  102. package/dist/{Label-B-Z4Vp58-k9UxGncl.js → Label-Cmah7p_s-DYYyQxMK.js} +4 -4
  103. package/dist/{Label-B-Z4Vp58-k9UxGncl.js.map → Label-Cmah7p_s-DYYyQxMK.js.map} +1 -1
  104. package/dist/{Link-CL7Gc29S-LYooajNS.js → Link-BZ7vy96e-DolN6mMF.js} +8 -7
  105. package/dist/Link-BZ7vy96e-DolN6mMF.js.map +1 -0
  106. package/dist/Link-BZ7vy96e.css +63 -0
  107. package/dist/{Link-Ct0qNPzS.js → Link-CBkwLJrX.js} +2 -2
  108. package/dist/{Link-Ct0qNPzS.js.map → Link-CBkwLJrX.js.map} +1 -1
  109. package/dist/Link.js +1 -1
  110. package/dist/{ListView-Bf1mwMXt.js → ListView-DX7NxNSw.js} +2 -2
  111. package/dist/{ListView-Bf1mwMXt.js.map → ListView-DX7NxNSw.js.map} +1 -1
  112. package/dist/ListView.js +1 -1
  113. package/dist/{Listbox-BsQmGv15-C5bH4eex.js → Listbox-CCUnPdBn-DwvTVF0i.js} +3 -3
  114. package/dist/{Listbox-BsQmGv15-C5bH4eex.js.map → Listbox-CCUnPdBn-DwvTVF0i.js.map} +1 -1
  115. package/dist/{Listbox-BSf6vpMR.js → Listbox-DcMJEUMo.js} +2 -2
  116. package/dist/{Listbox-BSf6vpMR.js.map → Listbox-DcMJEUMo.js.map} +1 -1
  117. package/dist/Listbox.css +33 -33
  118. package/dist/Listbox.js +1 -1
  119. package/dist/Listbox.module-CJuWm7RR-CJuWm7RR.js +18 -0
  120. package/dist/Listbox.module-CJuWm7RR-CJuWm7RR.js.map +1 -0
  121. package/dist/{Menu-CYK-VXSj.js → Menu-1N6kdaVX.js} +5 -5
  122. package/dist/{Menu-CYK-VXSj.js.map → Menu-1N6kdaVX.js.map} +1 -1
  123. package/dist/Menu.js +1 -1
  124. package/dist/{Overflow-24qqgMkR.js → Overflow-Codc9CEy.js} +2 -2
  125. package/dist/{Overflow-24qqgMkR.js.map → Overflow-Codc9CEy.js.map} +1 -1
  126. package/dist/{Overflow-6zidmm4F-BNg3Wh59.js → Overflow-Cv9sOPm3-AYGUgSQn.js} +13 -13
  127. package/dist/Overflow-Cv9sOPm3-AYGUgSQn.js.map +1 -0
  128. package/dist/{Overflow-6zidmm4F.css → Overflow-Cv9sOPm3.css} +29 -29
  129. package/dist/Overflow.js +1 -1
  130. package/dist/Page-DUA2NqcR.js +452 -0
  131. package/dist/Page-DUA2NqcR.js.map +1 -0
  132. package/dist/Page.css +135 -65
  133. package/dist/Page.js +1 -1
  134. package/dist/{Popover-Btv8a_UW-CCpcppuW.js → Popover-Bv4sIKvC-CCbvaK8b.js} +153 -71
  135. package/dist/Popover-Bv4sIKvC-CCbvaK8b.js.map +1 -0
  136. package/dist/{Popover-Btv8a_UW.css → Popover-Bv4sIKvC.css} +10 -10
  137. package/dist/{Popover-DRMCsDWy.js → Popover-Cbmy9jrU.js} +2 -2
  138. package/dist/{Popover-DRMCsDWy.js.map → Popover-Cbmy9jrU.js.map} +1 -1
  139. package/dist/Popover.js +1 -1
  140. package/dist/{ProgressBar-CmpuRo93.js → ProgressBar-Cbt2k-7d.js} +2 -2
  141. package/dist/{ProgressBar-CmpuRo93.js.map → ProgressBar-Cbt2k-7d.js.map} +1 -1
  142. package/dist/{ProgressBar-EpBsXzcs-BgE8GDtg.js → ProgressBar-chBw0MyR-cnNzXxPv.js} +12 -12
  143. package/dist/{ProgressBar-EpBsXzcs-BgE8GDtg.js.map → ProgressBar-chBw0MyR-cnNzXxPv.js.map} +1 -1
  144. package/dist/{ProgressBar-EpBsXzcs.css → ProgressBar-chBw0MyR.css} +20 -20
  145. package/dist/ProgressBar.js +1 -1
  146. package/dist/{Radio-D008X69w.js → Radio-BBwG1fqT-vopD4gzD.js} +55 -68
  147. package/dist/Radio-BBwG1fqT-vopD4gzD.js.map +1 -0
  148. package/dist/Radio-BBwG1fqT.css +232 -0
  149. package/dist/Radio-CtFSLOYa.js +34 -0
  150. package/dist/Radio-CtFSLOYa.js.map +1 -0
  151. package/dist/Radio.js +1 -1
  152. package/dist/{SearchField-Cu_XUoP4.js → SearchField-CWb0kaV8.js} +16 -8
  153. package/dist/SearchField-CWb0kaV8.js.map +1 -0
  154. package/dist/SearchField.css +9 -9
  155. package/dist/SearchField.js +1 -1
  156. package/dist/{SegmentedControl-ahC8vXbk.js → SegmentedControl-DyeWOOF3.js} +12 -12
  157. package/dist/{SegmentedControl-ahC8vXbk.js.map → SegmentedControl-DyeWOOF3.js.map} +1 -1
  158. package/dist/SegmentedControl.css +27 -27
  159. package/dist/SegmentedControl.js +1 -1
  160. package/dist/SelectCard.d.ts +6 -0
  161. package/dist/SelectCard.js +2 -0
  162. package/dist/SelectCard.js.map +1 -0
  163. package/dist/SelectCardGroup-Ch56Mp-k.js +178 -0
  164. package/dist/SelectCardGroup-Ch56Mp-k.js.map +1 -0
  165. package/dist/SelectCardGroup.css +37 -0
  166. package/dist/{SideNav-CCN45mjt.js → SideNav-Mdwo6zfi.js} +23 -23
  167. package/dist/{SideNav-CCN45mjt.js.map → SideNav-Mdwo6zfi.js.map} +1 -1
  168. package/dist/SideNav.css +55 -55
  169. package/dist/SideNav.js +1 -1
  170. package/dist/{Spinner-Cd29kwQb.js → Spinner-C0SZj1Xr.js} +2 -2
  171. package/dist/{Spinner-Cd29kwQb.js.map → Spinner-C0SZj1Xr.js.map} +1 -1
  172. package/dist/{Spinner-DsuW7OPp-Bct1KVcB.js → Spinner-DdirfhPp-c7cDfIit.js} +5 -5
  173. package/dist/{Spinner-DsuW7OPp-Bct1KVcB.js.map → Spinner-DdirfhPp-c7cDfIit.js.map} +1 -1
  174. package/dist/{Spinner-DsuW7OPp.css → Spinner-DdirfhPp.css} +7 -7
  175. package/dist/Spinner.js +1 -1
  176. package/dist/{Stepper-DE_jtDku.js → Stepper-CAuH-6cR.js} +11 -11
  177. package/dist/{Stepper-DE_jtDku.js.map → Stepper-CAuH-6cR.js.map} +1 -1
  178. package/dist/Stepper.css +37 -37
  179. package/dist/Stepper.js +1 -1
  180. package/dist/{Switch-C993WLM-.js → Switch-D2mURCX4.js} +6 -6
  181. package/dist/{Switch-C993WLM-.js.map → Switch-D2mURCX4.js.map} +1 -1
  182. package/dist/Switch.css +26 -26
  183. package/dist/Switch.js +1 -1
  184. package/dist/{Tab-D9fCuiyt.js → Tab-x6_xtr13.js} +14 -14
  185. package/dist/{Tab-D9fCuiyt.js.map → Tab-x6_xtr13.js.map} +1 -1
  186. package/dist/Tab.css +38 -38
  187. package/dist/Tab.js +1 -1
  188. package/dist/{TextField-86ebcPf6.js → TextField-A_NHddzb.js} +2 -2
  189. package/dist/{TextField-86ebcPf6.js.map → TextField-A_NHddzb.js.map} +1 -1
  190. package/dist/{TextField-BsIkt2PK-Cc3PZ7Kh.js → TextField-CODjlcrt-CsYFQwcu.js} +5 -5
  191. package/dist/{TextField-BsIkt2PK-Cc3PZ7Kh.js.map → TextField-CODjlcrt-CsYFQwcu.js.map} +1 -1
  192. package/dist/TextField.css +25 -25
  193. package/dist/TextField.js +1 -1
  194. package/dist/TextField.module-B411p3ST-B411p3ST.js +22 -0
  195. package/dist/{TextField.module-JJ6esEDk-JJ6esEDk.js.map → TextField.module-B411p3ST-B411p3ST.js.map} +1 -1
  196. package/dist/{Textarea-Cd6IsaY3.js → Textarea-BtVSVQSa.js} +10 -10
  197. package/dist/{Textarea-Cd6IsaY3.js.map → Textarea-BtVSVQSa.js.map} +1 -1
  198. package/dist/Textarea.css +15 -15
  199. package/dist/Textarea.js +1 -1
  200. package/dist/{ThemeProvider-Dvp6YuaY.js → ThemeProvider-CRXKTOvG.js} +2 -2
  201. package/dist/{ThemeProvider-Dvp6YuaY.js.map → ThemeProvider-CRXKTOvG.js.map} +1 -1
  202. package/dist/{ThemeProvider-C15J9JBA-BiL6I6O0.js → ThemeProvider-CioBp3gk-B6HyDICa.js} +10 -6
  203. package/dist/ThemeProvider-CioBp3gk-B6HyDICa.js.map +1 -0
  204. package/dist/ThemeProvider-CioBp3gk.css +407 -0
  205. package/dist/ThemeProvider.js +1 -1
  206. package/dist/Toast.js +1 -1
  207. package/dist/Toolbar-ULYSDfhw.js +710 -0
  208. package/dist/Toolbar-ULYSDfhw.js.map +1 -0
  209. package/dist/Toolbar.js +1 -709
  210. package/dist/Toolbar.js.map +1 -1
  211. package/dist/{Tooltip-ULhSGqQ0.js → Tooltip-DeaFnid1.js} +2 -2
  212. package/dist/{Tooltip-ULhSGqQ0.js.map → Tooltip-DeaFnid1.js.map} +1 -1
  213. package/dist/{Tooltip-DYbpkTNG-C9rTTa_A.js → Tooltip-gkNXkPsE-CnvZcZY3.js} +4 -4
  214. package/dist/{Tooltip-DYbpkTNG-C9rTTa_A.js.map → Tooltip-gkNXkPsE-CnvZcZY3.js.map} +1 -1
  215. package/dist/Tooltip.js +1 -1
  216. package/dist/assets/css-utils/border.css +45 -29
  217. package/dist/assets/css-utils/color.css +219 -103
  218. package/dist/assets/css-utils/font.css +45 -43
  219. package/dist/assets/css-utils/spacing.css +71 -1
  220. package/dist/assets/css-utils/utils.css +562 -368
  221. package/dist/assets/icons/st/add_purchase_order.svg +1 -0
  222. package/dist/assets/icons/st/add_to_list.svg +1 -0
  223. package/dist/assets/icons/st/add_user.svg +1 -0
  224. package/dist/assets/icons/st/apply_template.svg +1 -0
  225. package/dist/assets/icons/st/attach_file.svg +1 -0
  226. package/dist/assets/icons/st/collect_payment.svg +1 -0
  227. package/dist/assets/icons/st/create_event.svg +1 -0
  228. package/dist/assets/icons/st/create_task.svg +1 -0
  229. package/dist/assets/icons/st/estimate.svg +1 -1
  230. package/dist/assets/icons/st/job.svg +1 -1
  231. package/dist/assets/icons/st/local_settings.svg +1 -1
  232. package/dist/assets/icons/st/preview_file.svg +1 -0
  233. package/dist/assets/icons/st/save_for_later.svg +1 -0
  234. package/dist/assets/icons/st/send_message.svg +1 -0
  235. package/dist/assets/icons/st/set_reminder.svg +1 -0
  236. package/dist/assets/icons/st/view_timesheet.svg +1 -0
  237. package/dist/assets/icons/st.ts +13 -0
  238. package/dist/components/Checkbox/Checkbox.d.ts +2 -16
  239. package/dist/components/Combobox/index.d.ts +1 -0
  240. package/dist/components/Combobox/useInfiniteCombobox.d.ts +1 -0
  241. package/dist/components/Dialog/Dialog.d.ts +1 -0
  242. package/dist/components/Divider/Divider.d.ts +1 -1
  243. package/dist/components/Drawer/Drawer.d.ts +1 -0
  244. package/dist/components/Grid/Grid.d.ts +5 -35
  245. package/dist/components/Page/Page.d.ts +49 -4
  246. package/dist/components/Popover/Popover.d.ts +6 -2
  247. package/dist/components/Radio/Radio.d.ts +2 -13
  248. package/dist/components/SelectCard/SelectCard.d.ts +3 -0
  249. package/dist/components/SelectCard/SelectCardGroup.d.ts +3 -0
  250. package/dist/components/SelectCard/index.d.ts +4 -0
  251. package/dist/components/Toolbar/Toolbar.d.ts +3 -1
  252. package/dist/components/index.d.ts +2 -0
  253. package/dist/{floating-ui.react-dom-DFKXqfVl.js → floating-ui.react-dom-D912oS4K.js} +2 -2
  254. package/dist/{floating-ui.react-dom-DFKXqfVl.js.map → floating-ui.react-dom-D912oS4K.js.map} +1 -1
  255. package/dist/index.js +45 -43
  256. package/dist/index.js.map +1 -1
  257. package/dist/{toast-BFAs1GYa.js → toast-C-xc_Azo.js} +73 -55
  258. package/dist/toast-C-xc_Azo.js.map +1 -0
  259. package/dist/toast.css +59 -45
  260. package/dist/token/core/component-variables.scss +139 -0
  261. package/dist/token/core/component.js +645 -0
  262. package/dist/token/core/component.scss +69 -0
  263. package/dist/token/core/css-utils/border.css +45 -29
  264. package/dist/token/core/css-utils/color.css +219 -103
  265. package/dist/token/core/css-utils/font.css +45 -43
  266. package/dist/token/core/css-utils/spacing.css +71 -1
  267. package/dist/token/core/css-utils/utils.css +562 -368
  268. package/dist/token/core/index.js +2 -1
  269. package/dist/token/core/raw.js +28 -24
  270. package/dist/token/core/semantic-variables.scss +28 -24
  271. package/dist/token/core/semantic.js +44 -24
  272. package/dist/token/core/semantic.scss +13 -11
  273. package/dist/token.js +766 -24
  274. package/dist/token.js.map +1 -1
  275. package/dist/{useKeyboardFocusables-C3hMtJK_-Cz39LRmZ.js → useKeyboardFocusables-BYoElaOi-T7ncq79D.js} +165 -12
  276. package/dist/{useKeyboardFocusables-C3hMtJK_-Cz39LRmZ.js.map → useKeyboardFocusables-BYoElaOi-T7ncq79D.js.map} +1 -1
  277. package/dist/useLinkStyles.js +1 -1
  278. package/package.json +3 -3
  279. package/dist/Button-DPIUyV2O-DxCH2dlc.js.map +0 -1
  280. package/dist/Button-DPIUyV2O.css +0 -337
  281. package/dist/Checkbox-BTD0_Qkv.js.map +0 -1
  282. package/dist/Checkbox-CIMoRELh-B3GJHXyO.js.map +0 -1
  283. package/dist/Checkbox.module-9DnErc2T-CoENWijd.js.map +0 -1
  284. package/dist/Combobox-UI4iNs4v.js.map +0 -1
  285. package/dist/DateField-DJxvns1P.js +0 -565
  286. package/dist/DateField-DJxvns1P.js.map +0 -1
  287. package/dist/Dialog-DhG6Qvhz-CZ1yBSYv.js.map +0 -1
  288. package/dist/Divider-Ctp-0EQ8.js.map +0 -1
  289. package/dist/Drawer-CRReZbV6.js.map +0 -1
  290. package/dist/InputMask-CDnbSm-K-DeTUYLsI.js +0 -195
  291. package/dist/InputMask-CDnbSm-K-DeTUYLsI.js.map +0 -1
  292. package/dist/Link-CL7Gc29S-LYooajNS.js.map +0 -1
  293. package/dist/Link-CL7Gc29S.css +0 -60
  294. package/dist/Listbox.module-D3Ewu_8u-D3Ewu_8u.js +0 -18
  295. package/dist/Listbox.module-D3Ewu_8u-D3Ewu_8u.js.map +0 -1
  296. package/dist/Overflow-6zidmm4F-BNg3Wh59.js.map +0 -1
  297. package/dist/Page-f5A2PjHI.js +0 -311
  298. package/dist/Page-f5A2PjHI.js.map +0 -1
  299. package/dist/Popover-Btv8a_UW-CCpcppuW.js.map +0 -1
  300. package/dist/Radio-D008X69w.js.map +0 -1
  301. package/dist/Radio.css +0 -212
  302. package/dist/SearchField-Cu_XUoP4.js.map +0 -1
  303. package/dist/TextField.module-JJ6esEDk-JJ6esEDk.js +0 -22
  304. package/dist/ThemeProvider-C15J9JBA-BiL6I6O0.js.map +0 -1
  305. package/dist/ThemeProvider-C15J9JBA.css +0 -270
  306. package/dist/toast-BFAs1GYa.js.map +0 -1
  307. /package/dist/{Label-B-Z4Vp58.css → Label-Cmah7p_s.css} +0 -0
  308. /package/dist/{Tooltip-DYbpkTNG.css → Tooltip-gkNXkPsE.css} +0 -0
package/dist/assets/css-utils/color.css CHANGED
@@ -1,107 +1,223 @@
1
1
  @layer starter, reset, base, state, application;
2
-
3
- .bg-danger-default {background-color: light-dark(var(--status-color-danger, #e13212), #ff745f)}
4
- .bg-default {background-color: light-dark(var(--color-neutral-0, #ffffff), var(--color-neutral-400, #141414))}
5
- .bg-disabled {background-color: light-dark(var(--color-neutral-100, #606162), var(--color-neutral-100, #606162))}
6
- .bg-inverted-default {background-color: light-dark(var(--color-neutral-300, #2d2e31), var(--color-neutral-20, #fafafa))}
7
- .bg-inverted-strong {background-color: light-dark(var(--color-neutral-400, #141414), var(--color-neutral-0, #ffffff))}
8
- .bg-overlay-active-danger {background-color: light-dark(#e132122E, #ff745f40)}
9
- .bg-overlay-active-default {background-color: light-dark(#14141429, #ffffff29)}
10
- .bg-overlay-active-on-danger {background-color: light-dark(#14141466, #14141429)}
11
- .bg-overlay-active-on-default {background-color: light-dark(#14141429, #14141429)}
12
- .bg-overlay-active-on-primary {background-color: light-dark(#14141466, #14141429)}
13
- .bg-overlay-active-primary {background-color: light-dark(#0265dc4D, #78bbfa40)}
14
- .bg-overlay-hover-danger {background-color: light-dark(#e132120F, #ff745f1A)}
15
- .bg-overlay-hover-default {background-color: light-dark(#14141414, #ffffff14)}
16
- .bg-overlay-hover-on-danger {background-color: light-dark(#14141433, #ffffff29)}
17
- .bg-overlay-hover-on-default {background-color: light-dark(#14141414, #ffffff14)}
18
- .bg-overlay-hover-on-primary {background-color: light-dark(#14141433, #ffffff29)}
19
- .bg-overlay-hover-primary {background-color: light-dark(#0265dc1A, #78bbfa1A)}
20
- .bg-primary-default {background-color: light-dark(var(--color-blue-500, #0265dc), var(--color-blue-300, #78bbfa))}
21
- .bg-primary-subdued {background-color: light-dark(var(--color-blue-100, #e0f2ff), #78bbfa33)}
22
- .bg-status-danger {background-color: light-dark(var(--color-red-500, #e13212), var(--color-red-300, #ff745f))}
23
- .bg-status-info {background-color: light-dark(var(--color-blue-500, #0265dc), var(--color-blue-300, #78bbfa))}
24
- .bg-status-success {background-color: light-dark(var(--color-green-500, #007a4d), var(--color-green-300, #49cc93))}
25
- .bg-status-warning {background-color: light-dark(var(--color-yellow-500, #ffbe00), var(--color-yellow-300, #ffe278))}
26
- .bg-strong {background-color: light-dark(var(--color-neutral-30, #f7f7f7), var(--color-neutral-300, #2d2e31))}
27
- .bg-stronger {background-color: light-dark(var(--color-neutral-50, #eeeeee), var(--color-neutral-200, #444445))}
28
- .bg-strongest {background-color: light-dark(var(--color-neutral-70, #bcbcbd), var(--color-neutral-90, #737475))}
29
- .bg-warning-default {background-color: light-dark(var(--status-color-warning, #ffbe00), #ffe278)}
30
- .border-color-danger {border-color: light-dark(var(--status-color-danger, #e13212), #ff745f)}
31
- .border-color-default {border-color: light-dark(var(--color-neutral-80, #949596), var(--color-neutral-100, #606162))}
32
- .border-color-primary {border-color: light-dark(var(--status-color-info, #0265dc), #78bbfa)}
33
- .border-color-status-info {border-color: light-dark(var(--color-blue-500, #0265dc), var(--color-blue-300, #78bbfa))}
34
- .border-color-status-success {border-color: light-dark(var(--color-green-500, #007a4d), var(--color-green-300, #49cc93))}
35
- .border-color-status-warning {border-color: light-dark(var(--color-yellow-500, #ffbe00), var(--color-yellow-300, #ffe278))}
36
- .border-color-strong {border-color: light-dark(var(--color-neutral-200, #444445), var(--color-neutral-60, #dfe0e1))}
37
- .border-color-subdued {border-color: light-dark(var(--color-neutral-60, #dfe0e1), var(--color-neutral-200, #444445))}
38
- .c-active-danger {color: light-dark(var(--color-red-600, #bf2a00), #ff745f)}
39
- .c-active-primary {color: light-dark(var(--color-blue-600, #004491), var(--color-blue-200, #b5deff))}
40
- .c-danger {color: light-dark(var(--status-color-danger, #e13212), #ff745f)}
41
- .c-default {color: light-dark(var(--color-neutral-400, #141414), var(--color-neutral-0, #ffffff))}
42
- .c-hover-danger {color: light-dark(var(--color-red-600, #bf2a00), #ff745f)}
43
- .c-hover-primary {color: light-dark(var(--color-blue-600, #004491), var(--color-blue-200, #b5deff))}
44
- .c-inverted {color: light-dark(var(--color-neutral-0, #ffffff), var(--color-neutral-400, #141414))}
45
- .c-on-danger {color: light-dark(var(--color-neutral-0, #ffffff), var(--color-neutral-400, #141414))}
46
- .c-on-primary {color: light-dark(var(--color-neutral-0, #ffffff), var(--color-neutral-400, #141414))}
47
- .c-on-warning {color: light-dark(var(--color-neutral-400, #141414), var(--color-neutral-400, #141414))}
48
- .c-primary {color: light-dark(var(--color-blue-500, #0265dc), var(--color-blue-300, #78bbfa))}
49
- .c-status-danger {color: light-dark(var(--color-red-500, #e13212), var(--color-red-300, #ff745f))}
50
- .c-status-info {color: light-dark(var(--color-blue-500, #0265dc), var(--color-blue-300, #78bbfa))}
51
- .c-status-success {color: light-dark(var(--color-green-500, #007a4d), var(--color-green-300, #49cc93))}
52
- .c-status-warning {color: light-dark(var(--color-yellow-500, #ffbe00), var(--color-yellow-300, #ffe278))}
53
- .c-subdued {color: light-dark(var(--color-neutral-90, #737475), var(--color-neutral-70, #bcbcbd))}
54
2
 
3
+ .bg-danger-default {background-color: var(--background-color-danger, #e13212)}
4
+ .bg-danger-subdued {background-color: var(--background-color-danger-subdued, #ffece9)}
5
+ .bg-default {background-color: var(--background-color, #ffffff)}
6
+ .bg-disabled {background-color: var(--background-color-disabled, #606162)}
7
+ .bg-inverted-default {background-color: var(--background-color-inverted, #2d2e31)}
8
+ .bg-inverted-strong {background-color: var(--background-color-inverted-strong, #141414)}
9
+ .bg-overlay-active-danger {background-color: var(--overlay-color-active-danger, #e132124D)}
10
+ .bg-overlay-active-default {background-color: var(--overlay-color-active, #14141429)}
11
+ .bg-overlay-active-on-danger {background-color: var(--overlay-color-active-on-danger, #14141466)}
12
+ .bg-overlay-active-on-default {background-color: var(--overlay-color-active-on, #14141429)}
13
+ .bg-overlay-active-on-primary {background-color: var(--overlay-color-active-on-primary, #14141466)}
14
+ .bg-overlay-active-primary {background-color: var(--overlay-color-active-primary, #0265DC4D)}
15
+ .bg-overlay-hover-danger {background-color: var(--overlay-color-hover-danger, #e132121A)}
16
+ .bg-overlay-hover-default {background-color: var(--overlay-color-hover, #14141414)}
17
+ .bg-overlay-hover-on-danger {background-color: var(--overlay-color-hover-on-danger, #14141433)}
18
+ .bg-overlay-hover-on-default {background-color: var(--overlay-color-hover-on, #14141414)}
19
+ .bg-overlay-hover-on-primary {background-color: var(--overlay-color-hover-on-primary, #14141433)}
20
+ .bg-overlay-hover-primary {background-color: var(--overlay-color-hover-primary, #0265DC1A)}
21
+ .bg-primary-default {background-color: var(--background-color-primary, #0265DC)}
22
+ .bg-primary-subdued {background-color: var(--background-color-primary-subdued, #E0F2FF)}
23
+ .bg-status-danger {background-color: var(--status-color-danger, #e13212)}
24
+ .bg-status-info {background-color: var(--status-color-info, #0265DC)}
25
+ .bg-status-success {background-color: var(--status-color-success, #007A4D)}
26
+ .bg-status-warning {background-color: var(--status-color-warning, #ffbe00)}
27
+ .bg-strong {background-color: var(--background-color-strong, #f7f7f7)}
28
+ .bg-stronger {background-color: var(--background-color-stronger, #eeeeee)}
29
+ .bg-strongest {background-color: var(--background-color-strongest, #bcbcbd)}
30
+ .bg-warning-default {background-color: var(--background-color-warning, #ffbe00)}
31
+ .border-color-danger {border-color: var(--border-color-danger, #e13212)}
32
+ .border-color-default {border-color: var(--border-color, #949596)}
33
+ .border-color-primary {border-color: var(--border-color-primary, #0265DC)}
34
+ .border-color-status-info {border-color: var(--status-color-info, #0265DC)}
35
+ .border-color-status-success {border-color: var(--status-color-success, #007A4D)}
36
+ .border-color-status-warning {border-color: var(--status-color-warning, #ffbe00)}
37
+ .border-color-strong {border-color: var(--border-color-strong, #444445)}
38
+ .border-color-subdued {border-color: var(--border-color-subdued, #dfe0e1)}
39
+ .c-active-danger {color: var(--foreground-color-active-danger, #bf2a00)}
40
+ .c-active-primary {color: var(--foreground-color-active-primary, #004491)}
41
+ .c-danger {color: var(--foreground-color-danger, #e13212)}
42
+ .c-default {color: var(--foreground-color, #141414)}
43
+ .c-hover-danger {color: var(--foreground-color-hover-danger, #bf2a00)}
44
+ .c-hover-primary {color: var(--foreground-color-hover-primary, #004491)}
45
+ .c-inverted {color: var(--foreground-color-inverted, #ffffff)}
46
+ .c-on-danger-default {color: var(--foreground-color-on-danger, #ffffff)}
47
+ .c-on-danger-subdued {color: var(--foreground-color-on-danger-subdued, #bf2a00)}
48
+ .c-on-primary {color: var(--foreground-color-on-primary, #ffffff)}
49
+ .c-on-warning {color: var(--foreground-color-on-warning, #141414)}
50
+ .c-primary {color: var(--foreground-color-primary, #0265DC)}
51
+ .c-status-danger {color: var(--status-color-danger, #e13212)}
52
+ .c-status-info {color: var(--status-color-info, #0265DC)}
53
+ .c-status-success {color: var(--status-color-success, #007A4D)}
54
+ .c-status-warning {color: var(--status-color-warning, #ffbe00)}
55
+ .c-subdued {color: var(--foreground-color-subdued, #737475)}
56
+
57
+ @supports (color: light-dark(#fff, #000)) {
58
+ .bg-danger-default {background-color: var(--background-color-danger, light-dark(#e13212, #ff745f))}
59
+ .bg-danger-subdued {background-color: var(--background-color-danger-subdued, light-dark(#ffece9, #ff745f33))}
60
+ .bg-default {background-color: var(--background-color, light-dark(#ffffff, #141414))}
61
+ .bg-disabled {background-color: var(--background-color-disabled, light-dark(#606162, #606162))}
62
+ .bg-inverted-default {background-color: var(--background-color-inverted, light-dark(#2d2e31, #fafafa))}
63
+ .bg-inverted-strong {background-color: var(--background-color-inverted-strong, light-dark(#141414, #ffffff))}
64
+ .bg-overlay-active-danger {background-color: var(--overlay-color-active-danger, light-dark(#e132124D, #f94d3240))}
65
+ .bg-overlay-active-default {background-color: var(--overlay-color-active, light-dark(#14141429, #ffffff29))}
66
+ .bg-overlay-active-on-danger {background-color: var(--overlay-color-active-on-danger, light-dark(#14141466, #14141429))}
67
+ .bg-overlay-active-on-default {background-color: var(--overlay-color-active-on, light-dark(#14141429, #14141429))}
68
+ .bg-overlay-active-on-primary {background-color: var(--overlay-color-active-on-primary, light-dark(#14141466, #14141429))}
69
+ .bg-overlay-active-primary {background-color: var(--overlay-color-active-primary, light-dark(#0265DC4D, #78BBFA40))}
70
+ .bg-overlay-hover-danger {background-color: var(--overlay-color-hover-danger, light-dark(#e132121A, #f94d3226))}
71
+ .bg-overlay-hover-default {background-color: var(--overlay-color-hover, light-dark(#14141414, #ffffff14))}
72
+ .bg-overlay-hover-on-danger {background-color: var(--overlay-color-hover-on-danger, light-dark(#14141433, #ffffff29))}
73
+ .bg-overlay-hover-on-default {background-color: var(--overlay-color-hover-on, light-dark(#14141414, #ffffff14))}
74
+ .bg-overlay-hover-on-primary {background-color: var(--overlay-color-hover-on-primary, light-dark(#14141433, #ffffff29))}
75
+ .bg-overlay-hover-primary {background-color: var(--overlay-color-hover-primary, light-dark(#0265DC1A, #78BBFA1A))}
76
+ .bg-primary-default {background-color: var(--background-color-primary, light-dark(#0265DC, #78BBFA))}
77
+ .bg-primary-subdued {background-color: var(--background-color-primary-subdued, light-dark(#E0F2FF, #78BBFA33))}
78
+ .bg-status-danger {background-color: var(--status-color-danger, light-dark(#e13212, #ff745f))}
79
+ .bg-status-info {background-color: var(--status-color-info, light-dark(#0265DC, #78BBFA))}
80
+ .bg-status-success {background-color: var(--status-color-success, light-dark(#007A4D, #49CC93))}
81
+ .bg-status-warning {background-color: var(--status-color-warning, light-dark(#ffbe00, #ffe278))}
82
+ .bg-strong {background-color: var(--background-color-strong, light-dark(#f7f7f7, #2d2e31))}
83
+ .bg-stronger {background-color: var(--background-color-stronger, light-dark(#eeeeee, #444445))}
84
+ .bg-strongest {background-color: var(--background-color-strongest, light-dark(#bcbcbd, #737475))}
85
+ .bg-warning-default {background-color: var(--background-color-warning, light-dark(#ffbe00, #ffe278))}
86
+ .border-color-danger {border-color: var(--border-color-danger, light-dark(#e13212, #ff745f))}
87
+ .border-color-default {border-color: var(--border-color, light-dark(#949596, #606162))}
88
+ .border-color-primary {border-color: var(--border-color-primary, light-dark(#0265DC, #78BBFA))}
89
+ .border-color-status-info {border-color: var(--status-color-info, light-dark(#0265DC, #78BBFA))}
90
+ .border-color-status-success {border-color: var(--status-color-success, light-dark(#007A4D, #49CC93))}
91
+ .border-color-status-warning {border-color: var(--status-color-warning, light-dark(#ffbe00, #ffe278))}
92
+ .border-color-strong {border-color: var(--border-color-strong, light-dark(#444445, #dfe0e1))}
93
+ .border-color-subdued {border-color: var(--border-color-subdued, light-dark(#dfe0e1, #444445))}
94
+ .c-active-danger {color: var(--foreground-color-active-danger, light-dark(#bf2a00, #ff745f))}
95
+ .c-active-primary {color: var(--foreground-color-active-primary, light-dark(#004491, #B5DEFF))}
96
+ .c-danger {color: var(--foreground-color-danger, light-dark(#e13212, #ff745f))}
97
+ .c-default {color: var(--foreground-color, light-dark(#141414, #ffffff))}
98
+ .c-hover-danger {color: var(--foreground-color-hover-danger, light-dark(#bf2a00, #ff745f))}
99
+ .c-hover-primary {color: var(--foreground-color-hover-primary, light-dark(#004491, #B5DEFF))}
100
+ .c-inverted {color: var(--foreground-color-inverted, light-dark(#ffffff, #141414))}
101
+ .c-on-danger-default {color: var(--foreground-color-on-danger, light-dark(#ffffff, #141414))}
102
+ .c-on-danger-subdued {color: var(--foreground-color-on-danger-subdued, light-dark(#bf2a00, #ffffff))}
103
+ .c-on-primary {color: var(--foreground-color-on-primary, light-dark(#ffffff, #141414))}
104
+ .c-on-warning {color: var(--foreground-color-on-warning, light-dark(#141414, #141414))}
105
+ .c-primary {color: var(--foreground-color-primary, light-dark(#0265DC, #78BBFA))}
106
+ .c-status-danger {color: var(--status-color-danger, light-dark(#e13212, #ff745f))}
107
+ .c-status-info {color: var(--status-color-info, light-dark(#0265DC, #78BBFA))}
108
+ .c-status-success {color: var(--status-color-success, light-dark(#007A4D, #49CC93))}
109
+ .c-status-warning {color: var(--status-color-warning, light-dark(#ffbe00, #ffe278))}
110
+ .c-subdued {color: var(--foreground-color-subdued, light-dark(#737475, #bcbcbd))}
111
+ }
112
+
55
113
  @layer application {
56
- .bg-danger-default {background-color: light-dark(var(--status-color-danger, #e13212), #ff745f)}
57
- .bg-default {background-color: light-dark(var(--color-neutral-0, #ffffff), var(--color-neutral-400, #141414))}
58
- .bg-disabled {background-color: light-dark(var(--color-neutral-100, #606162), var(--color-neutral-100, #606162))}
59
- .bg-inverted-default {background-color: light-dark(var(--color-neutral-300, #2d2e31), var(--color-neutral-20, #fafafa))}
60
- .bg-inverted-strong {background-color: light-dark(var(--color-neutral-400, #141414), var(--color-neutral-0, #ffffff))}
61
- .bg-overlay-active-danger {background-color: light-dark(#e132122E, #ff745f40)}
62
- .bg-overlay-active-default {background-color: light-dark(#14141429, #ffffff29)}
63
- .bg-overlay-active-on-danger {background-color: light-dark(#14141466, #14141429)}
64
- .bg-overlay-active-on-default {background-color: light-dark(#14141429, #14141429)}
65
- .bg-overlay-active-on-primary {background-color: light-dark(#14141466, #14141429)}
66
- .bg-overlay-active-primary {background-color: light-dark(#0265dc4D, #78bbfa40)}
67
- .bg-overlay-hover-danger {background-color: light-dark(#e132120F, #ff745f1A)}
68
- .bg-overlay-hover-default {background-color: light-dark(#14141414, #ffffff14)}
69
- .bg-overlay-hover-on-danger {background-color: light-dark(#14141433, #ffffff29)}
70
- .bg-overlay-hover-on-default {background-color: light-dark(#14141414, #ffffff14)}
71
- .bg-overlay-hover-on-primary {background-color: light-dark(#14141433, #ffffff29)}
72
- .bg-overlay-hover-primary {background-color: light-dark(#0265dc1A, #78bbfa1A)}
73
- .bg-primary-default {background-color: light-dark(var(--color-blue-500, #0265dc), var(--color-blue-300, #78bbfa))}
74
- .bg-primary-subdued {background-color: light-dark(var(--color-blue-100, #e0f2ff), #78bbfa33)}
75
- .bg-status-danger {background-color: light-dark(var(--color-red-500, #e13212), var(--color-red-300, #ff745f))}
76
- .bg-status-info {background-color: light-dark(var(--color-blue-500, #0265dc), var(--color-blue-300, #78bbfa))}
77
- .bg-status-success {background-color: light-dark(var(--color-green-500, #007a4d), var(--color-green-300, #49cc93))}
78
- .bg-status-warning {background-color: light-dark(var(--color-yellow-500, #ffbe00), var(--color-yellow-300, #ffe278))}
79
- .bg-strong {background-color: light-dark(var(--color-neutral-30, #f7f7f7), var(--color-neutral-300, #2d2e31))}
80
- .bg-stronger {background-color: light-dark(var(--color-neutral-50, #eeeeee), var(--color-neutral-200, #444445))}
81
- .bg-strongest {background-color: light-dark(var(--color-neutral-70, #bcbcbd), var(--color-neutral-90, #737475))}
82
- .bg-warning-default {background-color: light-dark(var(--status-color-warning, #ffbe00), #ffe278)}
83
- .border-color-danger {border-color: light-dark(var(--status-color-danger, #e13212), #ff745f)}
84
- .border-color-default {border-color: light-dark(var(--color-neutral-80, #949596), var(--color-neutral-100, #606162))}
85
- .border-color-primary {border-color: light-dark(var(--status-color-info, #0265dc), #78bbfa)}
86
- .border-color-status-info {border-color: light-dark(var(--color-blue-500, #0265dc), var(--color-blue-300, #78bbfa))}
87
- .border-color-status-success {border-color: light-dark(var(--color-green-500, #007a4d), var(--color-green-300, #49cc93))}
88
- .border-color-status-warning {border-color: light-dark(var(--color-yellow-500, #ffbe00), var(--color-yellow-300, #ffe278))}
89
- .border-color-strong {border-color: light-dark(var(--color-neutral-200, #444445), var(--color-neutral-60, #dfe0e1))}
90
- .border-color-subdued {border-color: light-dark(var(--color-neutral-60, #dfe0e1), var(--color-neutral-200, #444445))}
91
- .c-active-danger {color: light-dark(var(--color-red-600, #bf2a00), #ff745f)}
92
- .c-active-primary {color: light-dark(var(--color-blue-600, #004491), var(--color-blue-200, #b5deff))}
93
- .c-danger {color: light-dark(var(--status-color-danger, #e13212), #ff745f)}
94
- .c-default {color: light-dark(var(--color-neutral-400, #141414), var(--color-neutral-0, #ffffff))}
95
- .c-hover-danger {color: light-dark(var(--color-red-600, #bf2a00), #ff745f)}
96
- .c-hover-primary {color: light-dark(var(--color-blue-600, #004491), var(--color-blue-200, #b5deff))}
97
- .c-inverted {color: light-dark(var(--color-neutral-0, #ffffff), var(--color-neutral-400, #141414))}
98
- .c-on-danger {color: light-dark(var(--color-neutral-0, #ffffff), var(--color-neutral-400, #141414))}
99
- .c-on-primary {color: light-dark(var(--color-neutral-0, #ffffff), var(--color-neutral-400, #141414))}
100
- .c-on-warning {color: light-dark(var(--color-neutral-400, #141414), var(--color-neutral-400, #141414))}
101
- .c-primary {color: light-dark(var(--color-blue-500, #0265dc), var(--color-blue-300, #78bbfa))}
102
- .c-status-danger {color: light-dark(var(--color-red-500, #e13212), var(--color-red-300, #ff745f))}
103
- .c-status-info {color: light-dark(var(--color-blue-500, #0265dc), var(--color-blue-300, #78bbfa))}
104
- .c-status-success {color: light-dark(var(--color-green-500, #007a4d), var(--color-green-300, #49cc93))}
105
- .c-status-warning {color: light-dark(var(--color-yellow-500, #ffbe00), var(--color-yellow-300, #ffe278))}
106
- .c-subdued {color: light-dark(var(--color-neutral-90, #737475), var(--color-neutral-70, #bcbcbd))}
114
+ .bg-danger-default {background-color: var(--background-color-danger, #e13212)}
115
+ .bg-danger-subdued {background-color: var(--background-color-danger-subdued, #ffece9)}
116
+ .bg-default {background-color: var(--background-color, #ffffff)}
117
+ .bg-disabled {background-color: var(--background-color-disabled, #606162)}
118
+ .bg-inverted-default {background-color: var(--background-color-inverted, #2d2e31)}
119
+ .bg-inverted-strong {background-color: var(--background-color-inverted-strong, #141414)}
120
+ .bg-overlay-active-danger {background-color: var(--overlay-color-active-danger, #e132124D)}
121
+ .bg-overlay-active-default {background-color: var(--overlay-color-active, #14141429)}
122
+ .bg-overlay-active-on-danger {background-color: var(--overlay-color-active-on-danger, #14141466)}
123
+ .bg-overlay-active-on-default {background-color: var(--overlay-color-active-on, #14141429)}
124
+ .bg-overlay-active-on-primary {background-color: var(--overlay-color-active-on-primary, #14141466)}
125
+ .bg-overlay-active-primary {background-color: var(--overlay-color-active-primary, #0265DC4D)}
126
+ .bg-overlay-hover-danger {background-color: var(--overlay-color-hover-danger, #e132121A)}
127
+ .bg-overlay-hover-default {background-color: var(--overlay-color-hover, #14141414)}
128
+ .bg-overlay-hover-on-danger {background-color: var(--overlay-color-hover-on-danger, #14141433)}
129
+ .bg-overlay-hover-on-default {background-color: var(--overlay-color-hover-on, #14141414)}
130
+ .bg-overlay-hover-on-primary {background-color: var(--overlay-color-hover-on-primary, #14141433)}
131
+ .bg-overlay-hover-primary {background-color: var(--overlay-color-hover-primary, #0265DC1A)}
132
+ .bg-primary-default {background-color: var(--background-color-primary, #0265DC)}
133
+ .bg-primary-subdued {background-color: var(--background-color-primary-subdued, #E0F2FF)}
134
+ .bg-status-danger {background-color: var(--status-color-danger, #e13212)}
135
+ .bg-status-info {background-color: var(--status-color-info, #0265DC)}
136
+ .bg-status-success {background-color: var(--status-color-success, #007A4D)}
137
+ .bg-status-warning {background-color: var(--status-color-warning, #ffbe00)}
138
+ .bg-strong {background-color: var(--background-color-strong, #f7f7f7)}
139
+ .bg-stronger {background-color: var(--background-color-stronger, #eeeeee)}
140
+ .bg-strongest {background-color: var(--background-color-strongest, #bcbcbd)}
141
+ .bg-warning-default {background-color: var(--background-color-warning, #ffbe00)}
142
+ .border-color-danger {border-color: var(--border-color-danger, #e13212)}
143
+ .border-color-default {border-color: var(--border-color, #949596)}
144
+ .border-color-primary {border-color: var(--border-color-primary, #0265DC)}
145
+ .border-color-status-info {border-color: var(--status-color-info, #0265DC)}
146
+ .border-color-status-success {border-color: var(--status-color-success, #007A4D)}
147
+ .border-color-status-warning {border-color: var(--status-color-warning, #ffbe00)}
148
+ .border-color-strong {border-color: var(--border-color-strong, #444445)}
149
+ .border-color-subdued {border-color: var(--border-color-subdued, #dfe0e1)}
150
+ .c-active-danger {color: var(--foreground-color-active-danger, #bf2a00)}
151
+ .c-active-primary {color: var(--foreground-color-active-primary, #004491)}
152
+ .c-danger {color: var(--foreground-color-danger, #e13212)}
153
+ .c-default {color: var(--foreground-color, #141414)}
154
+ .c-hover-danger {color: var(--foreground-color-hover-danger, #bf2a00)}
155
+ .c-hover-primary {color: var(--foreground-color-hover-primary, #004491)}
156
+ .c-inverted {color: var(--foreground-color-inverted, #ffffff)}
157
+ .c-on-danger-default {color: var(--foreground-color-on-danger, #ffffff)}
158
+ .c-on-danger-subdued {color: var(--foreground-color-on-danger-subdued, #bf2a00)}
159
+ .c-on-primary {color: var(--foreground-color-on-primary, #ffffff)}
160
+ .c-on-warning {color: var(--foreground-color-on-warning, #141414)}
161
+ .c-primary {color: var(--foreground-color-primary, #0265DC)}
162
+ .c-status-danger {color: var(--status-color-danger, #e13212)}
163
+ .c-status-info {color: var(--status-color-info, #0265DC)}
164
+ .c-status-success {color: var(--status-color-success, #007A4D)}
165
+ .c-status-warning {color: var(--status-color-warning, #ffbe00)}
166
+ .c-subdued {color: var(--foreground-color-subdued, #737475)}
167
+
168
+ @supports (color: light-dark(#fff, #000)) {
169
+ .bg-danger-default {background-color: var(--background-color-danger, light-dark(#e13212, #ff745f))}
170
+ .bg-danger-subdued {background-color: var(--background-color-danger-subdued, light-dark(#ffece9, #ff745f33))}
171
+ .bg-default {background-color: var(--background-color, light-dark(#ffffff, #141414))}
172
+ .bg-disabled {background-color: var(--background-color-disabled, light-dark(#606162, #606162))}
173
+ .bg-inverted-default {background-color: var(--background-color-inverted, light-dark(#2d2e31, #fafafa))}
174
+ .bg-inverted-strong {background-color: var(--background-color-inverted-strong, light-dark(#141414, #ffffff))}
175
+ .bg-overlay-active-danger {background-color: var(--overlay-color-active-danger, light-dark(#e132124D, #f94d3240))}
176
+ .bg-overlay-active-default {background-color: var(--overlay-color-active, light-dark(#14141429, #ffffff29))}
177
+ .bg-overlay-active-on-danger {background-color: var(--overlay-color-active-on-danger, light-dark(#14141466, #14141429))}
178
+ .bg-overlay-active-on-default {background-color: var(--overlay-color-active-on, light-dark(#14141429, #14141429))}
179
+ .bg-overlay-active-on-primary {background-color: var(--overlay-color-active-on-primary, light-dark(#14141466, #14141429))}
180
+ .bg-overlay-active-primary {background-color: var(--overlay-color-active-primary, light-dark(#0265DC4D, #78BBFA40))}
181
+ .bg-overlay-hover-danger {background-color: var(--overlay-color-hover-danger, light-dark(#e132121A, #f94d3226))}
182
+ .bg-overlay-hover-default {background-color: var(--overlay-color-hover, light-dark(#14141414, #ffffff14))}
183
+ .bg-overlay-hover-on-danger {background-color: var(--overlay-color-hover-on-danger, light-dark(#14141433, #ffffff29))}
184
+ .bg-overlay-hover-on-default {background-color: var(--overlay-color-hover-on, light-dark(#14141414, #ffffff14))}
185
+ .bg-overlay-hover-on-primary {background-color: var(--overlay-color-hover-on-primary, light-dark(#14141433, #ffffff29))}
186
+ .bg-overlay-hover-primary {background-color: var(--overlay-color-hover-primary, light-dark(#0265DC1A, #78BBFA1A))}
187
+ .bg-primary-default {background-color: var(--background-color-primary, light-dark(#0265DC, #78BBFA))}
188
+ .bg-primary-subdued {background-color: var(--background-color-primary-subdued, light-dark(#E0F2FF, #78BBFA33))}
189
+ .bg-status-danger {background-color: var(--status-color-danger, light-dark(#e13212, #ff745f))}
190
+ .bg-status-info {background-color: var(--status-color-info, light-dark(#0265DC, #78BBFA))}
191
+ .bg-status-success {background-color: var(--status-color-success, light-dark(#007A4D, #49CC93))}
192
+ .bg-status-warning {background-color: var(--status-color-warning, light-dark(#ffbe00, #ffe278))}
193
+ .bg-strong {background-color: var(--background-color-strong, light-dark(#f7f7f7, #2d2e31))}
194
+ .bg-stronger {background-color: var(--background-color-stronger, light-dark(#eeeeee, #444445))}
195
+ .bg-strongest {background-color: var(--background-color-strongest, light-dark(#bcbcbd, #737475))}
196
+ .bg-warning-default {background-color: var(--background-color-warning, light-dark(#ffbe00, #ffe278))}
197
+ .border-color-danger {border-color: var(--border-color-danger, light-dark(#e13212, #ff745f))}
198
+ .border-color-default {border-color: var(--border-color, light-dark(#949596, #606162))}
199
+ .border-color-primary {border-color: var(--border-color-primary, light-dark(#0265DC, #78BBFA))}
200
+ .border-color-status-info {border-color: var(--status-color-info, light-dark(#0265DC, #78BBFA))}
201
+ .border-color-status-success {border-color: var(--status-color-success, light-dark(#007A4D, #49CC93))}
202
+ .border-color-status-warning {border-color: var(--status-color-warning, light-dark(#ffbe00, #ffe278))}
203
+ .border-color-strong {border-color: var(--border-color-strong, light-dark(#444445, #dfe0e1))}
204
+ .border-color-subdued {border-color: var(--border-color-subdued, light-dark(#dfe0e1, #444445))}
205
+ .c-active-danger {color: var(--foreground-color-active-danger, light-dark(#bf2a00, #ff745f))}
206
+ .c-active-primary {color: var(--foreground-color-active-primary, light-dark(#004491, #B5DEFF))}
207
+ .c-danger {color: var(--foreground-color-danger, light-dark(#e13212, #ff745f))}
208
+ .c-default {color: var(--foreground-color, light-dark(#141414, #ffffff))}
209
+ .c-hover-danger {color: var(--foreground-color-hover-danger, light-dark(#bf2a00, #ff745f))}
210
+ .c-hover-primary {color: var(--foreground-color-hover-primary, light-dark(#004491, #B5DEFF))}
211
+ .c-inverted {color: var(--foreground-color-inverted, light-dark(#ffffff, #141414))}
212
+ .c-on-danger-default {color: var(--foreground-color-on-danger, light-dark(#ffffff, #141414))}
213
+ .c-on-danger-subdued {color: var(--foreground-color-on-danger-subdued, light-dark(#bf2a00, #ffffff))}
214
+ .c-on-primary {color: var(--foreground-color-on-primary, light-dark(#ffffff, #141414))}
215
+ .c-on-warning {color: var(--foreground-color-on-warning, light-dark(#141414, #141414))}
216
+ .c-primary {color: var(--foreground-color-primary, light-dark(#0265DC, #78BBFA))}
217
+ .c-status-danger {color: var(--status-color-danger, light-dark(#e13212, #ff745f))}
218
+ .c-status-info {color: var(--status-color-info, light-dark(#0265DC, #78BBFA))}
219
+ .c-status-success {color: var(--status-color-success, light-dark(#007A4D, #49CC93))}
220
+ .c-status-warning {color: var(--status-color-warning, light-dark(#ffbe00, #ffe278))}
221
+ .c-subdued {color: var(--foreground-color-subdued, light-dark(#737475, #bcbcbd))}
222
+ }
107
223
  }
package/dist/assets/css-utils/font.css CHANGED
@@ -1,47 +1,49 @@
1
1
  @layer starter, reset, base, state, application;
2
-
3
- .ff-heading {font-family: var(--font-family-display, 'Sofia Pro', SofiaPro, sans-serif)}
4
- .ff-label {font-family: var(--font-family-base, 'Nunito Sans', sans-serif)}
5
- .ff-paragraph {font-family: var(--font-family-base, 'Nunito Sans', sans-serif)}
6
- .fs-heading-default {font-size: var(--font-size-500, 1.25rem)}
7
- .fs-heading-large {font-size: var(--font-size-600, 1.5rem)}
8
- .fs-heading-small {font-size: var(--font-size-400, 1rem)}
9
- .fs-heading-xlarge {font-size: var(--font-size-800, 2rem)}
10
- .fs-heading-xsmall {font-size: var(--font-size-300, 0.875rem)}
11
- .fs-label-default {font-size: var(--font-size-300, 0.875rem)}
12
- .fs-label-large {font-size: var(--font-size-400, 1rem)}
13
- .fs-label-small {font-size: var(--font-size-200, 0.75rem)}
14
- .fs-label-xlarge {font-size: var(--font-size-500, 1.25rem)}
15
- .fs-label-xsmall {font-size: var(--font-size-100, 0.625rem)}
16
- .fs-paragraph-default {font-size: var(--font-size-400, 1rem)}
17
- .fs-paragraph-large {font-size: var(--font-size-500, 1.25rem)}
18
- .fs-paragraph-small {font-size: var(--font-size-300, 0.875rem)}
19
- .fs-paragraph-xlarge {font-size: var(--font-size-600, 1.5rem)}
20
- .fs-paragraph-xsmall {font-size: var(--font-size-200, 0.75rem)}
21
- .fw-heading {font-weight: var(--font-weight-bold, 700)}
22
- .fw-label {font-weight: var(--font-weight-semibold, 600)}
23
- .fw-paragraph {font-weight: var(--font-weight-normal, 400)}
24
2
 
3
+ .ff-heading {font-family: 'Sofia Pro', SofiaPro, sans-serif}
4
+ .ff-label {font-family: 'Nunito Sans', sans-serif}
5
+ .ff-paragraph {font-family: 'Nunito Sans', sans-serif}
6
+ .fs-heading-default {font-size: 1.25rem}
7
+ .fs-heading-large {font-size: 1.5rem}
8
+ .fs-heading-small {font-size: 1rem}
9
+ .fs-heading-xlarge {font-size: 2rem}
10
+ .fs-heading-xsmall {font-size: 0.875rem}
11
+ .fs-label-default {font-size: 0.875rem}
12
+ .fs-label-large {font-size: 1rem}
13
+ .fs-label-small {font-size: 0.75rem}
14
+ .fs-label-xlarge {font-size: 1.25rem}
15
+ .fs-label-xsmall {font-size: 0.625rem}
16
+ .fs-paragraph-default {font-size: 1rem}
17
+ .fs-paragraph-large {font-size: 1.25rem}
18
+ .fs-paragraph-small {font-size: 0.875rem}
19
+ .fs-paragraph-xlarge {font-size: 1.5rem}
20
+ .fs-paragraph-xsmall {font-size: 0.75rem}
21
+ .fw-heading {font-weight: 700}
22
+ .fw-label {font-weight: 600}
23
+ .fw-paragraph {font-weight: 400}
24
+
25
+
25
26
  @layer application {
26
- .ff-heading {font-family: var(--font-family-display, 'Sofia Pro', SofiaPro, sans-serif)}
27
- .ff-label {font-family: var(--font-family-base, 'Nunito Sans', sans-serif)}
28
- .ff-paragraph {font-family: var(--font-family-base, 'Nunito Sans', sans-serif)}
29
- .fs-heading-default {font-size: var(--font-size-500, 1.25rem)}
30
- .fs-heading-large {font-size: var(--font-size-600, 1.5rem)}
31
- .fs-heading-small {font-size: var(--font-size-400, 1rem)}
32
- .fs-heading-xlarge {font-size: var(--font-size-800, 2rem)}
33
- .fs-heading-xsmall {font-size: var(--font-size-300, 0.875rem)}
34
- .fs-label-default {font-size: var(--font-size-300, 0.875rem)}
35
- .fs-label-large {font-size: var(--font-size-400, 1rem)}
36
- .fs-label-small {font-size: var(--font-size-200, 0.75rem)}
37
- .fs-label-xlarge {font-size: var(--font-size-500, 1.25rem)}
38
- .fs-label-xsmall {font-size: var(--font-size-100, 0.625rem)}
39
- .fs-paragraph-default {font-size: var(--font-size-400, 1rem)}
40
- .fs-paragraph-large {font-size: var(--font-size-500, 1.25rem)}
41
- .fs-paragraph-small {font-size: var(--font-size-300, 0.875rem)}
42
- .fs-paragraph-xlarge {font-size: var(--font-size-600, 1.5rem)}
43
- .fs-paragraph-xsmall {font-size: var(--font-size-200, 0.75rem)}
44
- .fw-heading {font-weight: var(--font-weight-bold, 700)}
45
- .fw-label {font-weight: var(--font-weight-semibold, 600)}
46
- .fw-paragraph {font-weight: var(--font-weight-normal, 400)}
27
+ .ff-heading {font-family: 'Sofia Pro', SofiaPro, sans-serif}
28
+ .ff-label {font-family: 'Nunito Sans', sans-serif}
29
+ .ff-paragraph {font-family: 'Nunito Sans', sans-serif}
30
+ .fs-heading-default {font-size: 1.25rem}
31
+ .fs-heading-large {font-size: 1.5rem}
32
+ .fs-heading-small {font-size: 1rem}
33
+ .fs-heading-xlarge {font-size: 2rem}
34
+ .fs-heading-xsmall {font-size: 0.875rem}
35
+ .fs-label-default {font-size: 0.875rem}
36
+ .fs-label-large {font-size: 1rem}
37
+ .fs-label-small {font-size: 0.75rem}
38
+ .fs-label-xlarge {font-size: 1.25rem}
39
+ .fs-label-xsmall {font-size: 0.625rem}
40
+ .fs-paragraph-default {font-size: 1rem}
41
+ .fs-paragraph-large {font-size: 1.25rem}
42
+ .fs-paragraph-small {font-size: 0.875rem}
43
+ .fs-paragraph-xlarge {font-size: 1.5rem}
44
+ .fs-paragraph-xsmall {font-size: 0.75rem}
45
+ .fw-heading {font-weight: 700}
46
+ .fw-label {font-weight: 600}
47
+ .fw-paragraph {font-weight: 400}
48
+
47
49
  }
package/dist/assets/css-utils/spacing.css CHANGED
@@ -1,5 +1,20 @@
1
1
  @layer starter, reset, base, state, application;
2
-
2
+
3
+ .m-0 {margin: var(--size-0, 0rem)}
4
+ .m-1 {margin: var(--size-1, 0.25rem)}
5
+ .m-10 {margin: var(--size-10, 2.5rem)}
6
+ .m-11 {margin: var(--size-11, 2.75rem)}
7
+ .m-12 {margin: var(--size-12, 3rem)}
8
+ .m-13 {margin: var(--size-13, 3.25rem)}
9
+ .m-14 {margin: var(--size-14, 3.5rem)}
10
+ .m-2 {margin: var(--size-2, 0.5rem)}
11
+ .m-3 {margin: var(--size-3, 0.75rem)}
12
+ .m-4 {margin: var(--size-4, 1rem)}
13
+ .m-5 {margin: var(--size-5, 1.25rem)}
14
+ .m-6 {margin: var(--size-6, 1.5rem)}
15
+ .m-7 {margin: var(--size-7, 1.75rem)}
16
+ .m-8 {margin: var(--size-8, 2rem)}
17
+ .m-9 {margin: var(--size-9, 2.25rem)}
3
18
  .m-block-0 {margin-block: var(--size-0, 0rem)}
4
19
  .m-block-1 {margin-block: var(--size-1, 0.25rem)}
5
20
  .m-block-10 {margin-block: var(--size-10, 2.5rem)}
@@ -51,6 +66,7 @@
51
66
  .m-block-start-9 {margin-block-start: var(--size-9, 2.25rem)}
52
67
  .m-block-start-half {margin-block-start: var(--size-half, 0.125rem)}
53
68
  .m-block-start-quarter {margin-block-start: var(--size-quarter, 0.0625rem)}
69
+ .m-half {margin: var(--size-half, 0.125rem)}
54
70
  .m-inline-0 {margin-inline: var(--size-0, 0rem)}
55
71
  .m-inline-1 {margin-inline: var(--size-1, 0.25rem)}
56
72
  .m-inline-10 {margin-inline: var(--size-10, 2.5rem)}
@@ -102,6 +118,22 @@
102
118
  .m-inline-start-9 {margin-inline-start: var(--size-9, 2.25rem)}
103
119
  .m-inline-start-half {margin-inline-start: var(--size-half, 0.125rem)}
104
120
  .m-inline-start-quarter {margin-inline-start: var(--size-quarter, 0.0625rem)}
121
+ .m-quarter {margin: var(--size-quarter, 0.0625rem)}
122
+ .p-0 {padding: var(--size-0, 0rem)}
123
+ .p-1 {padding: var(--size-1, 0.25rem)}
124
+ .p-10 {padding: var(--size-10, 2.5rem)}
125
+ .p-11 {padding: var(--size-11, 2.75rem)}
126
+ .p-12 {padding: var(--size-12, 3rem)}
127
+ .p-13 {padding: var(--size-13, 3.25rem)}
128
+ .p-14 {padding: var(--size-14, 3.5rem)}
129
+ .p-2 {padding: var(--size-2, 0.5rem)}
130
+ .p-3 {padding: var(--size-3, 0.75rem)}
131
+ .p-4 {padding: var(--size-4, 1rem)}
132
+ .p-5 {padding: var(--size-5, 1.25rem)}
133
+ .p-6 {padding: var(--size-6, 1.5rem)}
134
+ .p-7 {padding: var(--size-7, 1.75rem)}
135
+ .p-8 {padding: var(--size-8, 2rem)}
136
+ .p-9 {padding: var(--size-9, 2.25rem)}
105
137
  .p-block-0 {padding-block: var(--size-0, 0rem)}
106
138
  .p-block-1 {padding-block: var(--size-1, 0.25rem)}
107
139
  .p-block-10 {padding-block: var(--size-10, 2.5rem)}
@@ -153,6 +185,7 @@
153
185
  .p-block-start-9 {padding-block-start: var(--size-9, 2.25rem)}
154
186
  .p-block-start-half {padding-block-start: var(--size-half, 0.125rem)}
155
187
  .p-block-start-quarter {padding-block-start: var(--size-quarter, 0.0625rem)}
188
+ .p-half {padding: var(--size-half, 0.125rem)}
156
189
  .p-inline-0 {padding-inline: var(--size-0, 0rem)}
157
190
  .p-inline-1 {padding-inline: var(--size-1, 0.25rem)}
158
191
  .p-inline-10 {padding-inline: var(--size-10, 2.5rem)}
@@ -204,8 +237,25 @@
204
237
  .p-inline-start-9 {padding-inline-start: var(--size-9, 2.25rem)}
205
238
  .p-inline-start-half {padding-inline-start: var(--size-half, 0.125rem)}
206
239
  .p-inline-start-quarter {padding-inline-start: var(--size-quarter, 0.0625rem)}
240
+ .p-quarter {padding: var(--size-quarter, 0.0625rem)}
207
241
 
242
+
208
243
  @layer application {
244
+ .m-0 {margin: var(--size-0, 0rem)}
245
+ .m-1 {margin: var(--size-1, 0.25rem)}
246
+ .m-10 {margin: var(--size-10, 2.5rem)}
247
+ .m-11 {margin: var(--size-11, 2.75rem)}
248
+ .m-12 {margin: var(--size-12, 3rem)}
249
+ .m-13 {margin: var(--size-13, 3.25rem)}
250
+ .m-14 {margin: var(--size-14, 3.5rem)}
251
+ .m-2 {margin: var(--size-2, 0.5rem)}
252
+ .m-3 {margin: var(--size-3, 0.75rem)}
253
+ .m-4 {margin: var(--size-4, 1rem)}
254
+ .m-5 {margin: var(--size-5, 1.25rem)}
255
+ .m-6 {margin: var(--size-6, 1.5rem)}
256
+ .m-7 {margin: var(--size-7, 1.75rem)}
257
+ .m-8 {margin: var(--size-8, 2rem)}
258
+ .m-9 {margin: var(--size-9, 2.25rem)}
209
259
  .m-block-0 {margin-block: var(--size-0, 0rem)}
210
260
  .m-block-1 {margin-block: var(--size-1, 0.25rem)}
211
261
  .m-block-10 {margin-block: var(--size-10, 2.5rem)}
@@ -257,6 +307,7 @@
257
307
  .m-block-start-9 {margin-block-start: var(--size-9, 2.25rem)}
258
308
  .m-block-start-half {margin-block-start: var(--size-half, 0.125rem)}
259
309
  .m-block-start-quarter {margin-block-start: var(--size-quarter, 0.0625rem)}
310
+ .m-half {margin: var(--size-half, 0.125rem)}
260
311
  .m-inline-0 {margin-inline: var(--size-0, 0rem)}
261
312
  .m-inline-1 {margin-inline: var(--size-1, 0.25rem)}
262
313
  .m-inline-10 {margin-inline: var(--size-10, 2.5rem)}
@@ -308,6 +359,22 @@
308
359
  .m-inline-start-9 {margin-inline-start: var(--size-9, 2.25rem)}
309
360
  .m-inline-start-half {margin-inline-start: var(--size-half, 0.125rem)}
310
361
  .m-inline-start-quarter {margin-inline-start: var(--size-quarter, 0.0625rem)}
362
+ .m-quarter {margin: var(--size-quarter, 0.0625rem)}
363
+ .p-0 {padding: var(--size-0, 0rem)}
364
+ .p-1 {padding: var(--size-1, 0.25rem)}
365
+ .p-10 {padding: var(--size-10, 2.5rem)}
366
+ .p-11 {padding: var(--size-11, 2.75rem)}
367
+ .p-12 {padding: var(--size-12, 3rem)}
368
+ .p-13 {padding: var(--size-13, 3.25rem)}
369
+ .p-14 {padding: var(--size-14, 3.5rem)}
370
+ .p-2 {padding: var(--size-2, 0.5rem)}
371
+ .p-3 {padding: var(--size-3, 0.75rem)}
372
+ .p-4 {padding: var(--size-4, 1rem)}
373
+ .p-5 {padding: var(--size-5, 1.25rem)}
374
+ .p-6 {padding: var(--size-6, 1.5rem)}
375
+ .p-7 {padding: var(--size-7, 1.75rem)}
376
+ .p-8 {padding: var(--size-8, 2rem)}
377
+ .p-9 {padding: var(--size-9, 2.25rem)}
311
378
  .p-block-0 {padding-block: var(--size-0, 0rem)}
312
379
  .p-block-1 {padding-block: var(--size-1, 0.25rem)}
313
380
  .p-block-10 {padding-block: var(--size-10, 2.5rem)}
@@ -359,6 +426,7 @@
359
426
  .p-block-start-9 {padding-block-start: var(--size-9, 2.25rem)}
360
427
  .p-block-start-half {padding-block-start: var(--size-half, 0.125rem)}
361
428
  .p-block-start-quarter {padding-block-start: var(--size-quarter, 0.0625rem)}
429
+ .p-half {padding: var(--size-half, 0.125rem)}
362
430
  .p-inline-0 {padding-inline: var(--size-0, 0rem)}
363
431
  .p-inline-1 {padding-inline: var(--size-1, 0.25rem)}
364
432
  .p-inline-10 {padding-inline: var(--size-10, 2.5rem)}
@@ -410,4 +478,6 @@
410
478
  .p-inline-start-9 {padding-inline-start: var(--size-9, 2.25rem)}
411
479
  .p-inline-start-half {padding-inline-start: var(--size-half, 0.125rem)}
412
480
  .p-inline-start-quarter {padding-inline-start: var(--size-quarter, 0.0625rem)}
481
+ .p-quarter {padding: var(--size-quarter, 0.0625rem)}
482
+
413
483
  }