@servicetitan/design-system 13.2.1 → 13.2.3

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 (493) hide show
  1. package/dist/components/ActionMenu/ActionMenu.css +7 -7
  2. package/dist/components/ActionMenu/ActionMenu.css.map +1 -1
  3. package/dist/components/ActionMenu/ActionMenu.test.d.ts +1 -0
  4. package/dist/components/ActionMenu/ActionMenu.test.js +43 -0
  5. package/dist/components/ActionMenu/ActionMenu.test.js.map +1 -0
  6. package/dist/components/ActionMenu/index.css +7 -7
  7. package/dist/components/ActionMenu/index.css.map +1 -1
  8. package/dist/components/Announcement/Announcement.css +4 -4
  9. package/dist/components/Announcement/Announcement.css.map +1 -1
  10. package/dist/components/Announcement/Announcement.test.d.ts +1 -0
  11. package/dist/components/Announcement/Announcement.test.js +12 -0
  12. package/dist/components/Announcement/Announcement.test.js.map +1 -0
  13. package/dist/components/Announcement/index.css +4 -4
  14. package/dist/components/Announcement/index.css.map +1 -1
  15. package/dist/components/AnvilSelect/AnvilSelect.css.map +1 -1
  16. package/dist/components/AnvilSelect/AnvilSelect.js +1 -0
  17. package/dist/components/AnvilSelect/AnvilSelect.js.map +1 -1
  18. package/dist/components/AnvilSelect/AnvilSelect.test.js +15 -0
  19. package/dist/components/AnvilSelect/AnvilSelect.test.js.map +1 -1
  20. package/dist/components/AnvilSelect/components/DrillIn.css.map +1 -1
  21. package/dist/components/AnvilSelect/components/Trigger.css +6 -6
  22. package/dist/components/AnvilSelect/components/Trigger.css.map +1 -1
  23. package/dist/components/AnvilSelect/index.css +6 -6
  24. package/dist/components/AnvilSelect/index.css.map +1 -1
  25. package/dist/components/Avatar/Avatar.css.map +1 -1
  26. package/dist/components/Avatar/Avatar.test.js +5 -0
  27. package/dist/components/Avatar/Avatar.test.js.map +1 -1
  28. package/dist/components/Avatar/index.css.map +1 -1
  29. package/dist/components/BackLink/BackLink.css.map +1 -1
  30. package/dist/components/BackLink/BackLink.test.js +7 -2
  31. package/dist/components/BackLink/BackLink.test.js.map +1 -1
  32. package/dist/components/BackLink/index.css.map +1 -1
  33. package/dist/components/Backdrop/Backdrop.css.map +1 -1
  34. package/dist/components/Backdrop/Backdrop.test.d.ts +1 -0
  35. package/dist/components/Backdrop/Backdrop.test.js +12 -0
  36. package/dist/components/Backdrop/Backdrop.test.js.map +1 -0
  37. package/dist/components/Backdrop/index.css.map +1 -1
  38. package/dist/components/Banner/Banner.css +7 -7
  39. package/dist/components/Banner/Banner.css.map +1 -1
  40. package/dist/components/Banner/Banner.test.d.ts +1 -0
  41. package/dist/components/Banner/Banner.test.js +12 -0
  42. package/dist/components/Banner/Banner.test.js.map +1 -0
  43. package/dist/components/Banner/index.css +7 -7
  44. package/dist/components/Banner/index.css.map +1 -1
  45. package/dist/components/BodyText/BodyText.css.map +1 -1
  46. package/dist/components/BodyText/BodyText.test.d.ts +1 -0
  47. package/dist/components/BodyText/BodyText.test.js +12 -0
  48. package/dist/components/BodyText/BodyText.test.js.map +1 -0
  49. package/dist/components/BodyText/index.css.map +1 -1
  50. package/dist/components/Breadcrumb/Breadcrumb.css.map +1 -1
  51. package/dist/components/Breadcrumb/BreadcrumbLink.test.js +8 -0
  52. package/dist/components/Breadcrumb/BreadcrumbLink.test.js.map +1 -1
  53. package/dist/components/Breadcrumb/index.css.map +1 -1
  54. package/dist/components/BreakPoint/BreakPoint.test.d.ts +1 -0
  55. package/dist/components/BreakPoint/BreakPoint.test.js +12 -0
  56. package/dist/components/BreakPoint/BreakPoint.test.js.map +1 -0
  57. package/dist/components/Button/Button.css +20 -20
  58. package/dist/components/Button/Button.css.map +1 -1
  59. package/dist/components/Button/Button.test.js +10 -5
  60. package/dist/components/Button/Button.test.js.map +1 -1
  61. package/dist/components/Button/index.css +20 -20
  62. package/dist/components/Button/index.css.map +1 -1
  63. package/dist/components/ButtonGroup/ButtonGroup.css.map +1 -1
  64. package/dist/components/ButtonGroup/ButtonGroup.test.d.ts +1 -0
  65. package/dist/components/ButtonGroup/ButtonGroup.test.js +17 -0
  66. package/dist/components/ButtonGroup/ButtonGroup.test.js.map +1 -0
  67. package/dist/components/ButtonGroup/index.css.map +1 -1
  68. package/dist/components/ButtonToggle/ButtonToggle.css +7 -7
  69. package/dist/components/ButtonToggle/ButtonToggle.css.map +1 -1
  70. package/dist/components/ButtonToggle/ButtonToggle.test.d.ts +1 -0
  71. package/dist/components/ButtonToggle/ButtonToggle.test.js +15 -0
  72. package/dist/components/ButtonToggle/ButtonToggle.test.js.map +1 -0
  73. package/dist/components/ButtonToggle/index.css +7 -7
  74. package/dist/components/ButtonToggle/index.css.map +1 -1
  75. package/dist/components/Card/Card.css +2 -2
  76. package/dist/components/Card/Card.css.map +1 -1
  77. package/dist/components/Card/Card.test.d.ts +1 -0
  78. package/dist/components/Card/Card.test.js +23 -0
  79. package/dist/components/Card/Card.test.js.map +1 -0
  80. package/dist/components/Card/CardSection.css +10 -10
  81. package/dist/components/Card/CardSection.css.map +1 -1
  82. package/dist/components/Card/index.css +12 -12
  83. package/dist/components/Card/index.css.map +1 -1
  84. package/dist/components/Checkbox/Checkbox.css +9 -9
  85. package/dist/components/Checkbox/Checkbox.css.map +1 -1
  86. package/dist/components/Checkbox/Checkbox.test.js +7 -2
  87. package/dist/components/Checkbox/Checkbox.test.js.map +1 -1
  88. package/dist/components/Checkbox/index.css +9 -9
  89. package/dist/components/Checkbox/index.css.map +1 -1
  90. package/dist/components/Collapsible/Collapsible.css.map +1 -1
  91. package/dist/components/Collapsible/Collapsible.test.d.ts +1 -0
  92. package/dist/components/Collapsible/Collapsible.test.js +14 -0
  93. package/dist/components/Collapsible/Collapsible.test.js.map +1 -0
  94. package/dist/components/Collapsible/index.css.map +1 -1
  95. package/dist/components/ColorPicker/ColorPicker.css +3 -3
  96. package/dist/components/ColorPicker/ColorPicker.css.map +1 -1
  97. package/dist/components/ColorPicker/ColorPicker.js +15 -3
  98. package/dist/components/ColorPicker/ColorPicker.js.map +1 -1
  99. package/dist/components/ColorPicker/ColorPicker.test.d.ts +1 -0
  100. package/dist/components/ColorPicker/ColorPicker.test.js +22 -0
  101. package/dist/components/ColorPicker/ColorPicker.test.js.map +1 -0
  102. package/dist/components/ColorPicker/index.css +3 -3
  103. package/dist/components/ColorPicker/index.css.map +1 -1
  104. package/dist/components/Container/Container.css.map +1 -1
  105. package/dist/components/Container/index.css.map +1 -1
  106. package/dist/components/DataList/DataList.css.map +1 -1
  107. package/dist/components/DataList/DataList.test.d.ts +1 -0
  108. package/dist/components/DataList/DataList.test.js +19 -0
  109. package/dist/components/DataList/DataList.test.js.map +1 -0
  110. package/dist/components/DataList/index.css.map +1 -1
  111. package/dist/components/DatePicker/DatePicker.css +46 -22
  112. package/dist/components/DatePicker/DatePicker.css.map +1 -1
  113. package/dist/components/DatePicker/DatePicker.js +3 -1
  114. package/dist/components/DatePicker/DatePicker.js.map +1 -1
  115. package/dist/components/DatePicker/DatePicker.test.d.ts +1 -0
  116. package/dist/components/DatePicker/DatePicker.test.js +12 -0
  117. package/dist/components/DatePicker/DatePicker.test.js.map +1 -0
  118. package/dist/components/DatePicker/index.css +46 -22
  119. package/dist/components/DatePicker/index.css.map +1 -1
  120. package/dist/components/DateRangePicker/DateRangePicker.css.map +1 -1
  121. package/dist/components/DateRangePicker/DateRangePicker.test.js +10 -2
  122. package/dist/components/DateRangePicker/DateRangePicker.test.js.map +1 -1
  123. package/dist/components/DateRangePicker/index.css.map +1 -1
  124. package/dist/components/Dialog/Dialog.test.d.ts +1 -0
  125. package/dist/components/Dialog/Dialog.test.js +16 -0
  126. package/dist/components/Dialog/Dialog.test.js.map +1 -0
  127. package/dist/components/Divider/Divider.css.map +1 -1
  128. package/dist/components/Divider/Divider.test.d.ts +1 -0
  129. package/dist/components/Divider/Divider.test.js +14 -0
  130. package/dist/components/Divider/Divider.test.js.map +1 -0
  131. package/dist/components/Divider/index.css.map +1 -1
  132. package/dist/components/Drawer/Drawer.css +1 -1
  133. package/dist/components/Drawer/Drawer.css.map +1 -1
  134. package/dist/components/Drawer/Drawer.test.d.ts +1 -0
  135. package/dist/components/Drawer/Drawer.test.js +22 -0
  136. package/dist/components/Drawer/Drawer.test.js.map +1 -0
  137. package/dist/components/Drawer/index.css +1 -1
  138. package/dist/components/Drawer/index.css.map +1 -1
  139. package/dist/components/Eyebrow/Eyebrow.css.map +1 -1
  140. package/dist/components/Eyebrow/Eyebrow.test.d.ts +1 -0
  141. package/dist/components/Eyebrow/Eyebrow.test.js +12 -0
  142. package/dist/components/Eyebrow/Eyebrow.test.js.map +1 -0
  143. package/dist/components/Eyebrow/index.css.map +1 -1
  144. package/dist/components/FilePicker/FilePicker.css +1 -1
  145. package/dist/components/FilePicker/FilePicker.css.map +1 -1
  146. package/dist/components/FilePicker/FilePicker.d.ts +1 -1
  147. package/dist/components/FilePicker/FilePicker.js +3 -3
  148. package/dist/components/FilePicker/FilePicker.js.map +1 -1
  149. package/dist/components/FilePicker/FilePicker.test.d.ts +1 -0
  150. package/dist/components/FilePicker/FilePicker.test.js +12 -0
  151. package/dist/components/FilePicker/FilePicker.test.js.map +1 -0
  152. package/dist/components/FilePicker/index.css +1 -1
  153. package/dist/components/FilePicker/index.css.map +1 -1
  154. package/dist/components/FilterButton/FilterButton.css +2 -2
  155. package/dist/components/FilterButton/FilterButton.css.map +1 -1
  156. package/dist/components/FilterButton/FilterButton.test.d.ts +1 -0
  157. package/dist/components/FilterButton/FilterButton.test.js +12 -0
  158. package/dist/components/FilterButton/FilterButton.test.js.map +1 -0
  159. package/dist/components/FilterButton/index.css +2 -2
  160. package/dist/components/FilterButton/index.css.map +1 -1
  161. package/dist/components/FlowCard/FlowCard.test.d.ts +1 -0
  162. package/dist/components/FlowCard/FlowCard.test.js +21 -0
  163. package/dist/components/FlowCard/FlowCard.test.js.map +1 -0
  164. package/dist/components/FlowCard/FlowCardStep.css +16 -16
  165. package/dist/components/FlowCard/FlowCardStep.css.map +1 -1
  166. package/dist/components/FlowCard/FlowCardStep.js +14 -2
  167. package/dist/components/FlowCard/FlowCardStep.js.map +1 -1
  168. package/dist/components/FlowCard/index.css +16 -16
  169. package/dist/components/FlowCard/index.css.map +1 -1
  170. package/dist/components/Form/Form.css.map +1 -1
  171. package/dist/components/Form/Form.test.d.ts +1 -0
  172. package/dist/components/Form/Form.test.js +16 -0
  173. package/dist/components/Form/Form.test.js.map +1 -0
  174. package/dist/components/Form/index.css.map +1 -1
  175. package/dist/components/FormField/FormField.css +2 -2
  176. package/dist/components/FormField/FormField.css.map +1 -1
  177. package/dist/components/FormField/FormField.js +1 -1
  178. package/dist/components/FormField/FormField.js.map +1 -1
  179. package/dist/components/FormField/FormField.test.js +11 -0
  180. package/dist/components/FormField/FormField.test.js.map +1 -1
  181. package/dist/components/FormField/index.css +2 -2
  182. package/dist/components/FormField/index.css.map +1 -1
  183. package/dist/components/FormGroup/FormGroup.css.map +1 -1
  184. package/dist/components/FormGroup/FormGroup.test.d.ts +1 -0
  185. package/dist/components/FormGroup/FormGroup.test.js +17 -0
  186. package/dist/components/FormGroup/FormGroup.test.js.map +1 -0
  187. package/dist/components/FormGroup/index.css.map +1 -1
  188. package/dist/components/Frame/Frame.css.map +1 -1
  189. package/dist/components/Frame/Frame.test.d.ts +1 -0
  190. package/dist/components/Frame/Frame.test.js +14 -0
  191. package/dist/components/Frame/Frame.test.js.map +1 -0
  192. package/dist/components/Frame/index.css.map +1 -1
  193. package/dist/components/Grid/Grid.css.map +1 -1
  194. package/dist/components/Grid/Grid.test.d.ts +1 -0
  195. package/dist/components/Grid/Grid.test.js +34 -0
  196. package/dist/components/Grid/Grid.test.js.map +1 -0
  197. package/dist/components/Grid/GridBreakpoints.css.map +1 -1
  198. package/dist/components/Grid/GridColumn.css.map +1 -1
  199. package/dist/components/Grid/GridRow.css.map +1 -1
  200. package/dist/components/Grid/GridVariables.css.map +1 -1
  201. package/dist/components/Grid/index.css.map +1 -1
  202. package/dist/components/Headline/Headline.css.map +1 -1
  203. package/dist/components/Headline/Headline.test.d.ts +1 -0
  204. package/dist/components/Headline/Headline.test.js +12 -0
  205. package/dist/components/Headline/Headline.test.js.map +1 -0
  206. package/dist/components/Headline/index.css.map +1 -1
  207. package/dist/components/Icon/Icon.css +21 -21
  208. package/dist/components/Icon/Icon.css.map +1 -1
  209. package/dist/components/Icon/Icon.test.js +5 -0
  210. package/dist/components/Icon/Icon.test.js.map +1 -1
  211. package/dist/components/Icon/index.css +21 -21
  212. package/dist/components/Icon/index.css.map +1 -1
  213. package/dist/components/InlineEdit/InlineEdit.css +1 -1
  214. package/dist/components/InlineEdit/InlineEdit.css.map +1 -1
  215. package/dist/components/InlineEdit/InlineEdit.test.d.ts +1 -0
  216. package/dist/components/InlineEdit/InlineEdit.test.js +12 -0
  217. package/dist/components/InlineEdit/InlineEdit.test.js.map +1 -0
  218. package/dist/components/InlineEdit/index.css +1 -1
  219. package/dist/components/InlineEdit/index.css.map +1 -1
  220. package/dist/components/Input/Input.css +3 -3
  221. package/dist/components/Input/Input.css.map +1 -1
  222. package/dist/components/Input/Input.test.js +11 -3
  223. package/dist/components/Input/Input.test.js.map +1 -1
  224. package/dist/components/Input/index.css +3 -3
  225. package/dist/components/Input/index.css.map +1 -1
  226. package/dist/components/Label/Label.css +2 -2
  227. package/dist/components/Label/Label.css.map +1 -1
  228. package/dist/components/Label/Label.js +1 -0
  229. package/dist/components/Label/Label.js.map +1 -1
  230. package/dist/components/Label/index.css +2 -2
  231. package/dist/components/Label/index.css.map +1 -1
  232. package/dist/components/Layout/Layout.test.d.ts +1 -0
  233. package/dist/components/Layout/Layout.test.js +24 -0
  234. package/dist/components/Layout/Layout.test.js.map +1 -0
  235. package/dist/components/Link/Link.css +2 -2
  236. package/dist/components/Link/Link.css.map +1 -1
  237. package/dist/components/Link/Link.test.js +7 -2
  238. package/dist/components/Link/Link.test.js.map +1 -1
  239. package/dist/components/Link/index.css +2 -2
  240. package/dist/components/Link/index.css.map +1 -1
  241. package/dist/components/Mask/Mask.css +1 -1
  242. package/dist/components/Mask/Mask.css.map +1 -1
  243. package/dist/components/Mask/Mask.test.d.ts +1 -0
  244. package/dist/components/Mask/Mask.test.js +20 -0
  245. package/dist/components/Mask/Mask.test.js.map +1 -0
  246. package/dist/components/Mask/index.css +1 -1
  247. package/dist/components/Mask/index.css.map +1 -1
  248. package/dist/components/Modal/Modal.css +2 -2
  249. package/dist/components/Modal/Modal.css.map +1 -1
  250. package/dist/components/Modal/Modal.test.d.ts +1 -0
  251. package/dist/components/Modal/Modal.test.js +18 -0
  252. package/dist/components/Modal/Modal.test.js.map +1 -0
  253. package/dist/components/Modal/index.css +2 -2
  254. package/dist/components/Modal/index.css.map +1 -1
  255. package/dist/components/MoreDetails/MoreDetails.css.map +1 -1
  256. package/dist/components/MoreDetails/MoreDetails.test.d.ts +1 -0
  257. package/dist/components/MoreDetails/MoreDetails.test.js +12 -0
  258. package/dist/components/MoreDetails/MoreDetails.test.js.map +1 -0
  259. package/dist/components/MoreDetails/index.css.map +1 -1
  260. package/dist/components/OptionList/OptionList.css +4 -3
  261. package/dist/components/OptionList/OptionList.css.map +1 -1
  262. package/dist/components/OptionList/OptionList.test.d.ts +1 -0
  263. package/dist/components/OptionList/OptionList.test.js +38 -0
  264. package/dist/components/OptionList/OptionList.test.js.map +1 -0
  265. package/dist/components/OptionList/index.css +4 -3
  266. package/dist/components/OptionList/index.css.map +1 -1
  267. package/dist/components/Page/Page.css +3 -3
  268. package/dist/components/Page/Page.css.map +1 -1
  269. package/dist/components/Page/Page.test.d.ts +1 -0
  270. package/dist/components/Page/Page.test.js +16 -0
  271. package/dist/components/Page/Page.test.js.map +1 -0
  272. package/dist/components/Page/index.css +3 -3
  273. package/dist/components/Page/index.css.map +1 -1
  274. package/dist/components/Popover/Popover.css +1 -1
  275. package/dist/components/Popover/Popover.css.map +1 -1
  276. package/dist/components/Popover/Popover.test.js +8 -0
  277. package/dist/components/Popover/Popover.test.js.map +1 -1
  278. package/dist/components/Popover/index.css +1 -1
  279. package/dist/components/Popover/index.css.map +1 -1
  280. package/dist/components/ProgressBar/ProgressBar.css +6 -6
  281. package/dist/components/ProgressBar/ProgressBar.css.map +1 -1
  282. package/dist/components/ProgressBar/ProgressBar.test.d.ts +1 -0
  283. package/dist/components/ProgressBar/ProgressBar.test.js +12 -0
  284. package/dist/components/ProgressBar/ProgressBar.test.js.map +1 -0
  285. package/dist/components/ProgressBar/index.css +6 -6
  286. package/dist/components/ProgressBar/index.css.map +1 -1
  287. package/dist/components/ProgressCircle/ProgressCircle.css +3 -3
  288. package/dist/components/ProgressCircle/ProgressCircle.css.map +1 -1
  289. package/dist/components/ProgressCircle/ProgressCircle.test.d.ts +1 -0
  290. package/dist/components/ProgressCircle/ProgressCircle.test.js +12 -0
  291. package/dist/components/ProgressCircle/ProgressCircle.test.js.map +1 -0
  292. package/dist/components/ProgressCircle/index.css +3 -3
  293. package/dist/components/ProgressCircle/index.css.map +1 -1
  294. package/dist/components/ProgressTracker/ProgressTracker.css +1 -1
  295. package/dist/components/ProgressTracker/ProgressTracker.css.map +1 -1
  296. package/dist/components/ProgressTracker/ProgressTracker.test.d.ts +1 -0
  297. package/dist/components/ProgressTracker/ProgressTracker.test.js +16 -0
  298. package/dist/components/ProgressTracker/ProgressTracker.test.js.map +1 -0
  299. package/dist/components/ProgressTracker/ProgressTrackerStep.css +8 -8
  300. package/dist/components/ProgressTracker/ProgressTrackerStep.css.map +1 -1
  301. package/dist/components/ProgressTracker/index.css +9 -9
  302. package/dist/components/ProgressTracker/index.css.map +1 -1
  303. package/dist/components/Radio/Radio.css +6 -6
  304. package/dist/components/Radio/Radio.css.map +1 -1
  305. package/dist/components/Radio/Radio.test.js +7 -2
  306. package/dist/components/Radio/Radio.test.js.map +1 -1
  307. package/dist/components/Radio/index.css +6 -6
  308. package/dist/components/Radio/index.css.map +1 -1
  309. package/dist/components/Scroll/Scroll.css +2 -2
  310. package/dist/components/Scroll/Scroll.css.map +1 -1
  311. package/dist/components/Scroll/Scroll.test.d.ts +1 -0
  312. package/dist/components/Scroll/Scroll.test.js +16 -0
  313. package/dist/components/Scroll/Scroll.test.js.map +1 -0
  314. package/dist/components/Scroll/index.css +2 -2
  315. package/dist/components/Scroll/index.css.map +1 -1
  316. package/dist/components/Select/Select.css +9 -9
  317. package/dist/components/Select/Select.css.map +1 -1
  318. package/dist/components/Select/Select.test.d.ts +1 -0
  319. package/dist/components/Select/Select.test.js +22 -0
  320. package/dist/components/Select/Select.test.js.map +1 -0
  321. package/dist/components/Select/index.css +9 -9
  322. package/dist/components/Select/index.css.map +1 -1
  323. package/dist/components/SideNav/SideNav.css.map +1 -1
  324. package/dist/components/SideNav/SideNav.test.d.ts +1 -0
  325. package/dist/components/SideNav/SideNav.test.js +25 -0
  326. package/dist/components/SideNav/SideNav.test.js.map +1 -0
  327. package/dist/components/SideNav/SideNavItem.css +7 -7
  328. package/dist/components/SideNav/SideNavItem.css.map +1 -1
  329. package/dist/components/SideNav/SideNavItem.js +3 -3
  330. package/dist/components/SideNav/SideNavItem.js.map +1 -1
  331. package/dist/components/SideNav/index.css +7 -7
  332. package/dist/components/SideNav/index.css.map +1 -1
  333. package/dist/components/Sidebar/Sidebar.css +6 -6
  334. package/dist/components/Sidebar/Sidebar.css.map +1 -1
  335. package/dist/components/Sidebar/Sidebar.test.d.ts +1 -0
  336. package/dist/components/Sidebar/Sidebar.test.js +14 -0
  337. package/dist/components/Sidebar/Sidebar.test.js.map +1 -0
  338. package/dist/components/Sidebar/SidebarSection.css +6 -6
  339. package/dist/components/Sidebar/SidebarSection.css.map +1 -1
  340. package/dist/components/Sidebar/index.css +6 -6
  341. package/dist/components/Sidebar/index.css.map +1 -1
  342. package/dist/components/Snackbar/Snackbar.css +3 -3
  343. package/dist/components/Snackbar/Snackbar.css.map +1 -1
  344. package/dist/components/Snackbar/Snackbar.test.js +9 -0
  345. package/dist/components/Snackbar/Snackbar.test.js.map +1 -1
  346. package/dist/components/Snackbar/index.css +3 -3
  347. package/dist/components/Snackbar/index.css.map +1 -1
  348. package/dist/components/Spinner/Spinner.test.d.ts +1 -0
  349. package/dist/components/Spinner/Spinner.test.js +12 -0
  350. package/dist/components/Spinner/Spinner.test.js.map +1 -0
  351. package/dist/components/Stack/Stack.test.d.ts +1 -0
  352. package/dist/components/Stack/Stack.test.js +17 -0
  353. package/dist/components/Stack/Stack.test.js.map +1 -0
  354. package/dist/components/StatusLight/StatusLight.css +3 -3
  355. package/dist/components/StatusLight/StatusLight.css.map +1 -1
  356. package/dist/components/StatusLight/StatusLight.test.d.ts +1 -0
  357. package/dist/components/StatusLight/StatusLight.test.js +12 -0
  358. package/dist/components/StatusLight/StatusLight.test.js.map +1 -0
  359. package/dist/components/StatusLight/index.css +3 -3
  360. package/dist/components/StatusLight/index.css.map +1 -1
  361. package/dist/components/Tab/Tab.css +9 -9
  362. package/dist/components/Tab/Tab.css.map +1 -1
  363. package/dist/components/Tab/Tab.test.d.ts +1 -0
  364. package/dist/components/Tab/Tab.test.js +17 -0
  365. package/dist/components/Tab/Tab.test.js.map +1 -0
  366. package/dist/components/Tab/index.css +9 -9
  367. package/dist/components/Tab/index.css.map +1 -1
  368. package/dist/components/TabGroup/TabGroup.css +1 -1
  369. package/dist/components/TabGroup/TabGroup.css.map +1 -1
  370. package/dist/components/TabGroup/TabGroup.test.d.ts +1 -0
  371. package/dist/components/TabGroup/TabGroup.test.js +17 -0
  372. package/dist/components/TabGroup/TabGroup.test.js.map +1 -0
  373. package/dist/components/TabGroup/index.css +1 -1
  374. package/dist/components/TabGroup/index.css.map +1 -1
  375. package/dist/components/Table/Table.css +24 -24
  376. package/dist/components/Table/Table.css.map +1 -1
  377. package/dist/components/Table/Table.test.js +65 -1
  378. package/dist/components/Table/Table.test.js.map +1 -1
  379. package/dist/components/Table/index.css +24 -24
  380. package/dist/components/Table/index.css.map +1 -1
  381. package/dist/components/Tag/Tag.css +6 -6
  382. package/dist/components/Tag/Tag.css.map +1 -1
  383. package/dist/components/Tag/Tag.test.d.ts +1 -0
  384. package/dist/components/Tag/Tag.test.js +12 -0
  385. package/dist/components/Tag/Tag.test.js.map +1 -0
  386. package/dist/components/Tag/index.css +6 -6
  387. package/dist/components/Tag/index.css.map +1 -1
  388. package/dist/components/TagGroup/TagGroup.test.d.ts +1 -0
  389. package/dist/components/TagGroup/TagGroup.test.js +15 -0
  390. package/dist/components/TagGroup/TagGroup.test.js.map +1 -0
  391. package/dist/components/Takeover/Takeover.css +1 -1
  392. package/dist/components/Takeover/Takeover.css.map +1 -1
  393. package/dist/components/Takeover/Takeover.test.d.ts +1 -0
  394. package/dist/components/Takeover/Takeover.test.js +22 -0
  395. package/dist/components/Takeover/Takeover.test.js.map +1 -0
  396. package/dist/components/Takeover/TakeoverFooter.css +2 -2
  397. package/dist/components/Takeover/TakeoverFooter.css.map +1 -1
  398. package/dist/components/Takeover/TakeoverHeader.css +1 -1
  399. package/dist/components/Takeover/TakeoverHeader.css.map +1 -1
  400. package/dist/components/Takeover/TakeoverSection.css +2 -2
  401. package/dist/components/Takeover/TakeoverSection.css.map +1 -1
  402. package/dist/components/Takeover/index.css +4 -4
  403. package/dist/components/Takeover/index.css.map +1 -1
  404. package/dist/components/Text/Text.css.map +1 -1
  405. package/dist/components/Text/Text.test.d.ts +1 -0
  406. package/dist/components/Text/Text.test.js +12 -0
  407. package/dist/components/Text/Text.test.js.map +1 -0
  408. package/dist/components/Text/index.css.map +1 -1
  409. package/dist/components/TextArea/TextArea.css +3 -3
  410. package/dist/components/TextArea/TextArea.css.map +1 -1
  411. package/dist/components/TextArea/TextArea.test.d.ts +1 -0
  412. package/dist/components/TextArea/TextArea.test.js +12 -0
  413. package/dist/components/TextArea/TextArea.test.js.map +1 -0
  414. package/dist/components/TextArea/index.css +3 -3
  415. package/dist/components/TextArea/index.css.map +1 -1
  416. package/dist/components/Thumbnail/Thumbnail.css +3 -3
  417. package/dist/components/Thumbnail/Thumbnail.css.map +1 -1
  418. package/dist/components/Thumbnail/Thumbnail.test.d.ts +1 -0
  419. package/dist/components/Thumbnail/Thumbnail.test.js +12 -0
  420. package/dist/components/Thumbnail/Thumbnail.test.js.map +1 -0
  421. package/dist/components/Thumbnail/index.css +3 -3
  422. package/dist/components/Thumbnail/index.css.map +1 -1
  423. package/dist/components/TimePicker/TimePicker.css +6 -5
  424. package/dist/components/TimePicker/TimePicker.css.map +1 -1
  425. package/dist/components/TimePicker/TimePicker.d.ts +3 -3
  426. package/dist/components/TimePicker/TimePicker.js +3 -0
  427. package/dist/components/TimePicker/TimePicker.js.map +1 -1
  428. package/dist/components/TimePicker/TimePicker.test.d.ts +1 -0
  429. package/dist/components/TimePicker/TimePicker.test.js +12 -0
  430. package/dist/components/TimePicker/TimePicker.test.js.map +1 -0
  431. package/dist/components/TimePicker/index.css +6 -5
  432. package/dist/components/TimePicker/index.css.map +1 -1
  433. package/dist/components/TimePicker/utils/TimePickerUtils.test.js +66 -2
  434. package/dist/components/TimePicker/utils/TimePickerUtils.test.js.map +1 -1
  435. package/dist/components/TimePicker/utils/timezoneUtils.js +20 -16
  436. package/dist/components/TimePicker/utils/timezoneUtils.js.map +1 -1
  437. package/dist/components/Toast/Toast.css +7 -7
  438. package/dist/components/Toast/Toast.css.map +1 -1
  439. package/dist/components/Toast/Toast.test.d.ts +1 -0
  440. package/dist/components/Toast/Toast.test.js +16 -0
  441. package/dist/components/Toast/Toast.test.js.map +1 -0
  442. package/dist/components/Toast/ToastGroup.css +7 -7
  443. package/dist/components/Toast/ToastGroup.css.map +1 -1
  444. package/dist/components/Toast/index.css +7 -7
  445. package/dist/components/Toast/index.css.map +1 -1
  446. package/dist/components/ToggleSwitch/ToggleSwitch.css +3 -3
  447. package/dist/components/ToggleSwitch/ToggleSwitch.css.map +1 -1
  448. package/dist/components/ToggleSwitch/ToggleSwitch.test.js +5 -0
  449. package/dist/components/ToggleSwitch/ToggleSwitch.test.js.map +1 -1
  450. package/dist/components/ToggleSwitch/index.css +3 -3
  451. package/dist/components/ToggleSwitch/index.css.map +1 -1
  452. package/dist/components/Togglebox/Togglebox.css +2 -2
  453. package/dist/components/Togglebox/Togglebox.css.map +1 -1
  454. package/dist/components/Togglebox/Togglebox.test.d.ts +1 -0
  455. package/dist/components/Togglebox/Togglebox.test.js +12 -0
  456. package/dist/components/Togglebox/Togglebox.test.js.map +1 -0
  457. package/dist/components/Togglebox/index.css +2 -2
  458. package/dist/components/Togglebox/index.css.map +1 -1
  459. package/dist/components/Tooltip/Tooltip.css +1 -1
  460. package/dist/components/Tooltip/Tooltip.css.map +1 -1
  461. package/dist/components/Tooltip/Tooltip.test.d.ts +1 -0
  462. package/dist/components/Tooltip/Tooltip.test.js +13 -0
  463. package/dist/components/Tooltip/Tooltip.test.js.map +1 -0
  464. package/dist/components/Tooltip/index.css +1 -1
  465. package/dist/components/Tooltip/index.css.map +1 -1
  466. package/dist/components/index.css +261 -236
  467. package/dist/components/index.css.map +1 -1
  468. package/dist/global/index.css +1 -1
  469. package/dist/global/version.css +1 -1
  470. package/dist/internal/CollapsibleList/CollapsibleList.css.map +1 -1
  471. package/dist/internal/CollapsibleList/index.css.map +1 -1
  472. package/dist/internal/Popper/Popper.css +1 -1
  473. package/dist/internal/Popper/Popper.css.map +1 -1
  474. package/dist/internal/Popper/index.css +1 -1
  475. package/dist/internal/Popper/index.css.map +1 -1
  476. package/dist/internal/index.css +1 -1
  477. package/dist/internal/index.css.map +1 -1
  478. package/dist/system-light.css +62 -62
  479. package/dist/system-light.css.map +1 -1
  480. package/dist/system-light.min.css +1 -1
  481. package/dist/system.css +452 -413
  482. package/dist/system.css.map +1 -1
  483. package/dist/system.min.css +2 -2
  484. package/dist/themes/index.css +139 -125
  485. package/dist/themes/index.css.map +1 -1
  486. package/dist/themes/kendo/index.css +139 -125
  487. package/dist/themes/kendo/index.css.map +1 -1
  488. package/dist/themes/semantic/index.css.map +1 -1
  489. package/dist/utilities/KeyboardAccessTests/KeyboardAccess.test.js +14 -2
  490. package/dist/utilities/KeyboardAccessTests/KeyboardAccess.test.js.map +1 -1
  491. package/dist/utilities/KeyboardAccessTests/components/components.js +1 -1
  492. package/dist/utilities/KeyboardAccessTests/components/components.js.map +1 -1
  493. package/package.json +8 -8
