@servicetitan/design-system 10.2.1 → 10.3.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 (358) 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.js +1 -1
  4. package/dist/components/ActionMenu/ActionMenu.js.map +1 -1
  5. package/dist/components/ActionMenu/ActionMenuGroup.js +2 -2
  6. package/dist/components/ActionMenu/ActionMenuGroup.js.map +1 -1
  7. package/dist/components/ActionMenu/ActionMenuItem.js +2 -2
  8. package/dist/components/ActionMenu/ActionMenuItem.js.map +1 -1
  9. package/dist/components/ActionMenu/index.css +7 -7
  10. package/dist/components/ActionMenu/index.css.map +1 -1
  11. package/dist/components/Announcement/Announcement.css +6 -7
  12. package/dist/components/Announcement/Announcement.css.map +1 -1
  13. package/dist/components/Announcement/Announcement.js +1 -1
  14. package/dist/components/Announcement/Announcement.js.map +1 -1
  15. package/dist/components/Announcement/index.css +6 -7
  16. package/dist/components/Announcement/index.css.map +1 -1
  17. package/dist/components/AnvilSelect/AnvilSelect.css +0 -34
  18. package/dist/components/AnvilSelect/AnvilSelect.css.map +1 -1
  19. package/dist/components/AnvilSelect/AnvilSelect.d.ts +3 -3
  20. package/dist/components/AnvilSelect/AnvilSelect.js +28 -20
  21. package/dist/components/AnvilSelect/AnvilSelect.js.map +1 -1
  22. package/dist/components/AnvilSelect/AnvilSelect.test.js +1 -1
  23. package/dist/components/AnvilSelect/AnvilSelect.test.js.map +1 -1
  24. package/dist/components/AnvilSelect/components/DrillIn.js +2 -2
  25. package/dist/components/AnvilSelect/components/DrillIn.js.map +1 -1
  26. package/dist/components/AnvilSelect/components/FocusProvider.js +1 -1
  27. package/dist/components/AnvilSelect/components/FocusProvider.js.map +1 -1
  28. package/dist/components/AnvilSelect/components/SelectFooter.js +2 -2
  29. package/dist/components/AnvilSelect/components/SelectFooter.js.map +1 -1
  30. package/dist/components/AnvilSelect/components/SelectHeader.js +5 -5
  31. package/dist/components/AnvilSelect/components/SelectHeader.js.map +1 -1
  32. package/dist/components/AnvilSelect/components/Trigger.css +0 -34
  33. package/dist/components/AnvilSelect/components/Trigger.css.map +1 -1
  34. package/dist/components/AnvilSelect/components/Trigger.js +11 -11
  35. package/dist/components/AnvilSelect/components/Trigger.js.map +1 -1
  36. package/dist/components/AnvilSelect/index.css +0 -34
  37. package/dist/components/AnvilSelect/index.css.map +1 -1
  38. package/dist/components/AnvilSelect/utils/FocusContext.js +1 -1
  39. package/dist/components/AnvilSelect/utils/FocusContext.js.map +1 -1
  40. package/dist/components/AnvilSelect/utils/focus-utils.js +18 -14
  41. package/dist/components/AnvilSelect/utils/focus-utils.js.map +1 -1
  42. package/dist/components/Avatar/Avatar.js +2 -2
  43. package/dist/components/Avatar/Avatar.js.map +1 -1
  44. package/dist/components/Avatar/Avatar.test.js +3 -3
  45. package/dist/components/Avatar/Avatar.test.js.map +1 -1
  46. package/dist/components/BackLink/BackLink.js +2 -2
  47. package/dist/components/BackLink/BackLink.js.map +1 -1
  48. package/dist/components/Backdrop/Backdrop.js +3 -3
  49. package/dist/components/Backdrop/Backdrop.js.map +1 -1
  50. package/dist/components/Banner/Banner.js +1 -1
  51. package/dist/components/Banner/Banner.js.map +1 -1
  52. package/dist/components/BodyText/BodyText.js +1 -1
  53. package/dist/components/BodyText/BodyText.js.map +1 -1
  54. package/dist/components/Breadcrumb/Breadcrumb.js +1 -1
  55. package/dist/components/Breadcrumb/Breadcrumb.js.map +1 -1
  56. package/dist/components/Breadcrumb/BreadcrumbLink.js +3 -3
  57. package/dist/components/Breadcrumb/BreadcrumbLink.js.map +1 -1
  58. package/dist/components/BreakPoint/BreakPoint.js +1 -1
  59. package/dist/components/BreakPoint/BreakPoint.js.map +1 -1
  60. package/dist/components/Button/Button.css +56 -39
  61. package/dist/components/Button/Button.css.map +1 -1
  62. package/dist/components/Button/Button.js +4 -4
  63. package/dist/components/Button/Button.js.map +1 -1
  64. package/dist/components/Button/Button.test.js +5 -5
  65. package/dist/components/Button/Button.test.js.map +1 -1
  66. package/dist/components/Button/index.css +56 -39
  67. package/dist/components/Button/index.css.map +1 -1
  68. package/dist/components/ButtonGroup/ButtonGroup.js +2 -2
  69. package/dist/components/ButtonGroup/ButtonGroup.js.map +1 -1
  70. package/dist/components/ButtonToggle/ButtonToggle.js +1 -1
  71. package/dist/components/ButtonToggle/ButtonToggle.js.map +1 -1
  72. package/dist/components/ButtonToggle/ButtonToggleItem.js +1 -1
  73. package/dist/components/ButtonToggle/ButtonToggleItem.js.map +1 -1
  74. package/dist/components/Card/Card.js +2 -2
  75. package/dist/components/Card/Card.js.map +1 -1
  76. package/dist/components/Card/CardSection.js +1 -1
  77. package/dist/components/Card/CardSection.js.map +1 -1
  78. package/dist/components/Checkbox/Checkbox.js +3 -3
  79. package/dist/components/Checkbox/Checkbox.js.map +1 -1
  80. package/dist/components/Checkbox/Checkbox.test.js +2 -2
  81. package/dist/components/Checkbox/Checkbox.test.js.map +1 -1
  82. package/dist/components/Collapsible/Collapsible.js +1 -1
  83. package/dist/components/Collapsible/Collapsible.js.map +1 -1
  84. package/dist/components/ColorPicker/ColorPicker.js +2 -2
  85. package/dist/components/ColorPicker/ColorPicker.js.map +1 -1
  86. package/dist/components/Container/Container.js +1 -1
  87. package/dist/components/Container/Container.js.map +1 -1
  88. package/dist/components/DataList/DataList.js +1 -1
  89. package/dist/components/DataList/DataList.js.map +1 -1
  90. package/dist/components/DataList/DataListCell.js +2 -2
  91. package/dist/components/DataList/DataListCell.js.map +1 -1
  92. package/dist/components/DataList/DataListHeaderCell.js +2 -2
  93. package/dist/components/DataList/DataListHeaderCell.js.map +1 -1
  94. package/dist/components/DataList/DataListHeaderRow.js +1 -1
  95. package/dist/components/DataList/DataListHeaderRow.js.map +1 -1
  96. package/dist/components/DataList/DataListRow.js +1 -1
  97. package/dist/components/DataList/DataListRow.js.map +1 -1
  98. package/dist/components/DatePicker/DatePicker.css +16 -0
  99. package/dist/components/DatePicker/DatePicker.css.map +1 -1
  100. package/dist/components/DatePicker/DatePicker.js +1 -1
  101. package/dist/components/DatePicker/DatePicker.js.map +1 -1
  102. package/dist/components/DatePicker/InputDateMask.js +9 -9
  103. package/dist/components/DatePicker/InputDateMask.js.map +1 -1
  104. package/dist/components/DatePicker/index.css +16 -0
  105. package/dist/components/DatePicker/index.css.map +1 -1
  106. package/dist/components/DateRangePicker/DateRangePicker.css +1 -0
  107. package/dist/components/DateRangePicker/DateRangePicker.css.map +1 -1
  108. package/dist/components/DateRangePicker/DateRangePicker.d.ts +2 -0
  109. package/dist/components/DateRangePicker/DateRangePicker.js +4 -5
  110. package/dist/components/DateRangePicker/DateRangePicker.js.map +1 -1
  111. package/dist/components/DateRangePicker/DateRangePicker.test.js +11 -11
  112. package/dist/components/DateRangePicker/DateRangePicker.test.js.map +1 -1
  113. package/dist/components/DateRangePicker/components/DateRangeInput.js +1 -1
  114. package/dist/components/DateRangePicker/components/DateRangeInput.js.map +1 -1
  115. package/dist/components/DateRangePicker/components/DateRangeOptionList.js +1 -1
  116. package/dist/components/DateRangePicker/components/DateRangeOptionList.js.map +1 -1
  117. package/dist/components/DateRangePicker/components/DateRangeTrigger.d.ts +3 -1
  118. package/dist/components/DateRangePicker/components/DateRangeTrigger.js +6 -5
  119. package/dist/components/DateRangePicker/components/DateRangeTrigger.js.map +1 -1
  120. package/dist/components/DateRangePicker/index.css +1 -0
  121. package/dist/components/DateRangePicker/index.css.map +1 -1
  122. package/dist/components/DateRangePicker/utils/dateFormat.js +5 -5
  123. package/dist/components/DateRangePicker/utils/dateFormat.js.map +1 -1
  124. package/dist/components/Dialog/Dialog.js +1 -1
  125. package/dist/components/Dialog/Dialog.js.map +1 -1
  126. package/dist/components/Divider/Divider.js +1 -1
  127. package/dist/components/Divider/Divider.js.map +1 -1
  128. package/dist/components/Drawer/Drawer.js +5 -5
  129. package/dist/components/Drawer/Drawer.js.map +1 -1
  130. package/dist/components/Drawer/DrawerFooter.js +1 -1
  131. package/dist/components/Drawer/DrawerFooter.js.map +1 -1
  132. package/dist/components/Drawer/DrawerHeader.js +1 -1
  133. package/dist/components/Drawer/DrawerHeader.js.map +1 -1
  134. package/dist/components/Dropdown/Dropdown.js +2 -2
  135. package/dist/components/Dropdown/Dropdown.js.map +1 -1
  136. package/dist/components/Dropdown/DropdownIcon.js +1 -1
  137. package/dist/components/Dropdown/DropdownIcon.js.map +1 -1
  138. package/dist/components/Eyebrow/Eyebrow.js +1 -1
  139. package/dist/components/Eyebrow/Eyebrow.js.map +1 -1
  140. package/dist/components/FilePicker/FilePicker.js +3 -3
  141. package/dist/components/FilePicker/FilePicker.js.map +1 -1
  142. package/dist/components/FlowCard/FlowCard.js +1 -1
  143. package/dist/components/FlowCard/FlowCard.js.map +1 -1
  144. package/dist/components/FlowCard/FlowCardStep.js +2 -2
  145. package/dist/components/FlowCard/FlowCardStep.js.map +1 -1
  146. package/dist/components/Form/Form.js +1 -1
  147. package/dist/components/Form/Form.js.map +1 -1
  148. package/dist/components/FormControls/FormColorPicker.js +1 -1
  149. package/dist/components/FormControls/FormColorPicker.js.map +1 -1
  150. package/dist/components/FormControls/FormInput.d.ts +1 -1
  151. package/dist/components/FormField/FormField.js +4 -4
  152. package/dist/components/FormField/FormField.js.map +1 -1
  153. package/dist/components/FormGroup/FormGroup.js +1 -1
  154. package/dist/components/FormGroup/FormGroup.js.map +1 -1
  155. package/dist/components/Frame/Frame.js +1 -1
  156. package/dist/components/Frame/Frame.js.map +1 -1
  157. package/dist/components/Grid/Grid.js +3 -3
  158. package/dist/components/Grid/Grid.js.map +1 -1
  159. package/dist/components/Grid/GridColumn.js +7 -7
  160. package/dist/components/Grid/GridColumn.js.map +1 -1
  161. package/dist/components/Grid/GridRow.js +2 -2
  162. package/dist/components/Grid/GridRow.js.map +1 -1
  163. package/dist/components/Headline/Headline.js +1 -1
  164. package/dist/components/Headline/Headline.js.map +1 -1
  165. package/dist/components/Icon/Icon.js +2 -2
  166. package/dist/components/Icon/Icon.js.map +1 -1
  167. package/dist/components/Icon/Icon.test.js +1 -1
  168. package/dist/components/Icon/Icon.test.js.map +1 -1
  169. package/dist/components/InlineEdit/InlineEdit.js +6 -6
  170. package/dist/components/InlineEdit/InlineEdit.js.map +1 -1
  171. package/dist/components/Input/Input.js +13 -9
  172. package/dist/components/Input/Input.js.map +1 -1
  173. package/dist/components/Input/InputAddon.js +2 -2
  174. package/dist/components/Input/InputAddon.js.map +1 -1
  175. package/dist/components/Input/inputProps.js +9 -5
  176. package/dist/components/Input/inputProps.js.map +1 -1
  177. package/dist/components/KeyPressListener/KeyPressListener.js +1 -1
  178. package/dist/components/KeyPressListener/KeyPressListener.js.map +1 -1
  179. package/dist/components/Label/Label.js +1 -1
  180. package/dist/components/Label/Label.js.map +1 -1
  181. package/dist/components/Layout/Layout.js +2 -2
  182. package/dist/components/Layout/Layout.js.map +1 -1
  183. package/dist/components/Layout/LayoutSection.js +1 -1
  184. package/dist/components/Layout/LayoutSection.js.map +1 -1
  185. package/dist/components/Link/Link.js +1 -1
  186. package/dist/components/Link/Link.js.map +1 -1
  187. package/dist/components/Mask/Mask.js +2 -2
  188. package/dist/components/Mask/Mask.js.map +1 -1
  189. package/dist/components/Modal/components.js +7 -7
  190. package/dist/components/Modal/components.js.map +1 -1
  191. package/dist/components/MoreDetails/MoreDetails.js +2 -2
  192. package/dist/components/MoreDetails/MoreDetails.js.map +1 -1
  193. package/dist/components/OptionList/Option.js +1 -1
  194. package/dist/components/OptionList/Option.js.map +1 -1
  195. package/dist/components/OptionList/OptionList.js +5 -5
  196. package/dist/components/OptionList/OptionList.js.map +1 -1
  197. package/dist/components/OptionList/useOnExpand.js +11 -7
  198. package/dist/components/OptionList/useOnExpand.js.map +1 -1
  199. package/dist/components/Page/Page.css +3 -3
  200. package/dist/components/Page/Page.css.map +1 -1
  201. package/dist/components/Page/Page.js +3 -3
  202. package/dist/components/Page/Page.js.map +1 -1
  203. package/dist/components/Page/components/ActionToolbar.js +1 -1
  204. package/dist/components/Page/components/ActionToolbar.js.map +1 -1
  205. package/dist/components/Page/components/Footer.js +1 -1
  206. package/dist/components/Page/components/Footer.js.map +1 -1
  207. package/dist/components/Page/components/Panel.js +2 -2
  208. package/dist/components/Page/components/Panel.js.map +1 -1
  209. package/dist/components/Page/index.css +3 -3
  210. package/dist/components/Page/index.css.map +1 -1
  211. package/dist/components/Popover/Popover.css +1 -0
  212. package/dist/components/Popover/Popover.css.map +1 -1
  213. package/dist/components/Popover/Popover.js +4 -4
  214. package/dist/components/Popover/Popover.js.map +1 -1
  215. package/dist/components/Popover/components.js +3 -3
  216. package/dist/components/Popover/components.js.map +1 -1
  217. package/dist/components/Popover/index.css +1 -0
  218. package/dist/components/Popover/index.css.map +1 -1
  219. package/dist/components/ProgressBar/ProgressBar.css +10 -0
  220. package/dist/components/ProgressBar/ProgressBar.css.map +1 -1
  221. package/dist/components/ProgressBar/ProgressBar.d.ts +2 -0
  222. package/dist/components/ProgressBar/ProgressBar.js +3 -2
  223. package/dist/components/ProgressBar/ProgressBar.js.map +1 -1
  224. package/dist/components/ProgressBar/index.css +10 -0
  225. package/dist/components/ProgressBar/index.css.map +1 -1
  226. package/dist/components/ProgressCircle/ProgressCircle.js +1 -1
  227. package/dist/components/ProgressCircle/ProgressCircle.js.map +1 -1
  228. package/dist/components/ProgressTracker/ProgressTracker.js +1 -1
  229. package/dist/components/ProgressTracker/ProgressTracker.js.map +1 -1
  230. package/dist/components/ProgressTracker/ProgressTrackerDivider.js +1 -1
  231. package/dist/components/ProgressTracker/ProgressTrackerDivider.js.map +1 -1
  232. package/dist/components/ProgressTracker/ProgressTrackerStep.js +1 -1
  233. package/dist/components/ProgressTracker/ProgressTrackerStep.js.map +1 -1
  234. package/dist/components/Radio/Radio.js +3 -3
  235. package/dist/components/Radio/Radio.js.map +1 -1
  236. package/dist/components/Radio/Radio.test.js +2 -2
  237. package/dist/components/Radio/Radio.test.js.map +1 -1
  238. package/dist/components/Scroll/Scroll.js +2 -2
  239. package/dist/components/Scroll/Scroll.js.map +1 -1
  240. package/dist/components/Select/Select.js +13 -9
  241. package/dist/components/Select/Select.js.map +1 -1
  242. package/dist/components/SideNav/SideNav.js +1 -1
  243. package/dist/components/SideNav/SideNav.js.map +1 -1
  244. package/dist/components/SideNav/SideNavGroup.js +1 -1
  245. package/dist/components/SideNav/SideNavGroup.js.map +1 -1
  246. package/dist/components/SideNav/SideNavItem.js +3 -3
  247. package/dist/components/SideNav/SideNavItem.js.map +1 -1
  248. package/dist/components/Sidebar/Sidebar.js +15 -15
  249. package/dist/components/Sidebar/Sidebar.js.map +1 -1
  250. package/dist/components/Sidebar/SidebarSection.js +1 -1
  251. package/dist/components/Sidebar/SidebarSection.js.map +1 -1
  252. package/dist/components/Sidebar/ToggleButton.js +2 -2
  253. package/dist/components/Sidebar/ToggleButton.js.map +1 -1
  254. package/dist/components/Snackbar/Snackbar.js +4 -4
  255. package/dist/components/Snackbar/Snackbar.js.map +1 -1
  256. package/dist/components/Snackbar/Snackbar.test.js +6 -6
  257. package/dist/components/Snackbar/Snackbar.test.js.map +1 -1
  258. package/dist/components/Spinner/Spinner.js +2 -2
  259. package/dist/components/Spinner/Spinner.js.map +1 -1
  260. package/dist/components/Stack/Stack.js +2 -2
  261. package/dist/components/Stack/Stack.js.map +1 -1
  262. package/dist/components/StackItem/StackItem.js +1 -1
  263. package/dist/components/StackItem/StackItem.js.map +1 -1
  264. package/dist/components/StatusLight/StatusLight.js +2 -2
  265. package/dist/components/StatusLight/StatusLight.js.map +1 -1
  266. package/dist/components/Tab/Tab.js +2 -2
  267. package/dist/components/Tab/Tab.js.map +1 -1
  268. package/dist/components/TabGroup/TabGroup.js +2 -2
  269. package/dist/components/TabGroup/TabGroup.js.map +1 -1
  270. package/dist/components/Table/Table.css +5 -6
  271. package/dist/components/Table/Table.css.map +1 -1
  272. package/dist/components/Table/Table.js +8 -8
  273. package/dist/components/Table/Table.js.map +1 -1
  274. package/dist/components/Table/index.css +5 -6
  275. package/dist/components/Table/index.css.map +1 -1
  276. package/dist/components/Tag/Tag.js +12 -8
  277. package/dist/components/Tag/Tag.js.map +1 -1
  278. package/dist/components/TagGroup/TagGroup.js +2 -2
  279. package/dist/components/TagGroup/TagGroup.js.map +1 -1
  280. package/dist/components/Takeover/Takeover.js +6 -6
  281. package/dist/components/Takeover/Takeover.js.map +1 -1
  282. package/dist/components/Takeover/TakeoverFooter.js +1 -1
  283. package/dist/components/Takeover/TakeoverFooter.js.map +1 -1
  284. package/dist/components/Takeover/TakeoverHeader.js +1 -1
  285. package/dist/components/Takeover/TakeoverHeader.js.map +1 -1
  286. package/dist/components/Takeover/TakeoverSection.js +1 -1
  287. package/dist/components/Takeover/TakeoverSection.js.map +1 -1
  288. package/dist/components/Text/Text.js +1 -1
  289. package/dist/components/Text/Text.js.map +1 -1
  290. package/dist/components/TextArea/TextArea.js +2 -2
  291. package/dist/components/TextArea/TextArea.js.map +1 -1
  292. package/dist/components/Thumbnail/Thumbnail.js +1 -1
  293. package/dist/components/Thumbnail/Thumbnail.js.map +1 -1
  294. package/dist/components/Toast/Toast.d.ts +1 -1
  295. package/dist/components/Toast/Toast.js +1 -1
  296. package/dist/components/Toast/Toast.js.map +1 -1
  297. package/dist/components/Toast/ToastGroup.d.ts +1 -1
  298. package/dist/components/Toast/ToastGroup.js +1 -1
  299. package/dist/components/Toast/ToastGroup.js.map +1 -1
  300. package/dist/components/ToggleSwitch/ToggleSwitch.js +3 -3
  301. package/dist/components/ToggleSwitch/ToggleSwitch.js.map +1 -1
  302. package/dist/components/ToggleSwitch/ToggleSwitch.test.js +2 -2
  303. package/dist/components/ToggleSwitch/ToggleSwitch.test.js.map +1 -1
  304. package/dist/components/Togglebox/Togglebox.js +2 -2
  305. package/dist/components/Togglebox/Togglebox.js.map +1 -1
  306. package/dist/components/Tooltip/Tooltip.js +7 -7
  307. package/dist/components/Tooltip/Tooltip.js.map +1 -1
  308. package/dist/components/VisuallyHidden/VisuallyHidden.js +1 -1
  309. package/dist/components/VisuallyHidden/VisuallyHidden.js.map +1 -1
  310. package/dist/components/index.css +103 -95
  311. package/dist/components/index.css.map +1 -1
  312. package/dist/global/index.css +1 -1
  313. package/dist/global/version.css +1 -1
  314. package/dist/hooks/useFocusScope.js +21 -16
  315. package/dist/hooks/useFocusScope.js.map +1 -1
  316. package/dist/hooks/useFocusVisible.js +7 -7
  317. package/dist/hooks/useFocusVisible.js.map +1 -1
  318. package/dist/hooks/useFocusVisible.test.js +6 -6
  319. package/dist/hooks/useFocusVisible.test.js.map +1 -1
  320. package/dist/hooks/useScreenSize.js +1 -1
  321. package/dist/hooks/useScreenSize.js.map +1 -1
  322. package/dist/hooks/useScrollPosition.js +12 -8
  323. package/dist/hooks/useScrollPosition.js.map +1 -1
  324. package/dist/internal/Popper/Popper.js +7 -7
  325. package/dist/internal/Popper/Popper.js.map +1 -1
  326. package/dist/internal/Portal/Portal.js +2 -2
  327. package/dist/internal/Portal/Portal.js.map +1 -1
  328. package/dist/system.css +1132 -1107
  329. package/dist/system.css.map +1 -1
  330. package/dist/system.min.css +2 -2
  331. package/dist/themes/index.css +1013 -1012
  332. package/dist/themes/index.css.map +1 -1
  333. package/dist/themes/kendo/index.css +1008 -1007
  334. package/dist/themes/kendo/index.css.map +1 -1
  335. package/dist/themes/semantic/index.css +5 -5
  336. package/dist/utilities/DefaultPortalContext.js +1 -1
  337. package/dist/utilities/DefaultPortalContext.js.map +1 -1
  338. package/dist/utilities/OverlayContext.js +1 -1
  339. package/dist/utilities/OverlayContext.js.map +1 -1
  340. package/dist/utilities/ThemeProvider.d.ts +3 -0
  341. package/dist/utilities/ThemeProvider.js +64 -0
  342. package/dist/utilities/ThemeProvider.js.map +1 -0
  343. package/dist/utilities/focus-utils.js +5 -5
  344. package/dist/utilities/focus-utils.js.map +1 -1
  345. package/dist/utilities/index.d.ts +1 -0
  346. package/dist/utilities/index.js +1 -0
  347. package/dist/utilities/index.js.map +1 -1
  348. package/dist/utilities/isElementOfType.js +1 -1
  349. package/dist/utilities/isElementOfType.js.map +1 -1
  350. package/dist/utilities/maskUtils.js +3 -3
  351. package/dist/utilities/maskUtils.js.map +1 -1
  352. package/dist/utilities/maskUtils.test.js +121 -121
  353. package/dist/utilities/maskUtils.test.js.map +1 -1
  354. package/dist/utilities/wrapChildren.js +2 -2
  355. package/dist/utilities/wrapChildren.js.map +1 -1
  356. package/dist/utilities/wrapWithComponent.js +2 -2
  357. package/dist/utilities/wrapWithComponent.js.map +1 -1
  358. package/package.json +21 -20
