@servicetitan/design-system 11.3.0 → 11.4.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (523) hide show
  1. package/dist/components/ActionMenu/ActionMenu.css +9 -9
  2. package/dist/components/ActionMenu/ActionMenu.css.map +1 -1
  3. package/dist/components/ActionMenu/ActionMenu.js +1 -1
  4. package/dist/components/ActionMenu/ActionMenu.js.map +1 -1
  5. package/dist/components/ActionMenu/index.css +9 -9
  6. package/dist/components/ActionMenu/index.css.map +1 -1
  7. package/dist/components/Announcement/Announcement.css +1 -1
  8. package/dist/components/Announcement/Announcement.css.map +1 -1
  9. package/dist/components/Announcement/Announcement.js +1 -1
  10. package/dist/components/Announcement/Announcement.js.map +1 -1
  11. package/dist/components/Announcement/index.css +1 -1
  12. package/dist/components/Announcement/index.css.map +1 -1
  13. package/dist/components/AnvilSelect/AnvilSelect.css +1 -1
  14. package/dist/components/AnvilSelect/AnvilSelect.css.map +1 -1
  15. package/dist/components/AnvilSelect/AnvilSelect.d.ts +7 -3
  16. package/dist/components/AnvilSelect/AnvilSelect.js +26 -9
  17. package/dist/components/AnvilSelect/AnvilSelect.js.map +1 -1
  18. package/dist/components/AnvilSelect/components/DrillIn.css +3 -3
  19. package/dist/components/AnvilSelect/components/DrillIn.css.map +1 -1
  20. package/dist/components/AnvilSelect/components/Trigger.css +31 -31
  21. package/dist/components/AnvilSelect/components/Trigger.css.map +1 -1
  22. package/dist/components/AnvilSelect/index.css +34 -34
  23. package/dist/components/AnvilSelect/index.css.map +1 -1
  24. package/dist/components/Avatar/Avatar.css +2 -2
  25. package/dist/components/Avatar/Avatar.css.map +1 -1
  26. package/dist/components/Avatar/Avatar.js +1 -1
  27. package/dist/components/Avatar/Avatar.js.map +1 -1
  28. package/dist/components/Avatar/index.css +2 -2
  29. package/dist/components/Avatar/index.css.map +1 -1
  30. package/dist/components/BackLink/BackLink.css +2 -2
  31. package/dist/components/BackLink/BackLink.css.map +1 -1
  32. package/dist/components/BackLink/BackLink.js +1 -1
  33. package/dist/components/BackLink/BackLink.js.map +1 -1
  34. package/dist/components/BackLink/index.css +2 -2
  35. package/dist/components/BackLink/index.css.map +1 -1
  36. package/dist/components/Backdrop/Backdrop.css +2 -2
  37. package/dist/components/Backdrop/Backdrop.css.map +1 -1
  38. package/dist/components/Backdrop/Backdrop.js +2 -2
  39. package/dist/components/Backdrop/Backdrop.js.map +1 -1
  40. package/dist/components/Backdrop/index.css +2 -2
  41. package/dist/components/Backdrop/index.css.map +1 -1
  42. package/dist/components/Banner/Banner.css +1 -1
  43. package/dist/components/Banner/Banner.css.map +1 -1
  44. package/dist/components/Banner/Banner.js +1 -1
  45. package/dist/components/Banner/Banner.js.map +1 -1
  46. package/dist/components/Banner/index.css +1 -1
  47. package/dist/components/Banner/index.css.map +1 -1
  48. package/dist/components/BodyText/BodyText.css +1 -1
  49. package/dist/components/BodyText/BodyText.css.map +1 -1
  50. package/dist/components/BodyText/BodyText.js +1 -1
  51. package/dist/components/BodyText/BodyText.js.map +1 -1
  52. package/dist/components/BodyText/index.css +1 -1
  53. package/dist/components/BodyText/index.css.map +1 -1
  54. package/dist/components/Breadcrumb/Breadcrumb.css +5 -5
  55. package/dist/components/Breadcrumb/Breadcrumb.css.map +1 -1
  56. package/dist/components/Breadcrumb/Breadcrumb.js +1 -1
  57. package/dist/components/Breadcrumb/Breadcrumb.js.map +1 -1
  58. package/dist/components/Breadcrumb/index.css +5 -5
  59. package/dist/components/Breadcrumb/index.css.map +1 -1
  60. package/dist/components/Button/Button.css +9 -9
  61. package/dist/components/Button/Button.css.map +1 -1
  62. package/dist/components/Button/Button.js +1 -1
  63. package/dist/components/Button/Button.js.map +1 -1
  64. package/dist/components/Button/index.css +9 -9
  65. package/dist/components/Button/index.css.map +1 -1
  66. package/dist/components/ButtonGroup/ButtonGroup.css.map +1 -1
  67. package/dist/components/ButtonGroup/ButtonGroup.js +1 -1
  68. package/dist/components/ButtonGroup/ButtonGroup.js.map +1 -1
  69. package/dist/components/ButtonGroup/index.css.map +1 -1
  70. package/dist/components/ButtonToggle/ButtonToggle.css +18 -18
  71. package/dist/components/ButtonToggle/ButtonToggle.css.map +1 -1
  72. package/dist/components/ButtonToggle/ButtonToggle.js +1 -1
  73. package/dist/components/ButtonToggle/ButtonToggle.js.map +1 -1
  74. package/dist/components/ButtonToggle/index.css +18 -18
  75. package/dist/components/ButtonToggle/index.css.map +1 -1
  76. package/dist/components/Card/Card.css +5 -5
  77. package/dist/components/Card/Card.css.map +1 -1
  78. package/dist/components/Card/Card.js +1 -1
  79. package/dist/components/Card/Card.js.map +1 -1
  80. package/dist/components/Card/CardSection.css +11 -11
  81. package/dist/components/Card/CardSection.css.map +1 -1
  82. package/dist/components/Card/CardSection.js +1 -1
  83. package/dist/components/Card/CardSection.js.map +1 -1
  84. package/dist/components/Card/index.css +16 -16
  85. package/dist/components/Card/index.css.map +1 -1
  86. package/dist/components/Checkbox/Checkbox.css +21 -21
  87. package/dist/components/Checkbox/Checkbox.css.map +1 -1
  88. package/dist/components/Checkbox/Checkbox.js +1 -1
  89. package/dist/components/Checkbox/Checkbox.js.map +1 -1
  90. package/dist/components/Checkbox/index.css +21 -21
  91. package/dist/components/Checkbox/index.css.map +1 -1
  92. package/dist/components/Collapsible/Collapsible.css +1 -1
  93. package/dist/components/Collapsible/Collapsible.css.map +1 -1
  94. package/dist/components/Collapsible/Collapsible.js +1 -1
  95. package/dist/components/Collapsible/Collapsible.js.map +1 -1
  96. package/dist/components/Collapsible/index.css +1 -1
  97. package/dist/components/Collapsible/index.css.map +1 -1
  98. package/dist/components/ColorPicker/ColorPicker.css +6 -6
  99. package/dist/components/ColorPicker/ColorPicker.css.map +1 -1
  100. package/dist/components/ColorPicker/ColorPicker.js +1 -1
  101. package/dist/components/ColorPicker/ColorPicker.js.map +1 -1
  102. package/dist/components/ColorPicker/index.css +6 -6
  103. package/dist/components/ColorPicker/index.css.map +1 -1
  104. package/dist/components/Container/Container.css +1 -1
  105. package/dist/components/Container/Container.css.map +1 -1
  106. package/dist/components/Container/Container.js +1 -1
  107. package/dist/components/Container/Container.js.map +1 -1
  108. package/dist/components/Container/index.css +1 -1
  109. package/dist/components/Container/index.css.map +1 -1
  110. package/dist/components/DataList/DataList.css +5 -5
  111. package/dist/components/DataList/DataList.css.map +1 -1
  112. package/dist/components/DataList/DataList.js +1 -1
  113. package/dist/components/DataList/DataList.js.map +1 -1
  114. package/dist/components/DataList/index.css +5 -5
  115. package/dist/components/DataList/index.css.map +1 -1
  116. package/dist/components/DatePicker/DatePicker.css +68 -31
  117. package/dist/components/DatePicker/DatePicker.css.map +1 -1
  118. package/dist/components/DatePicker/DatePicker.js +1 -1
  119. package/dist/components/DatePicker/DatePicker.js.map +1 -1
  120. package/dist/components/DatePicker/index.css +68 -31
  121. package/dist/components/DatePicker/index.css.map +1 -1
  122. package/dist/components/DateRangePicker/DateRangePicker.css +4 -12
  123. package/dist/components/DateRangePicker/DateRangePicker.css.map +1 -1
  124. package/dist/components/DateRangePicker/DateRangePicker.js +1 -1
  125. package/dist/components/DateRangePicker/DateRangePicker.js.map +1 -1
  126. package/dist/components/DateRangePicker/DateRangePicker.test.js +0 -1
  127. package/dist/components/DateRangePicker/DateRangePicker.test.js.map +1 -1
  128. package/dist/components/DateRangePicker/components/DateRangeTrigger.js +14 -2
  129. package/dist/components/DateRangePicker/components/DateRangeTrigger.js.map +1 -1
  130. package/dist/components/DateRangePicker/index.css +4 -12
  131. package/dist/components/DateRangePicker/index.css.map +1 -1
  132. package/dist/components/Dialog/Dialog.css.map +1 -1
  133. package/dist/components/Dialog/Dialog.js +1 -1
  134. package/dist/components/Dialog/Dialog.js.map +1 -1
  135. package/dist/components/Dialog/index.css.map +1 -1
  136. package/dist/components/Divider/Divider.css +3 -3
  137. package/dist/components/Divider/Divider.css.map +1 -1
  138. package/dist/components/Divider/Divider.js +1 -1
  139. package/dist/components/Divider/Divider.js.map +1 -1
  140. package/dist/components/Divider/index.css +3 -3
  141. package/dist/components/Divider/index.css.map +1 -1
  142. package/dist/components/Drawer/Drawer.css +6 -6
  143. package/dist/components/Drawer/Drawer.css.map +1 -1
  144. package/dist/components/Drawer/Drawer.js +1 -1
  145. package/dist/components/Drawer/Drawer.js.map +1 -1
  146. package/dist/components/Drawer/index.css +6 -6
  147. package/dist/components/Drawer/index.css.map +1 -1
  148. package/dist/components/Eyebrow/Eyebrow.css +2 -2
  149. package/dist/components/Eyebrow/Eyebrow.css.map +1 -1
  150. package/dist/components/Eyebrow/Eyebrow.js +1 -1
  151. package/dist/components/Eyebrow/Eyebrow.js.map +1 -1
  152. package/dist/components/Eyebrow/index.css +2 -2
  153. package/dist/components/Eyebrow/index.css.map +1 -1
  154. package/dist/components/FilePicker/FilePicker.css +5 -5
  155. package/dist/components/FilePicker/FilePicker.css.map +1 -1
  156. package/dist/components/FilePicker/FilePicker.js +1 -1
  157. package/dist/components/FilePicker/FilePicker.js.map +1 -1
  158. package/dist/components/FilePicker/index.css +5 -5
  159. package/dist/components/FilePicker/index.css.map +1 -1
  160. package/dist/components/FilterButton/FilterButton.css +2 -2
  161. package/dist/components/FilterButton/FilterButton.css.map +1 -1
  162. package/dist/components/FilterButton/FilterButton.js +1 -1
  163. package/dist/components/FilterButton/FilterButton.js.map +1 -1
  164. package/dist/components/FilterButton/index.css +2 -2
  165. package/dist/components/FilterButton/index.css.map +1 -1
  166. package/dist/components/FlowCard/FlowCard.js +1 -1
  167. package/dist/components/FlowCard/FlowCard.js.map +1 -1
  168. package/dist/components/FlowCard/FlowCardStep.css +31 -14
  169. package/dist/components/FlowCard/FlowCardStep.css.map +1 -1
  170. package/dist/components/FlowCard/FlowCardStep.js +6 -6
  171. package/dist/components/FlowCard/FlowCardStep.js.map +1 -1
  172. package/dist/components/FlowCard/index.css +31 -14
  173. package/dist/components/FlowCard/index.css.map +1 -1
  174. package/dist/components/Form/Form.css.map +1 -1
  175. package/dist/components/Form/Form.js +1 -2
  176. package/dist/components/Form/Form.js.map +1 -1
  177. package/dist/components/Form/index.css.map +1 -1
  178. package/dist/components/FormField/FormField.css +1 -1
  179. package/dist/components/FormField/FormField.css.map +1 -1
  180. package/dist/components/FormField/FormField.js +1 -1
  181. package/dist/components/FormField/FormField.js.map +1 -1
  182. package/dist/components/FormField/FormField.test.d.ts +1 -0
  183. package/dist/components/FormField/FormField.test.js +53 -0
  184. package/dist/components/FormField/FormField.test.js.map +1 -0
  185. package/dist/components/FormField/index.css +1 -1
  186. package/dist/components/FormField/index.css.map +1 -1
  187. package/dist/components/FormGroup/FormGroup.css +1 -1
  188. package/dist/components/FormGroup/FormGroup.css.map +1 -1
  189. package/dist/components/FormGroup/FormGroup.js +1 -1
  190. package/dist/components/FormGroup/FormGroup.js.map +1 -1
  191. package/dist/components/FormGroup/index.css +1 -1
  192. package/dist/components/FormGroup/index.css.map +1 -1
  193. package/dist/components/Frame/Frame.css +1 -1
  194. package/dist/components/Frame/Frame.css.map +1 -1
  195. package/dist/components/Frame/Frame.js +1 -1
  196. package/dist/components/Frame/Frame.js.map +1 -1
  197. package/dist/components/Frame/index.css +1 -1
  198. package/dist/components/Frame/index.css.map +1 -1
  199. package/dist/components/Grid/Grid.css +7 -7
  200. package/dist/components/Grid/Grid.css.map +1 -1
  201. package/dist/components/Grid/Grid.js +1 -1
  202. package/dist/components/Grid/Grid.js.map +1 -1
  203. package/dist/components/Grid/GridBreakpoints.css +10 -10
  204. package/dist/components/Grid/GridBreakpoints.css.map +1 -1
  205. package/dist/components/Grid/index.css +17 -17
  206. package/dist/components/Grid/index.css.map +1 -1
  207. package/dist/components/Headline/Headline.css +1 -1
  208. package/dist/components/Headline/Headline.css.map +1 -1
  209. package/dist/components/Headline/Headline.js +1 -1
  210. package/dist/components/Headline/Headline.js.map +1 -1
  211. package/dist/components/Headline/index.css +1 -1
  212. package/dist/components/Headline/index.css.map +1 -1
  213. package/dist/components/Icon/Icon.js +1 -1
  214. package/dist/components/Icon/Icon.js.map +1 -1
  215. package/dist/components/InlineEdit/InlineEdit.css +1 -1
  216. package/dist/components/InlineEdit/InlineEdit.css.map +1 -1
  217. package/dist/components/InlineEdit/InlineEdit.js +1 -1
  218. package/dist/components/InlineEdit/InlineEdit.js.map +1 -1
  219. package/dist/components/InlineEdit/index.css +1 -1
  220. package/dist/components/InlineEdit/index.css.map +1 -1
  221. package/dist/components/Input/Input.css +8 -8
  222. package/dist/components/Input/Input.css.map +1 -1
  223. package/dist/components/Input/Input.js +1 -1
  224. package/dist/components/Input/Input.js.map +1 -1
  225. package/dist/components/Input/index.css +8 -8
  226. package/dist/components/Input/index.css.map +1 -1
  227. package/dist/components/Label/Label.css +6 -6
  228. package/dist/components/Label/Label.css.map +1 -1
  229. package/dist/components/Label/Label.js +1 -1
  230. package/dist/components/Label/Label.js.map +1 -1
  231. package/dist/components/Label/index.css +6 -6
  232. package/dist/components/Label/index.css.map +1 -1
  233. package/dist/components/Layout/Layout.js +1 -1
  234. package/dist/components/Layout/Layout.js.map +1 -1
  235. package/dist/components/Layout/LayoutSection.js +1 -1
  236. package/dist/components/Layout/LayoutSection.js.map +1 -1
  237. package/dist/components/Link/Link.css +4 -4
  238. package/dist/components/Link/Link.css.map +1 -1
  239. package/dist/components/Link/Link.js +1 -1
  240. package/dist/components/Link/Link.js.map +1 -1
  241. package/dist/components/Link/index.css +4 -4
  242. package/dist/components/Link/index.css.map +1 -1
  243. package/dist/components/Mask/Mask.css +8 -1
  244. package/dist/components/Mask/Mask.css.map +1 -1
  245. package/dist/components/Mask/Mask.js +4 -2
  246. package/dist/components/Mask/Mask.js.map +1 -1
  247. package/dist/components/Mask/index.css +8 -1
  248. package/dist/components/Mask/index.css.map +1 -1
  249. package/dist/components/Modal/Modal.css +5 -5
  250. package/dist/components/Modal/Modal.css.map +1 -1
  251. package/dist/components/Modal/Modal.js +1 -1
  252. package/dist/components/Modal/Modal.js.map +1 -1
  253. package/dist/components/Modal/index.css +5 -5
  254. package/dist/components/Modal/index.css.map +1 -1
  255. package/dist/components/MoreDetails/MoreDetails.css +2 -2
  256. package/dist/components/MoreDetails/MoreDetails.css.map +1 -1
  257. package/dist/components/MoreDetails/MoreDetails.js +1 -1
  258. package/dist/components/MoreDetails/MoreDetails.js.map +1 -1
  259. package/dist/components/MoreDetails/index.css +2 -2
  260. package/dist/components/MoreDetails/index.css.map +1 -1
  261. package/dist/components/OptionList/Option.d.ts +14 -0
  262. package/dist/components/OptionList/Option.js +25 -5
  263. package/dist/components/OptionList/Option.js.map +1 -1
  264. package/dist/components/OptionList/OptionList.css +9 -7
  265. package/dist/components/OptionList/OptionList.css.map +1 -1
  266. package/dist/components/OptionList/OptionList.d.ts +4 -1
  267. package/dist/components/OptionList/OptionList.js +72 -3
  268. package/dist/components/OptionList/OptionList.js.map +1 -1
  269. package/dist/components/OptionList/index.css +9 -7
  270. package/dist/components/OptionList/index.css.map +1 -1
  271. package/dist/components/OptionList/index.d.ts +1 -0
  272. package/dist/components/OptionList/index.js +1 -0
  273. package/dist/components/OptionList/index.js.map +1 -1
  274. package/dist/components/Page/Page.css +9 -8
  275. package/dist/components/Page/Page.css.map +1 -1
  276. package/dist/components/Page/Page.d.ts +1 -1
  277. package/dist/components/Page/Page.js +4 -3
  278. package/dist/components/Page/Page.js.map +1 -1
  279. package/dist/components/Page/index.css +9 -8
  280. package/dist/components/Page/index.css.map +1 -1
  281. package/dist/components/Popover/Popover.css +6 -6
  282. package/dist/components/Popover/Popover.css.map +1 -1
  283. package/dist/components/Popover/Popover.js +1 -1
  284. package/dist/components/Popover/Popover.js.map +1 -1
  285. package/dist/components/Popover/Popover.test.d.ts +1 -0
  286. package/dist/components/Popover/Popover.test.js +73 -0
  287. package/dist/components/Popover/Popover.test.js.map +1 -0
  288. package/dist/components/Popover/index.css +6 -6
  289. package/dist/components/Popover/index.css.map +1 -1
  290. package/dist/components/ProgressBar/ProgressBar.css +19 -19
  291. package/dist/components/ProgressBar/ProgressBar.css.map +1 -1
  292. package/dist/components/ProgressBar/ProgressBar.js +1 -1
  293. package/dist/components/ProgressBar/ProgressBar.js.map +1 -1
  294. package/dist/components/ProgressBar/index.css +19 -19
  295. package/dist/components/ProgressBar/index.css.map +1 -1
  296. package/dist/components/ProgressCircle/ProgressCircle.css +5 -5
  297. package/dist/components/ProgressCircle/ProgressCircle.css.map +1 -1
  298. package/dist/components/ProgressCircle/ProgressCircle.js +1 -1
  299. package/dist/components/ProgressCircle/ProgressCircle.js.map +1 -1
  300. package/dist/components/ProgressCircle/index.css +5 -5
  301. package/dist/components/ProgressCircle/index.css.map +1 -1
  302. package/dist/components/ProgressTracker/ProgressTracker.css +2 -2
  303. package/dist/components/ProgressTracker/ProgressTracker.css.map +1 -1
  304. package/dist/components/ProgressTracker/ProgressTracker.js +1 -1
  305. package/dist/components/ProgressTracker/ProgressTracker.js.map +1 -1
  306. package/dist/components/ProgressTracker/ProgressTrackerStep.css +8 -12
  307. package/dist/components/ProgressTracker/ProgressTrackerStep.css.map +1 -1
  308. package/dist/components/ProgressTracker/ProgressTrackerStep.js +1 -1
  309. package/dist/components/ProgressTracker/ProgressTrackerStep.js.map +1 -1
  310. package/dist/components/ProgressTracker/index.css +10 -14
  311. package/dist/components/ProgressTracker/index.css.map +1 -1
  312. package/dist/components/Radio/Radio.css +17 -17
  313. package/dist/components/Radio/Radio.css.map +1 -1
  314. package/dist/components/Radio/Radio.js +1 -1
  315. package/dist/components/Radio/Radio.js.map +1 -1
  316. package/dist/components/Radio/index.css +17 -17
  317. package/dist/components/Radio/index.css.map +1 -1
  318. package/dist/components/Scroll/Scroll.css +1 -1
  319. package/dist/components/Scroll/Scroll.css.map +1 -1
  320. package/dist/components/Scroll/Scroll.js +1 -1
  321. package/dist/components/Scroll/Scroll.js.map +1 -1
  322. package/dist/components/Scroll/index.css +1 -1
  323. package/dist/components/Scroll/index.css.map +1 -1
  324. package/dist/components/Select/Select.css +51 -7
  325. package/dist/components/Select/Select.css.map +1 -1
  326. package/dist/components/Select/index.css +51 -7
  327. package/dist/components/Select/index.css.map +1 -1
  328. package/dist/components/SideNav/SideNav.css +4 -3
  329. package/dist/components/SideNav/SideNav.css.map +1 -1
  330. package/dist/components/SideNav/SideNav.js +2 -2
  331. package/dist/components/SideNav/SideNav.js.map +1 -1
  332. package/dist/components/SideNav/SideNavGroup.css.map +1 -1
  333. package/dist/components/SideNav/SideNavGroup.js +1 -1
  334. package/dist/components/SideNav/SideNavGroup.js.map +1 -1
  335. package/dist/components/SideNav/SideNavItem.css +37 -4
  336. package/dist/components/SideNav/SideNavItem.css.map +1 -1
  337. package/dist/components/SideNav/SideNavItem.js +1 -1
  338. package/dist/components/SideNav/SideNavItem.js.map +1 -1
  339. package/dist/components/SideNav/index.css +8 -7
  340. package/dist/components/SideNav/index.css.map +1 -1
  341. package/dist/components/Sidebar/Sidebar.css +18 -8
  342. package/dist/components/Sidebar/Sidebar.css.map +1 -1
  343. package/dist/components/Sidebar/Sidebar.js +54 -110
  344. package/dist/components/Sidebar/Sidebar.js.map +1 -1
  345. package/dist/components/Sidebar/SidebarSection.css +120 -1
  346. package/dist/components/Sidebar/SidebarSection.css.map +1 -1
  347. package/dist/components/Sidebar/SidebarSection.js +2 -2
  348. package/dist/components/Sidebar/SidebarSection.js.map +1 -1
  349. package/dist/components/Sidebar/index.css +19 -9
  350. package/dist/components/Sidebar/index.css.map +1 -1
  351. package/dist/components/Snackbar/Snackbar.css +7 -7
  352. package/dist/components/Snackbar/Snackbar.css.map +1 -1
  353. package/dist/components/Snackbar/Snackbar.js +1 -1
  354. package/dist/components/Snackbar/Snackbar.js.map +1 -1
  355. package/dist/components/Snackbar/index.css +7 -7
  356. package/dist/components/Snackbar/index.css.map +1 -1
  357. package/dist/components/Spinner/Spinner.css.map +1 -1
  358. package/dist/components/Spinner/Spinner.js +1 -1
  359. package/dist/components/Spinner/Spinner.js.map +1 -1
  360. package/dist/components/Spinner/index.css.map +1 -1
  361. package/dist/components/Stack/Stack.css +9 -0
  362. package/dist/components/Stack/Stack.css.map +1 -1
  363. package/dist/components/Stack/Stack.d.ts +1 -1
  364. package/dist/components/Stack/Stack.js +2 -2
  365. package/dist/components/Stack/Stack.js.map +1 -1
  366. package/dist/components/{StackItem → Stack}/StackItem.d.ts +0 -0
  367. package/dist/components/{StackItem → Stack}/StackItem.js +1 -1
  368. package/dist/components/Stack/StackItem.js.map +1 -0
  369. package/dist/components/Stack/index.css +9 -0
  370. package/dist/components/Stack/index.css.map +1 -1
  371. package/dist/components/Stack/index.d.ts +1 -0
  372. package/dist/components/Stack/index.js +1 -0
  373. package/dist/components/Stack/index.js.map +1 -1
  374. package/dist/components/StatusLight/StatusLight.css +7 -7
  375. package/dist/components/StatusLight/StatusLight.css.map +1 -1
  376. package/dist/components/StatusLight/StatusLight.js +1 -1
  377. package/dist/components/StatusLight/StatusLight.js.map +1 -1
  378. package/dist/components/StatusLight/index.css +7 -7
  379. package/dist/components/StatusLight/index.css.map +1 -1
  380. package/dist/components/Tab/Tab.css +19 -18
  381. package/dist/components/Tab/Tab.css.map +1 -1
  382. package/dist/components/Tab/Tab.js +1 -1
  383. package/dist/components/Tab/Tab.js.map +1 -1
  384. package/dist/components/Tab/index.css +19 -18
  385. package/dist/components/Tab/index.css.map +1 -1
  386. package/dist/components/TabGroup/TabGroup.css +4 -4
  387. package/dist/components/TabGroup/TabGroup.css.map +1 -1
  388. package/dist/components/TabGroup/TabGroup.js +1 -1
  389. package/dist/components/TabGroup/TabGroup.js.map +1 -1
  390. package/dist/components/TabGroup/TabGroupItem.js +1 -1
  391. package/dist/components/TabGroup/TabGroupItem.js.map +1 -1
  392. package/dist/components/TabGroup/index.css +4 -4
  393. package/dist/components/TabGroup/index.css.map +1 -1
  394. package/dist/components/Table/Table.css +31 -31
  395. package/dist/components/Table/Table.css.map +1 -1
  396. package/dist/components/Table/Table.js +1 -1
  397. package/dist/components/Table/Table.js.map +1 -1
  398. package/dist/components/Table/index.css +31 -31
  399. package/dist/components/Table/index.css.map +1 -1
  400. package/dist/components/Tag/Tag.css +4 -4
  401. package/dist/components/Tag/Tag.css.map +1 -1
  402. package/dist/components/Tag/Tag.js +1 -1
  403. package/dist/components/Tag/Tag.js.map +1 -1
  404. package/dist/components/Tag/index.css +4 -4
  405. package/dist/components/Tag/index.css.map +1 -1
  406. package/dist/components/TagGroup/TagGroup.js +1 -1
  407. package/dist/components/TagGroup/TagGroup.js.map +1 -1
  408. package/dist/components/TagGroup/TagGroupItem.js +1 -1
  409. package/dist/components/TagGroup/TagGroupItem.js.map +1 -1
  410. package/dist/components/Takeover/Takeover.css +2 -2
  411. package/dist/components/Takeover/Takeover.css.map +1 -1
  412. package/dist/components/Takeover/Takeover.js +2 -2
  413. package/dist/components/Takeover/Takeover.js.map +1 -1
  414. package/dist/components/Takeover/TakeoverFooter.css +4 -4
  415. package/dist/components/Takeover/TakeoverFooter.css.map +1 -1
  416. package/dist/components/Takeover/TakeoverHeader.css +5 -5
  417. package/dist/components/Takeover/TakeoverHeader.css.map +1 -1
  418. package/dist/components/Takeover/TakeoverSection.css +4 -4
  419. package/dist/components/Takeover/TakeoverSection.css.map +1 -1
  420. package/dist/components/Takeover/index.css +11 -11
  421. package/dist/components/Takeover/index.css.map +1 -1
  422. package/dist/components/Text/Text.css +1 -1
  423. package/dist/components/Text/Text.css.map +1 -1
  424. package/dist/components/Text/Text.js +1 -1
  425. package/dist/components/Text/Text.js.map +1 -1
  426. package/dist/components/Text/index.css +1 -1
  427. package/dist/components/Text/index.css.map +1 -1
  428. package/dist/components/TextArea/TextArea.css +6 -6
  429. package/dist/components/TextArea/TextArea.css.map +1 -1
  430. package/dist/components/TextArea/TextArea.js +2 -2
  431. package/dist/components/TextArea/TextArea.js.map +1 -1
  432. package/dist/components/TextArea/index.css +6 -6
  433. package/dist/components/TextArea/index.css.map +1 -1
  434. package/dist/components/Thumbnail/Thumbnail.css +4 -4
  435. package/dist/components/Thumbnail/Thumbnail.css.map +1 -1
  436. package/dist/components/Thumbnail/Thumbnail.js +1 -1
  437. package/dist/components/Thumbnail/Thumbnail.js.map +1 -1
  438. package/dist/components/Thumbnail/index.css +4 -4
  439. package/dist/components/Thumbnail/index.css.map +1 -1
  440. package/dist/components/TimePicker/TimePicker.css +10 -8
  441. package/dist/components/TimePicker/TimePicker.css.map +1 -1
  442. package/dist/components/TimePicker/TimePicker.js +1 -1
  443. package/dist/components/TimePicker/TimePicker.js.map +1 -1
  444. package/dist/components/TimePicker/index.css +10 -8
  445. package/dist/components/TimePicker/index.css.map +1 -1
  446. package/dist/components/Toast/Toast.css +12 -12
  447. package/dist/components/Toast/Toast.css.map +1 -1
  448. package/dist/components/Toast/Toast.js +1 -1
  449. package/dist/components/Toast/Toast.js.map +1 -1
  450. package/dist/components/Toast/ToastGroup.css +13 -13
  451. package/dist/components/Toast/ToastGroup.css.map +1 -1
  452. package/dist/components/Toast/index.css +13 -13
  453. package/dist/components/Toast/index.css.map +1 -1
  454. package/dist/components/ToggleSwitch/ToggleSwitch.css +10 -9
  455. package/dist/components/ToggleSwitch/ToggleSwitch.css.map +1 -1
  456. package/dist/components/ToggleSwitch/ToggleSwitch.js +1 -1
  457. package/dist/components/ToggleSwitch/ToggleSwitch.js.map +1 -1
  458. package/dist/components/ToggleSwitch/index.css +10 -9
  459. package/dist/components/ToggleSwitch/index.css.map +1 -1
  460. package/dist/components/Togglebox/Togglebox.css +6 -6
  461. package/dist/components/Togglebox/Togglebox.css.map +1 -1
  462. package/dist/components/Togglebox/Togglebox.js +1 -1
  463. package/dist/components/Togglebox/Togglebox.js.map +1 -1
  464. package/dist/components/Togglebox/index.css +6 -6
  465. package/dist/components/Togglebox/index.css.map +1 -1
  466. package/dist/components/Tooltip/Tooltip.css +4 -4
  467. package/dist/components/Tooltip/Tooltip.css.map +1 -1
  468. package/dist/components/Tooltip/Tooltip.js +1 -1
  469. package/dist/components/Tooltip/Tooltip.js.map +1 -1
  470. package/dist/components/Tooltip/index.css +4 -4
  471. package/dist/components/Tooltip/index.css.map +1 -1
  472. package/dist/components/VisuallyHidden/VisuallyHidden.js +1 -1
  473. package/dist/components/VisuallyHidden/VisuallyHidden.js.map +1 -1
  474. package/dist/components/index.css +541 -432
  475. package/dist/components/index.css.map +1 -1
  476. package/dist/components/index.d.ts +0 -1
  477. package/dist/components/index.js +0 -1
  478. package/dist/components/index.js.map +1 -1
  479. package/dist/global/index.css +1 -1
  480. package/dist/global/version.css +1 -1
  481. package/dist/internal/Overlay/Overlay.css.map +1 -1
  482. package/dist/internal/Overlay/Overlay.js +7 -0
  483. package/dist/internal/Overlay/Overlay.js.map +1 -1
  484. package/dist/internal/Overlay/index.css.map +1 -1
  485. package/dist/internal/Popper/Popper.css +4 -4
  486. package/dist/internal/Popper/Popper.css.map +1 -1
  487. package/dist/internal/Popper/Popper.js +13 -5
  488. package/dist/internal/Popper/Popper.js.map +1 -1
  489. package/dist/internal/Popper/index.css +4 -4
  490. package/dist/internal/Popper/index.css.map +1 -1
  491. package/dist/internal/Portal/Portal.js +3 -2
  492. package/dist/internal/Portal/Portal.js.map +1 -1
  493. package/dist/internal/index.css +4 -4
  494. package/dist/internal/index.css.map +1 -1
  495. package/dist/system-light.css +25 -9
  496. package/dist/system-light.css.map +1 -1
  497. package/dist/system-light.min.css +1 -1
  498. package/dist/system.css +580 -455
  499. package/dist/system.css.map +1 -1
  500. package/dist/system.min.css +2 -2
  501. package/dist/themes/index.css +37 -37
  502. package/dist/themes/index.css.map +1 -1
  503. package/dist/themes/kendo/index.css +36 -36
  504. package/dist/themes/kendo/index.css.map +1 -1
  505. package/dist/themes/semantic/index.css +1 -1
  506. package/dist/themes/semantic/index.css.map +1 -1
  507. package/dist/utilities/ThemeProvider.d.ts +1 -0
  508. package/dist/utilities/ThemeProvider.js +13 -9
  509. package/dist/utilities/ThemeProvider.js.map +1 -1
  510. package/dist/utilities/usePrefersColorScheme.js +11 -9
  511. package/dist/utilities/usePrefersColorScheme.js.map +1 -1
  512. package/package.json +9 -8
  513. package/dist/components/Sidebar/ToggleButton.d.ts +0 -18
  514. package/dist/components/Sidebar/ToggleButton.js +0 -33
  515. package/dist/components/Sidebar/ToggleButton.js.map +0 -1
  516. package/dist/components/StackItem/StackItem.css +0 -10
  517. package/dist/components/StackItem/StackItem.css.map +0 -1
  518. package/dist/components/StackItem/StackItem.js.map +0 -1
  519. package/dist/components/StackItem/index.css +0 -10
  520. package/dist/components/StackItem/index.css.map +0 -1
  521. package/dist/components/StackItem/index.d.ts +0 -1
  522. package/dist/components/StackItem/index.js +0 -2
  523. package/dist/components/StackItem/index.js.map +0 -1
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Toast/Toast.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss","../../../src/components/Toast/ToastGroup.scss"],"names":[],"mappings":"AAAA;ACKA;ACJC;EACA,OCiBa;ADfb;EACA;EDGA,YEUa;EFTb,eEDiB;EFEjB;EACA;EACA;EACA;EACA;EACA,WEuHa;EFtHb;EACA,SE2GW;EF1GX,OAfa;EAgBb;;;AAGD;EACC,aEoFkB;EFnFlB;;AAEA;EAAiB,OEMD;;AFLhB;EAAqB,OE8DN;;AF7Df;EAAoB,OE4CH;;AF3CjB;EAAoB,OEqCF;;;AFlCnB;EACC,WEsGa;EFrGb,cEyFW;EFtFX;;AAEA;EAAiB,OEPD;;AFQhB;EAAqB,OEiDN;;AFhDf;EAAoB,OE+BH;;AF9BjB;EAAoB,OEwBF;;;AFrBnB;EACC,OE3Ba;EF4Bb,WEsFa;EFrFb,YE0EW;;;AFvEZ;EACC;EACA;EACA;EACA;;;AAGD;EACC;EACA;EACA,YE+DW;;;AF5DZ;EACC;EACA;EACA;;AAEA;EACC;;;AAIF;EACC;EACA,OE+CW;EF9CX,KE8CW;EF7CX;;;AG1ED;AFHC;EACA,OCiBa;ADfb;EACA;;;AECD;EACC,eDoHW;;;ACjHZ;EACC;;AAEA;EACC;EACA,YDGY;ECFZ;EACA;EACA;EACA;EACA,QDsGU;ECrGV;EACA;EACA;EACA;EACA;EACA;;;AAIF;EACC;;;AAGD;EACC,KDwFW;ECvFX,ODuFW;ECtFX;EACA","file":"ToastGroup.css"}
1
+ {"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Toast/Toast.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss","../../../src/components/Toast/ToastGroup.scss"],"names":[],"mappings":"AAAA;ACcA;ACbC;EACA;AAEA;EACA;EDYA,YAXoB;EAYpB,eEViB;EFWjB;EACA;EACA;EACA;EACA;EACA,WE+Ga;EF9Gb;EACA,SEmGW;EFlGX,OAxBa;EAyBb;;;AAGD;EACC,aE4EkB;EF3ElB;;AAEA;EAAiB,OA1BJ;;AA2Bb;EAAqB,OA1BJ;;AA2BjB;EAAoB,OA1BJ;;AA2BhB;EAAoB,OA1BJ;;;AA6BjB;EACC,WE8Fa;EF7Fb,cEiFW;EF9EX;;AAEA;EAAiB,OAvCJ;;AAwCb;EAAqB,OAvCJ;;AAwCjB;EAAoB,OAvCJ;;AAwChB;EAAoB,OAvCJ;;;AA0CjB;EACC,OA/Cc;EAgDd,WE8Ea;EF7Eb,YEkEW;;;AF/DZ;EACC;EACA;EACA;EACA;;;AAGD;EACC;EACA;EACA,YEuDW;;;AFpDZ;EACC;EACA;EACA;;AAEA;EACC;;;AAIF;EACC;EACA,OEuCW;EFtCX,KEsCW;EFrCX;;;AGnFD;AFHC;EACA;AAEA;EACA;;;AECD;EACC,eDqHW;;;AClHZ;EACC;;AAEA;EACC;EACA,YDGY;ECFZ;EACA;EACA;EACA;EACA,QDuGU;ECtGV;EACA;EACA;EACA;EACA;EACA;;;AAIF;EACC;;;AAGD;EACC,KDyFW;ECxFX,ODwFW;ECvFX;EACA","file":"ToastGroup.css"}
@@ -1,12 +1,12 @@
1
1
  /* Hide element visually, keeping it focusable (with keyboard) and available for screen-readers */
