@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
@@ -44,10 +44,10 @@
44
44
  overflow-y: hidden;
45
45
  }
46
46
  .Scroll__Scrollbar:focus {
47
- outline-color: var(--colorsFocusRingPrimary, #a9d1ff);
47
+ outline-color: var(--colorsFocusRingPrimary, #78bbfa);
48
48
  }
49
49
  .Scroll__Scrollbar:focus-visible {
50
- outline-color: var(--colorsFocusRingPrimary, #a9d1ff);
50
+ outline-color: var(--colorsFocusRingPrimary, #78bbfa);
51
51
  }
52
52
 
53
53
  /* Scrollable without visible scrollbar */
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Scroll/Scroll.scss","../../../src/utilities/_component-reset.scss"],"names":[],"mappings":"AAAA;ACOA;AACA;EACC;EACA;;;AAGD;AACA;AAAA;EAC4C;;;AAE5C;AACA;AAAA;EAC2C;;;AAE3C;ACpBC;EACA;AAEA;EACA;EDmBA;AAEA;;AACA;EAAyB;;AACzB;EAAyB;;AAEzB;EAA2B;;AAC3B;EAA2B;;AAE3B;EAA2B;;AAC3B;EAA2B;;AAG3B;EAAU,eAhCU;;AAmCpB;EAAkB,eAnCE;;;AAsCrB;AACA;EAAqE;;;AACrE;EAAqE;;;AAErE;AAAA;EAEC;;AAEA;AAAA;EACC;EACA;EACA;;;AAIF;EACC;EACA;EACA;;AAEA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACC;EACA;EACA;EACA;EACA;EACA;;AAQA;EAAmB;;AAQnB;EAAmB;;AAIrB;EAIC;EACA;;AAIA;EAIC;EACA;EACA,QA9GkB;;AAiHnB;EAIC;EACA,OAtHkB;EAuHlB;;AAGD;EAIC;EACA;EACA,QAhIkB;;AAmInB;EAIC;EACA,OAxIkB;EAyIlB;;;AAKH;EACC;EACA;;;AAGD;EACC;EACA;;;AAGD;EAAc;;;AACd;EAAgB;;;AAChB;EAAiB;;;AACjB;EAAe","file":"index.css"}
1
+ {"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Scroll/Scroll.scss","../../../src/utilities/_component-reset.scss"],"names":[],"mappings":"AAAA;ACQA;AACA;EACC;EACA;;;AAGD;AACA;AAAA;EAC4C;;;AAE5C;AACA;AAAA;EAC2C;;;AAE3C;ACnBC;EACA;AAEA;EACA;EDkBA;AAEA;;AACA;EAAyB;;AACzB;EAAyB;;AAEzB;EAA2B;;AAC3B;EAA2B;;AAE3B;EAA2B;;AAC3B;EAA2B;;AAG3B;EAAU,eAhCU;;AAmCpB;EAAkB,eAnCE;;;AAsCrB;AACA;EAAqE;;;AACrE;EAAqE;;;AAErE;AAAA;EAEC;;AAEA;AAAA;EACC;EACA;EACA;;;AAIF;EACC;EACA;EACA;;AAEA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACC;EACA;EACA;EACA;EACA;EACA;;AAQA;EAAmB;;AAQnB;EAAmB;;AAIrB;EAIC;EACA;;AAIA;EAIC;EACA;EACA,QA9GkB;;AAiHnB;EAIC;EACA,OAtHkB;EAuHlB;;AAGD;EAIC;EACA;EACA,QAhIkB;;AAmInB;EAIC;EACA,OAxIkB;EAyIlB;;;AAKH;EACC;EACA;;;AAGD;EACC;EACA;;;AAGD;EAAc;;;AACd;EAAgB;;;AAChB;EAAiB;;;AACjB;EAAe","file":"index.css"}
@@ -2,7 +2,7 @@
2
2
  position: relative;
3
3
  }
4
4
  .semantic-anvil-theme.Select-wrapper .ui.selection.dropdown {
5
- background-color: var(--colorsSurfaceDefault, #ffffff);
5
+ background-color: var(--colorsSurfaceDefault, white);
6
6
  color: var(--colorsTextDefault, #141414);
7
7
  border-color: var(--colorsBorderGrey, #dfe0e1);
8
8
  /*
@@ -12,19 +12,19 @@
12
12
  }
13
13
  .semantic-anvil-theme.Select-wrapper .ui.selection.dropdown .menu {
14
14
  border-color: var(--colorsBorderGrey, #dfe0e1) !important;
15
- background-color: var(--colorsSurfaceDefault, #ffffff);
15
+ background-color: var(--colorsSurfaceDefault, white);
16
16
  }
17
17
  .semantic-anvil-theme.Select-wrapper .ui.selection.dropdown .menu > .item {
18
18
  color: var(--colorsTextDefault, #141414);
19
19
  }
20
20
  .semantic-anvil-theme.Select-wrapper .ui.selection.dropdown .menu > .item.selected {
21
- background-color: var(--colorsHoverPrimary, rgba(34, 112, 238, 0.08));
21
+ background-color: var(--colorsHoverPrimary, rgba(2, 101, 220, 0.1));
22
22
  }
23
23
  .semantic-anvil-theme.Select-wrapper .ui.selection.dropdown .menu > .item:hover {
24
24
  background-color: var(--colorsHoverDefault, rgba(20, 20, 20, 0.08));
25
25
  }
26
26
  .semantic-anvil-theme.Select-wrapper .ui.selection.dropdown.error {
27
- color: var(--colorsTextCritical, #f94d32);
27
+ color: var(--colorsTextCritical, #bf2a00);
28
28
  background-color: var(--colorsSurfaceCriticalSubdued, #ffece9);
29
29
  border-color: var(--colorsBorderCritical, #e13212);
30
30
  }
@@ -33,13 +33,13 @@
33
33
  background-color: var(--colorsSurfaceCriticalSubdued, #ffece9);
34
34
  }
35
35
  .semantic-anvil-theme.Select-wrapper .ui.selection.dropdown.error .menu > .item {
36
- color: var(--colorsTextCritical, #f94d32);
36
+ color: var(--colorsTextCritical, #bf2a00);
37
37
  }
38
38
  .semantic-anvil-theme.Select-wrapper .ui.selection.dropdown.error .menu > .item.selected {
39
- background-color: var(--colorsActiveCritical, rgba(225, 50, 18, 0.03));
39
+ background-color: var(--colorsActiveCritical, rgba(225, 50, 18, 0.3));
40
40
  }
41
41
  .semantic-anvil-theme.Select-wrapper .ui.selection.dropdown.error .menu > .item:hover {
42
- background-color: var(--colorsHoverCritical, rgba(225, 50, 18, 0.08));
42
+ background-color: var(--colorsHoverCritical, rgba(225, 50, 18, 0.1));
43
43
  }
44
44
  .semantic-anvil-theme.Select-wrapper .ui.selection.dropdown.error:focus, .semantic-anvil-theme.Select-wrapper .ui.selection.dropdown.error:focus-within {
45
45
  box-shadow: 0 0 0 3px var(--colorsFocusRingCritical, #ffb2a0) !important;
@@ -123,7 +123,7 @@
123
123
  }
124
124
  .semantic-anvil-theme.Select-wrapper .ui.selection.dropdown.active + .Select__clear-icon, .semantic-anvil-theme.Select-wrapper .ui.selection.dropdown:hover + .Select__clear-icon {
125
125
  z-index: 10;
126
- color: var(--colorsTextCritical, #f94d32);
126
+ color: var(--colorsTextCritical, #bf2a00);
127
127
  }
128
128
  .semantic-anvil-theme.Select-wrapper .ui.selection.dropdown:focus, .semantic-anvil-theme.Select-wrapper .ui.selection.dropdown:focus-within {
129
129
  box-shadow: 0 0 0 3px var(--colorsFocusRingPrimary, #a9d1ff) !important;
@@ -149,7 +149,7 @@
149
149
  cursor: pointer;
150
150
  }
151
151
  .semantic-anvil-theme.Select-wrapper .Select__clear-icon:hover {
152
- color: var(--colorsTextCritical, #f94d32);
152
+ color: var(--colorsTextCritical, #bf2a00);
153
153
  }
154
154
  .semantic-anvil-theme.Select-wrapper .text,
155
155
  .semantic-anvil-theme.Select-wrapper .group {
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["../../../src/components/Select/Select.scss","../../../node_modules/@servicetitan/tokens/core/tokens.scss"],"names":[],"mappings":"AA4BA;EACC;;AAEA;EACC,kBA3BmB;EA4BnB,OA1Ba;EA2Bb,cAzBe;AA6Kf;AAAA;AAAA;AAAA;;AAlJA;EACC;EACA,kBAjCkB;;AAmClB;EACC,OAlCW;;AAoCX;EAAa,kBA/BQ;;AAgCrB;EAAU,kBAjCU;;AAqCtB;EACC,OAzCa;EA0Cb,kBA5CmB;EA6CnB,cAzCe;;AA2Cf;EACC;EACA,kBAjDkB;;AAmDlB;EACC,OAlDW;;AAoDX;EAAa,kBA9CgB;;AA+C7B;EAAU,kBAhDkB;;AAoD9B;EAGC;;AAIF;EAAkC,OAjErB;;AAmEb;EACC,OApEY;EAqEZ;;AAGD;EAAmB,OAhEN;;AAmEZ;EACC;;AAIA;EACC;;AAKD;EACC;;AAKH;EAAW,WCuCC;;ADrCZ;EAAQ;;AAER;EACC;EACA,aAnFmB;EAoFnB;EACA,gBArFmB;EAsFnB,cAvFoB;;AAyFpB;EACC;EACA;EACA;EACA,cA5FkB;;AA8FlB;EACC;;AAGD;EACC;;AAIF;EACC;;AAIF;EACC,aAzGwB;EA0GxB;EACA,gBA3GwB;EA4GxB,cAjHoB;;AAmHpB;EACC;EACA;EACA;EACA,cAtHkB;;AAyHnB;EACC;;AAIF;EACC;;AAEA;EACC;;AAGD;EACC;;AAGD;EACC;;AAIF;EACC;;AAKA;EACC;EACA,OAzKU;;AA6KZ;EAGC;;AAOD;EACC;EACA;EACA;EACA;EACA;EACA;;AAED;EAAqB;;AACrB;EAAmC;;AAGpC;EACC;EACA;EACA,OAvMc;EAwMd;;AAEA;EACC,OA1MW;;AA+Mb;AAAA;EACS,aClES","file":"Select.css"}
1
+ {"version":3,"sourceRoot":"","sources":["../../../src/components/Select/Select.scss","../../../node_modules/@servicetitan/tokens/core/tokens.scss"],"names":[],"mappings":"AA6BA;EACC;;AAEA;EACC,kBA3BmB;EA4BnB,OA1Ba;EA2Bb,cAzBe;AA6Kf;AAAA;AAAA;AAAA;;AAlJA;EACC;EACA,kBAjCkB;;AAmClB;EACC,OAlCW;;AAoCX;EAAa,kBA/BQ;;AAgCrB;EAAU,kBAjCU;;AAqCtB;EACC,OAzCa;EA0Cb,kBA5CmB;EA6CnB,cAzCe;;AA2Cf;EACC;EACA,kBAjDkB;;AAmDlB;EACC,OAlDW;;AAoDX;EAAa,kBA9CgB;;AA+C7B;EAAU,kBAhDkB;;AAoD9B;EAGC;;AAIF;EAAkC,OAjErB;;AAmEb;EACC,OApEY;EAqEZ;;AAGD;EAAmB,OAhEN;;AAmEZ;EACC;;AAIA;EACC;;AAKD;EACC;;AAKH;EAAW,WCsCC;;ADpCZ;EAAQ;;AAER;EACC;EACA,aAnFmB;EAoFnB;EACA,gBArFmB;EAsFnB,cAvFoB;;AAyFpB;EACC;EACA;EACA;EACA,cA5FkB;;AA8FlB;EACC;;AAGD;EACC;;AAIF;EACC;;AAIF;EACC,aAzGwB;EA0GxB;EACA,gBA3GwB;EA4GxB,cAjHoB;;AAmHpB;EACC;EACA;EACA;EACA,cAtHkB;;AAyHnB;EACC;;AAIF;EACC;;AAEA;EACC;;AAGD;EACC;;AAGD;EACC;;AAIF;EACC;;AAKA;EACC;EACA,OAzKU;;AA6KZ;EAGC;;AAOD;EACC;EACA;EACA;EACA;EACA;EACA;;AAED;EAAqB;;AACrB;EAAmC;;AAGpC;EACC;EACA;EACA,OAvMc;EAwMd;;AAEA;EACC,OA1MW;;AA+Mb;AAAA;EACS,aCnES","file":"Select.css"}
@@ -0,0 +1 @@
1
+ export {};
@@ -0,0 +1,22 @@
1
+ import React from 'react';
2
+ import { render } from '@testing-library/react';
3
+ import { Select } from './Select';
4
+ describe('Select', () => {
5
+ beforeEach(() => jest.spyOn(console, 'error'));
6
+ it('should pass through data automation attributes', () => {
7
+ const { container } = render(React.createElement(Select, { options: [
8
+ { key: 1, value: 1, text: 'Option 1' },
9
+ { key: 2, value: 2, text: 'Option 2' },
10
+ { key: 3, value: 3, text: 'Option 3' },
11
+ { key: 4, value: 4, text: 'Option 4' },
12
+ { key: 5, value: 5, text: 'Option 5' },
13
+ { key: 6, value: 6, text: 'Option 6' },
14
+ { key: 7, value: 7, text: 'Option 7' },
15
+ { key: 8, value: 8, text: 'Option 8' },
16
+ { key: 9, value: 9, text: 'Option 9' },
17
+ ], placeholder: "Choose Option", "data-auto-sel": "automation-selector" }));
18
+ const element = container.querySelector('[data-auto-sel="automation-selector"]');
19
+ expect(element).not.toBeNull();
20
+ });
21
+ });
22
+ //# sourceMappingURL=Select.test.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Select.test.js","sourceRoot":"","sources":["../../../src/components/Select/Select.test.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAElC,QAAQ,CAAC,QAAQ,EAAE,GAAG,EAAE;IACvB,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,MAAM,IACN,OAAO,EAAE;gBACR,EAAE,GAAG,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,IAAI,EAAE,UAAU,EAAE;gBACtC,EAAE,GAAG,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,IAAI,EAAE,UAAU,EAAE;gBACtC,EAAE,GAAG,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,IAAI,EAAE,UAAU,EAAE;gBACtC,EAAE,GAAG,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,IAAI,EAAE,UAAU,EAAE;gBACtC,EAAE,GAAG,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,IAAI,EAAE,UAAU,EAAE;gBACtC,EAAE,GAAG,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,IAAI,EAAE,UAAU,EAAE;gBACtC,EAAE,GAAG,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,IAAI,EAAE,UAAU,EAAE;gBACtC,EAAE,GAAG,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,IAAI,EAAE,UAAU,EAAE;gBACtC,EAAE,GAAG,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,IAAI,EAAE,UAAU,EAAE;aACtC,EACD,WAAW,EAAC,eAAe,mBACb,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"}
@@ -2,7 +2,7 @@
2
2
  position: relative;
3
3
  }
4
4
  .semantic-anvil-theme.Select-wrapper .ui.selection.dropdown {
5
- background-color: var(--colorsSurfaceDefault, #ffffff);
5
+ background-color: var(--colorsSurfaceDefault, white);
6
6
  color: var(--colorsTextDefault, #141414);
7
7
  border-color: var(--colorsBorderGrey, #dfe0e1);
8
8
  /*
@@ -12,19 +12,19 @@
12
12
  }
13
13
  .semantic-anvil-theme.Select-wrapper .ui.selection.dropdown .menu {
14
14
  border-color: var(--colorsBorderGrey, #dfe0e1) !important;
15
- background-color: var(--colorsSurfaceDefault, #ffffff);
15
+ background-color: var(--colorsSurfaceDefault, white);
16
16
  }
17
17
  .semantic-anvil-theme.Select-wrapper .ui.selection.dropdown .menu > .item {
18
18
  color: var(--colorsTextDefault, #141414);
19
19
  }
20
20
  .semantic-anvil-theme.Select-wrapper .ui.selection.dropdown .menu > .item.selected {
21
- background-color: var(--colorsHoverPrimary, rgba(34, 112, 238, 0.08));
21
+ background-color: var(--colorsHoverPrimary, rgba(2, 101, 220, 0.1));
22
22
  }
23
23
  .semantic-anvil-theme.Select-wrapper .ui.selection.dropdown .menu > .item:hover {
24
24
  background-color: var(--colorsHoverDefault, rgba(20, 20, 20, 0.08));
25
25
  }
26
26
  .semantic-anvil-theme.Select-wrapper .ui.selection.dropdown.error {
27
- color: var(--colorsTextCritical, #f94d32);
27
+ color: var(--colorsTextCritical, #bf2a00);
28
28
  background-color: var(--colorsSurfaceCriticalSubdued, #ffece9);
29
29
  border-color: var(--colorsBorderCritical, #e13212);
30
30
  }
@@ -33,13 +33,13 @@
33
33
  background-color: var(--colorsSurfaceCriticalSubdued, #ffece9);
34
34
  }
35
35
  .semantic-anvil-theme.Select-wrapper .ui.selection.dropdown.error .menu > .item {
36
- color: var(--colorsTextCritical, #f94d32);
36
+ color: var(--colorsTextCritical, #bf2a00);
37
37
  }
38
38
  .semantic-anvil-theme.Select-wrapper .ui.selection.dropdown.error .menu > .item.selected {
39
- background-color: var(--colorsActiveCritical, rgba(225, 50, 18, 0.03));
39
+ background-color: var(--colorsActiveCritical, rgba(225, 50, 18, 0.3));
40
40
  }
41
41
  .semantic-anvil-theme.Select-wrapper .ui.selection.dropdown.error .menu > .item:hover {
42
- background-color: var(--colorsHoverCritical, rgba(225, 50, 18, 0.08));
42
+ background-color: var(--colorsHoverCritical, rgba(225, 50, 18, 0.1));
43
43
  }
44
44
  .semantic-anvil-theme.Select-wrapper .ui.selection.dropdown.error:focus, .semantic-anvil-theme.Select-wrapper .ui.selection.dropdown.error:focus-within {
45
45
  box-shadow: 0 0 0 3px var(--colorsFocusRingCritical, #ffb2a0) !important;
@@ -123,7 +123,7 @@
123
123
  }
124
124
  .semantic-anvil-theme.Select-wrapper .ui.selection.dropdown.active + .Select__clear-icon, .semantic-anvil-theme.Select-wrapper .ui.selection.dropdown:hover + .Select__clear-icon {
125
125
  z-index: 10;
126
- color: var(--colorsTextCritical, #f94d32);
126
+ color: var(--colorsTextCritical, #bf2a00);
127
127
  }
128
128
  .semantic-anvil-theme.Select-wrapper .ui.selection.dropdown:focus, .semantic-anvil-theme.Select-wrapper .ui.selection.dropdown:focus-within {
129
129
  box-shadow: 0 0 0 3px var(--colorsFocusRingPrimary, #a9d1ff) !important;
@@ -149,7 +149,7 @@
149
149
  cursor: pointer;
150
150
  }
151
151
  .semantic-anvil-theme.Select-wrapper .Select__clear-icon:hover {
152
- color: var(--colorsTextCritical, #f94d32);
152
+ color: var(--colorsTextCritical, #bf2a00);
153
153
  }
154
154
  .semantic-anvil-theme.Select-wrapper .text,
155
155
  .semantic-anvil-theme.Select-wrapper .group {
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["../../../src/components/Select/Select.scss","../../../node_modules/@servicetitan/tokens/core/tokens.scss"],"names":[],"mappings":"AA4BA;EACC;;AAEA;EACC,kBA3BmB;EA4BnB,OA1Ba;EA2Bb,cAzBe;AA6Kf;AAAA;AAAA;AAAA;;AAlJA;EACC;EACA,kBAjCkB;;AAmClB;EACC,OAlCW;;AAoCX;EAAa,kBA/BQ;;AAgCrB;EAAU,kBAjCU;;AAqCtB;EACC,OAzCa;EA0Cb,kBA5CmB;EA6CnB,cAzCe;;AA2Cf;EACC;EACA,kBAjDkB;;AAmDlB;EACC,OAlDW;;AAoDX;EAAa,kBA9CgB;;AA+C7B;EAAU,kBAhDkB;;AAoD9B;EAGC;;AAIF;EAAkC,OAjErB;;AAmEb;EACC,OApEY;EAqEZ;;AAGD;EAAmB,OAhEN;;AAmEZ;EACC;;AAIA;EACC;;AAKD;EACC;;AAKH;EAAW,WCuCC;;ADrCZ;EAAQ;;AAER;EACC;EACA,aAnFmB;EAoFnB;EACA,gBArFmB;EAsFnB,cAvFoB;;AAyFpB;EACC;EACA;EACA;EACA,cA5FkB;;AA8FlB;EACC;;AAGD;EACC;;AAIF;EACC;;AAIF;EACC,aAzGwB;EA0GxB;EACA,gBA3GwB;EA4GxB,cAjHoB;;AAmHpB;EACC;EACA;EACA;EACA,cAtHkB;;AAyHnB;EACC;;AAIF;EACC;;AAEA;EACC;;AAGD;EACC;;AAGD;EACC;;AAIF;EACC;;AAKA;EACC;EACA,OAzKU;;AA6KZ;EAGC;;AAOD;EACC;EACA;EACA;EACA;EACA;EACA;;AAED;EAAqB;;AACrB;EAAmC;;AAGpC;EACC;EACA;EACA,OAvMc;EAwMd;;AAEA;EACC,OA1MW;;AA+Mb;AAAA;EACS,aClES","file":"index.css"}
1
+ {"version":3,"sourceRoot":"","sources":["../../../src/components/Select/Select.scss","../../../node_modules/@servicetitan/tokens/core/tokens.scss"],"names":[],"mappings":"AA6BA;EACC;;AAEA;EACC,kBA3BmB;EA4BnB,OA1Ba;EA2Bb,cAzBe;AA6Kf;AAAA;AAAA;AAAA;;AAlJA;EACC;EACA,kBAjCkB;;AAmClB;EACC,OAlCW;;AAoCX;EAAa,kBA/BQ;;AAgCrB;EAAU,kBAjCU;;AAqCtB;EACC,OAzCa;EA0Cb,kBA5CmB;EA6CnB,cAzCe;;AA2Cf;EACC;EACA,kBAjDkB;;AAmDlB;EACC,OAlDW;;AAoDX;EAAa,kBA9CgB;;AA+C7B;EAAU,kBAhDkB;;AAoD9B;EAGC;;AAIF;EAAkC,OAjErB;;AAmEb;EACC,OApEY;EAqEZ;;AAGD;EAAmB,OAhEN;;AAmEZ;EACC;;AAIA;EACC;;AAKD;EACC;;AAKH;EAAW,WCsCC;;ADpCZ;EAAQ;;AAER;EACC;EACA,aAnFmB;EAoFnB;EACA,gBArFmB;EAsFnB,cAvFoB;;AAyFpB;EACC;EACA;EACA;EACA,cA5FkB;;AA8FlB;EACC;;AAGD;EACC;;AAIF;EACC;;AAIF;EACC,aAzGwB;EA0GxB;EACA,gBA3GwB;EA4GxB,cAjHoB;;AAmHpB;EACC;EACA;EACA;EACA,cAtHkB;;AAyHnB;EACC;;AAIF;EACC;;AAEA;EACC;;AAGD;EACC;;AAGD;EACC;;AAIF;EACC;;AAKA;EACC;EACA,OAzKU;;AA6KZ;EAGC;;AAOD;EACC;EACA;EACA;EACA;EACA;EACA;;AAED;EAAqB;;AACrB;EAAmC;;AAGpC;EACC;EACA;EACA,OAvMc;EAwMd;;AAEA;EACC,OA1MW;;AA+Mb;AAAA;EACS,aCnES","file":"index.css"}
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/SideNav/SideNav.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/core/tokens.scss","../../../src/utilities/_list-unset.scss"],"names":[],"mappings":"AAAA;ACSA;ACRC;EACA;AAEA;EACA;EDOA;EACA,OARc;EASd,SEiHW;;AF/GX;EAAI;;AAGJ;EAAW;;;AAGZ;EACC;EACA,eEuGW;EFtGX;EACA,OAnBoB;;AAqBpB;EACC,aEiGU;EFhGV;;;AAIF;EGjCC;EACA;EACA;EACA;EACA","file":"SideNav.css"}
1
+ {"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/SideNav/SideNav.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/core/tokens.scss","../../../src/utilities/_list-unset.scss"],"names":[],"mappings":"AAAA;ACUA;ACPC;EACA;AAEA;EACA;EDMA;EACA,OARc;EASd,SEgHW;;AF9GX;EAAI;;AAGJ;EAAW;;;AAGZ;EACC;EACA,eEsGW;EFrGX;EACA,OAnBoB;;AAqBpB;EACC,aEgGU;EF/FV;;;AAIF;EGlCC;EACA;EACA;EACA;EACA","file":"SideNav.css"}
@@ -0,0 +1 @@
1
+ export {};
@@ -0,0 +1,25 @@
1
+ import React from 'react';
2
+ import { render } from '@testing-library/react';
3
+ import { SideNav } from './SideNav';
4
+ describe('SideNav', () => {
5
+ beforeEach(() => jest.spyOn(console, 'error'));
6
+ it('should pass through data automation attributes', () => {
7
+ const { container } = render(React.createElement(SideNav, { title: "Marketing", "data-auto-sel": "automation-selector" },
8
+ React.createElement(SideNav.Item, null, "Dashboard"),
9
+ React.createElement(SideNav.Item, null, "Campaigns"),
10
+ React.createElement(SideNav.Item, null, "Emails"),
11
+ React.createElement(SideNav.Item, null, "Audiences")));
12
+ const element = container.querySelector('[data-auto-sel="automation-selector"]');
13
+ expect(element).not.toBeNull();
14
+ });
15
+ it('should pass through data automation attributes', () => {
16
+ const { container } = render(React.createElement(SideNav, { title: "Marketing" },
17
+ React.createElement(SideNav.Item, { "data-auto-sel": "automation-selector" }, "Dashboard"),
18
+ React.createElement(SideNav.Item, null, "Campaigns"),
19
+ React.createElement(SideNav.Item, null, "Emails"),
20
+ React.createElement(SideNav.Item, null, "Audiences")));
21
+ const element = container.querySelector('[data-auto-sel="automation-selector"]');
22
+ expect(element).not.toBeNull();
23
+ });
24
+ });
25
+ //# sourceMappingURL=SideNav.test.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"SideNav.test.js","sourceRoot":"","sources":["../../../src/components/SideNav/SideNav.test.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAEpC,QAAQ,CAAC,SAAS,EAAE,GAAG,EAAE;IACxB,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,OAAO,IAAC,KAAK,EAAC,WAAW,mBAAe,qBAAqB;YAC7D,oBAAC,OAAO,CAAC,IAAI,oBAAyB;YACtC,oBAAC,OAAO,CAAC,IAAI,oBAAyB;YACtC,oBAAC,OAAO,CAAC,IAAI,iBAAsB;YACnC,oBAAC,OAAO,CAAC,IAAI,oBAAyB,CAC7B,CACV,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,OAAO,IAAC,KAAK,EAAC,WAAW;YACzB,oBAAC,OAAO,CAAC,IAAI,qBAAe,qBAAqB,gBAElC;YACf,oBAAC,OAAO,CAAC,IAAI,oBAAyB;YACtC,oBAAC,OAAO,CAAC,IAAI,iBAAsB;YACnC,oBAAC,OAAO,CAAC,IAAI,oBAAyB,CAC7B,CACV,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"}
@@ -52,14 +52,14 @@
52
52
  /* States */
53
53
  }
54
54
  .SideNavItem > .SideNavItem__button:hover {
55
- background: var(--colorsHoverDefault, rgba(4, 4, 4, 0.08));
55
+ background: var(--colorsHoverDefault, rgba(20, 20, 20, 0.08));
56
56
  }
57
57
  .SideNavItem > .SideNavItem__button:active:not(:focus-within) {
58
- background-color: var(--colorsActiveDefault, rgba(4, 4, 4, 0.2));
58
+ background-color: var(--colorsActiveDefault, rgba(20, 20, 20, 0.2));
59
59
  }
60
60
  .SideNavItem > .SideNavItem__button.SideNavItem__button--focus-visible:focus {
61
61
  outline: none;
62
- box-shadow: inset 0 0 0 2px var(--colorsFocusRingPrimary, #a9d1ff);
62
+ box-shadow: inset 0 0 0 2px var(--colorsFocusRingPrimary, #78bbfa);
63
63
  }
64
64
  .SideNavItem > .SideNavItem__button > .SideNavItem__button__prefix,
65
65
  .SideNavItem > .SideNavItem__button > .SideNavItem__button__content,
@@ -84,15 +84,15 @@
84
84
  pointer-events: none;
85
85
  }
86
86
  .SideNavItem.SideNavItem--active > .SideNavItem__button:not(.SideNavItem__button--expanded) {
87
- background-color: var(--colorsHoverPrimary, rgba(34, 112, 238, 0.08));
88
- color: var(--colorsTextPrimary, #2270ee);
87
+ background-color: var(--colorsHoverPrimary, rgba(2, 101, 220, 0.1));
88
+ color: var(--colorsTextPrimary, #0265dc);
89
89
  }
90
90
  .SideNavItem.SideNavItem--active > .SideNavItem__button:not(.SideNavItem__button--expanded) > .SideNavItem__button__content {
91
91
  font-weight: bold;
92
92
  }
93
93
  .SideNavItem.SideNavItem--active > .SideNavItem__button:not(.SideNavItem__button--expanded) .a-Icon svg {
94
- color: var(--colorsTextPrimary, #2270ee) !important;
95
- fill: var(--colorsTextPrimary, #2270ee) !important;
94
+ color: var(--colorsTextPrimary, #0265dc) !important;
95
+ fill: var(--colorsTextPrimary, #0265dc) !important;
96
96
  }
97
97
  .SideNavItem .SideNavItem__button--expanded > .SideNavItem__button__content {
98
98
  font-weight: bold;
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/SideNav/SideNav.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/core/tokens.scss","../../../src/utilities/_list-unset.scss","../../../src/components/SideNav/SideNavItem.scss"],"names":[],"mappings":"AAAA;ACSA;ACRC;EACA;AAEA;EACA;EDOA;EACA,OARc;EASd,SEiHW;;AF/GX;EAAI;;AAGJ;EAAW;;;AAGZ;EACC;EACA,eEuGW;EFtGX;EACA,OAnBoB;;AAqBpB;EACC,aEiGU;EFhGV;;;AAIF;EGjCC;EACA;EACA;EACA;EACA;;;ACYD;EACC;EACA;;AAEA;EACC,eFDgB;EEEhB,OJlBa;EImBb,aFoFoB;EEnFpB;EACA;EACA;EACA;EACA;EACA;EACA;AAEA;;AACA;EAAU,YA5BO;;AA6BjB;EAA8B,kBA5BZ;;AA8BlB;EACC;EACA,YA3Ba;;AA8Bd;AAAA;AAAA;EAGC;EACA;EACA;;AAGD;EAAiC,cF4EvB;;AE3EV;EAAiC,aF2EvB;;AEzEV;EACC;EACA;;AAKD;EACC;EACA,SFqDmB;EEpDnB;;AAKD;EACC,kBA7DmB;EA8DnB,OAlEW;;AAoEX;EAAkC;;AAElC;EACC;EACA;;AAKH;EAAiE;;AAGjE;EACC;;AAKA;EAA+B;;;AAKjC;EACC;EACA;;AAEA;EAAmC;;;AAOlC;AAAA;EAAU;;AAGX;EAAe;;AAEf;EACC;EACA;;AAGD;EAA8B;;AAC9B;EAAW;;AAEX;EACC,aFMU;EELV","file":"SideNavItem.css"}
1
+ {"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/SideNav/SideNav.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/core/tokens.scss","../../../src/utilities/_list-unset.scss","../../../src/components/SideNav/SideNavItem.scss"],"names":[],"mappings":"AAAA;ACUA;ACPC;EACA;AAEA;EACA;EDMA;EACA,OARc;EASd,SEgHW;;AF9GX;EAAI;;AAGJ;EAAW;;;AAGZ;EACC;EACA,eEsGW;EFrGX;EACA,OAnBoB;;AAqBpB;EACC,aEgGU;EF/FV;;;AAIF;EGlCC;EACA;EACA;EACA;EACA;;;ACaD;EACC;EACA;;AAEA;EACC,eFFgB;EEGhB,OJlBa;EImBb,aFmFoB;EElFpB;EACA;EACA;EACA;EACA;EACA;EACA;AAEA;;AACA;EAAU,YA5BO;;AA6BjB;EAA8B,kBA5BZ;;AA8BlB;EACC;EACA,YA3Ba;;AA8Bd;AAAA;AAAA;EAGC;EACA;EACA;;AAGD;EAAiC,cF2EvB;;AE1EV;EAAiC,aF0EvB;;AExEV;EACC;EACA;;AAKD;EACC;EACA,SFoDmB;EEnDnB;;AAKD;EACC,kBA7DmB;EA8DnB,OAlEW;;AAoEX;EAAkC;;AAElC;EACC;EACA;;AAKH;EAAiE;;AAGjE;EACC;;AAKA;EAA+B;;;AAKjC;EACC;EACA;;AAEA;EAAmC;;;AAOlC;AAAA;EAAU;;AAGX;EAAe;;AAEf;EACC;EACA;;AAGD;EAA8B;;AAC9B;EAAW;;AAEX;EACC,aFKU;EEJV","file":"SideNavItem.css"}
@@ -43,13 +43,13 @@ export const SideNavItem = (_a) => {
43
43
  * SideNav Item's Button
44
44
  */
45
45
  const SideNavItemButton = (_a) => {
46
- var { collapsible, children, disabled, expanded, href, icon, onClick, onFocus, onBlur, prefix, suffix } = _a, rest = __rest(_a, ["collapsible", "children", "disabled", "expanded", "href", "icon", "onClick", "onFocus", "onBlur", "prefix", "suffix"]);
46
+ var { active: _, className, collapsible, children, disabled, expanded, href, icon, onClick, onFocus, onBlur, prefix, suffix } = _a, rest = __rest(_a, ["active", "className", "collapsible", "children", "disabled", "expanded", "href", "icon", "onClick", "onFocus", "onBlur", "prefix", "suffix"]);
47
47
  const El = href ? 'a' : 'span';
48
48
  const buttonRef = React.useRef(null);
49
49
  const collapsibleContext = React.useContext(CollapsibleContext);
50
50
  const focusManager = useFocusManager();
51
51
  const { isFocusVisible, focusFunction, blurFunction } = useFocusVisible(buttonRef, onBlur, onFocus);
52
- const SideNavItemButtonClasses = classnames('SideNavItem__button', {
52
+ const SideNavItemButtonClasses = classnames('SideNavItem__button', className, {
53
53
  'SideNavItem__button--focus-visible': isFocusVisible,
54
54
  'SideNavItem__button--expanded': collapsible && (collapsibleContext === null || collapsibleContext === void 0 ? void 0 : collapsibleContext.expanded),
55
55
  });
@@ -116,7 +116,7 @@ const SideNavItemButton = (_a) => {
116
116
  target: href && rest.target,
117
117
  };
118
118
  return (React.createElement(SideNavItemContext.Provider, { value: { buttonRef } },
119
- React.createElement(El, Object.assign({ ref: buttonRef, onClick: handleClick, onKeyDown: handleKeyDown, onFocus: focusFunction, onBlur: blurFunction }, buttonProps),
119
+ React.createElement(El, Object.assign({}, rest, { ref: buttonRef, onClick: handleClick, onKeyDown: handleKeyDown, onFocus: focusFunction, onBlur: blurFunction }, buttonProps),
120
120
  renderPrefix(),
121
121
  React.createElement(BodyText, { el: "span", size: "small", className: "SideNavItem__button__content" }, children),
122
122
  renderSuffix())));
@@ -1 +1 @@
1
- {"version":3,"file":"SideNavItem.js","sourceRoot":"","sources":["../../../src/components/SideNav/SideNavItem.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"SideNavItem.js","sourceRoot":"","sources":["../../../src/components/SideNav/SideNavItem.tsx"],"names":[],"mappings":"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"}
@@ -52,14 +52,14 @@
52
52
  /* States */
53
53
  }
54
54
  .SideNavItem > .SideNavItem__button:hover {
55
- background: var(--colorsHoverDefault, rgba(4, 4, 4, 0.08));
55
+ background: var(--colorsHoverDefault, rgba(20, 20, 20, 0.08));
56
56
  }
57
57
  .SideNavItem > .SideNavItem__button:active:not(:focus-within) {
58
- background-color: var(--colorsActiveDefault, rgba(4, 4, 4, 0.2));
58
+ background-color: var(--colorsActiveDefault, rgba(20, 20, 20, 0.2));
59
59
  }
60
60
  .SideNavItem > .SideNavItem__button.SideNavItem__button--focus-visible:focus {
61
61
  outline: none;
62
- box-shadow: inset 0 0 0 2px var(--colorsFocusRingPrimary, #a9d1ff);
62
+ box-shadow: inset 0 0 0 2px var(--colorsFocusRingPrimary, #78bbfa);
63
63
  }
64
64
  .SideNavItem > .SideNavItem__button > .SideNavItem__button__prefix,
65
65
  .SideNavItem > .SideNavItem__button > .SideNavItem__button__content,
@@ -84,15 +84,15 @@
84
84
  pointer-events: none;
85
85
  }
86
86
  .SideNavItem.SideNavItem--active > .SideNavItem__button:not(.SideNavItem__button--expanded) {
87
- background-color: var(--colorsHoverPrimary, rgba(34, 112, 238, 0.08));
88
- color: var(--colorsTextPrimary, #2270ee);
87
+ background-color: var(--colorsHoverPrimary, rgba(2, 101, 220, 0.1));
88
+ color: var(--colorsTextPrimary, #0265dc);
89
89
  }
90
90
  .SideNavItem.SideNavItem--active > .SideNavItem__button:not(.SideNavItem__button--expanded) > .SideNavItem__button__content {
91
91
  font-weight: bold;
92
92
  }
93
93
  .SideNavItem.SideNavItem--active > .SideNavItem__button:not(.SideNavItem__button--expanded) .a-Icon svg {
94
- color: var(--colorsTextPrimary, #2270ee) !important;
95
- fill: var(--colorsTextPrimary, #2270ee) !important;
94
+ color: var(--colorsTextPrimary, #0265dc) !important;
95
+ fill: var(--colorsTextPrimary, #0265dc) !important;
96
96
  }
97
97
  .SideNavItem .SideNavItem__button--expanded > .SideNavItem__button__content {
98
98
  font-weight: bold;
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/SideNav/SideNav.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/core/tokens.scss","../../../src/utilities/_list-unset.scss","../../../src/components/SideNav/SideNavItem.scss","../../../src/components/SideNav/SideNavGroup.scss"],"names":[],"mappings":"AAAA;ACSA;ACRC;EACA;AAEA;EACA;EDOA;EACA,OARc;EASd,SEiHW;;AF/GX;EAAI;;AAGJ;EAAW;;;AAGZ;EACC;EACA,eEuGW;EFtGX;EACA,OAnBoB;;AAqBpB;EACC,aEiGU;EFhGV;;;AAIF;EGjCC;EACA;EACA;EACA;EACA;;;ACYD;EACC;EACA;;AAEA;EACC,eFDgB;EEEhB,OJlBa;EImBb,aFoFoB;EEnFpB;EACA;EACA;EACA;EACA;EACA;EACA;AAEA;;AACA;EAAU,YA5BO;;AA6BjB;EAA8B,kBA5BZ;;AA8BlB;EACC;EACA,YA3Ba;;AA8Bd;AAAA;AAAA;EAGC;EACA;EACA;;AAGD;EAAiC,cF4EvB;;AE3EV;EAAiC,aF2EvB;;AEzEV;EACC;EACA;;AAKD;EACC;EACA,SFqDmB;EEpDnB;;AAKD;EACC,kBA7DmB;EA8DnB,OAlEW;;AAoEX;EAAkC;;AAElC;EACC;EACA;;AAKH;EAAiE;;AAGjE;EACC;;AAKA;EAA+B;;;AAKjC;EACC;EACA;;AAEA;EAAmC;;;AAOlC;AAAA;EAAU;;AAGX;EAAe;;AAEf;EACC;EACA;;AAGD;EAA8B;;AAC9B;EAAW;;AAEX;EACC,aFMU;EELV;;;ACtHF;EACC,YH4HW;;AG1HX;EAA+B,YHyHpB;;AGxHX;EAA8B,eHwHnB;;;AGrHZ;EACC,QHmHW;EGlHX;;;AAGD;EFdC;EACA;EACA;EACA;EACA","file":"index.css"}
1
+ {"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/SideNav/SideNav.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/core/tokens.scss","../../../src/utilities/_list-unset.scss","../../../src/components/SideNav/SideNavItem.scss","../../../src/components/SideNav/SideNavGroup.scss"],"names":[],"mappings":"AAAA;ACUA;ACPC;EACA;AAEA;EACA;EDMA;EACA,OARc;EASd,SEgHW;;AF9GX;EAAI;;AAGJ;EAAW;;;AAGZ;EACC;EACA,eEsGW;EFrGX;EACA,OAnBoB;;AAqBpB;EACC,aEgGU;EF/FV;;;AAIF;EGlCC;EACA;EACA;EACA;EACA;;;ACaD;EACC;EACA;;AAEA;EACC,eFFgB;EEGhB,OJlBa;EImBb,aFmFoB;EElFpB;EACA;EACA;EACA;EACA;EACA;EACA;AAEA;;AACA;EAAU,YA5BO;;AA6BjB;EAA8B,kBA5BZ;;AA8BlB;EACC;EACA,YA3Ba;;AA8Bd;AAAA;AAAA;EAGC;EACA;EACA;;AAGD;EAAiC,cF2EvB;;AE1EV;EAAiC,aF0EvB;;AExEV;EACC;EACA;;AAKD;EACC;EACA,SFoDmB;EEnDnB;;AAKD;EACC,kBA7DmB;EA8DnB,OAlEW;;AAoEX;EAAkC;;AAElC;EACC;EACA;;AAKH;EAAiE;;AAGjE;EACC;;AAKA;EAA+B;;;AAKjC;EACC;EACA;;AAEA;EAAmC;;;AAOlC;AAAA;EAAU;;AAGX;EAAe;;AAEf;EACC;EACA;;AAGD;EAA8B;;AAC9B;EAAW;;AAEX;EACC,aFKU;EEJV;;;ACvHF;EACC,YH4HW;;AG1HX;EAA+B,YHyHpB;;AGxHX;EAA8B,eHwHnB;;;AGrHZ;EACC,QHmHW;EGlHX;;;AAGD;EFdC;EACA;EACA;EACA;EACA","file":"index.css"}
@@ -42,7 +42,7 @@
42
42
  .Page.bg-neutral-10 .Sidebar__content,
43
43
  .Sidebar__toggle-button,
44
44
  .Page.bg-neutral-10 .Sidebar__toggle-button {
45
- background: var(--colorsSurfaceDefault, #ffffff);
45
+ background: var(--colorsSurfaceDefault, white);
46
46
  }
47
47
  .Page.bg-white .Sidebar__wrapper, .Page.bg-neutral-0 .Sidebar__wrapper,
48
48
  .Page.bg-white .Sidebar__content,
@@ -102,16 +102,16 @@
102
102
  opacity: 0;
103
103
  transition: opacity 0.25s;
104
104
  padding: 3px !important;
105
- background: var(--colorsSurfaceDefault, #ffffff);
105
+ background: var(--colorsSurfaceDefault, white);
106
106
  }
107
107
  .Sidebar__toggle-button:hover {
108
- background: var(--colorsSurfaceDefault, #ffffff);
109
- color: var(--colorsTextPrimary, #2270ee);
110
- border-color: var(--colorsTextPrimary, #2270ee);
108
+ background: var(--colorsSurfaceDefault, white);
109
+ color: var(--colorsTextPrimary, #0265dc);
110
+ border-color: var(--colorsTextPrimary, #0265dc);
111
111
  box-shadow: 0 8px 24px rgba(20, 20, 20, 0.1);
112
112
  }
113
113
  .Sidebar__toggle-button:hover::before {
114
- background-color: var(--colorsHoverPrimary, rgba(34, 112, 238, 0.08));
114
+ background-color: var(--colorsHoverPrimary, rgba(2, 101, 220, 0.1));
115
115
  }
116
116
  .Sidebar__toggle-button.Button--focus-visible:focus {
117
117
  opacity: 1;
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Sidebar/Sidebar.scss","../../../src/utilities/_component-reset.scss"],"names":[],"mappings":"AAAA;ACiBA;AChBC;EACA;AAEA;EACA;EDeA;EACA;EACA;EACA,OApBe;EAqBf;;AAEA;AAAA;EAEC;EACA;;;AAIF;EACC;EACA,OAhCe;EAiCf;EACA;EACA;;;AAGD;EACC;EACA;EACA,OAzCe;;;AA4ChB;AAAA;AAAA;AAAA;EAIC;;;AAMA;AAAA;AAAA;AAAA;AAAA;EACwB,YAhDJ;;AAkDpB;AAAA;AAAA;AAAA;AAAA;EACuB,YAjDN;;;AAoDlB;EACC,OA7DyB;EA8DzB;;AAEA;EACC,OAjEwB;EAkExB;;AAGD;EAA4B;;AAE5B;EACC;EACA;EACA;;AAIA;EACC;;;AAKH;EACC,OArFyB;;AAuFzB;EACC,OAzFc;EA0Fd;;AAGD;EACC;EACA;;;AAKD;EACC;;AAGD;EACC;;AAGD;EACC;EACA,eA3G6B;;;AA+G/B;EACC;EACA,eAhH6B;EAiH7B;EACA;EACA;EACA;EACA,YA7G2B;;AA+G3B;EACC,YAhH0B;EAiH1B,OAlHkB;EAmHlB,cAnHkB;EAoHlB;;AAEA;EACC,kBAxHuB;;AA4HzB;EAAgC;;;AAGjC;EACC;EACA,KAtI2B;EAuI3B;EACA","file":"Sidebar.css"}
1
+ {"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Sidebar/Sidebar.scss","../../../src/utilities/_component-reset.scss"],"names":[],"mappings":"AAAA;ACkBA;ACfC;EACA;AAEA;EACA;EDcA;EACA;EACA;EACA,OApBe;EAqBf;;AAEA;AAAA;EAEC;EACA;;;AAIF;EACC;EACA,OAhCe;EAiCf;EACA;EACA;;;AAGD;EACC;EACA;EACA,OAzCe;;;AA4ChB;AAAA;AAAA;AAAA;EAIC;;;AAMA;AAAA;AAAA;AAAA;AAAA;EACwB,YAhDJ;;AAkDpB;AAAA;AAAA;AAAA;AAAA;EACuB,YAjDN;;;AAoDlB;EACC,OA7DyB;EA8DzB;;AAEA;EACC,OAjEwB;EAkExB;;AAGD;EAA4B;;AAE5B;EACC;EACA;EACA;;AAIA;EACC;;;AAKH;EACC,OArFyB;;AAuFzB;EACC,OAzFc;EA0Fd;;AAGD;EACC;EACA;;;AAKD;EACC;;AAGD;EACC;;AAGD;EACC;EACA,eA3G6B;;;AA+G/B;EACC;EACA,eAhH6B;EAiH7B;EACA;EACA;EACA;EACA,YA7G2B;;AA+G3B;EACC,YAhH0B;EAiH1B,OAlHkB;EAmHlB,cAnHkB;EAoHlB;;AAEA;EACC,kBAxHuB;;AA4HzB;EAAgC;;;AAGjC;EACC;EACA,KAtI2B;EAuI3B;EACA","file":"Sidebar.css"}
@@ -0,0 +1 @@
1
+ export {};
@@ -0,0 +1,14 @@
1
+ import React from 'react';
2
+ import { render } from '@testing-library/react';
3
+ import { Sidebar } from './Sidebar';
4
+ import { BodyText } from '../BodyText';
5
+ describe('Sidebar', () => {
6
+ beforeEach(() => jest.spyOn(console, 'error'));
7
+ it('should pass through data automation attributes', () => {
8
+ const { container } = render(React.createElement(Sidebar, { localStorageKey: "sidebar-stories__sidebar", "data-auto-sel": "automation-selector" },
9
+ React.createElement(BodyText, null, "Sidebar")));
10
+ const element = container.querySelector('[data-auto-sel="automation-selector"]');
11
+ expect(element).not.toBeNull();
12
+ });
13
+ });
14
+ //# sourceMappingURL=Sidebar.test.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Sidebar.test.js","sourceRoot":"","sources":["../../../src/components/Sidebar/Sidebar.test.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAEvC,QAAQ,CAAC,SAAS,EAAE,GAAG,EAAE;IACxB,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,OAAO,IACP,eAAe,EAAC,0BAA0B,mBAC5B,qBAAqB;YAEnC,oBAAC,QAAQ,kBAAmB,CACnB,CACV,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"}
@@ -42,7 +42,7 @@
42
42
  .Page.bg-neutral-10 .Sidebar__content,
43
43
  .Sidebar__toggle-button,
44
44
  .Page.bg-neutral-10 .Sidebar__toggle-button {
45
- background: var(--colorsSurfaceDefault, #ffffff);
45
+ background: var(--colorsSurfaceDefault, white);
46
46
  }
47
47
  .Page.bg-white .Sidebar__wrapper, .Page.bg-neutral-0 .Sidebar__wrapper,
48
48
  .Page.bg-white .Sidebar__content,
@@ -102,16 +102,16 @@
102
102
  opacity: 0;
103
103
  transition: opacity 0.25s;
104
104
  padding: 3px !important;
105
- background: var(--colorsSurfaceDefault, #ffffff);
105
+ background: var(--colorsSurfaceDefault, white);
106
106
  }
107
107
  .Sidebar__toggle-button:hover {
108
- background: var(--colorsSurfaceDefault, #ffffff);
109
- color: var(--colorsTextPrimary, #2270ee);
110
- border-color: var(--colorsTextPrimary, #2270ee);
108
+ background: var(--colorsSurfaceDefault, white);
109
+ color: var(--colorsTextPrimary, #0265dc);
110
+ border-color: var(--colorsTextPrimary, #0265dc);
111
111
  box-shadow: 0 8px 24px rgba(20, 20, 20, 0.1);
112
112
  }
113
113
  .Sidebar__toggle-button:hover::before {
114
- background-color: var(--colorsHoverPrimary, rgba(34, 112, 238, 0.08));
114
+ background-color: var(--colorsHoverPrimary, rgba(2, 101, 220, 0.1));
115
115
  }
116
116
  .Sidebar__toggle-button.Button--focus-visible:focus {
117
117
  opacity: 1;
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Sidebar/Sidebar.scss","../../../src/utilities/_component-reset.scss","../../../src/components/Sidebar/SidebarSection.scss","../../../node_modules/@servicetitan/tokens/core/tokens.scss"],"names":[],"mappings":"AAAA;ACiBA;AChBC;EACA;AAEA;EACA;EDeA;EACA;EACA;EACA,OApBe;EAqBf;;AAEA;AAAA;EAEC;EACA;;;AAIF;EACC;EACA,OAhCe;EAiCf;EACA;EACA;;;AAGD;EACC;EACA;EACA,OAzCe;;;AA4ChB;AAAA;AAAA;AAAA;EAIC;;;AAMA;AAAA;AAAA;AAAA;AAAA;EACwB,YAhDJ;;AAkDpB;AAAA;AAAA;AAAA;AAAA;EACuB,YAjDN;;;AAoDlB;EACC,OA7DyB;EA8DzB;;AAEA;EACC,OAjEwB;EAkExB;;AAGD;EAA4B;;AAE5B;EACC;EACA;EACA;;AAIA;EACC;;;AAKH;EACC,OArFyB;;AAuFzB;EACC,OAzFc;EA0Fd;;AAGD;EACC;EACA;;;AAKD;EACC;;AAGD;EACC;;AAGD;EACC;EACA,eA3G6B;;;AA+G/B;EACC;EACA,eAhH6B;EAiH7B;EACA;EACA;EACA;EACA,YA7G2B;;AA+G3B;EACC,YAhH0B;EAiH1B,OAlHkB;EAmHlB,cAnHkB;EAoHlB;;AAEA;EACC,kBAxHuB;;AA4HzB;EAAgC;;;AAGjC;EACC;EACA,KAtI2B;EAuI3B;EACA;;;AE7ID;EACC;EACA,SC0HW;;ADxHX;EAAgB;;;AAGjB;AACA;EACC;EACA;;;AAGD;EACC;EACA;;;AAGD;EAA0B","file":"SidebarSection.css"}
1
+ {"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Sidebar/Sidebar.scss","../../../src/utilities/_component-reset.scss","../../../src/components/Sidebar/SidebarSection.scss","../../../node_modules/@servicetitan/tokens/core/tokens.scss"],"names":[],"mappings":"AAAA;ACkBA;ACfC;EACA;AAEA;EACA;EDcA;EACA;EACA;EACA,OApBe;EAqBf;;AAEA;AAAA;EAEC;EACA;;;AAIF;EACC;EACA,OAhCe;EAiCf;EACA;EACA;;;AAGD;EACC;EACA;EACA,OAzCe;;;AA4ChB;AAAA;AAAA;AAAA;EAIC;;;AAMA;AAAA;AAAA;AAAA;AAAA;EACwB,YAhDJ;;AAkDpB;AAAA;AAAA;AAAA;AAAA;EACuB,YAjDN;;;AAoDlB;EACC,OA7DyB;EA8DzB;;AAEA;EACC,OAjEwB;EAkExB;;AAGD;EAA4B;;AAE5B;EACC;EACA;EACA;;AAIA;EACC;;;AAKH;EACC,OArFyB;;AAuFzB;EACC,OAzFc;EA0Fd;;AAGD;EACC;EACA;;;AAKD;EACC;;AAGD;EACC;;AAGD;EACC;EACA,eA3G6B;;;AA+G/B;EACC;EACA,eAhH6B;EAiH7B;EACA;EACA;EACA;EACA,YA7G2B;;AA+G3B;EACC,YAhH0B;EAiH1B,OAlHkB;EAmHlB,cAnHkB;EAoHlB;;AAEA;EACC,kBAxHuB;;AA4HzB;EAAgC;;;AAGjC;EACC;EACA,KAtI2B;EAuI3B;EACA;;;AE9ID;EACC;EACA,SC0HW;;ADxHX;EAAgB;;;AAGjB;AACA;EACC;EACA;;;AAGD;EACC;EACA;;;AAGD;EAA0B","file":"SidebarSection.css"}
@@ -42,7 +42,7 @@
42
42
  .Page.bg-neutral-10 .Sidebar__content,
43
43
  .Sidebar__toggle-button,
44
44
  .Page.bg-neutral-10 .Sidebar__toggle-button {
45
- background: var(--colorsSurfaceDefault, #ffffff);
45
+ background: var(--colorsSurfaceDefault, white);
46
46
  }
47
47
  .Page.bg-white .Sidebar__wrapper, .Page.bg-neutral-0 .Sidebar__wrapper,
48
48
  .Page.bg-white .Sidebar__content,
@@ -102,16 +102,16 @@
102
102
  opacity: 0;
103
103
  transition: opacity 0.25s;
104
104
  padding: 3px !important;
105
- background: var(--colorsSurfaceDefault, #ffffff);
105
+ background: var(--colorsSurfaceDefault, white);
106
106
  }
107
107
  .Sidebar__toggle-button:hover {
108
- background: var(--colorsSurfaceDefault, #ffffff);
109
- color: var(--colorsTextPrimary, #2270ee);
110
- border-color: var(--colorsTextPrimary, #2270ee);
108
+ background: var(--colorsSurfaceDefault, white);
109
+ color: var(--colorsTextPrimary, #0265dc);
110
+ border-color: var(--colorsTextPrimary, #0265dc);
111
111
  box-shadow: 0 8px 24px rgba(20, 20, 20, 0.1);
112
112
  }
113
113
  .Sidebar__toggle-button:hover::before {
114
- background-color: var(--colorsHoverPrimary, rgba(34, 112, 238, 0.08));
114
+ background-color: var(--colorsHoverPrimary, rgba(2, 101, 220, 0.1));
115
115
  }
116
116
  .Sidebar__toggle-button.Button--focus-visible:focus {
117
117
  opacity: 1;
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Sidebar/Sidebar.scss","../../../src/utilities/_component-reset.scss","../../../src/components/Sidebar/SidebarSection.scss","../../../node_modules/@servicetitan/tokens/core/tokens.scss"],"names":[],"mappings":"AAAA;ACiBA;AChBC;EACA;AAEA;EACA;EDeA;EACA;EACA;EACA,OApBe;EAqBf;;AAEA;AAAA;EAEC;EACA;;;AAIF;EACC;EACA,OAhCe;EAiCf;EACA;EACA;;;AAGD;EACC;EACA;EACA,OAzCe;;;AA4ChB;AAAA;AAAA;AAAA;EAIC;;;AAMA;AAAA;AAAA;AAAA;AAAA;EACwB,YAhDJ;;AAkDpB;AAAA;AAAA;AAAA;AAAA;EACuB,YAjDN;;;AAoDlB;EACC,OA7DyB;EA8DzB;;AAEA;EACC,OAjEwB;EAkExB;;AAGD;EAA4B;;AAE5B;EACC;EACA;EACA;;AAIA;EACC;;;AAKH;EACC,OArFyB;;AAuFzB;EACC,OAzFc;EA0Fd;;AAGD;EACC;EACA;;;AAKD;EACC;;AAGD;EACC;;AAGD;EACC;EACA,eA3G6B;;;AA+G/B;EACC;EACA,eAhH6B;EAiH7B;EACA;EACA;EACA;EACA,YA7G2B;;AA+G3B;EACC,YAhH0B;EAiH1B,OAlHkB;EAmHlB,cAnHkB;EAoHlB;;AAEA;EACC,kBAxHuB;;AA4HzB;EAAgC;;;AAGjC;EACC;EACA,KAtI2B;EAuI3B;EACA;;;AE7ID;EACC;EACA,SC0HW;;ADxHX;EAAgB;;;AAGjB;AACA;EACC;EACA;;;AAGD;EACC;EACA;;;AAGD;EAA0B","file":"index.css"}
1
+ {"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Sidebar/Sidebar.scss","../../../src/utilities/_component-reset.scss","../../../src/components/Sidebar/SidebarSection.scss","../../../node_modules/@servicetitan/tokens/core/tokens.scss"],"names":[],"mappings":"AAAA;ACkBA;ACfC;EACA;AAEA;EACA;EDcA;EACA;EACA;EACA,OApBe;EAqBf;;AAEA;AAAA;EAEC;EACA;;;AAIF;EACC;EACA,OAhCe;EAiCf;EACA;EACA;;;AAGD;EACC;EACA;EACA,OAzCe;;;AA4ChB;AAAA;AAAA;AAAA;EAIC;;;AAMA;AAAA;AAAA;AAAA;AAAA;EACwB,YAhDJ;;AAkDpB;AAAA;AAAA;AAAA;AAAA;EACuB,YAjDN;;;AAoDlB;EACC,OA7DyB;EA8DzB;;AAEA;EACC,OAjEwB;EAkExB;;AAGD;EAA4B;;AAE5B;EACC;EACA;EACA;;AAIA;EACC;;;AAKH;EACC,OArFyB;;AAuFzB;EACC,OAzFc;EA0Fd;;AAGD;EACC;EACA;;;AAKD;EACC;;AAGD;EACC;;AAGD;EACC;EACA,eA3G6B;;;AA+G/B;EACC;EACA,eAhH6B;EAiH7B;EACA;EACA;EACA;EACA,YA7G2B;;AA+G3B;EACC,YAhH0B;EAiH1B,OAlHkB;EAmHlB,cAnHkB;EAoHlB;;AAEA;EACC,kBAxHuB;;AA4HzB;EAAgC;;;AAGjC;EACC;EACA,KAtI2B;EAuI3B;EACA;;;AE9ID;EACC;EACA,SC0HW;;ADxHX;EAAgB;;;AAGjB;AACA;EACC;EACA;;;AAGD;EACC;EACA;;;AAGD;EAA0B","file":"index.css"}
@@ -9,7 +9,7 @@
9
9
  border-radius: 3px;
10
10
  box-shadow: 0 8px 24px rgba(20, 20, 20, 0.1);
11
11
  box-sizing: border-box;
12
- color: var(--colorsTextInverted, #ffffff);
12
+ color: var(--colorsTextInverted, white);
13
13
  display: inline-flex;
14
14
  font-size: 16px;
15
15
  align-items: center;
@@ -28,7 +28,7 @@
28
28
 
29
29
  .Snackbar__action {
30
30
  background: transparent;
31
- color: var(--colorsTextPrimarySubdued, #a9d1ff);
31
+ color: var(--colorsTextPrimarySubdued, #78bbfa);
32
32
  cursor: pointer;
33
33
  line-height: 1.5;
34
34
  text-align: right;
@@ -58,7 +58,7 @@
58
58
  background-color: transparent;
59
59
  }
60
60
  .Snackbar__close.Button.Button--icon-only:hover {
61
- color: var(--colorsTextInverted, #949596);
61
+ color: var(--colorsTextInverted, white);
62
62
  }
63
63
 
64
64
  .Snackbar--floating {
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Snackbar/Snackbar.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/core/tokens.scss"],"names":[],"mappings":"AAAA;ACUA;ACTC;EACA;AAEA;EACA;EDQA;EACA,YAXoB;EAYpB,eEMiB;EFLjB;EACA;EACA,OAdc;EAed;EACA,WEsHa;EFrHb;AAEA;EACA;EACA;EACA,SEqGW;EFpGX;;;AAGD;EACC;EACA,aEgHkB;EF/GlB,eEgGW;;;AF7FZ;EACC;EACA,OAjCa;EAkCb;EACA,aEwGkB;EFvGlB;EACA,cEqFW;;AFnFX;EACC;;;AAIF;EACC;EACA;EACA;EACA;EACA;EACA,OAhDc;;AAkDd;AAAA;EAEC;EACA;;AAED;EAAgB;;AAEhB;EAAU;;AACV;EAA4B,OAzDhB;;;AA4Db;EACC,QE0DW;EFzDX,MEyDW;EFxDX;EACA;;;AAGD;EACC;IACC;IACA;;EAGD;IACC;IACA","file":"Snackbar.css"}
1
+ {"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Snackbar/Snackbar.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/core/tokens.scss"],"names":[],"mappings":"AAAA;ACWA;ACRC;EACA;AAEA;EACA;EDOA;EACA,YAXoB;EAYpB,eEKiB;EFJjB;EACA;EACA,OAdc;EAed;EACA,WEqHa;EFpHb;AAEA;EACA;EACA;EACA,SEoGW;EFnGX;;;AAGD;EACC;EACA,aE+GkB;EF9GlB,eE+FW;;;AF5FZ;EACC;EACA,OAjCa;EAkCb;EACA,aEuGkB;EFtGlB;EACA,cEoFW;;AFlFX;EACC;;;AAIF;EACC;EACA;EACA;EACA;EACA;EACA,OAhDc;;AAkDd;AAAA;EAEC;EACA;;AAED;EAAgB;;AAEhB;EAAU;;AACV;EAA4B,OAzDhB;;;AA4Db;EACC,QEyDW;EFxDX,MEwDW;EFvDX;EACA;;;AAGD;EACC;IACC;IACA;;EAGD;IACC;IACA","file":"Snackbar.css"}
@@ -54,5 +54,14 @@ describe('Snackbar', () => {
54
54
  expect(onActionClick).toBeCalled();
55
55
  expect(onActionClick).toHaveBeenCalledTimes(1);
56
56
  }));
57
+ it('should pass through data automation attributes', () => {
58
+ const { baseElement } = render(React.createElement(Snackbar, { title: "test title", "data-auto-sel": "automation-selector" }));
59
+ /**
60
+ * NOTE: Using "baseElement" instead of "container" because
61
+ * Snackbar is rendered in a portal
62
+ */
63
+ const element = baseElement.querySelector('[data-auto-sel="automation-selector"]');
64
+ expect(element).not.toBeNull();
65
+ });
57
66
  });
58
67
  //# sourceMappingURL=Snackbar.test.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"Snackbar.test.js","sourceRoot":"","sources":["../../../src/components/Snackbar/Snackbar.test.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"Snackbar.test.js","sourceRoot":"","sources":["../../../src/components/Snackbar/Snackbar.test.tsx"],"names":[],"mappings":"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"}