@@ -100,11 +100,11 @@ var Togglebox = /** @class */ (function (_super) {
100
100
  var _b = this.props, checked = _b.checked, className = _b.className, _c = _b.control, control = _c === void 0 ? 'checkbox' : _c, _d = _b.controlAlign, controlAlign = _d === void 0 ? 'center' : _d, disabled = _b.disabled, error = _b.error, id = _b.id, label = _b.label, name = _b.name, onChange = _b.onChange, onClick = _b.onClick, title = _b.title, value = _b.value, props = __rest(_b, ["checked", "className", "control", "controlAlign", "disabled", "error", "id", "label", "name", "onChange", "onClick", "title", "value"]);
101
101
  var toggleboxProps = __assign({ checked: checked, disabled: disabled, error: error }, props);
102
102
  var uiProps = { checked: checked, disabled: disabled, error: error, name: name, value: value, id: id };
103
- var ToggleboxClasses = classnames_1.default('Togglebox', className, (_a = {},
103
+ var ToggleboxClasses = (0, classnames_1.default)('Togglebox', className, (_a = {},
104
104
  _a["Togglebox--" + control] = control,
105
105
  _a['Togglebox--controlTop'] = controlAlign === 'top',
106
106
  _a));
107
- var ContentClasses = classnames_1.default('Togglebox__content', {
107
+ var ContentClasses = (0, classnames_1.default)('Togglebox__content', {
108
108
  'Togglebox__content--title': title,
109
109
  });
110
110
  return (react_1.default.createElement(__1.Card, __assign({ active: checked, className: ToggleboxClasses, onClick: this.onClickHandler, raised: checked, sharp: true, thin: true }, toggleboxProps),
@@ -1 +1 @@
1
- {"version":3,"file":"Togglebox.js","sourceRoot":"","sources":["../../../src/components/Togglebox/Togglebox.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAyC;AACzC,0DAAoC;AACpC,yBAA0D;AA6C1D;IAAkC,6BAA4B;IAA9D;QAAA,qEAiFC;QAhFA,oBAAc,GAAG,UAAC,CAA0C;YAC3D,IAAI,KAAI,CAAC,KAAK,CAAC,OAAO,EAAE;gBACvB,KAAI,CAAC,KAAK,CAAC,OAAO,CAAC,KAAI,CAAC,KAAK,CAAC,KAAK,EAAE,CAAC,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;gBAC9D,CAAC,CAAC,aAAa,CAAC,KAAK,CAAC;aACtB;QACF,CAAC,CAAC;QAEF,gBAAU,GAAG,UAAC,OAAe,EAAE,YAAiB;YAC/C,IAAI,OAAO,KAAK,UAAU;gBAAE,OAAO,8BAAC,YAAQ,eAAK,YAAY,EAAI,CAAC;YAClE,IAAI,OAAO,KAAK,OAAO;gBAAE,OAAO,8BAAC,SAAK,eAAK,YAAY,EAAI,CAAC;YAC5D,IAAI,OAAO,KAAK,cAAc,EAAE;gBACvB,IAAA,KAAK,GAAe,YAAY,MAA3B,EAAK,KAAK,UAAK,YAAY,EAAlC,SAAmB,CAAF,CAAkB;gBACzC,OAAO,8BAAC,gBAAY,eAAK,KAAK,EAAI,CAAC;aACnC;QACF,CAAC,CAAC;QAEF,cAAQ,GAAG;YACV,IAAI,KAAI,CAAC,KAAK,CAAC,KAAK,KAAK,SAAS,IAAI,KAAI,CAAC,KAAK,CAAC,KAAK,KAAK,EAAE;gBAAE,OAAO;YACtE,OAAO,uCAAK,SAAS,EAAC,kBAAkB,IAAE,KAAI,CAAC,KAAK,CAAC,KAAK,CAAO,CAAC;QACnE,CAAC,CAAC;QAEF,cAAQ,GAAG;YACV,IAAI,KAAI,CAAC,KAAK,CAAC,KAAK,KAAK,SAAS,IAAI,KAAI,CAAC,KAAK,CAAC,KAAK,KAAK,EAAE;gBAAE,OAAO;YACtE,OAAO,uCAAK,SAAS,EAAC,kBAAkB,IAAE,KAAI,CAAC,KAAK,CAAC,KAAK,CAAO,CAAC;QACnE,CAAC,CAAC;;IAwDH,CAAC;IAtDA,0BAAM,GAAN;;QACC,IAAM,KAeF,IAAI,CAAC,KAAK,EAdb,OAAO,aAAA,EACP,SAAS,eAAA,EACT,eAAoB,EAApB,OAAO,mBAAG,UAAU,KAAA,EACpB,oBAAuB,EAAvB,YAAY,mBAAG,QAAQ,KAAA,EACvB,QAAQ,cAAA,EACR,KAAK,WAAA,EACL,EAAE,QAAA,EACF,KAAK,WAAA,EACL,IAAI,UAAA,EACJ,QAAQ,cAAA,EACR,OAAO,aAAA,EACP,KAAK,WAAA,EACL,KAAK,WAAA,EACF,KAAK,cAdH,wIAeL,CAAa,CAAC;QAEf,IAAM,cAAc,cAAK,OAAO,SAAA,EAAE,QAAQ,UAAA,EAAE,KAAK,OAAA,IAAK,KAAK,CAAE,CAAC;QAC9D,IAAM,OAAO,GAAG,EAAE,OAAO,SAAA,EAAE,QAAQ,UAAA,EAAE,KAAK,OAAA,EAAE,IAAI,MAAA,EAAE,KAAK,OAAA,EAAE,EAAE,IAAA,EAAE,CAAC;QAE9D,IAAM,gBAAgB,GAAG,oBAAU,CAAC,WAAW,EAAE,SAAS;YACzD,GAAC,gBAAc,OAAS,IAAG,OAAO;YAClC,2BAAuB,GAAE,YAAY,KAAK,KAAK;gBAC9C,CAAC;QAEH,IAAM,cAAc,GAAG,oBAAU,CAAC,oBAAoB,EAAE;YACvD,2BAA2B,EAAE,KAAK;SAClC,CAAC,CAAC;QAEH,OAAO,CACN,8BAAC,QAAI,aACJ,MAAM,EAAE,OAAO,EACf,SAAS,EAAE,gBAAgB,EAC3B,OAAO,EAAE,IAAI,CAAC,cAAc,EAC5B,MAAM,EAAE,OAAO,EACf,KAAK,QACL,IAAI,UACA,cAAc;YAElB,8BAAC,QAAI,CAAC,OAAO;gBACZ,wCAAM,SAAS,EAAE,cAAc;oBAC9B,wCAAM,SAAS,EAAC,oBAAoB,IAClC,IAAI,CAAC,UAAU,CAAC,OAAO,eAAO,OAAO,EAAG,CACnC;oBACP,wCAAM,SAAS,EAAC,qBAAqB;wBACnC,IAAI,CAAC,QAAQ,EAAE;wBACf,IAAI,CAAC,QAAQ,EAAE,CACV,CACD,CACO,CACT,CACP,CAAC;IACH,CAAC;IACF,gBAAC;AAAD,CAAC,AAjFD,CAAkC,iBAAS,GAiF1C;AAjFY,8BAAS"}
1
+ {"version":3,"file":"Togglebox.js","sourceRoot":"","sources":["../../../src/components/Togglebox/Togglebox.tsx"],"names":[],"mappings":"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"}
@@ -52,12 +52,12 @@ var Popper_1 = require("../../internal/Popper");
52
52
  var Tooltip = function (_a) {
53
53
  var _b;
54
54
  var children = _a.children, className = _a.className, _c = _a.direction, direction = _c === void 0 ? 'top' : _c, _d = _a.el, TooltipElement = _d === void 0 ? 'span' : _d, _e = _a.open, forceOpen = _e === void 0 ? false : _e, text = _a.text, hoverOnly = _a.hoverOnly, tooltipClassName = _a.tooltipClassName, onShow = _a.onShow, onHide = _a.onHide, _f = _a.underline, underline = _f === void 0 ? false : _f, props = __rest(_a, ["children", "className", "direction", "el", "open", "text", "hoverOnly", "tooltipClassName", "onShow", "onHide", "underline"]);
55
- var _g = react_1.useState(false), open = _g[0], setOpen = _g[1];
56
- var _h = react_1.useState(false), reveal = _h[0], setReveal = _h[1];
57
- var _j = react_1.useState(false), touch = _j[0], setTouch = _j[1];
55
+ var _g = (0, react_1.useState)(false), open = _g[0], setOpen = _g[1];
56
+ var _h = (0, react_1.useState)(false), reveal = _h[0], setReveal = _h[1];
57
+ var _j = (0, react_1.useState)(false), touch = _j[0], setTouch = _j[1];
58
58
  /* Delay prevents unintentional hover triggering */
59
59
  var delay = parseInt(tokens_1.default.durationSlow, 10); // '300ms' -> 300
60
- react_1.useEffect(function () {
60
+ (0, react_1.useEffect)(function () {
61
61
  var timeout = setTimeout(function () {
62
62
  setOpen(!!reveal);
63
63
  !reveal && (onShow === null || onShow === void 0 ? void 0 : onShow());
@@ -67,7 +67,7 @@ var Tooltip = function (_a) {
67
67
  clearTimeout(timeout);
68
68
  };
69
69
  }, [delay, onHide, onShow, reveal]);
70
- react_1.useEffect(function () {
70
+ (0, react_1.useEffect)(function () {
71
71
  if (touch) {
72
72
  setOpen(touch);
73
73
  onShow === null || onShow === void 0 ? void 0 : onShow();
@@ -115,10 +115,10 @@ var Tooltip = function (_a) {
115
115
  return direction;
116
116
  };
117
117
  var tooltipVisible = text && (open || forceOpen);
118
- var TooltipClasses = dedupe_1.default('Tooltip', className, {
118
+ var TooltipClasses = (0, dedupe_1.default)('Tooltip', className, {
119
119
  'Tooltip--underline': !tooltipVisible && underline,
120
120
  });
121
- var TooltipBodyClasses = dedupe_1.default('Tooltip__body', tooltipClassName, (_b = {},
121
+ var TooltipBodyClasses = (0, dedupe_1.default)('Tooltip__body', tooltipClassName, (_b = {},
122
122
  _b["Tooltip--" + getDirection()] = getDirection(),
123
123
  _b['Tooltip__body--open'] = tooltipVisible,
124
124
  _b));
@@ -1 +1 @@
1
- {"version":3,"file":"Tooltip.js","sourceRoot":"","sources":["../../../src/components/Tooltip/Tooltip.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"Tooltip.js","sourceRoot":"","sources":["../../../src/components/Tooltip/Tooltip.tsx"],"names":[],"mappings":"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"}
@@ -8,7 +8,7 @@ var react_1 = __importDefault(require("react"));
8
8
  var hooks_1 = require("../../hooks");
9
9
  exports.VisuallyHidden = react_1.default.forwardRef(function (_a, ref) {
10
10
  var _b = _a.hidden, hidden = _b === void 0 ? false : _b, children = _a.children;
11
- var hiddenStyle = hooks_1.useVisuallyHidden().hiddenStyle;
11
+ var hiddenStyle = (0, hooks_1.useVisuallyHidden)().hiddenStyle;
12
12
  return (react_1.default.createElement("div", { ref: ref, style: hidden ? hiddenStyle : null }, children ? react_1.default.createElement(react_1.default.Fragment, null, children) : null));
13
13
  });
14
14
  //# sourceMappingURL=VisuallyHidden.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"VisuallyHidden.js","sourceRoot":"","sources":["../../../src/components/VisuallyHidden/VisuallyHidden.tsx"],"names":[],"mappings":";;;;;;AAAA,gDAAkC;AAClC,qCAAgD;AASnC,QAAA,cAAc,GAA4B,eAAK,CAAC,UAAU,CACtE,UAAC,EAA4B,EAAE,GAAoC;QAAhE,cAAc,EAAd,MAAM,mBAAG,KAAK,KAAA,EAAE,QAAQ,cAAA;IAClB,IAAA,WAAW,GAAK,yBAAiB,EAAE,YAAxB,CAAyB;IAE5C,OAAO,CACN,uCAAK,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,IAAI,IAC/C,QAAQ,CAAC,CAAC,CAAC,8BAAC,eAAK,CAAC,QAAQ,QAAE,QAAQ,CAAkB,CAAC,CAAC,CAAC,IAAI,CACzD,CACN,CAAC;AACH,CAAC,CACD,CAAC"}
1
+ {"version":3,"file":"VisuallyHidden.js","sourceRoot":"","sources":["../../../src/components/VisuallyHidden/VisuallyHidden.tsx"],"names":[],"mappings":";;;;;;AAAA,gDAAkC;AAClC,qCAAgD;AASnC,QAAA,cAAc,GAA4B,eAAK,CAAC,UAAU,CACtE,UAAC,EAA4B,EAAE,GAAoC;QAAhE,cAAc,EAAd,MAAM,mBAAG,KAAK,KAAA,EAAE,QAAQ,cAAA;IAClB,IAAA,WAAW,GAAK,IAAA,yBAAiB,GAAE,YAAxB,CAAyB;IAE5C,OAAO,CACN,uCAAK,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,IAAI,IAC/C,QAAQ,CAAC,CAAC,CAAC,8BAAC,eAAK,CAAC,QAAQ,QAAE,QAAQ,CAAkB,CAAC,CAAC,CAAC,IAAI,CACzD,CACN,CAAC;AACH,CAAC,CACD,CAAC"}
@@ -1,9 +1,9 @@
1
- @charset "UTF-8";
2
1
  /* Hide element visually, keeping it focusable (with keyboard) and available for screen-readers */
3
2
  /** Popover Variables */
4
3
  .Popover__body.Popover__body {
5
4
  display: none;
6
5
  pointer-events: none;
6
+ overflow: hidden;
7
7
  }
8
8
 
9
9
  .Popover__body.Popover__body--open {
@@ -146,7 +146,6 @@ span.Popover {
146
146
 
147
147
  .ActionMenu__OverlayWrapper.Popover__body {
148
148
  border: none;
149
- box-shadow: 0 2px 8px rgba(127, 127, 127, 0.1), 0 8px 24px rgba(127, 127, 127, 0.1);
150
149
  min-width: 192px;
151
150
  width: auto;
152
151
  }
@@ -171,12 +170,12 @@ span.Popover {
171
170
  .ActionMenu .ActionMenuGroup__label,
172
171
  .ActionMenu .ActionMenuGroup__divider,
173
172
  .ActionMenu .ActionMenuItem {
174
- background: #ffffff;
173
+ background: var(--colorsSurfaceDefault, #ffffff);
175
174
  list-style: none;
176
175
  }
177
176
  .ActionMenu .ActionMenuItem {
178
177
  align-items: center;
179
- color: #141414;
178
+ color: var(--colorsTextDefault, #141414);
180
179
  display: flex;
181
180
  flex-direction: row;
182
181
  min-height: 26px;
@@ -185,7 +184,7 @@ span.Popover {
185
184
  outline: 0;
186
185
  }
187
186
  .ActionMenu .ActionMenuItem.ActionMenuItem--active:not(.ActionMenuItem--disabled), .ActionMenu .ActionMenuItem:hover:not(.ActionMenuItem--disabled), .ActionMenu .ActionMenuItem.ActionMenuItem--focus-visible:focus {
188
- background: #2270ee;
187
+ background: var(--colorsSurfacePrimary, #2270ee);
189
188
  cursor: pointer;
190
189
  }
191
190
  .ActionMenu .ActionMenuItem.ActionMenuItem--active:not(.ActionMenuItem--disabled) .ActionMenuItem__content > .Headline,
@@ -201,10 +200,10 @@ span.Popover {
201
200
  .ActionMenu .ActionMenuItem.ActionMenuItem--focus-visible:focus .ActionMenuItem__content > .Eyebrow,
202
201
  .ActionMenu .ActionMenuItem.ActionMenuItem--focus-visible:focus .ActionMenuItem__content > .Text,
203
202
  .ActionMenu .ActionMenuItem.ActionMenuItem--focus-visible:focus .ActionMenuItem__content {
204
- color: #ffffff;
203
+ color: var(--colorsTextOnPrimary, #ffffff);
205
204
  }
206
205
  .ActionMenu .ActionMenuItem.ActionMenuItem--active:not(.ActionMenuItem--disabled) .ActionMenuItem__icon .a-Icon > svg, .ActionMenu .ActionMenuItem:hover:not(.ActionMenuItem--disabled) .ActionMenuItem__icon .a-Icon > svg, .ActionMenu .ActionMenuItem.ActionMenuItem--focus-visible:focus .ActionMenuItem__icon .a-Icon > svg {
207
- fill: #ffffff !important;
206
+ fill: var(--colorsTextOnPrimary, #ffffff) !important;
208
207
  }
209
208
  .ActionMenu .ActionMenuItem .ActionMenuItem__icon,
210
209
  .ActionMenu .ActionMenuItem .ActionMenuItem__content {
@@ -242,7 +241,7 @@ span.Popover {
242
241
  margin-right: 8px;
243
242
  }
244
243
  .ActionMenuGroup__label.Divider .Eyebrow {
245
- color: #141414;
244
+ color: var(--colorsTextDefault, #141414);
246
245
  opacity: 0.6;
247
246
  }
248
247
 
@@ -262,22 +261,21 @@ span.Popover {
262
261
  }
263
262
 
264
263
  .Announcement--info {
265
- background-color: #2270ee;
266
- color: #ffffff;
264
+ background-color: var(--colorsStatusInfo, #2270ee);
265
+ color: var(--colorsTextOnPrimary, #ffffff);
267
266
  }
268
267
 
269
268
  .Announcement--critical {
270
- background-color: #bf2a00;
271
- color: #ffffff;
269
+ background-color: var(--colorsStatusCriticalStrong, #bf2a00);
270
+ color: var(--colorsTextOnCritical, #ffffff);
272
271
  }
273
272
 
274
273
  .Announcement--warning {
275
- background-color: #ffc902;
276
- color: #2d2e31;
274
+ background-color: var(--colorsStatusWarning, #ffbe00);
275
+ color: var(--colorsTextOnWarning, #141414);
277
276
  }
278
277
 
279
278
  .Announcement__action.Button {
280
- box-shadow: 0 2px 8px rgba(20, 20, 20, 0.1);
281
279
  margin: 0 0 0 16px;
282
280
  white-space: nowrap;
283
281
  }
@@ -304,9 +302,6 @@ span.Popover {
304
302
  background-color: transparent;
305
303
  }
306
304
 
307
- /*
308
- †: A style that is tied to Semantic Select & Input
309
- */
310
305
  /* OptionList overrides specific to the Select */
311
306
  .a-Select {
312
307
  /* Set color on root of component. It can be overridden after the @include */
@@ -377,36 +372,6 @@ span.Popover {
377
372
  margin-bottom: -8px;
378
373
  }
379
374
 
380
- .Select__option--disabled {
381
- pointer-events: none;
382
- }
383
- .Select__option--disabled .Checkbox__label,
384
- .Select__option--disabled .Radio__label {
385
- color: #737475;
386
- }
387
-
388
- .Select__secondary-action {
389
- align-self: center;
390
- margin-left: auto;
391
- margin-right: 4px;
392
- background: linear-gradient(to left, #eeeeee 70%, #eeeeee 71%, rgba(238, 238, 238, 0) 100%);
393
- opacity: 0;
394
- position: absolute;
395
- right: 4px;
396
- top: 0;
397
- bottom: 0;
398
- display: flex;
399
- align-items: center;
400
- padding-left: 24px;
401
- z-index: 2;
402
- }
403
- .Select__option--single .Checkbox--checked + .Select__secondary-action {
404
- background: linear-gradient(to left, #ecf4fd 70%, #ecf4fd 71%, rgba(236, 244, 253, 0) 100%);
405
- }
406
- .OptionList__option:hover .Select__secondary-action {
407
- opacity: 1;
408
- }
409
-
410
375
  /* Variables */
411
376
  /* Form Sizes */
412
377
  .Form--mini {
@@ -1005,11 +970,11 @@ span.Popover {
1005
970
  -webkit-font-smoothing: antialiased;
1006
971
  -moz-osx-font-smoothing: grayscale;
1007
972
  align-items: center;
1008
- background-color: #eeeeee;
973
+ background-color: var(--colorsSurfaceGrey, #eeeeee);
1009
974
  border: 0;
1010
975
  border-radius: 3px;
1011
976
  box-sizing: border-box;
1012
- color: #444445;
977
+ color: var(--colorsTextOnGrey, #444445);
1013
978
  cursor: pointer;
1014
979
  display: inline-flex;
1015
980
  font-size: 16px;
@@ -1039,36 +1004,36 @@ span.Popover {
1039
1004
  text-decoration: none;
1040
1005
  }
1041
1006
  .Button:hover::before {
1042
- background-color: rgba(20, 20, 20, 0.08);
1007
+ background-color: var(--colorsHoverDefault, rgba(20, 20, 20, 0.08));
1043
1008
  }
1044
1009
  .Button:active::before, .Button.Button--selected::before {
1045
- background-color: rgba(20, 20, 20, 0.16);
1010
+ background-color: var(--colorsActiveDefault, rgba(20, 20, 20, 0.2));
1046
1011
  }
1047
1012
  .Button.Button--focus-visible:focus {
1048
1013
  outline: 0;
1049
- box-shadow: 0 0 0 3px #a9d1ff;
1014
+ box-shadow: 0 0 0 3px var(--colorsFocusRingPrimary, #a9d1ff);
1050
1015
  }
1051
1016
  .Button.Button--outline {
1052
1017
  background-color: transparent;
1053
- box-shadow: inset 0 0 0 1px currentColor;
1018
+ box-shadow: inset 0 0 0 1px var(--colorsBorderDefault, #444445);
1054
1019
  }
1055
1020
  .Button.Button--outline:hover::before {
1056
- background-color: rgba(20, 20, 20, 0.08);
1021
+ background-color: var(--colorsHoverOnGrey, rgba(20, 20, 20, 0.08));
1057
1022
  }
1058
1023
  .Button.Button--outline:active::before, .Button.Button--outline.Button--selected::before {
1059
- background-color: rgba(20, 20, 20, 0.2);
1024
+ background-color: var(--colorsActiveOnGrey, rgba(20, 20, 20, 0.16));
1060
1025
  }
1061
1026
  .Button.Button--outline.Button--focus-visible:focus {
1062
- box-shadow: inset 0 0 0 1px #1360d9, 0 0 0 3px #a9d1ff;
1027
+ box-shadow: inset 0 0 0 1px var(--colorsBorderDefault, #444445), 0 0 0 3px var(--colorsFocusRingPrimary, #a9d1ff);
1063
1028
  }
1064
1029
  .Button.Button--subtle {
1065
1030
  background-color: transparent;
1066
1031
  }
1067
1032
  .Button.Button--subtle:hover::before {
1068
- background-color: rgba(20, 20, 20, 0.08);
1033
+ background-color: var(--colorsHoverOnGrey, rgba(20, 20, 20, 0.08));
1069
1034
  }
1070
1035
  .Button.Button--subtle:active::before, .Button.Button--subtle.Button--selected::before {
1071
- background-color: rgba(20, 20, 20, 0.2);
1036
+ background-color: var(--colorsActiveOnGrey, rgba(20, 20, 20, 0.16));
1072
1037
  }
1073
1038
 
1074
1039
  button.Button {
@@ -1076,14 +1041,14 @@ button.Button {
1076
1041
  line-height: 1;
1077
1042
  }
1078
1043
 
1079
- .Button--icon-only {
1044
+ .Button.Button--icon-only {
1080
1045
  padding: 8px;
1081
1046
  line-height: 1.5;
1082
1047
  }
1083
- .Button--icon-only.Button--xsmall {
1048
+ .Button.Button--icon-only.Button--xsmall {
1084
1049
  line-height: 0.8;
1085
1050
  }
1086
- .Button--icon-only.Button--xsmall svg {
1051
+ .Button.Button--icon-only.Button--xsmall svg {
1087
1052
  height: 20px;
1088
1053
  width: 20px;
1089
1054
  }
@@ -1104,80 +1069,85 @@ button.Button {
1104
1069
  }
1105
1070
 
1106
1071
  .Button--grey:hover, .Button--grey:active, .Button--grey.Button--selected, .Button--grey:focus, .Button--grey:focus:active {
1107
- color: #444445;
1072
+ color: var(--colorsTextOnGrey, #444445);
1108
1073
  }
1109
1074
 
1110
1075
  .Button--blue {
1111
- background-color: #2270ee;
1112
- color: #ffffff;
1076
+ background-color: var(--colorsSurfacePrimary, #2270ee);
1077
+ color: var(--colorsTextOnPrimary, #ffffff);
1113
1078
  }
1114
1079
  .Button--blue:hover::before {
1115
- background-color: rgba(255, 255, 255, 0.16);
1080
+ background-color: var(--colorsHoverOnPrimary, rgba(255, 255, 255, 0.16));
1116
1081
  }
1117
1082
  .Button--blue:active::before, .Button--blue.Button--selected::before {
1118
- background-color: rgba(20, 20, 20, 0.08);
1083
+ background-color: var(--colorsActiveOnPrimary, rgba(20, 20, 20, 0.08));
1119
1084
  }
1120
1085
  .Button--blue.Button--outline {
1121
1086
  background-color: transparent;
1122
- color: #2270ee;
1087
+ box-shadow: inset 0 0 0 1px var(--colorsBorderPrimary, #2270ee);
1088
+ color: var(--colorsTextPrimary, #2270ee);
1123
1089
  }
1124
1090
  .Button--blue.Button--outline:hover::before {
1125
- background-color: rgba(34, 112, 238, 0.08);
1091
+ background-color: var(--colorsHoverPrimary, rgba(34, 112, 238, 0.08));
1092
+ }
1093
+ .Button--blue.Button--outline.Button--focus-visible:focus {
1094
+ box-shadow: inset 0 0 0 1px var(--colorsBorderPrimary, #2270ee), 0 0 0 3px var(--colorsFocusRingPrimary, #a9d1ff);
1126
1095
  }
1127
1096
  .Button--blue.Button--outline:active::before, .Button--blue.Button--outline.Button--selected::before {
1128
- background-color: rgba(0, 76, 195, 0.2);
1097
+ background-color: var(--colorsActivePrimary, rgba(0, 76, 195, 0.2));
1129
1098
  }
1130
1099
  .Button--blue.Button--subtle {
1131
1100
  background-color: transparent;
1132
- color: #2270ee;
1101
+ color: var(--colorsTextPrimary, #2270ee);
1133
1102
  }
1134
1103
  .Button--blue.Button--subtle:hover::before {
1135
- background-color: rgba(34, 112, 238, 0.08);
1104
+ background-color: var(--colorsHoverPrimary, rgba(34, 112, 238, 0.08));
1136
1105
  }
1137
1106
  .Button--blue.Button--subtle:active::before, .Button--blue.Button--subtle.Button--selected::before {
1138
- background-color: rgba(0, 76, 195, 0.2);
1107
+ background-color: var(--colorsActivePrimary, rgba(0, 76, 195, 0.2));
1139
1108
  }
1140
1109
 
1141
1110
  .Button--red {
1142
- background-color: #e63717;
1143
- color: #ffffff;
1111
+ background-color: var(--colorsSurfaceCritical, #e63717);
1112
+ color: var(--colorsTextOnCritical, #ffffff);
1144
1113
  }
1145
1114
  .Button--red:hover::before {
1146
- background-color: rgba(255, 255, 255, 0.16);
1115
+ background-color: var(--colorsHoverOnCritical, rgba(255, 255, 255, 0.16));
1147
1116
  }
1148
1117
  .Button--red:active::before, .Button--red.Button--selected::before {
1149
- background-color: rgba(20, 20, 20, 0.16);
1118
+ background-color: var(--colorsActiveOnCritical, rgba(20, 20, 20, 0.16));
1150
1119
  }
1151
1120
  .Button--red.Button--focus-visible:focus {
1152
- box-shadow: 0 0 0 3px #ffb2a0;
1121
+ box-shadow: 0 0 0 3px var(--colorsFocusRingCritical, #ffb2a0);
1153
1122
  }
1154
1123
  .Button--red.Button--outline {
1155
1124
  background-color: transparent;
1156
- color: #e63717;
1125
+ box-shadow: inset 0 0 0 1px var(--colorsBorderCritical, #e63717);
1126
+ color: var(--colorsTextCritical, #e63717);
1157
1127
  }
1158
1128
  .Button--red.Button--outline:hover::before {
1159
- background-color: rgba(230, 55, 23, 0.1);
1129
+ background-color: var(--colorsHoverCritical, rgba(230, 55, 23, 0.1));
1160
1130
  }
1161
1131
  .Button--red.Button--outline:active::before, .Button--red.Button--outline.Button--selected::before {
1162
- background-color: rgba(230, 55, 23, 0.3);
1132
+ background-color: var(--colorsActiveCritical, rgba(230, 55, 23, 0.3));
1163
1133
  }
1164
1134
  .Button--red.Button--outline.Button--focus-visible:focus {
1165
- box-shadow: inset 0 0 0 1px #e63717, 0 0 0 3px #ffb2a0;
1135
+ box-shadow: inset 0 0 0 1px var(--colorsBorderCritical, #e63717), 0 0 0 3px var(--colorsFocusRingCritical, #ffb2a0);
1166
1136
  }
1167
1137
  .Button--red.Button--subtle {
1168
1138
  background-color: transparent;
1169
- color: #e63717;
1139
+ color: var(--colorsTextCritical, #e63717);
1170
1140
  }
1171
1141
  .Button--red.Button--subtle:hover::before {
1172
- background-color: rgba(230, 55, 23, 0.1);
1142
+ background-color: var(--colorsHoverCritical, rgba(230, 55, 23, 0.1));
1173
1143
  }
1174
1144
  .Button--red.Button--subtle:active::before, .Button--red.Button--subtle.Button--selected::before {
1175
- background-color: rgba(230, 55, 23, 0.3);
1145
+ background-color: var(--colorsActiveCritical, rgba(230, 55, 23, 0.3));
1176
1146
  }
1177
1147
 
1178
1148
  .Button--disabled, .Button--disabled.Button--outline, .Button--disabled.Button--subtle {
1179
- background: #eeeeee;
1180
- color: #444445;
1149
+ background: var(--colorsSurfaceGrey, #eeeeee);
1150
+ color: var(--colorsTextOnGrey, #444445);
1181
1151
  opacity: 0.4;
1182
1152
  }
1183
1153
  .Button--disabled svg, .Button--disabled.Button--outline svg, .Button--disabled.Button--subtle svg {
@@ -1186,6 +1156,9 @@ button.Button {
1186
1156
  .Button--disabled.Button--outline, .Button--disabled.Button--subtle {
1187
1157
  background: transparent;
1188
1158
  }
1159
+ .Button--disabled.Button--outline {
1160
+ box-shadow: inset 0 0 0 1px var(--colorsBorderDefault, #444445);
1161
+ }
1189
1162
 
1190
1163
  .Button--inactive {
1191
1164
  pointer-events: none;
@@ -1269,6 +1242,15 @@ button.Button--full {
1269
1242
  vertical-align: top;
1270
1243
  }
1271
1244
 
1245
+ .Button > .Button__content::before {
1246
+ content: "";
1247
+ height: 10px;
1248
+ }
1249
+
1250
+ .Button.Button--xsmall > .Button__content::before {
1251
+ height: 8px;
1252
+ }
1253
+
1272
1254
  .ButtonGroup {
1273
1255
  display: flex;
1274
1256
  }
@@ -2103,12 +2085,28 @@ button.Button--full {
2103
2085
  color: #141414;
2104
2086
  /* Make sure font-family goes across entire component */
2105
2087
  font-family: "Nunito Sans", sans-serif;
2088
+ display: flex;
2089
+ justify-content: center;
2090
+ }
2091
+ .DatePicker__calendar .k-calendar {
2092
+ /* Kendo team did not updated classnames, so color not passed correctly via _kendo-variables.scss */
2106
2093
  }
2107
2094
  .DatePicker__calendar .k-calendar table th,
2108
2095
  .DatePicker__calendar .k-calendar .k-calendar-navigation .k-calendar-navigation-marker,
2109
2096
  .DatePicker__calendar .k-calendar .k-calendar-header .k-title {
2110
2097
  font-weight: 600;
2111
2098
  }
2099
+ .DatePicker__calendar .k-calendar .k-nav-today {
2100
+ color: #2270ee;
2101
+ cursor: pointer;
2102
+ }
2103
+ .DatePicker__calendar .k-calendar .k-nav-today:hover {
2104
+ text-decoration: none !important;
2105
+ /* Button-like styling */
2106
+ box-shadow: inset 0 0 0 3px white;
2107
+ background: rgba(127, 127, 127, 0.075);
2108
+ border-radius: 5px;
2109
+ }
2112
2110
 
2113
2111
  .DateRangePicker {
2114
2112
  /* Set color on root of component. It can be overridden after the @include */
@@ -2116,6 +2114,7 @@ button.Button--full {
2116
2114
  /* Make sure font-family goes across entire component */
2117
2115
  font-family: "Nunito Sans", sans-serif;
2118
2116
  width: min-content;
2117
+ min-width: 340px;
2119
2118
  }
2120
2119
 
2121
2120
  .DateRangePicker__popover .k-calendar,
@@ -9678,6 +9677,7 @@ button.Button--full {
9678
9677
  flex-direction: column;
9679
9678
  flex: 0 0 auto;
9680
9679
  overflow: visible;
9680
+ z-index: 799;
9681
9681
  }
9682
9682
 
9683
9683
  .Page--no-padding .Page__page {
@@ -9741,16 +9741,15 @@ button.Button--full {
9741
9741
  box-sizing: border-box;
9742
9742
  align-items: center;
9743
9743
  display: flex;
9744
+ z-index: 798;
9744
9745
  }
9745
9746
  @media (min-width: 480px) {
9746
9747
  .Page__actionToolbar {
9747
9748
  padding: 12px 48px;
9748
9749
  }
9749
9750
  }
9750
-
9751
- .Page__actionToolbar--sticky {
9751
+ .Page__actionToolbar.Page__actionToolbar--sticky {
9752
9752
  position: sticky;
9753
- z-index: 990;
9754
9753
  top: 0;
9755
9754
  }
9756
9755
 
@@ -9946,6 +9945,16 @@ button.Button--full {
9946
9945
  background: #ffc902;
9947
9946
  }
9948
9947
 
9948
+ .ProgressBar--blue-grey::-webkit-progress-value {
9949
+ background: #8c9ca5;
9950
+ }
9951
+ .ProgressBar--blue-grey::-moz-progress-bar {
9952
+ background: #8c9ca5;
9953
+ }
9954
+ .ProgressBar--blue-grey .ProgressBar__value {
9955
+ background: #8c9ca5;
9956
+ }
9957
+
9949
9958
  /** Size Variants */
9950
9959
  .ProgressBar--small,
9951
9960
  .ProgressBar--small .ProgressBar__bar,
@@ -11565,13 +11574,13 @@ button.Button--full {
11565
11574
  transition: background-color cubic-bezier(0.4, 0, 0.2, 1) 100ms 0ms;
11566
11575
  }
11567
11576
  .Table .k-grid-header .k-header .k-icon.k-i-more-vertical::before {
11568
- content: "";
11577
+ content: "\e129";
11569
11578
  }
11570
11579
  .Table .k-grid-header .k-header .k-icon.k-i-more-vertical:hover {
11571
11580
  background: rgba(20, 20, 20, 0.1);
11572
11581
  color: #444445;
11573
11582
  }
11574
- .Table .k-grid-header .k-header.TableColumn--has-menu a.k-link {
11583
+ .Table .k-grid-header .k-header.TableColumn--has-menu .k-link {
11575
11584
  padding-right: 26px;
11576
11585
  }
11577
11586
  .Table .k-grid-header .k-header.TableColumn--filter-active .k-icon.k-i-more-vertical {
@@ -11618,13 +11627,12 @@ button.Button--full {
11618
11627
  font-size: 92%;
11619
11628
  font-weight: bold;
11620
11629
  opacity: 0.65;
11621
- vertical-align: middle;
11622
11630
  }
11623
11631
  .k-popup .k-i-arrow-s::before {
11624
- content: "˅";
11632
+ content: url("data:image/svg+xml; utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' height='16px' viewBox='0 0 24 24' width='16px' fill='%23000000'%3E%3Cpath d='M24 24H0V0h24v24z' fill='none' opacity='.87'/%3E%3Cpath d='M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6-1.41-1.41z'/%3E%3C/svg%3E");
11625
11633
  }
11626
11634
  .k-popup .k-i-arrow-n::before {
11627
- content: "˄";
11635
+ content: url("data:image/svg+xml; utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' height='16px' viewBox='0 0 24 24' width='16px' fill='%23000000'%3E%3Cpath d='M0 0h24v24H0V0z' fill='none'/%3E%3Cpath d='M12 8l-6 6 1.41 1.41L12 10.83l4.59 4.58L18 14l-6-6z'/%3E%3C/svg%3E%3Csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 0 24 24' width='24px' fill='%23000000'%3E%3Cpath d='M0 0h24v24H0V0z' fill='none'/%3E%3Cpath d='M12 8l-6 6 1.41 1.41L12 10.83l4.59 4.58L18 14l-6-6z'/%3E%3C/svg%3E");
11628
11636
  }
11629
11637
 
11630
11638
  .Tag {