2
2
  .Toast {
3
3
  /* Set color on root of component. It can be overridden after the @include */
4
- color: #141414;
4
+ color: var(--colorsTextDefault, #040404);
5
5
  /* Make sure font-family goes across entire component */
6
6
  font-family: "Nunito Sans", sans-serif;
7
- background: #ffffff;
7
+ background: var(--colorsSurfaceDefault, #ffffff);
8
8
  border-radius: 3px;
9
- border: 1px solid #dfe0e1;
9
+ border: 1px solid var(--colorsBorderGrey, #dfe0e1);
10
10
  box-shadow: 0 8px 24px rgba(20, 20, 20, 0.1);
11
11
  box-sizing: border-box;
12
12
  display: flex;
@@ -23,16 +23,16 @@
23
23
  word-break: break-word;
24
24
  }
25
25
  .Toast--info .Toast__title {
26
- color: #2270ee;
26
+ color: var(--colorsStatusInfo, #2270ee);
27
27
  }
28
28
  .Toast--critical .Toast__title {
29
- color: #e63717;
29
+ color: var(--colorsStatusCritical, #f94d32);
30
30
  }
31
31
  .Toast--success .Toast__title {
32
- color: #10864b;
32
+ color: var(--colorsStatusSuccessStrong, #10864b);
33
33
  }
34
34
  .Toast--warning .Toast__title {
35
- color: #de9500;
35
+ color: var(--colorsStatusWarningStrong, #de9500);
36
36
  }
37
37
 
38
38
  .Toast__icon {
@@ -41,20 +41,20 @@
41
41
  transform: translateY(2px);
42
42
  }
43
43
  .Toast--info .Toast__icon {
44
- color: #2270ee;
44
+ color: var(--colorsStatusInfo, #2270ee);
45
45
  }
46
46
  .Toast--critical .Toast__icon {
47
- color: #e63717;
47
+ color: var(--colorsStatusCritical, #f94d32);
48
48
  }
49
49
  .Toast--success .Toast__icon {
50
- color: #10864b;
50
+ color: var(--colorsStatusSuccessStrong, #10864b);
51
51
  }
52
52
  .Toast--warning .Toast__icon {
53
- color: #de9500;
53
+ color: var(--colorsStatusWarningStrong, #de9500);
54
54
  }
55
55
 
56
56
  .Toast__description {
57
- color: #141414;
57
+ color: var(--colorsTextDefault, #141414);
58
58
  font-size: 14px;
59
59
  margin-top: 8px;
60
60
  }
@@ -90,7 +90,7 @@
90
90
 
91
91
  .ToastGroup {
92
92
  /* Set color on root of component. It can be overridden after the @include */
93
- color: #141414;
93
+ color: var(--colorsTextDefault, #040404);
94
94
  /* Make sure font-family goes across entire component */
95
95
  font-family: "Nunito Sans", sans-serif;
96
96
  }
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Toast/Toast.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss","../../../src/components/Toast/ToastGroup.scss"],"names":[],"mappings":"AAAA;ACKA;ACJC;EACA,OCiBa;ADfb;EACA;EDGA,YEUa;EFTb,eEDiB;EFEjB;EACA;EACA;EACA;EACA;EACA,WEuHa;EFtHb;EACA,SE2GW;EF1GX,OAfa;EAgBb;;;AAGD;EACC,aEoFkB;EFnFlB;;AAEA;EAAiB,OEMD;;AFLhB;EAAqB,OE8DN;;AF7Df;EAAoB,OE4CH;;AF3CjB;EAAoB,OEqCF;;;AFlCnB;EACC,WEsGa;EFrGb,cEyFW;EFtFX;;AAEA;EAAiB,OEPD;;AFQhB;EAAqB,OEiDN;;AFhDf;EAAoB,OE+BH;;AF9BjB;EAAoB,OEwBF;;;AFrBnB;EACC,OE3Ba;EF4Bb,WEsFa;EFrFb,YE0EW;;;AFvEZ;EACC;EACA;EACA;EACA;;;AAGD;EACC;EACA;EACA,YE+DW;;;AF5DZ;EACC;EACA;EACA;;AAEA;EACC;;;AAIF;EACC;EACA,OE+CW;EF9CX,KE8CW;EF7CX;;;AG1ED;AFHC;EACA,OCiBa;ADfb;EACA;;;AECD;EACC,eDoHW;;;ACjHZ;EACC;;AAEA;EACC;EACA,YDGY;ECFZ;EACA;EACA;EACA;EACA,QDsGU;ECrGV;EACA;EACA;EACA;EACA;EACA;;;AAIF;EACC;;;AAGD;EACC,KDwFW;ECvFX,ODuFW;ECtFX;EACA","file":"index.css"}
1
+ {"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Toast/Toast.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss","../../../src/components/Toast/ToastGroup.scss"],"names":[],"mappings":"AAAA;ACcA;ACbC;EACA;AAEA;EACA;EDYA,YAXoB;EAYpB,eEViB;EFWjB;EACA;EACA;EACA;EACA;EACA,WE+Ga;EF9Gb;EACA,SEmGW;EFlGX,OAxBa;EAyBb;;;AAGD;EACC,aE4EkB;EF3ElB;;AAEA;EAAiB,OA1BJ;;AA2Bb;EAAqB,OA1BJ;;AA2BjB;EAAoB,OA1BJ;;AA2BhB;EAAoB,OA1BJ;;;AA6BjB;EACC,WE8Fa;EF7Fb,cEiFW;EF9EX;;AAEA;EAAiB,OAvCJ;;AAwCb;EAAqB,OAvCJ;;AAwCjB;EAAoB,OAvCJ;;AAwChB;EAAoB,OAvCJ;;;AA0CjB;EACC,OA/Cc;EAgDd,WE8Ea;EF7Eb,YEkEW;;;AF/DZ;EACC;EACA;EACA;EACA;;;AAGD;EACC;EACA;EACA,YEuDW;;;AFpDZ;EACC;EACA;EACA;;AAEA;EACC;;;AAIF;EACC;EACA,OEuCW;EFtCX,KEsCW;EFrCX;;;AGnFD;AFHC;EACA;AAEA;EACA;;;AECD;EACC,eDqHW;;;AClHZ;EACC;;AAEA;EACC;EACA,YDGY;ECFZ;EACA;EACA;EACA;EACA,QDuGU;ECtGV;EACA;EACA;EACA;EACA;EACA;;;AAIF;EACC;;;AAGD;EACC,KDyFW;ECxFX,ODwFW;ECvFX;EACA","file":"index.css"}
@@ -1,7 +1,7 @@
1
1
  /* Hide element visually, keeping it focusable (with keyboard) and available for screen-readers */
2
2
  .ToggleSwitch {
3
3
  /* Set color on root of component. It can be overridden after the @include */
4
- color: #141414;
4
+ color: var(--colorsTextDefault, #040404);
5
5
  /* Make sure font-family goes across entire component */
6
6
  font-family: "Nunito Sans", sans-serif;
7
7
  box-sizing: border-box;
@@ -30,7 +30,7 @@
30
30
  }
31
31
 
32
32
  .ToggleSwitch__element {
33
- background: #dfe0e1;
33
+ background: var(--colorsSurfaceGreyStrong, #dfe0e1);
34
34
  border-radius: 13px;
35
35
  box-sizing: border-box;
36
36
  display: inline-flex;
@@ -41,7 +41,7 @@
41
41
  width: 42px;
42
42
  }
43
43
  .ToggleSwitch__element::before {
44
- background: #ffffff;
44
+ background: var(--colorsSurfaceDefault, #ffffff);
45
45
  border-radius: 100%;
46
46
  box-shadow: 0 2px 8px rgba(20, 20, 20, 0.1);
47
47
  content: "";
@@ -57,25 +57,25 @@
57
57
  margin: 0;
58
58
  }
59
59
  .ToggleSwitch:hover .ToggleSwitch__element {
60
- background: #bcbcbd;
60
+ background: var(--colorsSurfaceGreyStronger, #bcbcbd);
61
61
  }
62
62
  .ToggleSwitch--disabled .ToggleSwitch__element, .ToggleSwitch--disabled:hover .ToggleSwitch__element {
63
- background: #dfe0e1;
63
+ background: var(--colorsSurfaceGreyStrong, #dfe0e1);
64
64
  }
65
65
  .ToggleSwitch__input:checked + .ToggleSwitch__element, .ToggleSwitch--checked .ToggleSwitch__element {
66
- background: #18a761;
66
+ background: var(--colorsStatusSuccess, #18a761);
67
67
  }
68
68
  .ToggleSwitch__input:checked + .ToggleSwitch__element::before, .ToggleSwitch--checked .ToggleSwitch__element::before {
69
69
  left: 22px;
70
70
  }
71
71
  .ToggleSwitch:hover .ToggleSwitch__input:checked + .ToggleSwitch__element, .ToggleSwitch:hover .ToggleSwitch--checked .ToggleSwitch__element {
72
- background: #10864b;
72
+ background: var(--colorsStatusSuccessStrong, #10864b);
73
73
  }
74
74
  .ToggleSwitch--disabled .ToggleSwitch__input:checked + .ToggleSwitch__element, .ToggleSwitch--disabled:hover .ToggleSwitch__input:checked + .ToggleSwitch__element, .ToggleSwitch--disabled .ToggleSwitch--checked .ToggleSwitch__element, .ToggleSwitch--disabled:hover .ToggleSwitch--checked .ToggleSwitch__element {
75
- background: #606162;
75
+ background: var(--colorsSurfaceDisabled, #606162);
76
76
  }
77
77
  .ToggleSwitch--focus-visible:focus-within .ToggleSwitch__element {
78
- box-shadow: 0 0 0 3px #a9d1ff;
78
+ box-shadow: 0 0 0 3px var(--colorsFocusRingPrimary, #a9d1ff);
79
79
  }
80
80
 
81
81
  .Label.ToggleSwitch__label {
@@ -83,6 +83,7 @@
83
83
  font-weight: normal;
84
84
  margin-left: 12px;
85
85
  transition: all cubic-bezier(0.4, 0, 0.2, 1) 100ms 0ms;
86
+ color: var(--colorsTextDefault, #141414);
86
87
  /* ToggleSwitch's height is exactly 1px taller than the standard label */
87
88
  margin-top: 1px;
88
89
  }
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/ToggleSwitch/ToggleSwitch.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss"],"names":[],"mappings":"AAAA;ACSA;ACRC;EACA,OCiBa;ADfb;EACA;EDOA;EACA;;AAEA;EAAwB;;;AAIxB;AAAA;EAC4B,aAhBR;;;AAmBrB;EACC;;;AAGD;AACA;EACC;EACA;EACA;EACA;EACA;;;AAGD;EACC,YEIkB;EFHlB;EACA;EACA;EACA;EACA,QArCqB;EAsCrB;EACA;EACA,OAzCoB;;AA2CpB;EACC,YE9BY;EF+BZ;EACA;EACA;EACA,QA7CoB;EA8CpB,MA/CqB;EAgDrB;EACA,KAjDqB;EAkDrB;EACA,OAlDoB;;AAqDrB;EACC;EACA;;AAGD;EAAwB,YEvBN;;AFyBlB;EACkC,YE3BhB;;AF6BlB;EAEC,YEDgB;;AFGhB;EAAY;;AAEZ;EAAwB,YEJR;;AFMhB;EACkC,YElChB;;AFqCnB;EAA8C,YEqChC;;;AFlCf;EACC,WEgDa;EF/Cb;EACA;EACA;AAEA;EACA;;;AAGD;EACC;;AAEA;EACC;EACA;;AAED;EAA0B;;AAC1B;EAA4B;;;AAG7B;AACA;EACC;EACA;EACA","file":"ToggleSwitch.css"}
1
+ {"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/ToggleSwitch/ToggleSwitch.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss"],"names":[],"mappings":"AAAA;ACmBA;AClBC;EACA;AAEA;EACA;EDiBA;EACA;;AAEA;EAAwB;;;AAIxB;AAAA;EAC4B,aA1BR;;;AA6BrB;EACC;;;AAGD;AACA;EACC;EACA;EACA;EACA;EACA;;;AAGD;EACC,YApCgB;EAqChB;EACA;EACA;EACA;EACA,QA/CqB;EAgDrB;EACA;EACA,OAnDoB;;AAqDpB;EACC,YAzCO;EA0CP;EACA;EACA;EACA,QAvDoB;EAwDpB,MAzDqB;EA0DrB;EACA,KA3DqB;EA4DrB;EACA,OA5DoB;;AA+DrB;EACC;EACA;;AAGD;EACC,YA7DU;;AAgEX;EACkC,YAnET;;AAqEzB;EAEC,YA1Ec;;AA4Ed;EAAY;;AAEZ;EAAwB,YA1Ef;;AA4ET;EACkC,YA/EX;;AAkFxB;EAA8C,YE0BhC;;;AFvBf;EACC,WEqCa;EFpCb;EACA;EACA;EACA,OAtFM;AAwFN;EACA;;;AAGD;EACC;;AAEA;EACC;EACA;;AAED;EAA0B;;AAC1B;EAA4B;;;AAG7B;AACA;EACC;EACA;EACA","file":"ToggleSwitch.css"}
@@ -47,7 +47,7 @@ export const ToggleSwitch = React.forwardRef((props, ref) => {
47
47
  'ToggleSwitch--disabled': disabled,
48
48
  'ToggleSwitch--focus-visible': isFocusVisible,
49
49
  });
50
- return (React.createElement("div", Object.assign({ className: ToggleSwitchClasses, onClick: handleClickEvent, ref: itemRef }, rest),
50
+ return (React.createElement("div", Object.assign({ className: ToggleSwitchClasses, onClick: handleClickEvent, ref: itemRef, "data-anvil-component": "ToggleSwitch" }, rest),
51
51
  React.createElement("label", { className: "ToggleSwitch__html-label" },
52
52
  React.createElement("input", { checked: checked, className: "ToggleSwitch__input", disabled: disabled, id: id, name: name, onChange: onChangeHandler, onClick: onClickHandler, role: "checkbox", type: "checkbox" }),
53
53
  React.createElement("span", { className: "ToggleSwitch__element" }),
@@ -1 +1 @@
1
- {"version":3,"file":"ToggleSwitch.js","sourceRoot":"","sources":["../../../src/components/ToggleSwitch/ToggleSwitch.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAa,MAAM,OAAO,CAAC;AAClC,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,KAAK,EAAc,MAAM,UAAU,CAAC;AAC7C,OAAO,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAC;AAoC9D,MAAM,CAAC,MAAM,YAAY,GAA0B,KAAK,CAAC,UAAU,CAClE,CAAC,KAAwB,EAAE,GAAoC,EAAE,EAAE;IAClE,MAAM,EACL,OAAO,EACP,SAAS,EACT,QAAQ,EACR,EAAE,EACF,KAAK,EACL,UAAU,EACV,IAAI,EACJ,QAAQ,EACR,OAAO,EACP,KAAK,EACL,KAAK,KAEF,KAAK,EADL,IAAI,UACJ,KAAK,EAbH,kHAaL,CAAQ,CAAC;IAEV,MAAM,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;IAClC,MAAM,OAAO,GAAG,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,MAAM,CAAC;IAEnC,MAAM,EAAE,cAAc,EAAE,GAAG,eAAe,CAAC,OAAO,CAAC,CAAC;IAEpD,MAAM,eAAe,GAAG,CACvB,CAA0C,EACzC,EAAE;QACH,IAAI,CAAC,QAAQ;YAAE,OAAO;QACtB,QAAQ,CAAC,KAAK,EAAE,CAAC,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;IAC1C,CAAC,CAAC;IAEF,MAAM,cAAc,GAAG,CAAC,CAAqC,EAAE,EAAE;QAChE,IAAI,OAAO,EAAE;YACZ,OAAO,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC;SAClB;IACF,CAAC,CAAC;IAEF,MAAM,gBAAgB,GAAG,CAAC,CAAgC,EAAE,EAAE;QAC7D,MAAM,MAAM,GAAG,CAAC,CAAC,MAAqB,CAAC;QACvC,IAAI,MAAM,CAAC,OAAO,KAAK,OAAO,EAAE;YAC/B,CAAC,CAAC,eAAe,EAAE,CAAC;SACpB;IACF,CAAC,CAAC;IAEF,MAAM,QAAQ,GAAG,GAAG,EAAE;;QACrB,IAAI,KAAK,KAAK,SAAS,IAAI,KAAK,KAAK,EAAE;YAAE,OAAO,KAAK,CAAC;QAEtD,MAAM,cAAc,GAAG,MAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,SAAS,mCAAI,IAAI,CAAC;QAErD,MAAM,YAAY,GAAG,UAAU,CAC9B,cAAc,EACd,qBAAqB,CACrB,CAAC;QAEF,OAAO,CACN,oBAAC,KAAK,kBACL,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,IACd,UAAU,IACd,SAAS,EAAE,YAAY,KAEtB,KAAK,CACC,CACR,CAAC;IACH,CAAC,CAAC;IAEF,MAAM,mBAAmB,GAAG,UAAU,CAAC,cAAc,EAAE,SAAS,EAAE;QACjE,uBAAuB,EAAE,OAAO;QAChC,wBAAwB,EAAE,QAAQ;QAClC,6BAA6B,EAAE,cAAc;KAC7C,CAAC,CAAC;IAEH,OAAO,CACN,2CACC,SAAS,EAAE,mBAAmB,EAC9B,OAAO,EAAE,gBAAgB,EACzB,GAAG,EAAE,OAAO,IACR,IAAI;QAER,+BAAO,SAAS,EAAC,0BAA0B;YAC1C,+BACC,OAAO,EAAE,OAAO,EAChB,SAAS,EAAC,qBAAqB,EAC/B,QAAQ,EAAE,QAAQ,EAClB,EAAE,EAAE,EAAE,EACN,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,eAAe,EACzB,OAAO,EAAE,cAAc,EACvB,IAAI,EAAC,UAAU,EACf,IAAI,EAAC,UAAU,GACd;YACF,8BAAM,SAAS,EAAC,uBAAuB,GAAG;YACzC,QAAQ,EAAE,CACJ,CACH,CACN,CAAC;AACH,CAAC,CACD,CAAC"}
1
+ {"version":3,"file":"ToggleSwitch.js","sourceRoot":"","sources":["../../../src/components/ToggleSwitch/ToggleSwitch.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAa,MAAM,OAAO,CAAC;AAClC,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,KAAK,EAAc,MAAM,UAAU,CAAC;AAC7C,OAAO,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAC;AAoC9D,MAAM,CAAC,MAAM,YAAY,GAA0B,KAAK,CAAC,UAAU,CAClE,CAAC,KAAwB,EAAE,GAAoC,EAAE,EAAE;IAClE,MAAM,EACL,OAAO,EACP,SAAS,EACT,QAAQ,EACR,EAAE,EACF,KAAK,EACL,UAAU,EACV,IAAI,EACJ,QAAQ,EACR,OAAO,EACP,KAAK,EACL,KAAK,KAEF,KAAK,EADL,IAAI,UACJ,KAAK,EAbH,kHAaL,CAAQ,CAAC;IAEV,MAAM,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;IAClC,MAAM,OAAO,GAAG,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,MAAM,CAAC;IAEnC,MAAM,EAAE,cAAc,EAAE,GAAG,eAAe,CAAC,OAAO,CAAC,CAAC;IAEpD,MAAM,eAAe,GAAG,CACvB,CAA0C,EACzC,EAAE;QACH,IAAI,CAAC,QAAQ;YAAE,OAAO;QACtB,QAAQ,CAAC,KAAK,EAAE,CAAC,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;IAC1C,CAAC,CAAC;IAEF,MAAM,cAAc,GAAG,CAAC,CAAqC,EAAE,EAAE;QAChE,IAAI,OAAO,EAAE;YACZ,OAAO,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC;SAClB;IACF,CAAC,CAAC;IAEF,MAAM,gBAAgB,GAAG,CAAC,CAAgC,EAAE,EAAE;QAC7D,MAAM,MAAM,GAAG,CAAC,CAAC,MAAqB,CAAC;QACvC,IAAI,MAAM,CAAC,OAAO,KAAK,OAAO,EAAE;YAC/B,CAAC,CAAC,eAAe,EAAE,CAAC;SACpB;IACF,CAAC,CAAC;IAEF,MAAM,QAAQ,GAAG,GAAG,EAAE;;QACrB,IAAI,KAAK,KAAK,SAAS,IAAI,KAAK,KAAK,EAAE;YAAE,OAAO,KAAK,CAAC;QAEtD,MAAM,cAAc,GAAG,MAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,SAAS,mCAAI,IAAI,CAAC;QAErD,MAAM,YAAY,GAAG,UAAU,CAC9B,cAAc,EACd,qBAAqB,CACrB,CAAC;QAEF,OAAO,CACN,oBAAC,KAAK,kBACL,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,IACd,UAAU,IACd,SAAS,EAAE,YAAY,KAEtB,KAAK,CACC,CACR,CAAC;IACH,CAAC,CAAC;IAEF,MAAM,mBAAmB,GAAG,UAAU,CAAC,cAAc,EAAE,SAAS,EAAE;QACjE,uBAAuB,EAAE,OAAO;QAChC,wBAAwB,EAAE,QAAQ;QAClC,6BAA6B,EAAE,cAAc;KAC7C,CAAC,CAAC;IAEH,OAAO,CACN,2CACC,SAAS,EAAE,mBAAmB,EAC9B,OAAO,EAAE,gBAAgB,EACzB,GAAG,EAAE,OAAO,0BACS,cAAc,IAC/B,IAAI;QAER,+BAAO,SAAS,EAAC,0BAA0B;YAC1C,+BACC,OAAO,EAAE,OAAO,EAChB,SAAS,EAAC,qBAAqB,EAC/B,QAAQ,EAAE,QAAQ,EAClB,EAAE,EAAE,EAAE,EACN,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,eAAe,EACzB,OAAO,EAAE,cAAc,EACvB,IAAI,EAAC,UAAU,EACf,IAAI,EAAC,UAAU,GACd;YACF,8BAAM,SAAS,EAAC,uBAAuB,GAAG;YACzC,QAAQ,EAAE,CACJ,CACH,CACN,CAAC;AACH,CAAC,CACD,CAAC"}
@@ -1,7 +1,7 @@
1
1
  /* Hide element visually, keeping it focusable (with keyboard) and available for screen-readers */
2
2
  .ToggleSwitch {
3
3
  /* Set color on root of component. It can be overridden after the @include */
4
- color: #141414;
4
+ color: var(--colorsTextDefault, #040404);
5
5
  /* Make sure font-family goes across entire component */
6
6
  font-family: "Nunito Sans", sans-serif;
7
7
  box-sizing: border-box;
@@ -30,7 +30,7 @@
30
30
  }
31
31
 
32
32
  .ToggleSwitch__element {
33
- background: #dfe0e1;
33
+ background: var(--colorsSurfaceGreyStrong, #dfe0e1);
34
34
  border-radius: 13px;
35
35
  box-sizing: border-box;
36
36
  display: inline-flex;
@@ -41,7 +41,7 @@
41
41
  width: 42px;
42
42
  }
43
43
  .ToggleSwitch__element::before {
44
- background: #ffffff;
44
+ background: var(--colorsSurfaceDefault, #ffffff);
45
45
  border-radius: 100%;
46
46
  box-shadow: 0 2px 8px rgba(20, 20, 20, 0.1);
47
47
  content: "";
@@ -57,25 +57,25 @@
57
57
  margin: 0;
58
58
  }
59
59
  .ToggleSwitch:hover .ToggleSwitch__element {
60
- background: #bcbcbd;
60
+ background: var(--colorsSurfaceGreyStronger, #bcbcbd);
61
61
  }
62
62
  .ToggleSwitch--disabled .ToggleSwitch__element, .ToggleSwitch--disabled:hover .ToggleSwitch__element {
63
- background: #dfe0e1;
63
+ background: var(--colorsSurfaceGreyStrong, #dfe0e1);
64
64
  }
65
65
  .ToggleSwitch__input:checked + .ToggleSwitch__element, .ToggleSwitch--checked .ToggleSwitch__element {
66
- background: #18a761;
66
+ background: var(--colorsStatusSuccess, #18a761);
67
67
  }
68
68
  .ToggleSwitch__input:checked + .ToggleSwitch__element::before, .ToggleSwitch--checked .ToggleSwitch__element::before {
69
69
  left: 22px;
70
70
  }
71
71
  .ToggleSwitch:hover .ToggleSwitch__input:checked + .ToggleSwitch__element, .ToggleSwitch:hover .ToggleSwitch--checked .ToggleSwitch__element {
72
- background: #10864b;
72
+ background: var(--colorsStatusSuccessStrong, #10864b);
73
73
  }
74
74
  .ToggleSwitch--disabled .ToggleSwitch__input:checked + .ToggleSwitch__element, .ToggleSwitch--disabled:hover .ToggleSwitch__input:checked + .ToggleSwitch__element, .ToggleSwitch--disabled .ToggleSwitch--checked .ToggleSwitch__element, .ToggleSwitch--disabled:hover .ToggleSwitch--checked .ToggleSwitch__element {
75
- background: #606162;
75
+ background: var(--colorsSurfaceDisabled, #606162);
76
76
  }
77
77
  .ToggleSwitch--focus-visible:focus-within .ToggleSwitch__element {
78
- box-shadow: 0 0 0 3px #a9d1ff;
78
+ box-shadow: 0 0 0 3px var(--colorsFocusRingPrimary, #a9d1ff);
79
79
  }
80
80
 
81
81
  .Label.ToggleSwitch__label {
@@ -83,6 +83,7 @@
83
83
  font-weight: normal;
84
84
  margin-left: 12px;
85
85
  transition: all cubic-bezier(0.4, 0, 0.2, 1) 100ms 0ms;
86
+ color: var(--colorsTextDefault, #141414);
86
87
  /* ToggleSwitch's height is exactly 1px taller than the standard label */
87
88
  margin-top: 1px;
88
89
  }
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/ToggleSwitch/ToggleSwitch.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss"],"names":[],"mappings":"AAAA;ACSA;ACRC;EACA,OCiBa;ADfb;EACA;EDOA;EACA;;AAEA;EAAwB;;;AAIxB;AAAA;EAC4B,aAhBR;;;AAmBrB;EACC;;;AAGD;AACA;EACC;EACA;EACA;EACA;EACA;;;AAGD;EACC,YEIkB;EFHlB;EACA;EACA;EACA;EACA,QArCqB;EAsCrB;EACA;EACA,OAzCoB;;AA2CpB;EACC,YE9BY;EF+BZ;EACA;EACA;EACA,QA7CoB;EA8CpB,MA/CqB;EAgDrB;EACA,KAjDqB;EAkDrB;EACA,OAlDoB;;AAqDrB;EACC;EACA;;AAGD;EAAwB,YEvBN;;AFyBlB;EACkC,YE3BhB;;AF6BlB;EAEC,YEDgB;;AFGhB;EAAY;;AAEZ;EAAwB,YEJR;;AFMhB;EACkC,YElChB;;AFqCnB;EAA8C,YEqChC;;;AFlCf;EACC,WEgDa;EF/Cb;EACA;EACA;AAEA;EACA;;;AAGD;EACC;;AAEA;EACC;EACA;;AAED;EAA0B;;AAC1B;EAA4B;;;AAG7B;AACA;EACC;EACA;EACA","file":"index.css"}
1
+ {"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/ToggleSwitch/ToggleSwitch.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss"],"names":[],"mappings":"AAAA;ACmBA;AClBC;EACA;AAEA;EACA;EDiBA;EACA;;AAEA;EAAwB;;;AAIxB;AAAA;EAC4B,aA1BR;;;AA6BrB;EACC;;;AAGD;AACA;EACC;EACA;EACA;EACA;EACA;;;AAGD;EACC,YApCgB;EAqChB;EACA;EACA;EACA;EACA,QA/CqB;EAgDrB;EACA;EACA,OAnDoB;;AAqDpB;EACC,YAzCO;EA0CP;EACA;EACA;EACA,QAvDoB;EAwDpB,MAzDqB;EA0DrB;EACA,KA3DqB;EA4DrB;EACA,OA5DoB;;AA+DrB;EACC;EACA;;AAGD;EACC,YA7DU;;AAgEX;EACkC,YAnET;;AAqEzB;EAEC,YA1Ec;;AA4Ed;EAAY;;AAEZ;EAAwB,YA1Ef;;AA4ET;EACkC,YA/EX;;AAkFxB;EAA8C,YE0BhC;;;AFvBf;EACC,WEqCa;EFpCb;EACA;EACA;EACA,OAtFM;AAwFN;EACA;;;AAGD;EACC;;AAEA;EACC;EACA;;AAED;EAA0B;;AAC1B;EAA4B;;;AAG7B;AACA;EACC;EACA;EACA","file":"index.css"}
@@ -5,11 +5,11 @@
5
5
  margin-right: -16px;
6
6
  }
7
7
  .Togglebox:hover .CardSection {
8
- border-color: #56a4ff;
8
+ border-color: var(--colorsBorderPrimary, #56a4ff);
9
9
  }
10
10
  .Togglebox:focus-within .CardSection {
11
- border-color: #56a4ff;
12
- box-shadow: 0 0 0 3px #a9d1ff;
11
+ border-color: var(--colorsBorderPrimary, #56a4ff);
12
+ box-shadow: 0 0 0 3px var(--colorsFocusRingPrimary, #a9d1ff);
13
13
  }
14
14
 
15
15
  .Togglebox__content {
@@ -39,7 +39,7 @@
39
39
  }
40
40
 
41
41
  .Togglebox__title {
42
- color: #2d2e31;
42
+ color: var(--colorsTextDefault, #141414);
43
43
  font-size: 14px;
44
44
  font-weight: 700;
45
45
  }
@@ -48,13 +48,13 @@
48
48
  }
49
49
 
50
50
  .Togglebox__children {
51
- color: #2d2e31;
51
+ color: var(--colorsTextDefault, #141414);
52
52
  font-size: 14px;
53
53
  line-height: 1;
54
54
  width: 100%;
55
55
  }
56
56
  .Togglebox__content--title .Togglebox__children {
57
- color: #737475;
57
+ color: var(--colorsTextSubdued, #737475);
58
58
  }
59
59
  .Togglebox--radio .Togglebox__children {
60
60
  padding-left: 9px;
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["../../../src/components/Togglebox/Togglebox.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss"],"names":[],"mappings":"AAEA;EACC;;AAKA;EAA0B;;AAE1B;EAAuB,cCqBP;;ADnBhB;EACC,cCkBe;EDjBf,YCyGa;;;ADrGf;EACC;EACA;EACA;EACA;;AAEA;EAA2B;;;AAI5B;EACC;EACA;EACA;AAE2B;;AAA3B;EAAiB;;AACjB;EAAsB;;AACtB;EAA6B;;;AAG9B;EACC,OCQmB;EDPnB,WC6Fa;ED5Fb,aCkEkB;;ADhElB;EAAsB,YCuFR;;;ADpFf;EACC;EACA,WCqFa;EDpFb;EACA;;AAEA;EAA+B,OCRb;;ADSlB;EAAsB;;AACtB;EAAyB,cCoEd;;ADnEX;EAA6B","file":"Togglebox.css"}
1
+ {"version":3,"sourceRoot":"","sources":["../../../src/components/Togglebox/Togglebox.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss"],"names":[],"mappings":"AAMA;EACC;;AAKA;EAA0B;;AAE1B;EAAuB,cAVR;;AAYf;EACC,cAbc;EAcd,YCsGa;;;ADlGf;EACC;EACA;EACA;EACA;;AAEA;EAA2B;;;AAI5B;EACC;EACA;EACA;AAE2B;;AAA3B;EAAiB;;AACjB;EAAsB;;AACtB;EAA6B;;;AAG9B;EACC,OAzCc;EA0Cd,WC0Fa;EDzFb,aC+DkB;;AD7DlB;EAAsB,YCoFR;;;ADjFf;EACC,OAjDc;EAkDd,WCkFa;EDjFb;EACA;;AAEA;EAA+B,OArDb;;AAsDlB;EAAsB;;AACtB;EAAyB,cCiEd;;ADhEX;EAA6B","file":"Togglebox.css"}
@@ -56,7 +56,7 @@ export class Togglebox extends Component {
56
56
  const ContentClasses = classnames('Togglebox__content', {
57
57
  'Togglebox__content--title': title,
58
58
  });
59
- return (React.createElement(Card, Object.assign({ active: checked, className: ToggleboxClasses, onClick: this.onClickHandler, raised: checked, sharp: true, thin: true }, toggleboxProps),
59
+ return (React.createElement(Card, Object.assign({ active: checked, className: ToggleboxClasses, onClick: this.onClickHandler, raised: checked, sharp: true, thin: true, "data-anvil-component": "Togglebox" }, toggleboxProps),
60
60
  React.createElement(Card.Section, null,
61
61
  React.createElement("span", { className: ContentClasses },
62
62
  React.createElement("span", { className: "Togglebox__control" }, this.getControl(control, Object.assign({}, uiProps))),
@@ -1 +1 @@
1
- {"version":3,"file":"Togglebox.js","sourceRoot":"","sources":["../../../src/components/Togglebox/Togglebox.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"Togglebox.js","sourceRoot":"","sources":["../../../src/components/Togglebox/Togglebox.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACzC,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AACjC,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AA6C/B,MAAM,OAAO,SAAa,SAAQ,SAA4B;IAA9D;;QAGC,mBAAc,GAAG,CAAC,CAA0C,EAAE,EAAE;YAC/D,IAAI,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE;gBACvB,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,CAAC,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;gBAC9D,CAAC,CAAC,aAAa,CAAC,KAAK,CAAC;aACtB;QACF,CAAC,CAAC;QAEF,eAAU,GAAG,CAAC,OAAe,EAAE,YAAiB,EAAE,EAAE;YACnD,IAAI,OAAO,KAAK,UAAU;gBAAE,OAAO,oBAAC,QAAQ,oBAAK,YAAY,EAAI,CAAC;YAClE,IAAI,OAAO,KAAK,OAAO;gBAAE,OAAO,oBAAC,KAAK,oBAAK,YAAY,EAAI,CAAC;YAC5D,IAAI,OAAO,KAAK,cAAc,EAAE;gBAC/B,MAAM,EAAE,KAAK,KAAe,YAAY,EAAtB,KAAK,UAAK,YAAY,EAAlC,SAAmB,CAAe,CAAC;gBACzC,OAAO,oBAAC,YAAY,oBAAK,KAAK,EAAI,CAAC;aACnC;QACF,CAAC,CAAC;QAEF,aAAQ,GAAG,GAAG,EAAE;YACf,IAAI,IAAI,CAAC,KAAK,CAAC,KAAK,KAAK,SAAS,IAAI,IAAI,CAAC,KAAK,CAAC,KAAK,KAAK,EAAE;gBAAE,OAAO;YACtE,OAAO,6BAAK,SAAS,EAAC,kBAAkB,IAAE,IAAI,CAAC,KAAK,CAAC,KAAK,CAAO,CAAC;QACnE,CAAC,CAAC;QAEF,aAAQ,GAAG,GAAG,EAAE;YACf,IAAI,IAAI,CAAC,KAAK,CAAC,KAAK,KAAK,SAAS,IAAI,IAAI,CAAC,KAAK,CAAC,KAAK,KAAK,EAAE;gBAAE,OAAO;YACtE,OAAO,6BAAK,SAAS,EAAC,kBAAkB,IAAE,IAAI,CAAC,KAAK,CAAC,KAAK,CAAO,CAAC;QACnE,CAAC,CAAC;IAyDH,CAAC;IAvDA,MAAM;QACL,MAAM,KAeF,IAAI,CAAC,KAAK,EAfR,EACL,OAAO,EACP,SAAS,EACT,OAAO,GAAG,UAAU,EACpB,YAAY,GAAG,QAAQ,EACvB,QAAQ,EACR,KAAK,EACL,EAAE,EACF,KAAK,EACL,IAAI,EACJ,QAAQ,EACR,OAAO,EACP,KAAK,EACL,KAAK,OAEQ,EADV,KAAK,cAdH,wIAeL,CAAa,CAAC;QAEf,MAAM,cAAc,mBAAK,OAAO,EAAE,QAAQ,EAAE,KAAK,IAAK,KAAK,CAAE,CAAC;QAC9D,MAAM,OAAO,GAAG,EAAE,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC;QAE9D,MAAM,gBAAgB,GAAG,UAAU,CAAC,WAAW,EAAE,SAAS,EAAE;YAC3D,CAAC,cAAc,OAAO,EAAE,CAAC,EAAE,OAAO;YAClC,uBAAuB,EAAE,YAAY,KAAK,KAAK;SAC/C,CAAC,CAAC;QAEH,MAAM,cAAc,GAAG,UAAU,CAAC,oBAAoB,EAAE;YACvD,2BAA2B,EAAE,KAAK;SAClC,CAAC,CAAC;QAEH,OAAO,CACN,oBAAC,IAAI,kBACJ,MAAM,EAAE,OAAO,EACf,SAAS,EAAE,gBAAgB,EAC3B,OAAO,EAAE,IAAI,CAAC,cAAc,EAC5B,MAAM,EAAE,OAAO,EACf,KAAK,QACL,IAAI,gCACiB,WAAW,IAC5B,cAAc;YAElB,oBAAC,IAAI,CAAC,OAAO;gBACZ,8BAAM,SAAS,EAAE,cAAc;oBAC9B,8BAAM,SAAS,EAAC,oBAAoB,IAClC,IAAI,CAAC,UAAU,CAAC,OAAO,oBAAO,OAAO,EAAG,CACnC;oBACP,8BAAM,SAAS,EAAC,qBAAqB;wBACnC,IAAI,CAAC,QAAQ,EAAE;wBACf,IAAI,CAAC,QAAQ,EAAE,CACV,CACD,CACO,CACT,CACP,CAAC;IACH,CAAC;;AAlFM,qBAAW,GAAG,WAAW,CAAC"}
@@ -5,11 +5,11 @@
5
5
  margin-right: -16px;
6
6
  }
7
7
  .Togglebox:hover .CardSection {
8
- border-color: #56a4ff;
8
+ border-color: var(--colorsBorderPrimary, #56a4ff);
9
9
  }
10
10
  .Togglebox:focus-within .CardSection {
11
- border-color: #56a4ff;
12
- box-shadow: 0 0 0 3px #a9d1ff;
11
+ border-color: var(--colorsBorderPrimary, #56a4ff);
12
+ box-shadow: 0 0 0 3px var(--colorsFocusRingPrimary, #a9d1ff);
13
13
  }
14
14
 
15
15
  .Togglebox__content {
@@ -39,7 +39,7 @@
39
39
  }
40
40
 
41
41
  .Togglebox__title {
42
- color: #2d2e31;
42
+ color: var(--colorsTextDefault, #141414);
43
43
  font-size: 14px;
44
44
  font-weight: 700;
45
45
  }
@@ -48,13 +48,13 @@
48
48
  }
49
49
 
50
50
  .Togglebox__children {
51
- color: #2d2e31;
51
+ color: var(--colorsTextDefault, #141414);
52
52
  font-size: 14px;
53
53
  line-height: 1;
54
54
  width: 100%;
55
55
  }
56
56
  .Togglebox__content--title .Togglebox__children {
57
- color: #737475;
57
+ color: var(--colorsTextSubdued, #737475);
58
58
  }
59
59
  .Togglebox--radio .Togglebox__children {
60
60
  padding-left: 9px;
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["../../../src/components/Togglebox/Togglebox.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss"],"names":[],"mappings":"AAEA;EACC;;AAKA;EAA0B;;AAE1B;EAAuB,cCqBP;;ADnBhB;EACC,cCkBe;EDjBf,YCyGa;;;ADrGf;EACC;EACA;EACA;EACA;;AAEA;EAA2B;;;AAI5B;EACC;EACA;EACA;AAE2B;;AAA3B;EAAiB;;AACjB;EAAsB;;AACtB;EAA6B;;;AAG9B;EACC,OCQmB;EDPnB,WC6Fa;ED5Fb,aCkEkB;;ADhElB;EAAsB,YCuFR;;;ADpFf;EACC;EACA,WCqFa;EDpFb;EACA;;AAEA;EAA+B,OCRb;;ADSlB;EAAsB;;AACtB;EAAyB,cCoEd;;ADnEX;EAA6B","file":"index.css"}
1
+ {"version":3,"sourceRoot":"","sources":["../../../src/components/Togglebox/Togglebox.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss"],"names":[],"mappings":"AAMA;EACC;;AAKA;EAA0B;;AAE1B;EAAuB,cAVR;;AAYf;EACC,cAbc;EAcd,YCsGa;;;ADlGf;EACC;EACA;EACA;EACA;;AAEA;EAA2B;;;AAI5B;EACC;EACA;EACA;AAE2B;;AAA3B;EAAiB;;AACjB;EAAsB;;AACtB;EAA6B;;;AAG9B;EACC,OAzCc;EA0Cd,WC0Fa;EDzFb,aC+DkB;;AD7DlB;EAAsB,YCoFR;;;ADjFf;EACC,OAjDc;EAkDd,WCkFa;EDjFb;EACA;;AAEA;EAA+B,OArDb;;AAsDlB;EAAsB;;AACtB;EAAyB,cCiEd;;ADhEX;EAA6B","file":"index.css"}
@@ -2,7 +2,7 @@
2
2
  .Tooltip,
3
3
  .Tooltip__body {
4
4
  /* Set color on root of component. It can be overridden after the @include */
5
- color: #141414;
5
+ color: var(--colorsTextDefault, #040404);
6
6
  /* Make sure font-family goes across entire component */
7
7
  font-family: "Nunito Sans", sans-serif;
8
8
  }
@@ -36,9 +36,9 @@
36
36
  .Tooltip__body.Tooltip__body {
37
37
  display: inline-flex;
38
38
  font-size: 14px;
39
- background: #141414;
39
+ background: var(--colorsSurfaceInvertedStrong, #141414);
40
40
  border-radius: 3px;
41
- color: #ffffff;
41
+ color: var(--colorsTextInverted, #ffffff);
42
42
  max-width: 18em;
43
43
  padding: 4px 8px;
44
44
  position: relative;
@@ -77,7 +77,7 @@ _:-ms-lang(x), .Tooltip__body {
77
77
  }
78
78
  }
79
79
  .Tooltip__caret::before {
80
- background: #141414;
80
+ background: var(--colorsSurfaceInvertedStrong, #141414);
81
81
  }
82
82
 
83
83
  /*# sourceMappingURL=Tooltip.css.map */
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Tooltip/Tooltip.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss"],"names":[],"mappings":"AAAA;ACgDA;AAAA;AC/CC;EACA,OCiBa;ADfb;EACA;;;ADgDD;EACC;;AAEA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGD;EACC;EACA;EACA;;;AAMA;EAlED;EACA;EACA;;AAsEA;EAzDA;EACA,WEyGa;EFxGb,YEmBmB;EFlBnB,eEtBiB;EFuBjB,OEba;EFcb;EACA;EACA;EACA;EACA;EACA;EACA;EACA,SE0GiB;AFxGjB;AAAA;EAvBA;EACA;EACA;EACA;EACA;EACA;;AAoBA;EAyCA;IAxCC;;;;AA8CF;AACA;AACA;EAAgC;;;AAEhC;EACC;IAAK;;EACL;IAAO;;;AAIP;EACC,YErDkB","file":"Tooltip.css"}
1
+ {"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Tooltip/Tooltip.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss"],"names":[],"mappings":"AAAA;ACgDA;AAAA;AC/CC;EACA;AAEA;EACA;;;ADgDD;EACC;;AAEA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGD;EACC;EACA;EACA;;;AAMA;EAlED;EACA;EACA;;AAsEA;EAzDA;EACA,WE0Ga;EFzGb,YArBY;EAsBZ,eEtBiB;EFuBjB,OAtBM;EAuBN;EACA;EACA;EACA;EACA;EACA;EACA;EACA,SE2GiB;AFzGjB;AAAA;EAvBA;EACA;EACA;EACA;EACA;EACA;;AAoBA;EAyCA;IAxCC;;;;AA8CF;AACA;AACA;EAAgC;;;AAEhC;EACC;IAAK;;EACL;IAAO;;;AAIP;EACC,YA7FW","file":"Tooltip.css"}
@@ -86,6 +86,6 @@ export const Tooltip = (_a) => {
86
86
  'Tooltip__body--open': tooltipVisible,
87
87
  });
88
88
  return (React.createElement(Popper, Object.assign({ className: TooltipClasses, width: "auto", autoFlipVertically: true, onMouseEnter: handleShow, onMouseLeave: handleHide, onTouchStart: handleTouch, onFocus: handleShowOnFocus, onBlur: handleHide, direction: getDirection(), el: TooltipElement, open: tooltipVisible, trigger: children, focusTrapOptions: { disabled: true }, caret: { show: true, className: 'Tooltip__caret' } }, props),
89
- React.createElement("span", { className: TooltipBodyClasses }, text)));
89
+ React.createElement("span", { className: TooltipBodyClasses, "data-anvil-component": "Tooltip" }, text)));
90
90
  };
91
91
  //# sourceMappingURL=Tooltip.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"Tooltip.js","sourceRoot":"","sources":["../../../src/components/Tooltip/Tooltip.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"Tooltip.js","sourceRoot":"","sources":["../../../src/components/Tooltip/Tooltip.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAM,QAAQ,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvD,OAAO,UAAU,MAAM,mBAAmB,CAAC;AAC3C,OAAO,MAAM,MAAM,sBAAsB,CAAC;AAC1C,OAAO,EAAE,MAAM,EAAE,MAAM,uBAAuB,CAAC;AA+D/C,MAAM,CAAC,MAAM,OAAO,GAAqB,CAAC,EAazC,EAAE,EAAE;QAbqC,EACzC,QAAQ,EACR,SAAS,EACT,SAAS,GAAG,KAAK,EACjB,EAAE,EAAE,cAAc,GAAG,MAAM,EAC3B,IAAI,EAAE,SAAS,GAAG,KAAK,EACvB,IAAI,EACJ,SAAS,EACT,gBAAgB,EAChB,MAAM,EACN,MAAM,EACN,SAAS,GAAG,KAAK,OAEjB,EADG,KAAK,cAZiC,8HAazC,CADQ;IAER,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IACxC,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC5C,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE1C,mDAAmD;IACnD,MAAM,KAAK,GAAW,QAAQ,CAAC,MAAM,CAAC,YAAY,EAAE,EAAE,CAAC,CAAC,CAAC,iBAAiB;IAE1E,SAAS,CAAC,GAAG,EAAE;QACd,MAAM,OAAO,GAAG,UAAU,CAAC,GAAG,EAAE;YAC/B,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC;YAClB,CAAC,MAAM,KAAI,MAAM,aAAN,MAAM,uBAAN,MAAM,EAAI,CAAA,CAAC;YACtB,MAAM,KAAI,MAAM,aAAN,MAAM,uBAAN,MAAM,EAAI,CAAA,CAAC;QACtB,CAAC,EAAE,KAAK,CAAC,CAAC;QACV,OAAO,GAAG,EAAE;YACX,YAAY,CAAC,OAAO,CAAC,CAAC;QACvB,CAAC,CAAC;IACH,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC;IAEpC,SAAS,CAAC,GAAG,EAAE;QACd,IAAI,KAAK,EAAE;YACV,OAAO,CAAC,KAAK,CAAC,CAAC;YACf,MAAM,aAAN,MAAM,uBAAN,MAAM,EAAI,CAAC;YACX,MAAM,OAAO,GAAG,UAAU,CAAC,GAAG,EAAE;gBAC/B,OAAO,CAAC,CAAC,KAAK,CAAC,CAAC;gBAChB,QAAQ,CAAC,CAAC,KAAK,CAAC,CAAC;gBACjB,MAAM,aAAN,MAAM,uBAAN,MAAM,EAAI,CAAC;YACZ,CAAC,EAAE,IAAI,CAAC,CAAC;YACT,OAAO,GAAG,EAAE;gBACX,YAAY,CAAC,OAAO,CAAC,CAAC;YACvB,CAAC,CAAC;SACF;IACF,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,CAAC,CAAC,CAAC;IAE5B,MAAM,UAAU,GAAG,GAAG,EAAE;QACvB,SAAS,CAAC,IAAI,CAAC,CAAC;IACjB,CAAC,CAAC;IACF,MAAM,iBAAiB,GAAG,GAAG,EAAE;QAC9B,IAAI,CAAC,SAAS,EAAE;YACf,SAAS,CAAC,IAAI,CAAC,CAAC;SAChB;IACF,CAAC,CAAC;IACF,MAAM,UAAU,GAAG,GAAG,EAAE;QACvB,SAAS,CAAC,KAAK,CAAC,CAAC;IAClB,CAAC,CAAC;IAEF,MAAM,WAAW,GAAG,GAAG,EAAE;QACxB,QAAQ,CAAC,IAAI,CAAC,CAAC;IAChB,CAAC,CAAC;IAEF,MAAM,YAAY,GAAG,GAAG,EAAE;QACzB,IAAI,SAAS,KAAK,KAAK;YAAE,OAAO,GAAG,CAAC;QACpC,IAAI,SAAS,KAAK,UAAU;YAAE,OAAO,IAAI,CAAC;QAC1C,IAAI,SAAS,KAAK,SAAS;YAAE,OAAO,IAAI,CAAC;QACzC,IAAI,SAAS,KAAK,QAAQ;YAAE,OAAO,GAAG,CAAC;QACvC,IAAI,SAAS,KAAK,aAAa;YAAE,OAAO,IAAI,CAAC;QAC7C,IAAI,SAAS,KAAK,YAAY;YAAE,OAAO,IAAI,CAAC;QAC5C,IAAI,SAAS,KAAK,OAAO;YAAE,OAAO,GAAG,CAAC;QACtC,IAAI,SAAS,KAAK,MAAM;YAAE,OAAO,GAAG,CAAC;QACrC,OAAO,SAAS,CAAC;IAClB,CAAC,CAAC;IAEF,MAAM,cAAc,GAAG,IAAI,IAAI,CAAC,IAAI,IAAI,SAAS,CAAC,CAAC;IAEnD,MAAM,cAAc,GAAG,UAAU,CAAC,SAAS,EAAE,SAAS,EAAE;QACvD,oBAAoB,EAAE,CAAC,cAAc,IAAI,SAAS;KAClD,CAAC,CAAC;IAEH,MAAM,kBAAkB,GAAG,UAAU,CAAC,eAAe,EAAE,gBAAgB,EAAE;QACxE,CAAC,YAAY,YAAY,EAAE,EAAE,CAAC,EAAE,YAAY,EAAE;QAC9C,qBAAqB,EAAE,cAAc;KACrC,CAAC,CAAC;IAEH,OAAO,CACN,oBAAC,MAAM,kBACN,SAAS,EAAE,cAAc,EACzB,KAAK,EAAC,MAAM,EACZ,kBAAkB,QAClB,YAAY,EAAE,UAAU,EACxB,YAAY,EAAE,UAAU,EACxB,YAAY,EAAE,WAAW,EACzB,OAAO,EAAE,iBAAiB,EAC1B,MAAM,EAAE,UAAU,EAClB,SAAS,EAAE,YAAY,EAAE,EACzB,EAAE,EAAE,cAAc,EAClB,IAAI,EAAE,cAAc,EACpB,OAAO,EAAE,QAAQ,EACjB,gBAAgB,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,EACpC,KAAK,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,SAAS,EAAE,gBAAgB,EAAE,IAC9C,KAAK;QAET,8BAAM,SAAS,EAAE,kBAAkB,0BAAuB,SAAS,IACjE,IAAI,CACC,CACC,CACT,CAAC;AACH,CAAC,CAAC"}
@@ -2,7 +2,7 @@
2
2
  .Tooltip,
3
3
  .Tooltip__body {
4
4
  /* Set color on root of component. It can be overridden after the @include */
5
- color: #141414;
5
+ color: var(--colorsTextDefault, #040404);
6
6
  /* Make sure font-family goes across entire component */
7
7
  font-family: "Nunito Sans", sans-serif;
8
8
  }
@@ -36,9 +36,9 @@
36
36
  .Tooltip__body.Tooltip__body {
37
37
  display: inline-flex;
38
38
  font-size: 14px;
39
- background: #141414;
39
+ background: var(--colorsSurfaceInvertedStrong, #141414);
40
40
  border-radius: 3px;
41
- color: #ffffff;
41
+ color: var(--colorsTextInverted, #ffffff);
42
42
  max-width: 18em;
43
43
  padding: 4px 8px;
44
44
  position: relative;
@@ -77,7 +77,7 @@ _:-ms-lang(x), .Tooltip__body {
77
77
  }
78
78
  }
79
79
  .Tooltip__caret::before {
80
- background: #141414;
80
+ background: var(--colorsSurfaceInvertedStrong, #141414);
81
81
  }
82
82
 
83
83
  /*# sourceMappingURL=index.css.map */
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Tooltip/Tooltip.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss"],"names":[],"mappings":"AAAA;ACgDA;AAAA;AC/CC;EACA,OCiBa;ADfb;EACA;;;ADgDD;EACC;;AAEA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGD;EACC;EACA;EACA;;;AAMA;EAlED;EACA;EACA;;AAsEA;EAzDA;EACA,WEyGa;EFxGb,YEmBmB;EFlBnB,eEtBiB;EFuBjB,OEba;EFcb;EACA;EACA;EACA;EACA;EACA;EACA;EACA,SE0GiB;AFxGjB;AAAA;EAvBA;EACA;EACA;EACA;EACA;EACA;;AAoBA;EAyCA;IAxCC;;;;AA8CF;AACA;AACA;EAAgC;;;AAEhC;EACC;IAAK;;EACL;IAAO;;;AAIP;EACC,YErDkB","file":"index.css"}
1
+ {"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Tooltip/Tooltip.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss"],"names":[],"mappings":"AAAA;ACgDA;AAAA;AC/CC;EACA;AAEA;EACA;;;ADgDD;EACC;;AAEA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGD;EACC;EACA;EACA;;;AAMA;EAlED;EACA;EACA;;AAsEA;EAzDA;EACA,WE0Ga;EFzGb,YArBY;EAsBZ,eEtBiB;EFuBjB,OAtBM;EAuBN;EACA;EACA;EACA;EACA;EACA;EACA;EACA,SE2GiB;AFzGjB;AAAA;EAvBA;EACA;EACA;EACA;EACA;EACA;;AAoBA;EAyCA;IAxCC;;;;AA8CF;AACA;AACA;EAAgC;;;AAEhC;EACC;IAAK;;EACL;IAAO;;;AAIP;EACC,YA7FW","file":"index.css"}
@@ -2,6 +2,6 @@ import React from 'react';
2
2
  import { useVisuallyHidden } from '../../hooks/useVisuallyHidden';
3
3
  export const VisuallyHidden = React.forwardRef(({ hidden = false, children }, ref) => {
4
4
  const { hiddenStyle } = useVisuallyHidden();
5
- return (React.createElement("div", { ref: ref, style: hidden ? hiddenStyle : null }, children ? React.createElement(React.Fragment, null, children) : null));
5
+ return (React.createElement("div", { ref: ref, style: hidden ? hiddenStyle : null, "data-anvil-component": "VisuallyHidden" }, children ? React.createElement(React.Fragment, null, children) : null));
6
6
  });
7
7
  //# sourceMappingURL=VisuallyHidden.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"VisuallyHidden.js","sourceRoot":"","sources":["../../../src/components/VisuallyHidden/VisuallyHidden.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAa,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,iBAAiB,EAAE,MAAM,+BAA+B,CAAC;AASlE,MAAM,CAAC,MAAM,cAAc,GAA4B,KAAK,CAAC,UAAU,CACtE,CAAC,EAAE,MAAM,GAAG,KAAK,EAAE,QAAQ,EAAE,EAAE,GAAoC,EAAE,EAAE;IACtE,MAAM,EAAE,WAAW,EAAE,GAAG,iBAAiB,EAAE,CAAC;IAE5C,OAAO,CACN,6BAAK,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,IAAI,IAC/C,QAAQ,CAAC,CAAC,CAAC,oBAAC,KAAK,CAAC,QAAQ,QAAE,QAAQ,CAAkB,CAAC,CAAC,CAAC,IAAI,CACzD,CACN,CAAC;AACH,CAAC,CACD,CAAC"}
1
+ {"version":3,"file":"VisuallyHidden.js","sourceRoot":"","sources":["../../../src/components/VisuallyHidden/VisuallyHidden.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAa,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,iBAAiB,EAAE,MAAM,+BAA+B,CAAC;AASlE,MAAM,CAAC,MAAM,cAAc,GAA4B,KAAK,CAAC,UAAU,CACtE,CAAC,EAAE,MAAM,GAAG,KAAK,EAAE,QAAQ,EAAE,EAAE,GAAoC,EAAE,EAAE;IACtE,MAAM,EAAE,WAAW,EAAE,GAAG,iBAAiB,EAAE,CAAC;IAE5C,OAAO,CACN,6BACC,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,IAAI,0BACb,gBAAgB,IAEpC,QAAQ,CAAC,CAAC,CAAC,oBAAC,KAAK,CAAC,QAAQ,QAAE,QAAQ,CAAkB,CAAC,CAAC,CAAC,IAAI,CACzD,CACN,CAAC;AACH,CAAC,CACD,CAAC"}