@@ -21,7 +21,7 @@
21
21
  z-index: 2;
22
22
  }
23
23
  .ButtonToggle__Item .Button:hover {
24
- background-color: var(--colorsHoverSubdued, rgba(20, 20, 20, 0.04));
24
+ background-color: var(--colorsHoverSubdued, rgba(68, 68, 69, 0.04));
25
25
  }
26
26
 
27
27
  .ButtonToggle__Item:not(:first-child) {
@@ -52,17 +52,17 @@
52
52
  box-shadow: inset 0 0 0 1px var(--colorsBorderGrey, #dfe0e1);
53
53
  }
54
54
  .ButtonToggle--primary .ButtonToggle__Item--selected .Button {
55
- background-color: var(--colorsHoverPrimary, rgba(34, 112, 238, 0.08));
56
- color: var(--colorsTextPrimary, #2270ee);
55
+ background-color: var(--colorsHoverPrimary, rgba(2, 101, 220, 0.1));
56
+ color: var(--colorsTextPrimary, #0265dc);
57
57
  }
58
58
  .ButtonToggle--primary.ButtonToggle .ButtonToggle__Item--selected .Button {
59
- box-shadow: inset 0 0 0 1px var(--colorsBorderPrimary, #2270ee);
59
+ box-shadow: inset 0 0 0 1px var(--colorsBorderPrimary, #0265dc);
60
60
  }
61
61
  .ButtonToggle--primary.ButtonToggle .ButtonToggle__Item .Button--focus-visible:focus {
62
- box-shadow: inset 0 0 0 1px var(--colorsBorderPrimary, #2270ee), 0 0 0 3px var(--colorsFocusRingPrimary, #a9d1ff);
62
+ box-shadow: inset 0 0 0 1px var(--colorsBorderPrimary, #0265dc), 0 0 0 3px var(--colorsFocusRingPrimary, #a9d1ff);
63
63
  }
64
64
  .ButtonToggle--primary .ButtonToggle__Item--selected + .ButtonToggle__Item--not-selected .Button {
65
- box-shadow: inset 1px 0 0 0 var(--colorsBorderPrimary, #2270ee), inset 0 0 0 1px var(--colorsBorderGrey, #dfe0e1);
65
+ box-shadow: inset 1px 0 0 0 var(--colorsBorderPrimary, #0265dc), inset 0 0 0 1px var(--colorsBorderGrey, #dfe0e1);
66
66
  }
67
67
 
68
68
  .ButtonToggle--negative {
@@ -74,7 +74,7 @@
74
74
  }
75
75
  .ButtonToggle--negative .ButtonToggle__Item--selected .Button {
76
76
  background-color: var(--colorsHoverCritical, rgba(225, 50, 18, 0.1));
77
- color: var(--colorsTextCritical, #f94d32);
77
+ color: var(--colorsTextCritical, #bf2a00);
78
78
  }
79
79
  .ButtonToggle--negative.ButtonToggle .ButtonToggle__Item--selected .Button {
80
80
  box-shadow: inset 0 0 0 1px var(--colorsBorderCritical, #e13212);
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/ButtonToggle/ButtonToggle.scss","../../../node_modules/@servicetitan/tokens/core/tokens.scss"],"names":[],"mappings":"AAAA;ACmBA;EACC;;;AAGD;EACC;;AAEA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACC;;AAGD;EACC,kBA3Ba;;;AAgChB;EACC;;;AAGD;EACC;EACA;;;AAGD;EACC;EACA;;;AAGD;AAAA;EAEC;;;AAGD;AACA;AAWC;;AAVA;AAAA;EAEC;;AAGD;EACC,kBA9DiB;EA+DjB,OAxEa;;AA4Ed;EACC;;AAGD;EACC;;AAGD;EACC,YACC;;;AAKH;AAWC;;AAVA;AAAA;EAEC;;AAGD;EACC,kBAxFkB;EAyFlB,OAlGc;;AAsGf;EACC;;AAGD;EACC,YACC;;AAIF;EACC,YACC;;;AAMF;AAAA;EAEC;;AAIA;EACC,kBAxHc;EAyHd;;AAGD;EACC,YACC;;AAKH;EACC;;;AAIF;EACC;;;AAGD;EACC;EACA,SCvCkB","file":"ButtonToggle.css"}
1
+ {"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/ButtonToggle/ButtonToggle.scss","../../../node_modules/@servicetitan/tokens/core/tokens.scss"],"names":[],"mappings":"AAAA;ACoBA;EACC;;;AAGD;EACC;;AAEA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACC;;AAGD;EACC,kBA3Ba;;;AAgChB;EACC;;;AAGD;EACC;EACA;;;AAGD;EACC;EACA;;;AAGD;AAAA;EAEC;;;AAGD;AACA;AAWC;;AAVA;AAAA;EAEC;;AAGD;EACC,kBA9DiB;EA+DjB,OAxEa;;AA4Ed;EACC;;AAGD;EACC;;AAGD;EACC,YACC;;;AAKH;AAWC;;AAVA;AAAA;EAEC;;AAGD;EACC,kBAxFkB;EAyFlB,OAlGc;;AAsGf;EACC;;AAGD;EACC,YACC;;AAIF;EACC,YACC;;;AAMF;AAAA;EAEC;;AAIA;EACC,kBAxHc;EAyHd;;AAGD;EACC,YACC;;AAKH;EACC;;;AAIF;EACC;;;AAGD;EACC;EACA,SCxCkB","file":"ButtonToggle.css"}
@@ -0,0 +1,15 @@
1
+ import React from 'react';
2
+ import { render } from '@testing-library/react';
3
+ import { ButtonToggle } from './ButtonToggle';
4
+ describe('ButtonToggle', () => {
5
+ beforeEach(() => jest.spyOn(console, 'error'));
6
+ it('should pass through data automation attributes', () => {
7
+ const { container } = render(React.createElement(ButtonToggle, { value: 2, small: true, options: [
8
+ { text: '1', value: 1 },
9
+ { text: '2', value: 2 },
10
+ ], "data-auto-sel": "automation-selector" }));
11
+ const element = container.querySelector('[data-auto-sel="automation-selector"]');
12
+ expect(element).not.toBeNull();
13
+ });
14
+ });
15
+ //# sourceMappingURL=ButtonToggle.test.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ButtonToggle.test.js","sourceRoot":"","sources":["../../../src/components/ButtonToggle/ButtonToggle.test.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAE9C,QAAQ,CAAC,cAAc,EAAE,GAAG,EAAE;IAC7B,UAAU,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC;IAE/C,EAAE,CAAC,gDAAgD,EAAE,GAAG,EAAE;QACzD,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAC3B,oBAAC,YAAY,IACZ,KAAK,EAAE,CAAC,EACR,KAAK,QACL,OAAO,EAAE;gBACR,EAAE,IAAI,EAAE,GAAG,EAAE,KAAK,EAAE,CAAC,EAAE;gBACvB,EAAE,IAAI,EAAE,GAAG,EAAE,KAAK,EAAE,CAAC,EAAE;aACvB,mBACa,qBAAqB,GAClC,CACF,CAAC;QAEF,MAAM,OAAO,GAAG,SAAS,CAAC,aAAa,CACtC,uCAAuC,CACvC,CAAC;QAEF,MAAM,CAAC,OAAO,CAAC,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC;IAChC,CAAC,CAAC,CAAC;AACJ,CAAC,CAAC,CAAC"}
@@ -21,7 +21,7 @@
21
21
  z-index: 2;
22
22
  }
23
23
  .ButtonToggle__Item .Button:hover {
24
- background-color: var(--colorsHoverSubdued, rgba(20, 20, 20, 0.04));
24
+ background-color: var(--colorsHoverSubdued, rgba(68, 68, 69, 0.04));
25
25
  }
26
26
 
27
27
  .ButtonToggle__Item:not(:first-child) {
@@ -52,17 +52,17 @@
52
52
  box-shadow: inset 0 0 0 1px var(--colorsBorderGrey, #dfe0e1);
53
53
  }
54
54
  .ButtonToggle--primary .ButtonToggle__Item--selected .Button {
55
- background-color: var(--colorsHoverPrimary, rgba(34, 112, 238, 0.08));
56
- color: var(--colorsTextPrimary, #2270ee);
55
+ background-color: var(--colorsHoverPrimary, rgba(2, 101, 220, 0.1));
56
+ color: var(--colorsTextPrimary, #0265dc);
57
57
  }
58
58
  .ButtonToggle--primary.ButtonToggle .ButtonToggle__Item--selected .Button {
59
- box-shadow: inset 0 0 0 1px var(--colorsBorderPrimary, #2270ee);
59
+ box-shadow: inset 0 0 0 1px var(--colorsBorderPrimary, #0265dc);
60
60
  }
61
61
  .ButtonToggle--primary.ButtonToggle .ButtonToggle__Item .Button--focus-visible:focus {
62
- box-shadow: inset 0 0 0 1px var(--colorsBorderPrimary, #2270ee), 0 0 0 3px var(--colorsFocusRingPrimary, #a9d1ff);
62
+ box-shadow: inset 0 0 0 1px var(--colorsBorderPrimary, #0265dc), 0 0 0 3px var(--colorsFocusRingPrimary, #a9d1ff);
63
63
  }
64
64
  .ButtonToggle--primary .ButtonToggle__Item--selected + .ButtonToggle__Item--not-selected .Button {
65
- box-shadow: inset 1px 0 0 0 var(--colorsBorderPrimary, #2270ee), inset 0 0 0 1px var(--colorsBorderGrey, #dfe0e1);
65
+ box-shadow: inset 1px 0 0 0 var(--colorsBorderPrimary, #0265dc), inset 0 0 0 1px var(--colorsBorderGrey, #dfe0e1);
66
66
  }
67
67
 
68
68
  .ButtonToggle--negative {
@@ -74,7 +74,7 @@
74
74
  }
75
75
  .ButtonToggle--negative .ButtonToggle__Item--selected .Button {
76
76
  background-color: var(--colorsHoverCritical, rgba(225, 50, 18, 0.1));
77
- color: var(--colorsTextCritical, #f94d32);
77
+ color: var(--colorsTextCritical, #bf2a00);
78
78
  }
79
79
  .ButtonToggle--negative.ButtonToggle .ButtonToggle__Item--selected .Button {
80
80
  box-shadow: inset 0 0 0 1px var(--colorsBorderCritical, #e13212);
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/ButtonToggle/ButtonToggle.scss","../../../node_modules/@servicetitan/tokens/core/tokens.scss"],"names":[],"mappings":"AAAA;ACmBA;EACC;;;AAGD;EACC;;AAEA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACC;;AAGD;EACC,kBA3Ba;;;AAgChB;EACC;;;AAGD;EACC;EACA;;;AAGD;EACC;EACA;;;AAGD;AAAA;EAEC;;;AAGD;AACA;AAWC;;AAVA;AAAA;EAEC;;AAGD;EACC,kBA9DiB;EA+DjB,OAxEa;;AA4Ed;EACC;;AAGD;EACC;;AAGD;EACC,YACC;;;AAKH;AAWC;;AAVA;AAAA;EAEC;;AAGD;EACC,kBAxFkB;EAyFlB,OAlGc;;AAsGf;EACC;;AAGD;EACC,YACC;;AAIF;EACC,YACC;;;AAMF;AAAA;EAEC;;AAIA;EACC,kBAxHc;EAyHd;;AAGD;EACC,YACC;;AAKH;EACC;;;AAIF;EACC;;;AAGD;EACC;EACA,SCvCkB","file":"index.css"}
1
+ {"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/ButtonToggle/ButtonToggle.scss","../../../node_modules/@servicetitan/tokens/core/tokens.scss"],"names":[],"mappings":"AAAA;ACoBA;EACC;;;AAGD;EACC;;AAEA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACC;;AAGD;EACC,kBA3Ba;;;AAgChB;EACC;;;AAGD;EACC;EACA;;;AAGD;EACC;EACA;;;AAGD;AAAA;EAEC;;;AAGD;AACA;AAWC;;AAVA;AAAA;EAEC;;AAGD;EACC,kBA9DiB;EA+DjB,OAxEa;;AA4Ed;EACC;;AAGD;EACC;;AAGD;EACC,YACC;;;AAKH;AAWC;;AAVA;AAAA;EAEC;;AAGD;EACC,kBAxFkB;EAyFlB,OAlGc;;AAsGf;EACC;;AAGD;EACC,YACC;;AAIF;EACC,YACC;;;AAMF;AAAA;EAEC;;AAIA;EACC,kBAxHc;EAyHd;;AAGD;EACC,YACC;;AAKH;EACC;;;AAIF;EACC;;;AAGD;EACC;EACA,SCxCkB","file":"index.css"}
@@ -4,7 +4,7 @@
4
4
  color: var(--colorsTextDefault, #141414);
5
5
  /* Make sure font-family goes across entire component */
6
6
  font-family: "Nunito Sans", sans-serif;
7
- background: var(--colorsSurfaceDefault, #ffffff);
7
+ background: var(--colorsSurfaceDefault, white);
8
8
  border-radius: 6px;
9
9
  color: var(--colorsTextDefault, #141414);
10
10
  font-size: 16px;
@@ -80,7 +80,7 @@
80
80
  transition: background-color cubic-bezier(0.4, 0, 0.2, 1) 200ms 0ms;
81
81
  }
82
82
  .Card--placeholder:hover {
83
- background-color: var(--colorsSurfacePrimarySubdued, #ecf4fd);
83
+ background-color: var(--colorsSurfacePrimarySubdued, #e0f2ff);
84
84
  box-shadow: 0 0 0;
85
85
  }
86
86
  .Card--placeholder:hover.Card--error {
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Card/Card.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/core/tokens.scss"],"names":[],"mappings":"AAAA;ACQA;ACPC;EACA;AAEA;EACA;EDMA,YAPoB;EAQpB,eEUiB;EFTjB,OAVc;EAWd,WE4Ha;EF3Hb;EACA;;;AAGD;AACA;EAAgB;;;AAChB;EAAc;;;AAEd;AACA;EAAe,eEHG;;;AFKlB;AACA;EACC;EACA;EACA;EACA;EACA,YACC;;AAGD;EACC;EACA;;AAGD;EACC;EACA;;;AAIF;AACA;EACC;;AAEA;EACC;EACA;;AAGD;EACC;;;AAIF;EACC;;AAEA;EACC;EACA;;AAGD;EACC;;;AAIF;AACA;EACC,SEsCkB;EFrClB;;;AAGD;EACC;EACA;EACA;EACA;EACA;;AAEA;EACC,kBAnFwB;EAoFxB,YE2Bc;;AFzBd;EAAgB,kBArFO;;AAwFxB;EACC;EACA;EACA;EACA;EACA;;AAGD;EAAc","file":"Card.css"}
1
+ {"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Card/Card.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/core/tokens.scss"],"names":[],"mappings":"AAAA;ACSA;ACNC;EACA;AAEA;EACA;EDKA,YAPoB;EAQpB,eESiB;EFRjB,OAVc;EAWd,WE2Ha;EF1Hb;EACA;;;AAGD;AACA;EAAgB;;;AAChB;EAAc;;;AAEd;AACA;EAAe,eEJG;;;AFMlB;AACA;EACC;EACA;EACA;EACA;EACA,YACC;;AAGD;EACC;EACA;;AAGD;EACC;EACA;;;AAIF;AACA;EACC;;AAEA;EACC;EACA;;AAGD;EACC;;;AAIF;EACC;;AAEA;EACC;EACA;;AAGD;EACC;;;AAIF;AACA;EACC,SEqCkB;EFpClB;;;AAGD;EACC;EACA;EACA;EACA;EACA;;AAEA;EACC,kBAnFwB;EAoFxB,YE0Bc;;AFxBd;EAAgB,kBArFO;;AAwFxB;EACC;EACA;EACA;EACA;EACA;;AAGD;EAAc","file":"Card.css"}
@@ -0,0 +1 @@
1
+ export {};
@@ -0,0 +1,23 @@
1
+ import React from 'react';
2
+ import { render } from '@testing-library/react';
3
+ import { Card } from './Card';
4
+ describe('Card', () => {
5
+ beforeEach(() => jest.spyOn(console, 'error'));
6
+ it('should pass through data automation attributes', () => {
7
+ const { container } = render(React.createElement(Card, { "data-auto-sel": "automation-selector" },
8
+ React.createElement(Card.Section, { key: 1 }, "Top Content"),
9
+ React.createElement(Card.Section, { key: 2 }, "Middle Content"),
10
+ React.createElement(Card.Section, { key: 3 }, "Bottom Content")));
11
+ const element = container.querySelector('[data-auto-sel="automation-selector"]');
12
+ expect(element).not.toBeNull();
13
+ });
14
+ it('should pass through data automation attributes', () => {
15
+ const { container } = render(React.createElement(Card, null,
16
+ React.createElement(Card.Section, { key: 1, "data-auto-sel": "automation-selector" }, "Top Content"),
17
+ React.createElement(Card.Section, { key: 2 }, "Middle Content"),
18
+ React.createElement(Card.Section, { key: 3 }, "Bottom Content")));
19
+ const element = container.querySelector('[data-auto-sel="automation-selector"]');
20
+ expect(element).not.toBeNull();
21
+ });
22
+ });
23
+ //# sourceMappingURL=Card.test.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Card.test.js","sourceRoot":"","sources":["../../../src/components/Card/Card.test.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAE9B,QAAQ,CAAC,MAAM,EAAE,GAAG,EAAE;IACrB,UAAU,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC;IAE/C,EAAE,CAAC,gDAAgD,EAAE,GAAG,EAAE;QACzD,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAC3B,oBAAC,IAAI,qBAAe,qBAAqB;YACxC,oBAAC,IAAI,CAAC,OAAO,IAAC,GAAG,EAAE,CAAC,kBAA4B;YAChD,oBAAC,IAAI,CAAC,OAAO,IAAC,GAAG,EAAE,CAAC,qBAA+B;YACnD,oBAAC,IAAI,CAAC,OAAO,IAAC,GAAG,EAAE,CAAC,qBAA+B,CAC7C,CACP,CAAC;QAEF,MAAM,OAAO,GAAG,SAAS,CAAC,aAAa,CACtC,uCAAuC,CACvC,CAAC;QAEF,MAAM,CAAC,OAAO,CAAC,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC;IAChC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,gDAAgD,EAAE,GAAG,EAAE;QACzD,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAC3B,oBAAC,IAAI;YACJ,oBAAC,IAAI,CAAC,OAAO,IAAC,GAAG,EAAE,CAAC,mBAAgB,qBAAqB,kBAE1C;YACf,oBAAC,IAAI,CAAC,OAAO,IAAC,GAAG,EAAE,CAAC,qBAA+B;YACnD,oBAAC,IAAI,CAAC,OAAO,IAAC,GAAG,EAAE,CAAC,qBAA+B,CAC7C,CACP,CAAC;QAEF,MAAM,OAAO,GAAG,SAAS,CAAC,aAAa,CACtC,uCAAuC,CACvC,CAAC;QAEF,MAAM,CAAC,OAAO,CAAC,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC;IAChC,CAAC,CAAC,CAAC;AACJ,CAAC,CAAC,CAAC"}
@@ -29,14 +29,14 @@
29
29
  padding: 0;
30
30
  }
31
31
  .Card--active > .CardSection {
32
- border-left-color: var(--colorsBorderPrimary, #2270ee);
33
- border-right-color: var(--colorsBorderPrimary, #2270ee);
32
+ border-left-color: var(--colorsBorderPrimary, #0265dc);
33
+ border-right-color: var(--colorsBorderPrimary, #0265dc);
34
34
  }
35
35
  .Card--active > .CardSection:first-child {
36
- border-top-color: var(--colorsBorderPrimary, #2270ee);
36
+ border-top-color: var(--colorsBorderPrimary, #0265dc);
37
37
  }
38
38
  .Card--active > .CardSection:last-child {
39
- border-bottom-color: var(--colorsBorderPrimary, #2270ee);
39
+ border-bottom-color: var(--colorsBorderPrimary, #0265dc);
40
40
  }
41
41
  .Card--error > .CardSection {
42
42
  border-left-color: var(--colorsBorderCritical, #e13212);
@@ -98,8 +98,8 @@
98
98
  /* Make sure CardSections with color don't inherit the active border */
99
99
  }
100
100
  .CardSection--blue, .Card--active > .CardSection--blue.CardSection {
101
- background: #2270ee;
102
- border-color: #2270ee;
101
+ background: #0265dc;
102
+ border-color: #0265dc;
103
103
  }
104
104
 
105
105
  .CardSection--purple {
@@ -114,8 +114,8 @@
114
114
  /* Make sure CardSections with color don't inherit the active border */
115
115
  }
116
116
  .CardSection--green, .Card--active > .CardSection--green.CardSection {
117
- background: #1fbc70;
118
- border-color: #1fbc70;
117
+ background: #007a4d;
118
+ border-color: #007a4d;
119
119
  }
120
120
 
121
121
  .CardSection--red {
@@ -130,8 +130,8 @@
130
130
  /* Make sure CardSections with color don't inherit the active border */
131
131
  }
132
132
  .CardSection--lightblue, .Card--active > .CardSection--lightblue.CardSection {
133
- background: #a9d1ff;
134
- border-color: #a9d1ff;
133
+ background: #b5deff;
134
+ border-color: #b5deff;
135
135
  }
136
136
 
137
137
  /*# sourceMappingURL=CardSection.css.map */
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Card/CardSection.scss","../../../node_modules/@servicetitan/tokens/core/tokens.scss"],"names":[],"mappings":"AAAA;ACOA;EACC;EACA,SCuHW;ADrHX;EACA;AAEA;AASA;AAKA;AASA;AASA;AAEA;AAqBA;;AAtDA;EACC;EACA;;AAEA;EAAgB;;AAChB;EAAe;;AAIhB;EAAkB,SCuGP;;ADrGX;EAAwB,SCmGb;;ADhGX;EACC,mBA1Bc;EA2Bd,oBA3Bc;;AA6Bd;EAAgB,kBA7BF;;AA8Bd;EAAe,qBA9BD;;AAkCf;EACC,mBAlCa;EAmCb,oBAnCa;;AAqCb;EAAgB,kBArCH;;AAsCb;EAAe,qBAtCF;;AA4Cd;EACC,wBC5BgB;ED6BhB,yBC7BgB;;AD+BhB;EACC,wBCjCe;EDkCf,yBClCe;;ADsCjB;EACC,2BCtCgB;EDuChB,4BCvCgB;EDwChB;;AAEA;EACC,2BC5Ce;ED6Cf,4BC7Ce;;;ADmDlB;AAaA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;EAMC,OCxFa;;;AD2Fd;AACA;AAAA;EACsB,YC1DH;;;AD4DnB;AAAA;AAzBC;;AACA;AAAA;AAAA;EAEC,YCxEY;EDyEZ,cCzEY;;;ADiGd;AA5BC;;AACA;EAEC,YCvEW;EDwEX,cCxEW;;;ADiGb;AA7BC;;AACA;EAEC,YCjEa;EDkEb,cClEa;;;AD4Ff;AA9BC;;AACA;EAEC,YCnEY;EDoEZ,cCpEY;;;AD+Fd;AA/BC;;AACA;EAEC,YChEU;EDiEV,cCjEU;;;AD6FZ;AAhCC;;AACA;EAEC,YC7Ce;ED8Cf,cC9Ce","file":"CardSection.css"}
1
+ {"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Card/CardSection.scss","../../../node_modules/@servicetitan/tokens/core/tokens.scss"],"names":[],"mappings":"AAAA;ACQA;EACC;EACA,SCsHW;ADpHX;EACA;AAEA;AASA;AAKA;AASA;AASA;AAEA;AAqBA;;AAtDA;EACC;EACA;;AAEA;EAAgB;;AAChB;EAAe;;AAIhB;EAAkB,SCsGP;;ADpGX;EAAwB,SCkGb;;AD/FX;EACC,mBA1Bc;EA2Bd,oBA3Bc;;AA6Bd;EAAgB,kBA7BF;;AA8Bd;EAAe,qBA9BD;;AAkCf;EACC,mBAlCa;EAmCb,oBAnCa;;AAqCb;EAAgB,kBArCH;;AAsCb;EAAe,qBAtCF;;AA4Cd;EACC,wBC7BgB;ED8BhB,yBC9BgB;;ADgChB;EACC,wBClCe;EDmCf,yBCnCe;;ADuCjB;EACC,2BCvCgB;EDwChB,4BCxCgB;EDyChB;;AAEA;EACC,2BC7Ce;ED8Cf,4BC9Ce;;;ADoDlB;AAaA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;EAMC,OCzFa;;;AD4Fd;AACA;AAAA;EACsB,YC3DH;;;AD6DnB;AAAA;AAzBC;;AACA;AAAA;AAAA;EAEC,YCzEY;ED0EZ,cC1EY;;;ADkGd;AA5BC;;AACA;EAEC,YC3Ce;ED4Cf,cC5Ce;;;ADqEjB;AA7BC;;AACA;EAEC,YClEa;EDmEb,cCnEa;;;AD6Ff;AA9BC;;AACA;EAEC,YCpEY;EDqEZ,cCrEY;;;ADgGd;AA/BC;;AACA;EAEC,YCjEU;EDkEV,cClEU;;;AD8FZ;AAhCC;;AACA;EAEC,YC9Ce;ED+Cf,cC/Ce","file":"CardSection.css"}
@@ -4,7 +4,7 @@
4
4
  color: var(--colorsTextDefault, #141414);
5
5
  /* Make sure font-family goes across entire component */
6
6
  font-family: "Nunito Sans", sans-serif;
7
- background: var(--colorsSurfaceDefault, #ffffff);
7
+ background: var(--colorsSurfaceDefault, white);
8
8
  border-radius: 6px;
9
9
  color: var(--colorsTextDefault, #141414);
10
10
  font-size: 16px;
@@ -80,7 +80,7 @@
80
80
  transition: background-color cubic-bezier(0.4, 0, 0.2, 1) 200ms 0ms;
81
81
  }
82
82
  .Card--placeholder:hover {
83
- background-color: var(--colorsSurfacePrimarySubdued, #ecf4fd);
83
+ background-color: var(--colorsSurfacePrimarySubdued, #e0f2ff);
84
84
  box-shadow: 0 0 0;
85
85
  }
86
86
  .Card--placeholder:hover.Card--error {
@@ -127,14 +127,14 @@
127
127
  padding: 0;
128
128
  }
129
129
  .Card--active > .CardSection {
130
- border-left-color: var(--colorsBorderPrimary, #2270ee);
131
- border-right-color: var(--colorsBorderPrimary, #2270ee);
130
+ border-left-color: var(--colorsBorderPrimary, #0265dc);
131
+ border-right-color: var(--colorsBorderPrimary, #0265dc);
132
132
  }
133
133
  .Card--active > .CardSection:first-child {
134
- border-top-color: var(--colorsBorderPrimary, #2270ee);
134
+ border-top-color: var(--colorsBorderPrimary, #0265dc);
135
135
  }
136
136
  .Card--active > .CardSection:last-child {
137
- border-bottom-color: var(--colorsBorderPrimary, #2270ee);
137
+ border-bottom-color: var(--colorsBorderPrimary, #0265dc);
138
138
  }
139
139
  .Card--error > .CardSection {
140
140
  border-left-color: var(--colorsBorderCritical, #e13212);
@@ -196,8 +196,8 @@
196
196
  /* Make sure CardSections with color don't inherit the active border */
197
197
  }
198
198
  .CardSection--blue, .Card--active > .CardSection--blue.CardSection {
199
- background: #2270ee;
200
- border-color: #2270ee;
199
+ background: #0265dc;
200
+ border-color: #0265dc;
201
201
  }
202
202
 
203
203
  .CardSection--purple {
@@ -212,8 +212,8 @@
212
212
  /* Make sure CardSections with color don't inherit the active border */
213
213
  }
214
214
  .CardSection--green, .Card--active > .CardSection--green.CardSection {
215
- background: #1fbc70;
216
- border-color: #1fbc70;
215
+ background: #007a4d;
216
+ border-color: #007a4d;
217
217
  }
218
218
 
219
219
  .CardSection--red {
@@ -228,8 +228,8 @@
228
228
  /* Make sure CardSections with color don't inherit the active border */
229
229
  }
230
230
  .CardSection--lightblue, .Card--active > .CardSection--lightblue.CardSection {
231
- background: #a9d1ff;
232
- border-color: #a9d1ff;
231
+ background: #b5deff;
232
+ border-color: #b5deff;
233
233
  }
234
234
 
235
235
  /*# sourceMappingURL=index.css.map */
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Card/Card.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/core/tokens.scss","../../../src/components/Card/CardSection.scss"],"names":[],"mappings":"AAAA;ACQA;ACPC;EACA;AAEA;EACA;EDMA,YAPoB;EAQpB,eEUiB;EFTjB,OAVc;EAWd,WE4Ha;EF3Hb;EACA;;;AAGD;AACA;EAAgB;;;AAChB;EAAc;;;AAEd;AACA;EAAe,eEHG;;;AFKlB;AACA;EACC;EACA;EACA;EACA;EACA,YACC;;AAGD;EACC;EACA;;AAGD;EACC;EACA;;;AAIF;AACA;EACC;;AAEA;EACC;EACA;;AAGD;EACC;;;AAIF;EACC;;AAEA;EACC;EACA;;AAGD;EACC;;;AAIF;AACA;EACC,SEsCkB;EFrClB;;;AAGD;EACC;EACA;EACA;EACA;EACA;;AAEA;EACC,kBAnFwB;EAoFxB,YE2Bc;;AFzBd;EAAgB,kBArFO;;AAwFxB;EACC;EACA;EACA;EACA;EACA;;AAGD;EAAc;;;AG/Ff;EACC;EACA,SDuHW;ACrHX;EACA;AAEA;AASA;AAKA;AASA;AASA;AAEA;AAqBA;;AAtDA;EACC;EACA;;AAEA;EAAgB;;AAChB;EAAe;;AAIhB;EAAkB,SDuGP;;ACrGX;EAAwB,SDmGb;;AChGX;EACC,mBA1Bc;EA2Bd,oBA3Bc;;AA6Bd;EAAgB,kBA7BF;;AA8Bd;EAAe,qBA9BD;;AAkCf;EACC,mBAlCa;EAmCb,oBAnCa;;AAqCb;EAAgB,kBArCH;;AAsCb;EAAe,qBAtCF;;AA4Cd;EACC,wBD5BgB;EC6BhB,yBD7BgB;;AC+BhB;EACC,wBDjCe;ECkCf,yBDlCe;;ACsCjB;EACC,2BDtCgB;ECuChB,4BDvCgB;ECwChB;;AAEA;EACC,2BD5Ce;EC6Cf,4BD7Ce;;;ACmDlB;AAaA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;EAMC,ODxFa;;;AC2Fd;AACA;AAAA;EACsB,YD1DH;;;AC4DnB;AAAA;AAzBC;;AACA;AAAA;AAAA;EAEC,YDxEY;ECyEZ,cDzEY;;;ACiGd;AA5BC;;AACA;EAEC,YDvEW;ECwEX,cDxEW;;;ACiGb;AA7BC;;AACA;EAEC,YDjEa;ECkEb,cDlEa;;;AC4Ff;AA9BC;;AACA;EAEC,YDnEY;ECoEZ,cDpEY;;;AC+Fd;AA/BC;;AACA;EAEC,YDhEU;ECiEV,cDjEU;;;AC6FZ;AAhCC;;AACA;EAEC,YD7Ce;EC8Cf,cD9Ce","file":"index.css"}
1
+ {"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Card/Card.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/core/tokens.scss","../../../src/components/Card/CardSection.scss"],"names":[],"mappings":"AAAA;ACSA;ACNC;EACA;AAEA;EACA;EDKA,YAPoB;EAQpB,eESiB;EFRjB,OAVc;EAWd,WE2Ha;EF1Hb;EACA;;;AAGD;AACA;EAAgB;;;AAChB;EAAc;;;AAEd;AACA;EAAe,eEJG;;;AFMlB;AACA;EACC;EACA;EACA;EACA;EACA,YACC;;AAGD;EACC;EACA;;AAGD;EACC;EACA;;;AAIF;AACA;EACC;;AAEA;EACC;EACA;;AAGD;EACC;;;AAIF;EACC;;AAEA;EACC;EACA;;AAGD;EACC;;;AAIF;AACA;EACC,SEqCkB;EFpClB;;;AAGD;EACC;EACA;EACA;EACA;EACA;;AAEA;EACC,kBAnFwB;EAoFxB,YE0Bc;;AFxBd;EAAgB,kBArFO;;AAwFxB;EACC;EACA;EACA;EACA;EACA;;AAGD;EAAc;;;AG/Ff;EACC;EACA,SDsHW;ACpHX;EACA;AAEA;AASA;AAKA;AASA;AASA;AAEA;AAqBA;;AAtDA;EACC;EACA;;AAEA;EAAgB;;AAChB;EAAe;;AAIhB;EAAkB,SDsGP;;ACpGX;EAAwB,SDkGb;;AC/FX;EACC,mBA1Bc;EA2Bd,oBA3Bc;;AA6Bd;EAAgB,kBA7BF;;AA8Bd;EAAe,qBA9BD;;AAkCf;EACC,mBAlCa;EAmCb,oBAnCa;;AAqCb;EAAgB,kBArCH;;AAsCb;EAAe,qBAtCF;;AA4Cd;EACC,wBD7BgB;EC8BhB,yBD9BgB;;ACgChB;EACC,wBDlCe;ECmCf,yBDnCe;;ACuCjB;EACC,2BDvCgB;ECwChB,4BDxCgB;ECyChB;;AAEA;EACC,2BD7Ce;EC8Cf,4BD9Ce;;;ACoDlB;AAaA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;EAMC,ODzFa;;;AC4Fd;AACA;AAAA;EACsB,YD3DH;;;AC6DnB;AAAA;AAzBC;;AACA;AAAA;AAAA;EAEC,YDzEY;EC0EZ,cD1EY;;;ACkGd;AA5BC;;AACA;EAEC,YD3Ce;EC4Cf,cD5Ce;;;ACqEjB;AA7BC;;AACA;EAEC,YDlEa;ECmEb,cDnEa;;;AC6Ff;AA9BC;;AACA;EAEC,YDpEY;ECqEZ,cDrEY;;;ACgGd;AA/BC;;AACA;EAEC,YDjEU;ECkEV,cDlEU;;;AC8FZ;AAhCC;;AACA;EAEC,YD9Ce;EC+Cf,cD/Ce","file":"index.css"}
@@ -139,7 +139,7 @@
139
139
  }
140
140
 
141
141
  .Checkbox__box {
142
- background: var(--colorsSurfaceDefault, #ffffff);
142
+ background: var(--colorsSurfaceDefault, white);
143
143
  border-radius: 3px;
144
144
  border: 1px solid var(--colorsBorderGreyStrong, #bcbcbd);
145
145
  box-sizing: border-box;
@@ -175,7 +175,7 @@
175
175
  border-color: var(--colorsBorderCriticalSubdued, #ffb2a0);
176
176
  }
177
177
  .Checkbox__box::before {
178
- box-shadow: 0 0 0 0 rgba(var(--colorsTextInverted, #ffffff), 0%), 0 0 0 0 var(--colorsBorderPrimary, #2270ee) inset;
178
+ box-shadow: 0 0 0 0 rgba(var(--colorsTextInverted, white), 0%), 0 0 0 0 var(--colorsBorderPrimary, #0265dc) inset;
179
179
  content: "";
180
180
  border-radius: 3px;
181
181
  height: calc(100% + 2px);
@@ -186,7 +186,7 @@
186
186
  top: -1px;
187
187
  }
188
188
  .Checkbox__box::after {
189
- box-shadow: 0 -2px 0 0 var(--colorsTextInverted, #ffffff) inset, -2px 0 0 0 var(--colorsTextInverted, #ffffff) inset;
189
+ box-shadow: 0 -2px 0 0 var(--colorsTextInverted, white) inset, -2px 0 0 0 var(--colorsTextInverted, white) inset;
190
190
  content: "";
191
191
  height: 11px;
192
192
  margin-left: 4px;
@@ -201,7 +201,7 @@
201
201
  margin-left: 3px;
202
202
  }
203
203
  .Checkbox--large .Checkbox__box::after {
204
- box-shadow: 0 -2.5px 0 0 var(--colorsTextInverted, #ffffff) inset, -2.5px 0 0 0 var(--colorsTextInverted, #ffffff) inset;
204
+ box-shadow: 0 -2.5px 0 0 var(--colorsTextInverted, white) inset, -2.5px 0 0 0 var(--colorsTextInverted, white) inset;
205
205
  height: 15px;
206
206
  margin-left: 6px;
207
207
  top: 0;
@@ -213,7 +213,7 @@
213
213
  transform: none;
214
214
  }
215
215
  .Checkbox__input:checked + .Checkbox__box::before, .Checkbox--checked .Checkbox__box::before, .Checkbox--indeterminate .Checkbox__box::before {
216
- box-shadow: 0 0 0 16px var(--colorsBorderPrimary, #2270ee) inset;
216
+ box-shadow: 0 0 0 16px var(--colorsBorderPrimary, #0265dc) inset;
217
217
  }
218
218
  .Checkbox__input:checked + .Checkbox__box::after, .Checkbox--checked .Checkbox__box::after, .Checkbox--indeterminate .Checkbox__box::after {
219
219
  opacity: 1;
@@ -225,7 +225,7 @@
225
225
  box-shadow: 0 0 0 4px var(--colorsBorderCriticalSubdued, #ffb2a0);
226
226
  }
227
227
  .Checkbox--focus-visible:focus-within .Checkbox__input:checked + .Checkbox__box, .Checkbox--focus-visible:focus-within .Checkbox--checked .Checkbox__box, .Checkbox--focus-visible:focus-within .Checkbox--indeterminate .Checkbox__box {
228
- box-shadow: 0 0 0 4px var(--colorsBorderPrimarySubdued, #a9d1ff);
228
+ box-shadow: 0 0 0 4px var(--colorsBorderPrimarySubdued, #b5deff);
229
229
  }
230
230
  .a-Checkbox:not(.Checkbox--disabled):hover .Checkbox__box {
231
231
  border-color: var(--colorsBorderDefault, #444445);
@@ -234,14 +234,14 @@
234
234
  border-color: var(--colorsBorderCritical, #e13212);
235
235
  }
236
236
  .a-Checkbox:not(.Checkbox--disabled):hover .Checkbox__input:checked + .Checkbox__box::before, .Checkbox--checked:not(.Checkbox--disabled):hover .Checkbox__box::before, .Checkbox--indeterminate:not(.Checkbox--disabled):hover .Checkbox__box::before {
237
- box-shadow: 0 0 0 16px var(--colorsHoverOnPrimary, rgba(255, 255, 255, 0.16)) inset, 0 0 0 16px var(--colorsBorderPrimary, #2270ee) inset;
237
+ box-shadow: 0 0 0 16px var(--colorsHoverOnPrimary, rgba(255, 255, 255, 0.16)) inset, 0 0 0 16px var(--colorsBorderPrimary, #0265dc) inset;
238
238
  }
239
239
  .Checkbox--error.a-Checkbox:not(.Checkbox--disabled):hover .Checkbox__input:checked + .Checkbox__box::before, .Checkbox--error.Checkbox--checked:not(.Checkbox--disabled):hover .Checkbox__box::before, .Checkbox--error.Checkbox--indeterminate:not(.Checkbox--disabled):hover .Checkbox__box::before {
240
240
  box-shadow: 0 0 0 16px var(--colorsHoverOnCritical, rgba(255, 255, 255, 0.16)) inset, 0 0 0 16px var(--colorsBorderCritical, #e13212) inset;
241
241
  }
242
242
  .Checkbox--focus-visible:focus-within .Checkbox__box, .Checkbox--focus-visible:hover:focus-within .Checkbox__box {
243
- border-color: var(--colorsBorderPrimary, #2270ee);
244
- box-shadow: 0 0 0 4px var(--colorsBorderPrimarySubdued, #a9d1ff);
243
+ border-color: var(--colorsBorderPrimary, #0265dc);
244
+ box-shadow: 0 0 0 4px var(--colorsBorderPrimarySubdued, #b5deff);
245
245
  }
246
246
  .Checkbox--focus-visible.Checkbox--error:focus-within .Checkbox__box, .Checkbox--focus-visible.Checkbox--error:focus-within .Checkbox__input:checked + .Checkbox__box {
247
247
  border-color: var(--colorsBorderCritical, #e13212);
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Form/Form.scss","../../../src/components/Checkbox/Checkbox.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/core/tokens.scss"],"names":[],"mappings":"AAAA;ACGA;AACA;EAAc;;;AACd;EAAc;;;AACd;EAAe;;;AACf;EAAgB;;;AAChB;EAAe;;;AACf;EAAa;;;AACb;EAAc;;;AACd;EAAiB;;;AAEjB;AAGC;AAAA;EAAS;;;AAGV;AAOC;AAAA;AAAA;AAAA;EAEC,kBAPiB;EAQjB,cAPa;EAQb,OAVW;EAWX;;AAGD;AAAA;AAAA;AAAA;EAEC,kBAfiB;EAgBjB,cAfa;EAgBb,OAlBW;EAmBX;EACA;;;ACXF;AC5BC;EACA;AAEA;EACA;ED2BA;EACA,OAlBc;EA0Bd,aA9BkB;;AAwBlB;EACC;EACA;;AAMD;EAAuB,aAhCL;;AAkClB;EAEC,aArCiB;;AAwClB;EAEC,aAxCiB;;;AA4CnB;EACC;;AAEA;EACC;EACA;;AAGD;AAAA;EAEC;EACA;EACA;EACA;EACA;EACA;;;AAIF;EACC;EACA;EACA;EACA;;AAEA;EAAqB;;AACrB;EAAqB;;AAErB;EAAwB;;;AAIzB;EFtFC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EE6EA;;AF3EA;EACC;IACC;IACA;;;;AE2EH;EACC,YA9EoB;EA+EpB,eE3EiB;EF4EjB;EACA;EACA;EACA;EACA,QAhGiB;EAiGjB,aA9FuB;EA+FvB,cEuBW;EFtBX;EACA;EACA,OArGiB;EAsGjB,WAtGiB;EAuGjB;AAmEA;AAkBA;AA6BA;;AAhHA;EACC,OA3GgB;EA4GhB,WA5GgB;EA6GhB,QA7GgB;EA8GhB;;AAGD;EACC,OAhHgB;EAiHhB,WAjHgB;EAkHhB,QAlHgB;EAmHhB;EACA;EACA;;AAGD;EACC,cAxG4B;;AA2G7B;EACC,YACC;EAED;EACA,eElHgB;EFmHhB;EACA;EACA;EACA;EACA;EACA;;AAGD;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACC;EACA;;AAGD;EACC;EACA;EACA;EACA;EACA;;AAGD;EACC;EACA;EACA;;AAQD;EAAY;;AACZ;EAAW;;AAGV;EACC;;AAGD;EAA0C;;AAG3C;EAA0C,YArKpB;;AAyKvB;EACC,cA9KoC;;AAiLrC;EACC,cA/KkC;;AAqLlC;EACC,YACC;;AAQF;EACC,YACC;;AAMH;EAEC,cA3M6B;EA4M7B,YAzMsB;;AA4MvB;EAEC,cA/MkC;EAgNlC;;;AAKD;EACC,SE5HiB;EF6HjB;;AAGD;EACC,OApOa;;;AAyOd;EACC,WE/GY;EFgHZ;EACA;EACA;;AAGD;EAAqB,WEtHR","file":"Checkbox.css"}
1
+ {"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Form/Form.scss","../../../src/components/Checkbox/Checkbox.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/core/tokens.scss"],"names":[],"mappings":"AAAA;ACIA;AACA;EAAc;;;AACd;EAAc;;;AACd;EAAe;;;AACf;EAAgB;;;AAChB;EAAe;;;AACf;EAAa;;;AACb;EAAc;;;AACd;EAAiB;;;AAEjB;AAGC;AAAA;EAAS;;;AAGV;AAOC;AAAA;AAAA;AAAA;EAEC,kBAPiB;EAQjB,cAPa;EAQb,OAVW;EAWX;;AAGD;AAAA;AAAA;AAAA;EAEC,kBAfiB;EAgBjB,cAfa;EAgBb,OAlBW;EAmBX;EACA;;;ACXF;AC3BC;EACA;AAEA;EACA;ED0BA;EACA,OAlBc;EA0Bd,aA9BkB;;AAwBlB;EACC;EACA;;AAMD;EAAuB,aAhCL;;AAkClB;EAEC,aArCiB;;AAwClB;EAEC,aAxCiB;;;AA4CnB;EACC;;AAEA;EACC;EACA;;AAGD;AAAA;EAEC;EACA;EACA;EACA;EACA;EACA;;;AAIF;EACC;EACA;EACA;EACA;;AAEA;EAAqB;;AACrB;EAAqB;;AAErB;EAAwB;;;AAIzB;EFvFC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EE8EA;;AF5EA;EACC;IACC;IACA;;;;AE4EH;EACC,YA9EoB;EA+EpB,eE5EiB;EF6EjB;EACA;EACA;EACA;EACA,QAhGiB;EAiGjB,aA9FuB;EA+FvB,cEsBW;EFrBX;EACA;EACA,OArGiB;EAsGjB,WAtGiB;EAuGjB;AAmEA;AAkBA;AA6BA;;AAhHA;EACC,OA3GgB;EA4GhB,WA5GgB;EA6GhB,QA7GgB;EA8GhB;;AAGD;EACC,OAhHgB;EAiHhB,WAjHgB;EAkHhB,QAlHgB;EAmHhB;EACA;EACA;;AAGD;EACC,cAxG4B;;AA2G7B;EACC,YACC;EAED;EACA,eEnHgB;EFoHhB;EACA;EACA;EACA;EACA;EACA;;AAGD;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACC;EACA;;AAGD;EACC;EACA;EACA;EACA;EACA;;AAGD;EACC;EACA;EACA;;AAQD;EAAY;;AACZ;EAAW;;AAGV;EACC;;AAGD;EAA0C;;AAG3C;EAA0C,YArKpB;;AAyKvB;EACC,cA9KoC;;AAiLrC;EACC,cA/KkC;;AAqLlC;EACC,YACC;;AAQF;EACC,YACC;;AAMH;EAEC,cA3M6B;EA4M7B,YAzMsB;;AA4MvB;EAEC,cA/MkC;EAgNlC;;;AAKD;EACC,SE7HiB;EF8HjB;;AAGD;EACC,OApOa;;;AAyOd;EACC,WEhHY;EFiHZ;EACA;EACA;;AAGD;EAAqB,WEvHR","file":"Checkbox.css"}
@@ -14,19 +14,24 @@ import { Checkbox } from './Checkbox';
14
14
  describe('Checkbox', () => {
15
15
  const user = userEvent.setup();
16
16
  beforeEach(() => jest.spyOn(console, 'error'));
17
- it('it should be checked on click', () => __awaiter(void 0, void 0, void 0, function* () {
17
+ it('should be checked on click', () => __awaiter(void 0, void 0, void 0, function* () {
18
18
  const { getByLabelText } = render(React.createElement(Checkbox, { label: "Label" }));
19
19
  const checkbox = getByLabelText('Label');
20
20
  expect(checkbox.checked).toEqual(false);
21
21
  yield user.click(checkbox);
22
22
  expect(checkbox.checked).toEqual(true);
23
23
  }));
24
- it('it should return object on change', () => __awaiter(void 0, void 0, void 0, function* () {
24
+ it('should return object on change', () => __awaiter(void 0, void 0, void 0, function* () {
25
25
  const onChangeTest = jest.fn();
26
26
  const { getByLabelText } = render(React.createElement(Checkbox, { onChange: onChangeTest, value: "test", label: "Label" }));
27
27
  const checkbox = getByLabelText('Label');
28
28
  yield user.click(checkbox);
29
29
  expect(onChangeTest).toBeCalledWith('test', true, expect.any(Object));
30
30
  }));
31
+ it('should pass through data automation attributes', () => {
32
+ const { container } = render(React.createElement(Checkbox, { label: "Label", "data-auto-sel": "automation-selector" }));
33
+ const element = container.querySelector('[data-auto-sel="automation-selector"]');
34
+ expect(element).not.toBeNull();
35
+ });
31
36
  });
32
37
  //# sourceMappingURL=Checkbox.test.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"Checkbox.test.js","sourceRoot":"","sources":["../../../src/components/Checkbox/Checkbox.test.tsx"],"names":[],"mappings":";;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,OAAO,SAAS,MAAM,6BAA6B,CAAC;AACpD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEtC,QAAQ,CAAC,UAAU,EAAE,GAAG,EAAE;IACzB,MAAM,IAAI,GAAG,SAAS,CAAC,KAAK,EAAE,CAAC;IAE/B,UAAU,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC;IAE/C,EAAE,CAAC,+BAA+B,EAAE,GAAS,EAAE;QAC9C,MAAM,EAAE,cAAc,EAAE,GAAG,MAAM,CAAC,oBAAC,QAAQ,IAAC,KAAK,EAAC,OAAO,GAAG,CAAC,CAAC;QAC9D,MAAM,QAAQ,GAAG,cAAc,CAAC,OAAO,CAAqB,CAAC;QAE7D,MAAM,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;QACxC,MAAM,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;QAC3B,MAAM,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;IACxC,CAAC,CAAA,CAAC,CAAC;IAEH,EAAE,CAAC,mCAAmC,EAAE,GAAS,EAAE;QAClD,MAAM,YAAY,GAAG,IAAI,CAAC,EAAE,EAAE,CAAC;QAC/B,MAAM,EAAE,cAAc,EAAE,GAAG,MAAM,CAChC,oBAAC,QAAQ,IAAC,QAAQ,EAAE,YAAY,EAAE,KAAK,EAAC,MAAM,EAAC,KAAK,EAAC,OAAO,GAAG,CAC/D,CAAC;QACF,MAAM,QAAQ,GAAG,cAAc,CAAC,OAAO,CAAqB,CAAC;QAE7D,MAAM,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;QAC3B,MAAM,CAAC,YAAY,CAAC,CAAC,cAAc,CAAC,MAAM,EAAE,IAAI,EAAE,MAAM,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC;IACvE,CAAC,CAAA,CAAC,CAAC;AACJ,CAAC,CAAC,CAAC"}
1
+ {"version":3,"file":"Checkbox.test.js","sourceRoot":"","sources":["../../../src/components/Checkbox/Checkbox.test.tsx"],"names":[],"mappings":";;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,OAAO,SAAS,MAAM,6BAA6B,CAAC;AACpD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEtC,QAAQ,CAAC,UAAU,EAAE,GAAG,EAAE;IACzB,MAAM,IAAI,GAAG,SAAS,CAAC,KAAK,EAAE,CAAC;IAE/B,UAAU,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC;IAE/C,EAAE,CAAC,4BAA4B,EAAE,GAAS,EAAE;QAC3C,MAAM,EAAE,cAAc,EAAE,GAAG,MAAM,CAAC,oBAAC,QAAQ,IAAC,KAAK,EAAC,OAAO,GAAG,CAAC,CAAC;QAC9D,MAAM,QAAQ,GAAG,cAAc,CAAC,OAAO,CAAqB,CAAC;QAE7D,MAAM,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;QACxC,MAAM,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;QAC3B,MAAM,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;IACxC,CAAC,CAAA,CAAC,CAAC;IAEH,EAAE,CAAC,gCAAgC,EAAE,GAAS,EAAE;QAC/C,MAAM,YAAY,GAAG,IAAI,CAAC,EAAE,EAAE,CAAC;QAC/B,MAAM,EAAE,cAAc,EAAE,GAAG,MAAM,CAChC,oBAAC,QAAQ,IAAC,QAAQ,EAAE,YAAY,EAAE,KAAK,EAAC,MAAM,EAAC,KAAK,EAAC,OAAO,GAAG,CAC/D,CAAC;QACF,MAAM,QAAQ,GAAG,cAAc,CAAC,OAAO,CAAqB,CAAC;QAE7D,MAAM,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;QAC3B,MAAM,CAAC,YAAY,CAAC,CAAC,cAAc,CAAC,MAAM,EAAE,IAAI,EAAE,MAAM,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC;IACvE,CAAC,CAAA,CAAC,CAAC;IAEH,EAAE,CAAC,gDAAgD,EAAE,GAAG,EAAE;QACzD,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAC3B,oBAAC,QAAQ,IAAC,KAAK,EAAC,OAAO,mBAAe,qBAAqB,GAAG,CAC9D,CAAC;QAEF,MAAM,OAAO,GAAG,SAAS,CAAC,aAAa,CACtC,uCAAuC,CACvC,CAAC;QAEF,MAAM,CAAC,OAAO,CAAC,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC;IAChC,CAAC,CAAC,CAAC;AACJ,CAAC,CAAC,CAAC"}
@@ -139,7 +139,7 @@
139
139
  }
140
140
 
141
141
  .Checkbox__box {
142
- background: var(--colorsSurfaceDefault, #ffffff);
142
+ background: var(--colorsSurfaceDefault, white);
143
143
  border-radius: 3px;
144
144
  border: 1px solid var(--colorsBorderGreyStrong, #bcbcbd);
145
145
  box-sizing: border-box;
@@ -175,7 +175,7 @@
175
175
  border-color: var(--colorsBorderCriticalSubdued, #ffb2a0);
176
176
  }
177
177
  .Checkbox__box::before {
178
- box-shadow: 0 0 0 0 rgba(var(--colorsTextInverted, #ffffff), 0%), 0 0 0 0 var(--colorsBorderPrimary, #2270ee) inset;
178
+ box-shadow: 0 0 0 0 rgba(var(--colorsTextInverted, white), 0%), 0 0 0 0 var(--colorsBorderPrimary, #0265dc) inset;
179
179
  content: "";
180
180
  border-radius: 3px;
181
181
  height: calc(100% + 2px);
@@ -186,7 +186,7 @@
186
186
  top: -1px;
187
187
  }
188
188
  .Checkbox__box::after {
189
- box-shadow: 0 -2px 0 0 var(--colorsTextInverted, #ffffff) inset, -2px 0 0 0 var(--colorsTextInverted, #ffffff) inset;
189
+ box-shadow: 0 -2px 0 0 var(--colorsTextInverted, white) inset, -2px 0 0 0 var(--colorsTextInverted, white) inset;
190
190
  content: "";
191
191
  height: 11px;
192
192
  margin-left: 4px;
@@ -201,7 +201,7 @@
201
201
  margin-left: 3px;
202
202
  }
203
203
  .Checkbox--large .Checkbox__box::after {
204
- box-shadow: 0 -2.5px 0 0 var(--colorsTextInverted, #ffffff) inset, -2.5px 0 0 0 var(--colorsTextInverted, #ffffff) inset;
204
+ box-shadow: 0 -2.5px 0 0 var(--colorsTextInverted, white) inset, -2.5px 0 0 0 var(--colorsTextInverted, white) inset;
205
205
  height: 15px;
206
206
  margin-left: 6px;
207
207
  top: 0;
@@ -213,7 +213,7 @@
213
213
  transform: none;
214
214
  }
215
215
  .Checkbox__input:checked + .Checkbox__box::before, .Checkbox--checked .Checkbox__box::before, .Checkbox--indeterminate .Checkbox__box::before {
216
- box-shadow: 0 0 0 16px var(--colorsBorderPrimary, #2270ee) inset;
216
+ box-shadow: 0 0 0 16px var(--colorsBorderPrimary, #0265dc) inset;
217
217
  }
218
218
  .Checkbox__input:checked + .Checkbox__box::after, .Checkbox--checked .Checkbox__box::after, .Checkbox--indeterminate .Checkbox__box::after {
219
219
  opacity: 1;
@@ -225,7 +225,7 @@
225
225
  box-shadow: 0 0 0 4px var(--colorsBorderCriticalSubdued, #ffb2a0);
226
226
  }
227
227
  .Checkbox--focus-visible:focus-within .Checkbox__input:checked + .Checkbox__box, .Checkbox--focus-visible:focus-within .Checkbox--checked .Checkbox__box, .Checkbox--focus-visible:focus-within .Checkbox--indeterminate .Checkbox__box {
228
- box-shadow: 0 0 0 4px var(--colorsBorderPrimarySubdued, #a9d1ff);
228
+ box-shadow: 0 0 0 4px var(--colorsBorderPrimarySubdued, #b5deff);
229
229
  }
230
230
  .a-Checkbox:not(.Checkbox--disabled):hover .Checkbox__box {
231
231
  border-color: var(--colorsBorderDefault, #444445);
@@ -234,14 +234,14 @@
234
234
  border-color: var(--colorsBorderCritical, #e13212);
235
235
  }
236
236
  .a-Checkbox:not(.Checkbox--disabled):hover .Checkbox__input:checked + .Checkbox__box::before, .Checkbox--checked:not(.Checkbox--disabled):hover .Checkbox__box::before, .Checkbox--indeterminate:not(.Checkbox--disabled):hover .Checkbox__box::before {
237
- box-shadow: 0 0 0 16px var(--colorsHoverOnPrimary, rgba(255, 255, 255, 0.16)) inset, 0 0 0 16px var(--colorsBorderPrimary, #2270ee) inset;
237
+ box-shadow: 0 0 0 16px var(--colorsHoverOnPrimary, rgba(255, 255, 255, 0.16)) inset, 0 0 0 16px var(--colorsBorderPrimary, #0265dc) inset;
238
238
  }
239
239
  .Checkbox--error.a-Checkbox:not(.Checkbox--disabled):hover .Checkbox__input:checked + .Checkbox__box::before, .Checkbox--error.Checkbox--checked:not(.Checkbox--disabled):hover .Checkbox__box::before, .Checkbox--error.Checkbox--indeterminate:not(.Checkbox--disabled):hover .Checkbox__box::before {
240
240
  box-shadow: 0 0 0 16px var(--colorsHoverOnCritical, rgba(255, 255, 255, 0.16)) inset, 0 0 0 16px var(--colorsBorderCritical, #e13212) inset;
241
241
  }
242
242
  .Checkbox--focus-visible:focus-within .Checkbox__box, .Checkbox--focus-visible:hover:focus-within .Checkbox__box {
243
- border-color: var(--colorsBorderPrimary, #2270ee);
244
- box-shadow: 0 0 0 4px var(--colorsBorderPrimarySubdued, #a9d1ff);
243
+ border-color: var(--colorsBorderPrimary, #0265dc);
244
+ box-shadow: 0 0 0 4px var(--colorsBorderPrimarySubdued, #b5deff);
245
245
  }
246
246
  .Checkbox--focus-visible.Checkbox--error:focus-within .Checkbox__box, .Checkbox--focus-visible.Checkbox--error:focus-within .Checkbox__input:checked + .Checkbox__box {
247
247
  border-color: var(--colorsBorderCritical, #e13212);
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Form/Form.scss","../../../src/components/Checkbox/Checkbox.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/core/tokens.scss"],"names":[],"mappings":"AAAA;ACGA;AACA;EAAc;;;AACd;EAAc;;;AACd;EAAe;;;AACf;EAAgB;;;AAChB;EAAe;;;AACf;EAAa;;;AACb;EAAc;;;AACd;EAAiB;;;AAEjB;AAGC;AAAA;EAAS;;;AAGV;AAOC;AAAA;AAAA;AAAA;EAEC,kBAPiB;EAQjB,cAPa;EAQb,OAVW;EAWX;;AAGD;AAAA;AAAA;AAAA;EAEC,kBAfiB;EAgBjB,cAfa;EAgBb,OAlBW;EAmBX;EACA;;;ACXF;AC5BC;EACA;AAEA;EACA;ED2BA;EACA,OAlBc;EA0Bd,aA9BkB;;AAwBlB;EACC;EACA;;AAMD;EAAuB,aAhCL;;AAkClB;EAEC,aArCiB;;AAwClB;EAEC,aAxCiB;;;AA4CnB;EACC;;AAEA;EACC;EACA;;AAGD;AAAA;EAEC;EACA;EACA;EACA;EACA;EACA;;;AAIF;EACC;EACA;EACA;EACA;;AAEA;EAAqB;;AACrB;EAAqB;;AAErB;EAAwB;;;AAIzB;EFtFC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EE6EA;;AF3EA;EACC;IACC;IACA;;;;AE2EH;EACC,YA9EoB;EA+EpB,eE3EiB;EF4EjB;EACA;EACA;EACA;EACA,QAhGiB;EAiGjB,aA9FuB;EA+FvB,cEuBW;EFtBX;EACA;EACA,OArGiB;EAsGjB,WAtGiB;EAuGjB;AAmEA;AAkBA;AA6BA;;AAhHA;EACC,OA3GgB;EA4GhB,WA5GgB;EA6GhB,QA7GgB;EA8GhB;;AAGD;EACC,OAhHgB;EAiHhB,WAjHgB;EAkHhB,QAlHgB;EAmHhB;EACA;EACA;;AAGD;EACC,cAxG4B;;AA2G7B;EACC,YACC;EAED;EACA,eElHgB;EFmHhB;EACA;EACA;EACA;EACA;EACA;;AAGD;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACC;EACA;;AAGD;EACC;EACA;EACA;EACA;EACA;;AAGD;EACC;EACA;EACA;;AAQD;EAAY;;AACZ;EAAW;;AAGV;EACC;;AAGD;EAA0C;;AAG3C;EAA0C,YArKpB;;AAyKvB;EACC,cA9KoC;;AAiLrC;EACC,cA/KkC;;AAqLlC;EACC,YACC;;AAQF;EACC,YACC;;AAMH;EAEC,cA3M6B;EA4M7B,YAzMsB;;AA4MvB;EAEC,cA/MkC;EAgNlC;;;AAKD;EACC,SE5HiB;EF6HjB;;AAGD;EACC,OApOa;;;AAyOd;EACC,WE/GY;EFgHZ;EACA;EACA;;AAGD;EAAqB,WEtHR","file":"index.css"}
1
+ {"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Form/Form.scss","../../../src/components/Checkbox/Checkbox.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/core/tokens.scss"],"names":[],"mappings":"AAAA;ACIA;AACA;EAAc;;;AACd;EAAc;;;AACd;EAAe;;;AACf;EAAgB;;;AAChB;EAAe;;;AACf;EAAa;;;AACb;EAAc;;;AACd;EAAiB;;;AAEjB;AAGC;AAAA;EAAS;;;AAGV;AAOC;AAAA;AAAA;AAAA;EAEC,kBAPiB;EAQjB,cAPa;EAQb,OAVW;EAWX;;AAGD;AAAA;AAAA;AAAA;EAEC,kBAfiB;EAgBjB,cAfa;EAgBb,OAlBW;EAmBX;EACA;;;ACXF;AC3BC;EACA;AAEA;EACA;ED0BA;EACA,OAlBc;EA0Bd,aA9BkB;;AAwBlB;EACC;EACA;;AAMD;EAAuB,aAhCL;;AAkClB;EAEC,aArCiB;;AAwClB;EAEC,aAxCiB;;;AA4CnB;EACC;;AAEA;EACC;EACA;;AAGD;AAAA;EAEC;EACA;EACA;EACA;EACA;EACA;;;AAIF;EACC;EACA;EACA;EACA;;AAEA;EAAqB;;AACrB;EAAqB;;AAErB;EAAwB;;;AAIzB;EFvFC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EE8EA;;AF5EA;EACC;IACC;IACA;;;;AE4EH;EACC,YA9EoB;EA+EpB,eE5EiB;EF6EjB;EACA;EACA;EACA;EACA,QAhGiB;EAiGjB,aA9FuB;EA+FvB,cEsBW;EFrBX;EACA;EACA,OArGiB;EAsGjB,WAtGiB;EAuGjB;AAmEA;AAkBA;AA6BA;;AAhHA;EACC,OA3GgB;EA4GhB,WA5GgB;EA6GhB,QA7GgB;EA8GhB;;AAGD;EACC,OAhHgB;EAiHhB,WAjHgB;EAkHhB,QAlHgB;EAmHhB;EACA;EACA;;AAGD;EACC,cAxG4B;;AA2G7B;EACC,YACC;EAED;EACA,eEnHgB;EFoHhB;EACA;EACA;EACA;EACA;EACA;;AAGD;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACC;EACA;;AAGD;EACC;EACA;EACA;EACA;EACA;;AAGD;EACC;EACA;EACA;;AAQD;EAAY;;AACZ;EAAW;;AAGV;EACC;;AAGD;EAA0C;;AAG3C;EAA0C,YArKpB;;AAyKvB;EACC,cA9KoC;;AAiLrC;EACC,cA/KkC;;AAqLlC;EACC,YACC;;AAQF;EACC,YACC;;AAMH;EAEC,cA3M6B;EA4M7B,YAzMsB;;AA4MvB;EAEC,cA/MkC;EAgNlC;;;AAKD;EACC,SE7HiB;EF8HjB;;AAGD;EACC,OApOa;;;AAyOd;EACC,WEhHY;EFiHZ;EACA;EACA;;AAGD;EAAqB,WEvHR","file":"index.css"}
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Collapsible/Collapsible.scss","../../../src/utilities/_component-reset.scss"],"names":[],"mappings":"AAAA;ACEA;ACDC;EACA;AAEA;EACA;;ADAA;EACC;EACA;EACA;EACA;EACA;EACA;EACA","file":"Collapsible.css"}
1
+ {"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Collapsible/Collapsible.scss","../../../src/utilities/_component-reset.scss"],"names":[],"mappings":"AAAA;ACEA;ACCC;EACA;AAEA;EACA;;ADFA;EACC;EACA;EACA;EACA;EACA;EACA;EACA","file":"Collapsible.css"}
@@ -0,0 +1 @@
1
+ export {};
@@ -0,0 +1,14 @@
1
+ import React from 'react';
2
+ import { render } from '@testing-library/react';
3
+ import { Collapsible } from './Collapsible';
4
+ import { Card } from '../Card';
5
+ describe('Collapsible', () => {
6
+ beforeEach(() => jest.spyOn(console, 'error'));
7
+ it('should pass through data automation attributes', () => {
8
+ const { container } = render(React.createElement(Collapsible, { "data-auto-sel": "automation-selector" },
9
+ React.createElement(Card, null, "Lorem ipsum dolor sit amet")));
10
+ const element = container.querySelector('[data-auto-sel="automation-selector"]');
11
+ expect(element).not.toBeNull();
12
+ });
13
+ });
14
+ //# sourceMappingURL=Collapsible.test.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Collapsible.test.js","sourceRoot":"","sources":["../../../src/components/Collapsible/Collapsible.test.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAE/B,QAAQ,CAAC,aAAa,EAAE,GAAG,EAAE;IAC5B,UAAU,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC;IAE/C,EAAE,CAAC,gDAAgD,EAAE,GAAG,EAAE;QACzD,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAC3B,oBAAC,WAAW,qBAAe,qBAAqB;YAC/C,oBAAC,IAAI,qCAAkC,CAC1B,CACd,CAAC;QAEF,MAAM,OAAO,GAAG,SAAS,CAAC,aAAa,CACtC,uCAAuC,CACvC,CAAC;QAEF,MAAM,CAAC,OAAO,CAAC,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC;IAChC,CAAC,CAAC,CAAC;AACJ,CAAC,CAAC,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Collapsible/Collapsible.scss","../../../src/utilities/_component-reset.scss"],"names":[],"mappings":"AAAA;ACEA;ACDC;EACA;AAEA;EACA;;ADAA;EACC;EACA;EACA;EACA;EACA;EACA;EACA","file":"index.css"}
1
+ {"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Collapsible/Collapsible.scss","../../../src/utilities/_component-reset.scss"],"names":[],"mappings":"AAAA;ACEA;ACCC;EACA;AAEA;EACA;;ADFA;EACC;EACA;EACA;EACA;EACA;EACA;EACA","file":"index.css"}
@@ -23,8 +23,8 @@
23
23
  /* smartphones, touchscreens */
24
24
  }
25
25
  .ColorPicker__Item--active {
26
- box-shadow: 0 0 0 2px var(--colorsBorderPrimary, #2270ee);
27
- border-color: var(--colorsSurfaceDefault, #ffffff);
26
+ box-shadow: 0 0 0 2px var(--colorsBorderPrimary, #0265dc);
27
+ border-color: var(--colorsSurfaceDefault, white);
28
28
  cursor: default;
29
29
  }
30
30
  @media (pointer: coarse) {
@@ -51,7 +51,7 @@
51
51
  outline: none;
52
52
  }
53
53
  .ColorPicker__CardWrapper--focus .ColorPicker__CardSection {
54
- border-color: var(--colorsBorderPrimary, #2270ee);
54
+ border-color: var(--colorsBorderPrimary, #0265dc);
55
55
  box-shadow: 0 0 0 3px var(--colorsFocusRingPrimary, #a9d1ff);
56
56
  }
57
57
  .ColorPicker__CardWrapper--disabled .ColorPicker--disabled {
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/ColorPicker/ColorPicker.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/core/tokens.scss"],"names":[],"mappings":"AAAA;ACOA;ACNC;EACA;AAEA;EACA;EDKA;EACA;EACA;EACA;EACA;;;AAGD;EACC;EACA,OE6GW;EF5GX,QE4GW;EF3GX;EACA,QEwGW;EFvGX;EACA,eEHiB;EFIjB;AAQA;;AANA;EACC;EACA,cAxBa;EAyBb;;AAID;EAjBD;IAkBE,OE8FU;IF7FV,QE6FU;;;;AFzFZ;EACC,SEyEkB;;AFvElB;EACC;;AAEA;EACC;;;AAMF;EACC;;AAIA;EACC;;AAGD;EACC,cA5Da;EA6Db,YE2DY;;AFtDb;EACC","file":"ColorPicker.css"}
1
+ {"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/ColorPicker/ColorPicker.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/core/tokens.scss"],"names":[],"mappings":"AAAA;ACQA;ACLC;EACA;AAEA;EACA;EDIA;EACA;EACA;EACA;EACA;;;AAGD;EACC;EACA,OE4GW;EF3GX,QE2GW;EF1GX;EACA,QEuGW;EFtGX;EACA,eEJiB;EFKjB;AAQA;;AANA;EACC;EACA,cAxBa;EAyBb;;AAID;EAjBD;IAkBE,OE6FU;IF5FV,QE4FU;;;;AFxFZ;EACC,SEwEkB;;AFtElB;EACC;;AAEA;EACC;;;AAMF;EACC;;AAIA;EACC;;AAGD;EACC,cA5Da;EA6Db,YE0DY;;AFrDb;EACC","file":"ColorPicker.css"}