@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.
- package/dist/components/ActionMenu/ActionMenu.css +7 -7
- package/dist/components/ActionMenu/ActionMenu.css.map +1 -1
- package/dist/components/ActionMenu/ActionMenu.test.d.ts +1 -0
- package/dist/components/ActionMenu/ActionMenu.test.js +43 -0
- package/dist/components/ActionMenu/ActionMenu.test.js.map +1 -0
- package/dist/components/ActionMenu/index.css +7 -7
- package/dist/components/ActionMenu/index.css.map +1 -1
- package/dist/components/Announcement/Announcement.css +4 -4
- package/dist/components/Announcement/Announcement.css.map +1 -1
- package/dist/components/Announcement/Announcement.test.d.ts +1 -0
- package/dist/components/Announcement/Announcement.test.js +12 -0
- package/dist/components/Announcement/Announcement.test.js.map +1 -0
- package/dist/components/Announcement/index.css +4 -4
- package/dist/components/Announcement/index.css.map +1 -1
- package/dist/components/AnvilSelect/AnvilSelect.css.map +1 -1
- package/dist/components/AnvilSelect/AnvilSelect.js +1 -0
- package/dist/components/AnvilSelect/AnvilSelect.js.map +1 -1
- package/dist/components/AnvilSelect/AnvilSelect.test.js +15 -0
- package/dist/components/AnvilSelect/AnvilSelect.test.js.map +1 -1
- package/dist/components/AnvilSelect/components/DrillIn.css.map +1 -1
- package/dist/components/AnvilSelect/components/Trigger.css +6 -6
- package/dist/components/AnvilSelect/components/Trigger.css.map +1 -1
- package/dist/components/AnvilSelect/index.css +6 -6
- package/dist/components/AnvilSelect/index.css.map +1 -1
- package/dist/components/Avatar/Avatar.css.map +1 -1
- package/dist/components/Avatar/Avatar.test.js +5 -0
- package/dist/components/Avatar/Avatar.test.js.map +1 -1
- package/dist/components/Avatar/index.css.map +1 -1
- package/dist/components/BackLink/BackLink.css.map +1 -1
- package/dist/components/BackLink/BackLink.test.js +7 -2
- package/dist/components/BackLink/BackLink.test.js.map +1 -1
- package/dist/components/BackLink/index.css.map +1 -1
- package/dist/components/Backdrop/Backdrop.css.map +1 -1
- package/dist/components/Backdrop/Backdrop.test.d.ts +1 -0
- package/dist/components/Backdrop/Backdrop.test.js +12 -0
- package/dist/components/Backdrop/Backdrop.test.js.map +1 -0
- package/dist/components/Backdrop/index.css.map +1 -1
- package/dist/components/Banner/Banner.css +7 -7
- package/dist/components/Banner/Banner.css.map +1 -1
- package/dist/components/Banner/Banner.test.d.ts +1 -0
- package/dist/components/Banner/Banner.test.js +12 -0
- package/dist/components/Banner/Banner.test.js.map +1 -0
- package/dist/components/Banner/index.css +7 -7
- package/dist/components/Banner/index.css.map +1 -1
- package/dist/components/BodyText/BodyText.css.map +1 -1
- package/dist/components/BodyText/BodyText.test.d.ts +1 -0
- package/dist/components/BodyText/BodyText.test.js +12 -0
- package/dist/components/BodyText/BodyText.test.js.map +1 -0
- package/dist/components/BodyText/index.css.map +1 -1
- package/dist/components/Breadcrumb/Breadcrumb.css.map +1 -1
- package/dist/components/Breadcrumb/BreadcrumbLink.test.js +8 -0
- package/dist/components/Breadcrumb/BreadcrumbLink.test.js.map +1 -1
- package/dist/components/Breadcrumb/index.css.map +1 -1
- package/dist/components/BreakPoint/BreakPoint.test.d.ts +1 -0
- package/dist/components/BreakPoint/BreakPoint.test.js +12 -0
- package/dist/components/BreakPoint/BreakPoint.test.js.map +1 -0
- package/dist/components/Button/Button.css +20 -20
- package/dist/components/Button/Button.css.map +1 -1
- package/dist/components/Button/Button.test.js +10 -5
- package/dist/components/Button/Button.test.js.map +1 -1
- package/dist/components/Button/index.css +20 -20
- package/dist/components/Button/index.css.map +1 -1
- package/dist/components/ButtonGroup/ButtonGroup.css.map +1 -1
- package/dist/components/ButtonGroup/ButtonGroup.test.d.ts +1 -0
- package/dist/components/ButtonGroup/ButtonGroup.test.js +17 -0
- package/dist/components/ButtonGroup/ButtonGroup.test.js.map +1 -0
- package/dist/components/ButtonGroup/index.css.map +1 -1
- package/dist/components/ButtonToggle/ButtonToggle.css +7 -7
- package/dist/components/ButtonToggle/ButtonToggle.css.map +1 -1
- package/dist/components/ButtonToggle/ButtonToggle.test.d.ts +1 -0
- package/dist/components/ButtonToggle/ButtonToggle.test.js +15 -0
- package/dist/components/ButtonToggle/ButtonToggle.test.js.map +1 -0
- package/dist/components/ButtonToggle/index.css +7 -7
- package/dist/components/ButtonToggle/index.css.map +1 -1
- package/dist/components/Card/Card.css +2 -2
- package/dist/components/Card/Card.css.map +1 -1
- package/dist/components/Card/Card.test.d.ts +1 -0
- package/dist/components/Card/Card.test.js +23 -0
- package/dist/components/Card/Card.test.js.map +1 -0
- package/dist/components/Card/CardSection.css +10 -10
- package/dist/components/Card/CardSection.css.map +1 -1
- package/dist/components/Card/index.css +12 -12
- package/dist/components/Card/index.css.map +1 -1
- package/dist/components/Checkbox/Checkbox.css +9 -9
- package/dist/components/Checkbox/Checkbox.css.map +1 -1
- package/dist/components/Checkbox/Checkbox.test.js +7 -2
- package/dist/components/Checkbox/Checkbox.test.js.map +1 -1
- package/dist/components/Checkbox/index.css +9 -9
- package/dist/components/Checkbox/index.css.map +1 -1
- package/dist/components/Collapsible/Collapsible.css.map +1 -1
- package/dist/components/Collapsible/Collapsible.test.d.ts +1 -0
- package/dist/components/Collapsible/Collapsible.test.js +14 -0
- package/dist/components/Collapsible/Collapsible.test.js.map +1 -0
- package/dist/components/Collapsible/index.css.map +1 -1
- package/dist/components/ColorPicker/ColorPicker.css +3 -3
- package/dist/components/ColorPicker/ColorPicker.css.map +1 -1
- package/dist/components/ColorPicker/ColorPicker.js +15 -3
- package/dist/components/ColorPicker/ColorPicker.js.map +1 -1
- package/dist/components/ColorPicker/ColorPicker.test.d.ts +1 -0
- package/dist/components/ColorPicker/ColorPicker.test.js +22 -0
- package/dist/components/ColorPicker/ColorPicker.test.js.map +1 -0
- package/dist/components/ColorPicker/index.css +3 -3
- package/dist/components/ColorPicker/index.css.map +1 -1
- package/dist/components/Container/Container.css.map +1 -1
- package/dist/components/Container/index.css.map +1 -1
- package/dist/components/DataList/DataList.css.map +1 -1
- package/dist/components/DataList/DataList.test.d.ts +1 -0
- package/dist/components/DataList/DataList.test.js +19 -0
- package/dist/components/DataList/DataList.test.js.map +1 -0
- package/dist/components/DataList/index.css.map +1 -1
- package/dist/components/DatePicker/DatePicker.css +46 -22
- package/dist/components/DatePicker/DatePicker.css.map +1 -1
- package/dist/components/DatePicker/DatePicker.js +3 -1
- package/dist/components/DatePicker/DatePicker.js.map +1 -1
- package/dist/components/DatePicker/DatePicker.test.d.ts +1 -0
- package/dist/components/DatePicker/DatePicker.test.js +12 -0
- package/dist/components/DatePicker/DatePicker.test.js.map +1 -0
- package/dist/components/DatePicker/index.css +46 -22
- package/dist/components/DatePicker/index.css.map +1 -1
- package/dist/components/DateRangePicker/DateRangePicker.css.map +1 -1
- package/dist/components/DateRangePicker/DateRangePicker.test.js +10 -2
- package/dist/components/DateRangePicker/DateRangePicker.test.js.map +1 -1
- package/dist/components/DateRangePicker/index.css.map +1 -1
- package/dist/components/Dialog/Dialog.test.d.ts +1 -0
- package/dist/components/Dialog/Dialog.test.js +16 -0
- package/dist/components/Dialog/Dialog.test.js.map +1 -0
- package/dist/components/Divider/Divider.css.map +1 -1
- package/dist/components/Divider/Divider.test.d.ts +1 -0
- package/dist/components/Divider/Divider.test.js +14 -0
- package/dist/components/Divider/Divider.test.js.map +1 -0
- package/dist/components/Divider/index.css.map +1 -1
- package/dist/components/Drawer/Drawer.css +1 -1
- package/dist/components/Drawer/Drawer.css.map +1 -1
- package/dist/components/Drawer/Drawer.test.d.ts +1 -0
- package/dist/components/Drawer/Drawer.test.js +22 -0
- package/dist/components/Drawer/Drawer.test.js.map +1 -0
- package/dist/components/Drawer/index.css +1 -1
- package/dist/components/Drawer/index.css.map +1 -1
- package/dist/components/Eyebrow/Eyebrow.css.map +1 -1
- package/dist/components/Eyebrow/Eyebrow.test.d.ts +1 -0
- package/dist/components/Eyebrow/Eyebrow.test.js +12 -0
- package/dist/components/Eyebrow/Eyebrow.test.js.map +1 -0
- package/dist/components/Eyebrow/index.css.map +1 -1
- package/dist/components/FilePicker/FilePicker.css +1 -1
- package/dist/components/FilePicker/FilePicker.css.map +1 -1
- package/dist/components/FilePicker/FilePicker.d.ts +1 -1
- package/dist/components/FilePicker/FilePicker.js +3 -3
- package/dist/components/FilePicker/FilePicker.js.map +1 -1
- package/dist/components/FilePicker/FilePicker.test.d.ts +1 -0
- package/dist/components/FilePicker/FilePicker.test.js +12 -0
- package/dist/components/FilePicker/FilePicker.test.js.map +1 -0
- package/dist/components/FilePicker/index.css +1 -1
- package/dist/components/FilePicker/index.css.map +1 -1
- package/dist/components/FilterButton/FilterButton.css +2 -2
- package/dist/components/FilterButton/FilterButton.css.map +1 -1
- package/dist/components/FilterButton/FilterButton.test.d.ts +1 -0
- package/dist/components/FilterButton/FilterButton.test.js +12 -0
- package/dist/components/FilterButton/FilterButton.test.js.map +1 -0
- package/dist/components/FilterButton/index.css +2 -2
- package/dist/components/FilterButton/index.css.map +1 -1
- package/dist/components/FlowCard/FlowCard.test.d.ts +1 -0
- package/dist/components/FlowCard/FlowCard.test.js +21 -0
- package/dist/components/FlowCard/FlowCard.test.js.map +1 -0
- package/dist/components/FlowCard/FlowCardStep.css +16 -16
- package/dist/components/FlowCard/FlowCardStep.css.map +1 -1
- package/dist/components/FlowCard/FlowCardStep.js +14 -2
- package/dist/components/FlowCard/FlowCardStep.js.map +1 -1
- package/dist/components/FlowCard/index.css +16 -16
- package/dist/components/FlowCard/index.css.map +1 -1
- package/dist/components/Form/Form.css.map +1 -1
- package/dist/components/Form/Form.test.d.ts +1 -0
- package/dist/components/Form/Form.test.js +16 -0
- package/dist/components/Form/Form.test.js.map +1 -0
- package/dist/components/Form/index.css.map +1 -1
- package/dist/components/FormField/FormField.css +2 -2
- package/dist/components/FormField/FormField.css.map +1 -1
- package/dist/components/FormField/FormField.js +1 -1
- package/dist/components/FormField/FormField.js.map +1 -1
- package/dist/components/FormField/FormField.test.js +11 -0
- package/dist/components/FormField/FormField.test.js.map +1 -1
- package/dist/components/FormField/index.css +2 -2
- package/dist/components/FormField/index.css.map +1 -1
- package/dist/components/FormGroup/FormGroup.css.map +1 -1
- package/dist/components/FormGroup/FormGroup.test.d.ts +1 -0
- package/dist/components/FormGroup/FormGroup.test.js +17 -0
- package/dist/components/FormGroup/FormGroup.test.js.map +1 -0
- package/dist/components/FormGroup/index.css.map +1 -1
- package/dist/components/Frame/Frame.css.map +1 -1
- package/dist/components/Frame/Frame.test.d.ts +1 -0
- package/dist/components/Frame/Frame.test.js +14 -0
- package/dist/components/Frame/Frame.test.js.map +1 -0
- package/dist/components/Frame/index.css.map +1 -1
- package/dist/components/Grid/Grid.css.map +1 -1
- package/dist/components/Grid/Grid.test.d.ts +1 -0
- package/dist/components/Grid/Grid.test.js +34 -0
- package/dist/components/Grid/Grid.test.js.map +1 -0
- package/dist/components/Grid/GridBreakpoints.css.map +1 -1
- package/dist/components/Grid/GridColumn.css.map +1 -1
- package/dist/components/Grid/GridRow.css.map +1 -1
- package/dist/components/Grid/GridVariables.css.map +1 -1
- package/dist/components/Grid/index.css.map +1 -1
- package/dist/components/Headline/Headline.css.map +1 -1
- package/dist/components/Headline/Headline.test.d.ts +1 -0
- package/dist/components/Headline/Headline.test.js +12 -0
- package/dist/components/Headline/Headline.test.js.map +1 -0
- package/dist/components/Headline/index.css.map +1 -1
- package/dist/components/Icon/Icon.css +21 -21
- package/dist/components/Icon/Icon.css.map +1 -1
- package/dist/components/Icon/Icon.test.js +5 -0
- package/dist/components/Icon/Icon.test.js.map +1 -1
- package/dist/components/Icon/index.css +21 -21
- package/dist/components/Icon/index.css.map +1 -1
- package/dist/components/InlineEdit/InlineEdit.css +1 -1
- package/dist/components/InlineEdit/InlineEdit.css.map +1 -1
- package/dist/components/InlineEdit/InlineEdit.test.d.ts +1 -0
- package/dist/components/InlineEdit/InlineEdit.test.js +12 -0
- package/dist/components/InlineEdit/InlineEdit.test.js.map +1 -0
- package/dist/components/InlineEdit/index.css +1 -1
- package/dist/components/InlineEdit/index.css.map +1 -1
- package/dist/components/Input/Input.css +3 -3
- package/dist/components/Input/Input.css.map +1 -1
- package/dist/components/Input/Input.test.js +11 -3
- package/dist/components/Input/Input.test.js.map +1 -1
- package/dist/components/Input/index.css +3 -3
- package/dist/components/Input/index.css.map +1 -1
- package/dist/components/Label/Label.css +2 -2
- package/dist/components/Label/Label.css.map +1 -1
- package/dist/components/Label/Label.js +1 -0
- package/dist/components/Label/Label.js.map +1 -1
- package/dist/components/Label/index.css +2 -2
- package/dist/components/Label/index.css.map +1 -1
- package/dist/components/Layout/Layout.test.d.ts +1 -0
- package/dist/components/Layout/Layout.test.js +24 -0
- package/dist/components/Layout/Layout.test.js.map +1 -0
- package/dist/components/Link/Link.css +2 -2
- package/dist/components/Link/Link.css.map +1 -1
- package/dist/components/Link/Link.test.js +7 -2
- package/dist/components/Link/Link.test.js.map +1 -1
- package/dist/components/Link/index.css +2 -2
- package/dist/components/Link/index.css.map +1 -1
- package/dist/components/Mask/Mask.css +1 -1
- package/dist/components/Mask/Mask.css.map +1 -1
- package/dist/components/Mask/Mask.test.d.ts +1 -0
- package/dist/components/Mask/Mask.test.js +20 -0
- package/dist/components/Mask/Mask.test.js.map +1 -0
- package/dist/components/Mask/index.css +1 -1
- package/dist/components/Mask/index.css.map +1 -1
- package/dist/components/Modal/Modal.css +2 -2
- package/dist/components/Modal/Modal.css.map +1 -1
- package/dist/components/Modal/Modal.test.d.ts +1 -0
- package/dist/components/Modal/Modal.test.js +18 -0
- package/dist/components/Modal/Modal.test.js.map +1 -0
- package/dist/components/Modal/index.css +2 -2
- package/dist/components/Modal/index.css.map +1 -1
- package/dist/components/MoreDetails/MoreDetails.css.map +1 -1
- package/dist/components/MoreDetails/MoreDetails.test.d.ts +1 -0
- package/dist/components/MoreDetails/MoreDetails.test.js +12 -0
- package/dist/components/MoreDetails/MoreDetails.test.js.map +1 -0
- package/dist/components/MoreDetails/index.css.map +1 -1
- package/dist/components/OptionList/OptionList.css +4 -3
- package/dist/components/OptionList/OptionList.css.map +1 -1
- package/dist/components/OptionList/OptionList.test.d.ts +1 -0
- package/dist/components/OptionList/OptionList.test.js +38 -0
- package/dist/components/OptionList/OptionList.test.js.map +1 -0
- package/dist/components/OptionList/index.css +4 -3
- package/dist/components/OptionList/index.css.map +1 -1
- package/dist/components/Page/Page.css +3 -3
- package/dist/components/Page/Page.css.map +1 -1
- package/dist/components/Page/Page.test.d.ts +1 -0
- package/dist/components/Page/Page.test.js +16 -0
- package/dist/components/Page/Page.test.js.map +1 -0
- package/dist/components/Page/index.css +3 -3
- package/dist/components/Page/index.css.map +1 -1
- package/dist/components/Popover/Popover.css +1 -1
- package/dist/components/Popover/Popover.css.map +1 -1
- package/dist/components/Popover/Popover.test.js +8 -0
- package/dist/components/Popover/Popover.test.js.map +1 -1
- package/dist/components/Popover/index.css +1 -1
- package/dist/components/Popover/index.css.map +1 -1
- package/dist/components/ProgressBar/ProgressBar.css +6 -6
- package/dist/components/ProgressBar/ProgressBar.css.map +1 -1
- package/dist/components/ProgressBar/ProgressBar.test.d.ts +1 -0
- package/dist/components/ProgressBar/ProgressBar.test.js +12 -0
- package/dist/components/ProgressBar/ProgressBar.test.js.map +1 -0
- package/dist/components/ProgressBar/index.css +6 -6
- package/dist/components/ProgressBar/index.css.map +1 -1
- package/dist/components/ProgressCircle/ProgressCircle.css +3 -3
- package/dist/components/ProgressCircle/ProgressCircle.css.map +1 -1
- package/dist/components/ProgressCircle/ProgressCircle.test.d.ts +1 -0
- package/dist/components/ProgressCircle/ProgressCircle.test.js +12 -0
- package/dist/components/ProgressCircle/ProgressCircle.test.js.map +1 -0
- package/dist/components/ProgressCircle/index.css +3 -3
- package/dist/components/ProgressCircle/index.css.map +1 -1
- package/dist/components/ProgressTracker/ProgressTracker.css +1 -1
- package/dist/components/ProgressTracker/ProgressTracker.css.map +1 -1
- package/dist/components/ProgressTracker/ProgressTracker.test.d.ts +1 -0
- package/dist/components/ProgressTracker/ProgressTracker.test.js +16 -0
- package/dist/components/ProgressTracker/ProgressTracker.test.js.map +1 -0
- package/dist/components/ProgressTracker/ProgressTrackerStep.css +8 -8
- package/dist/components/ProgressTracker/ProgressTrackerStep.css.map +1 -1
- package/dist/components/ProgressTracker/index.css +9 -9
- package/dist/components/ProgressTracker/index.css.map +1 -1
- package/dist/components/Radio/Radio.css +6 -6
- package/dist/components/Radio/Radio.css.map +1 -1
- package/dist/components/Radio/Radio.test.js +7 -2
- package/dist/components/Radio/Radio.test.js.map +1 -1
- package/dist/components/Radio/index.css +6 -6
- package/dist/components/Radio/index.css.map +1 -1
- package/dist/components/Scroll/Scroll.css +2 -2
- package/dist/components/Scroll/Scroll.css.map +1 -1
- package/dist/components/Scroll/Scroll.test.d.ts +1 -0
- package/dist/components/Scroll/Scroll.test.js +16 -0
- package/dist/components/Scroll/Scroll.test.js.map +1 -0
- package/dist/components/Scroll/index.css +2 -2
- package/dist/components/Scroll/index.css.map +1 -1
- package/dist/components/Select/Select.css +9 -9
- package/dist/components/Select/Select.css.map +1 -1
- package/dist/components/Select/Select.test.d.ts +1 -0
- package/dist/components/Select/Select.test.js +22 -0
- package/dist/components/Select/Select.test.js.map +1 -0
- package/dist/components/Select/index.css +9 -9
- package/dist/components/Select/index.css.map +1 -1
- package/dist/components/SideNav/SideNav.css.map +1 -1
- package/dist/components/SideNav/SideNav.test.d.ts +1 -0
- package/dist/components/SideNav/SideNav.test.js +25 -0
- package/dist/components/SideNav/SideNav.test.js.map +1 -0
- package/dist/components/SideNav/SideNavItem.css +7 -7
- package/dist/components/SideNav/SideNavItem.css.map +1 -1
- package/dist/components/SideNav/SideNavItem.js +3 -3
- package/dist/components/SideNav/SideNavItem.js.map +1 -1
- package/dist/components/SideNav/index.css +7 -7
- package/dist/components/SideNav/index.css.map +1 -1
- package/dist/components/Sidebar/Sidebar.css +6 -6
- package/dist/components/Sidebar/Sidebar.css.map +1 -1
- package/dist/components/Sidebar/Sidebar.test.d.ts +1 -0
- package/dist/components/Sidebar/Sidebar.test.js +14 -0
- package/dist/components/Sidebar/Sidebar.test.js.map +1 -0
- package/dist/components/Sidebar/SidebarSection.css +6 -6
- package/dist/components/Sidebar/SidebarSection.css.map +1 -1
- package/dist/components/Sidebar/index.css +6 -6
- package/dist/components/Sidebar/index.css.map +1 -1
- package/dist/components/Snackbar/Snackbar.css +3 -3
- package/dist/components/Snackbar/Snackbar.css.map +1 -1
- package/dist/components/Snackbar/Snackbar.test.js +9 -0
- package/dist/components/Snackbar/Snackbar.test.js.map +1 -1
- package/dist/components/Snackbar/index.css +3 -3
- package/dist/components/Snackbar/index.css.map +1 -1
- package/dist/components/Spinner/Spinner.test.d.ts +1 -0
- package/dist/components/Spinner/Spinner.test.js +12 -0
- package/dist/components/Spinner/Spinner.test.js.map +1 -0
- package/dist/components/Stack/Stack.test.d.ts +1 -0
- package/dist/components/Stack/Stack.test.js +17 -0
- package/dist/components/Stack/Stack.test.js.map +1 -0
- package/dist/components/StatusLight/StatusLight.css +3 -3
- package/dist/components/StatusLight/StatusLight.css.map +1 -1
- package/dist/components/StatusLight/StatusLight.test.d.ts +1 -0
- package/dist/components/StatusLight/StatusLight.test.js +12 -0
- package/dist/components/StatusLight/StatusLight.test.js.map +1 -0
- package/dist/components/StatusLight/index.css +3 -3
- package/dist/components/StatusLight/index.css.map +1 -1
- package/dist/components/Tab/Tab.css +9 -9
- package/dist/components/Tab/Tab.css.map +1 -1
- package/dist/components/Tab/Tab.test.d.ts +1 -0
- package/dist/components/Tab/Tab.test.js +17 -0
- package/dist/components/Tab/Tab.test.js.map +1 -0
- package/dist/components/Tab/index.css +9 -9
- package/dist/components/Tab/index.css.map +1 -1
- package/dist/components/TabGroup/TabGroup.css +1 -1
- package/dist/components/TabGroup/TabGroup.css.map +1 -1
- package/dist/components/TabGroup/TabGroup.test.d.ts +1 -0
- package/dist/components/TabGroup/TabGroup.test.js +17 -0
- package/dist/components/TabGroup/TabGroup.test.js.map +1 -0
- package/dist/components/TabGroup/index.css +1 -1
- package/dist/components/TabGroup/index.css.map +1 -1
- package/dist/components/Table/Table.css +24 -24
- package/dist/components/Table/Table.css.map +1 -1
- package/dist/components/Table/Table.test.js +65 -1
- package/dist/components/Table/Table.test.js.map +1 -1
- package/dist/components/Table/index.css +24 -24
- package/dist/components/Table/index.css.map +1 -1
- package/dist/components/Tag/Tag.css +6 -6
- package/dist/components/Tag/Tag.css.map +1 -1
- package/dist/components/Tag/Tag.test.d.ts +1 -0
- package/dist/components/Tag/Tag.test.js +12 -0
- package/dist/components/Tag/Tag.test.js.map +1 -0
- package/dist/components/Tag/index.css +6 -6
- package/dist/components/Tag/index.css.map +1 -1
- package/dist/components/TagGroup/TagGroup.test.d.ts +1 -0
- package/dist/components/TagGroup/TagGroup.test.js +15 -0
- package/dist/components/TagGroup/TagGroup.test.js.map +1 -0
- package/dist/components/Takeover/Takeover.css +1 -1
- package/dist/components/Takeover/Takeover.css.map +1 -1
- package/dist/components/Takeover/Takeover.test.d.ts +1 -0
- package/dist/components/Takeover/Takeover.test.js +22 -0
- package/dist/components/Takeover/Takeover.test.js.map +1 -0
- package/dist/components/Takeover/TakeoverFooter.css +2 -2
- package/dist/components/Takeover/TakeoverFooter.css.map +1 -1
- package/dist/components/Takeover/TakeoverHeader.css +1 -1
- package/dist/components/Takeover/TakeoverHeader.css.map +1 -1
- package/dist/components/Takeover/TakeoverSection.css +2 -2
- package/dist/components/Takeover/TakeoverSection.css.map +1 -1
- package/dist/components/Takeover/index.css +4 -4
- package/dist/components/Takeover/index.css.map +1 -1
- package/dist/components/Text/Text.css.map +1 -1
- package/dist/components/Text/Text.test.d.ts +1 -0
- package/dist/components/Text/Text.test.js +12 -0
- package/dist/components/Text/Text.test.js.map +1 -0
- package/dist/components/Text/index.css.map +1 -1
- package/dist/components/TextArea/TextArea.css +3 -3
- package/dist/components/TextArea/TextArea.css.map +1 -1
- package/dist/components/TextArea/TextArea.test.d.ts +1 -0
- package/dist/components/TextArea/TextArea.test.js +12 -0
- package/dist/components/TextArea/TextArea.test.js.map +1 -0
- package/dist/components/TextArea/index.css +3 -3
- package/dist/components/TextArea/index.css.map +1 -1
- package/dist/components/Thumbnail/Thumbnail.css +3 -3
- package/dist/components/Thumbnail/Thumbnail.css.map +1 -1
- package/dist/components/Thumbnail/Thumbnail.test.d.ts +1 -0
- package/dist/components/Thumbnail/Thumbnail.test.js +12 -0
- package/dist/components/Thumbnail/Thumbnail.test.js.map +1 -0
- package/dist/components/Thumbnail/index.css +3 -3
- package/dist/components/Thumbnail/index.css.map +1 -1
- package/dist/components/TimePicker/TimePicker.css +6 -5
- package/dist/components/TimePicker/TimePicker.css.map +1 -1
- package/dist/components/TimePicker/TimePicker.d.ts +3 -3
- package/dist/components/TimePicker/TimePicker.js +3 -0
- package/dist/components/TimePicker/TimePicker.js.map +1 -1
- package/dist/components/TimePicker/TimePicker.test.d.ts +1 -0
- package/dist/components/TimePicker/TimePicker.test.js +12 -0
- package/dist/components/TimePicker/TimePicker.test.js.map +1 -0
- package/dist/components/TimePicker/index.css +6 -5
- package/dist/components/TimePicker/index.css.map +1 -1
- package/dist/components/TimePicker/utils/TimePickerUtils.test.js +66 -2
- package/dist/components/TimePicker/utils/TimePickerUtils.test.js.map +1 -1
- package/dist/components/TimePicker/utils/timezoneUtils.js +20 -16
- package/dist/components/TimePicker/utils/timezoneUtils.js.map +1 -1
- package/dist/components/Toast/Toast.css +7 -7
- package/dist/components/Toast/Toast.css.map +1 -1
- package/dist/components/Toast/Toast.test.d.ts +1 -0
- package/dist/components/Toast/Toast.test.js +16 -0
- package/dist/components/Toast/Toast.test.js.map +1 -0
- package/dist/components/Toast/ToastGroup.css +7 -7
- package/dist/components/Toast/ToastGroup.css.map +1 -1
- package/dist/components/Toast/index.css +7 -7
- package/dist/components/Toast/index.css.map +1 -1
- package/dist/components/ToggleSwitch/ToggleSwitch.css +3 -3
- package/dist/components/ToggleSwitch/ToggleSwitch.css.map +1 -1
- package/dist/components/ToggleSwitch/ToggleSwitch.test.js +5 -0
- package/dist/components/ToggleSwitch/ToggleSwitch.test.js.map +1 -1
- package/dist/components/ToggleSwitch/index.css +3 -3
- package/dist/components/ToggleSwitch/index.css.map +1 -1
- package/dist/components/Togglebox/Togglebox.css +2 -2
- package/dist/components/Togglebox/Togglebox.css.map +1 -1
- package/dist/components/Togglebox/Togglebox.test.d.ts +1 -0
- package/dist/components/Togglebox/Togglebox.test.js +12 -0
- package/dist/components/Togglebox/Togglebox.test.js.map +1 -0
- package/dist/components/Togglebox/index.css +2 -2
- package/dist/components/Togglebox/index.css.map +1 -1
- package/dist/components/Tooltip/Tooltip.css +1 -1
- package/dist/components/Tooltip/Tooltip.css.map +1 -1
- package/dist/components/Tooltip/Tooltip.test.d.ts +1 -0
- package/dist/components/Tooltip/Tooltip.test.js +13 -0
- package/dist/components/Tooltip/Tooltip.test.js.map +1 -0
- package/dist/components/Tooltip/index.css +1 -1
- package/dist/components/Tooltip/index.css.map +1 -1
- package/dist/components/index.css +261 -236
- package/dist/components/index.css.map +1 -1
- package/dist/global/index.css +1 -1
- package/dist/global/version.css +1 -1
- package/dist/internal/CollapsibleList/CollapsibleList.css.map +1 -1
- package/dist/internal/CollapsibleList/index.css.map +1 -1
- package/dist/internal/Popper/Popper.css +1 -1
- package/dist/internal/Popper/Popper.css.map +1 -1
- package/dist/internal/Popper/index.css +1 -1
- package/dist/internal/Popper/index.css.map +1 -1
- package/dist/internal/index.css +1 -1
- package/dist/internal/index.css.map +1 -1
- package/dist/system-light.css +62 -62
- package/dist/system-light.css.map +1 -1
- package/dist/system-light.min.css +1 -1
- package/dist/system.css +452 -413
- package/dist/system.css.map +1 -1
- package/dist/system.min.css +2 -2
- package/dist/themes/index.css +139 -125
- package/dist/themes/index.css.map +1 -1
- package/dist/themes/kendo/index.css +139 -125
- package/dist/themes/kendo/index.css.map +1 -1
- package/dist/themes/semantic/index.css.map +1 -1
- package/dist/utilities/KeyboardAccessTests/KeyboardAccess.test.js +14 -2
- package/dist/utilities/KeyboardAccessTests/KeyboardAccess.test.js.map +1 -1
- package/dist/utilities/KeyboardAccessTests/components/components.js +1 -1
- package/dist/utilities/KeyboardAccessTests/components/components.js.map +1 -1
- 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, #
|
|
47
|
+
outline-color: var(--colorsFocusRingPrimary, #78bbfa);
|
|
48
48
|
}
|
|
49
49
|
.Scroll__Scrollbar:focus-visible {
|
|
50
|
-
outline-color: var(--colorsFocusRingPrimary, #
|
|
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;
|
|
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,
|
|
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,
|
|
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(
|
|
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, #
|
|
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, #
|
|
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.
|
|
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.
|
|
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, #
|
|
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, #
|
|
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":"
|
|
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,
|
|
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,
|
|
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(
|
|
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, #
|
|
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, #
|
|
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.
|
|
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.
|
|
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, #
|
|
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, #
|
|
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":"
|
|
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;
|
|
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(
|
|
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(
|
|
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, #
|
|
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(
|
|
88
|
-
color: var(--colorsTextPrimary, #
|
|
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, #
|
|
95
|
-
fill: var(--colorsTextPrimary, #
|
|
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;
|
|
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":";;;;;;;;;;;AAAA,OAAO,KAAa,MAAM,OAAO,CAAC;AAClC,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAEpD,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,EAAE,IAAI,EAA8B,MAAM,SAAS,CAAC;AAC3D,OAAO,EAAE,IAAI,EAAE,MAAM,0BAA0B,CAAC;AAChD,OAAO,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAC;AAC9D,OAAO,EACN,kBAAkB,EAClB,eAAe,GAEf,MAAM,gBAAgB,CAAC;AAuCxB,MAAM,CAAC,MAAM,WAAW,GAAyB,CAAC,EAAY,EAAE,EAAE;QAAX,KAAK,cAAV,EAAY,CAAF;IAC3D,MAAM,EAAE,SAAS,KAAc,KAAK,EAAd,IAAI,UAAK,KAAK,EAA9B,aAAsB,CAAQ,CAAC;IACrC,MAAM,kBAAkB,GAAG,UAAU,CAAC,aAAa,EAAE,SAAS,EAAE;QAC/D,qBAAqB,EAAE,KAAK,CAAC,MAAM;QACnC,uBAAuB,EAAE,KAAK,CAAC,QAAQ;KACvC,CAAC,CAAC;IACH,MAAM,kBAAkB,GAAG,KAAK,CAAC,UAAU,CAAC,kBAAkB,CAAC,CAAC;IAEhE,IAAI,KAAK,CAAC,WAAW,IAAI,kBAAkB,EAAE;QAC5C,MAAM,WAAW,GAChB,KAAK,CAAC,WAAW,KAAK,IAAI;YACzB,CAAC,CAAC;gBACA,QAAQ,EAAE,KAAK;gBACf,OAAO,EAAE,IAAI;gBACb,sBAAsB,EAAE,IAAI;aAC3B;YACH,CAAC,iCAAM,KAAK,CAAC,WAAW,KAAE,sBAAsB,EAAE,IAAI,GAAE,CAAC;QAE3D,OAAO,CACN,oBAAC,eAAe,CAAC,IAAI,IACpB,EAAE,EAAC,IAAI,EACP,WAAW,EAAE,WAAW,EACxB,SAAS,EAAE,kBAAkB,0BACR,aAAa;YAElC,oBAAC,iBAAiB,oBAAK,IAAI,EAAI,CACT,CACvB,CAAC;KACF;IAED,OAAO,CACN,4BAAI,SAAS,EAAE,kBAAkB,0BAAuB,aAAa;QACpE,oBAAC,iBAAiB,oBAAK,IAAI,EAAI,CAC3B,CACL,CAAC;AACH,CAAC,CAAC;AAEF;;GAEG;AACH,MAAM,iBAAiB,GAAyB,CAAC,
|
|
1
|
+
{"version":3,"file":"SideNavItem.js","sourceRoot":"","sources":["../../../src/components/SideNav/SideNavItem.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAa,MAAM,OAAO,CAAC;AAClC,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAEpD,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,EAAE,IAAI,EAA8B,MAAM,SAAS,CAAC;AAC3D,OAAO,EAAE,IAAI,EAAE,MAAM,0BAA0B,CAAC;AAChD,OAAO,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAC;AAC9D,OAAO,EACN,kBAAkB,EAClB,eAAe,GAEf,MAAM,gBAAgB,CAAC;AAuCxB,MAAM,CAAC,MAAM,WAAW,GAAyB,CAAC,EAAY,EAAE,EAAE;QAAX,KAAK,cAAV,EAAY,CAAF;IAC3D,MAAM,EAAE,SAAS,KAAc,KAAK,EAAd,IAAI,UAAK,KAAK,EAA9B,aAAsB,CAAQ,CAAC;IACrC,MAAM,kBAAkB,GAAG,UAAU,CAAC,aAAa,EAAE,SAAS,EAAE;QAC/D,qBAAqB,EAAE,KAAK,CAAC,MAAM;QACnC,uBAAuB,EAAE,KAAK,CAAC,QAAQ;KACvC,CAAC,CAAC;IACH,MAAM,kBAAkB,GAAG,KAAK,CAAC,UAAU,CAAC,kBAAkB,CAAC,CAAC;IAEhE,IAAI,KAAK,CAAC,WAAW,IAAI,kBAAkB,EAAE;QAC5C,MAAM,WAAW,GAChB,KAAK,CAAC,WAAW,KAAK,IAAI;YACzB,CAAC,CAAC;gBACA,QAAQ,EAAE,KAAK;gBACf,OAAO,EAAE,IAAI;gBACb,sBAAsB,EAAE,IAAI;aAC3B;YACH,CAAC,iCAAM,KAAK,CAAC,WAAW,KAAE,sBAAsB,EAAE,IAAI,GAAE,CAAC;QAE3D,OAAO,CACN,oBAAC,eAAe,CAAC,IAAI,IACpB,EAAE,EAAC,IAAI,EACP,WAAW,EAAE,WAAW,EACxB,SAAS,EAAE,kBAAkB,0BACR,aAAa;YAElC,oBAAC,iBAAiB,oBAAK,IAAI,EAAI,CACT,CACvB,CAAC;KACF;IAED,OAAO,CACN,4BAAI,SAAS,EAAE,kBAAkB,0BAAuB,aAAa;QACpE,oBAAC,iBAAiB,oBAAK,IAAI,EAAI,CAC3B,CACL,CAAC;AACH,CAAC,CAAC;AAEF;;GAEG;AACH,MAAM,iBAAiB,GAAyB,CAAC,EAehD,EAAE,EAAE;QAf4C,EAChD,MAAM,EAAE,CAAC,EACT,SAAS,EACT,WAAW,EACX,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,IAAI,EACJ,IAAI,EACJ,OAAO,EACP,OAAO,EACP,MAAM,EACN,MAAM,EACN,MAAM,OAEN,EADG,IAAI,cAdyC,8IAehD,CADO;IAEP,MAAM,EAAE,GAAG,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,MAAM,CAAC;IAC/B,MAAM,SAAS,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;IACrC,MAAM,kBAAkB,GAAG,KAAK,CAAC,UAAU,CAAC,kBAAkB,CAAC,CAAC;IAChE,MAAM,YAAY,GAAG,eAAe,EAAE,CAAC;IAEvC,MAAM,EAAE,cAAc,EAAE,aAAa,EAAE,YAAY,EAAE,GAAG,eAAe,CACtE,SAAS,EACT,MAAM,EACN,OAAO,CACP,CAAC;IAEF,MAAM,wBAAwB,GAAG,UAAU,CAC1C,qBAAqB,EACrB,SAAS,EACT;QACC,oCAAoC,EAAE,cAAc;QACpD,+BAA+B,EAC9B,WAAW,KAAI,kBAAkB,aAAlB,kBAAkB,uBAAlB,kBAAkB,CAAE,QAAQ,CAAA;KAC5C,CACD,CAAC;IAEF,MAAM,WAAW,GAAG,CAAC,CAAoC,EAAE,EAAE;;QAC5D,IAAI,WAAW,IAAI,CAAC,CAAA,MAAA,SAAS,CAAC,OAAO,0CAAE,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAA;YAAE,OAAO,CAAC,6BAA6B;QAEhG,IAAI,IAAI,EAAE;YACT,MAAA,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,OAAO,0CAAE,KAAK,EAAE,CAAC;YAC5B,OAAO;SACP;QACD,IAAI,OAAO;YAAE,OAAO,CAAC,CAAC,CAAC,CAAC;IACzB,CAAC,CAAC;IAEF,MAAM,WAAW,GAAG,CAAC,CAAmC,EAAE,EAAE;QAC3D,IAAI,CAAC,CAAC,MAAM,KAAK,SAAS,CAAC,OAAO,EAAE;YACnC,CAAC,CAAC,eAAe,EAAE,CAAC,CAAC,mEAAmE;YACxF,OAAO;SACP;QAED,IAAI,CAAC,CAAC,GAAG,KAAK,IAAI,CAAC,KAAK;YAAE,CAAC,CAAC,cAAc,EAAE,CAAC,CAAC,sCAAsC;QAEpF,WAAW,CAAC,CAAsC,CAAC,CAAC;IACrD,CAAC,CAAC;IAEF,MAAM,aAAa,GAAG,CAAC,CAAmC,EAAE,EAAE;QAC7D,QAAQ,CAAC,CAAC,GAAG,EAAE;YACd,KAAK,IAAI,CAAC,KAAK,CAAC;YAChB,KAAK,IAAI,CAAC,IAAI;gBACb,CAAC,CAAC,eAAe,EAAE,CAAC,CAAC,mCAAmC;gBACxD,CAAC,CAAC,cAAc,EAAE,CAAC,CAAC,gCAAgC;gBACpD,YAAY,CAAC,SAAS,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC,8CAA8C;gBAC1F,MAAM;YACP,KAAK,IAAI,CAAC,IAAI,CAAC;YACf,KAAK,IAAI,CAAC,EAAE;gBACX,CAAC,CAAC,eAAe,EAAE,CAAC;gBACpB,CAAC,CAAC,cAAc,EAAE,CAAC;gBACnB,YAAY,CAAC,aAAa,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC;gBAC/C,MAAM;YACP,KAAK,IAAI,CAAC,KAAK,CAAC;YAChB,KAAK,IAAI,CAAC,KAAK;gBACd,WAAW,CAAC,CAAC,CAAC,CAAC;gBACf,MAAM;SACP;IACF,CAAC,CAAC;IAEF,MAAM,YAAY,GAAG,GAAG,EAAE;QACzB,MAAM,CAAC,GAAG,UAAU,CAAC,IAAI,CAAC,CAAC;QAE3B,IAAI,CAAC,CAAC,IAAI,CAAC,MAAM;YAAE,OAAO,IAAI,CAAC;QAE/B,OAAO,CACN,8BAAM,SAAS,EAAC,6BAA6B;YAC3C,CAAC;YACD,MAAM,CACD,CACP,CAAC;IACH,CAAC,CAAC;IAEF,MAAM,YAAY,GAAG,GAAG,EAAE;QACzB,MAAM,KAAK,GAAG,WAAW,CAAC,CAAC,CAAC,CAC3B,oBAAC,IAAI,IACJ,SAAS,EAAC,+CAA+C,EACzD,IAAI,EAAC,qBAAqB,EAC1B,IAAI,EAAE,EAAE,GACP,CACF,CAAC,CAAC,CAAC,IAAI,CAAC;QACT,IAAI,CAAC,MAAM,IAAI,CAAC,KAAK;YAAE,OAAO,IAAI,CAAC;QACnC,OAAO,CACN,8BAAM,SAAS,EAAC,6BAA6B;YAC3C,MAAM;YACN,KAAK,CACA,CACP,CAAC;IACH,CAAC,CAAC;IAEF,MAAM,WAAW,GAAG;QACnB,SAAS,EAAE,wBAAwB;QACnC,IAAI;QACJ,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAC3B,MAAM,EAAE,IAAI,IAAI,IAAI,CAAC,MAAM;KAC3B,CAAC;IAEF,OAAO,CACN,oBAAC,kBAAkB,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,SAAS,EAAE;QAChD,oBAAC,EAAE,oBACE,IAAI,IACR,GAAG,EAAE,SAAS,EACd,OAAO,EAAE,WAAW,EACpB,SAAS,EAAE,aAAa,EACxB,OAAO,EAAE,aAAa,EACtB,MAAM,EAAE,YAAY,IAChB,WAAW;YAEd,YAAY,EAAE;YACf,oBAAC,QAAQ,IACR,EAAE,EAAC,MAAM,EACT,IAAI,EAAC,OAAO,EACZ,SAAS,EAAC,8BAA8B,IAEvC,QAAQ,CACC;YACV,YAAY,EAAE,CACX,CACwB,CAC9B,CAAC;AACH,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,kBAAkB,GAAG,KAAK,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC;AAE5D,MAAM,UAAU,GAAG,CAAC,IAAyC,EAAE,EAAE;IAChE,2BAA2B;IAC3B,IAAI,OAAO,IAAI,KAAK,QAAQ,EAAE;QAC7B,OAAO,CACN,oBAAC,IAAI,IAAC,SAAS,EAAC,2BAA2B,EAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE,GAAI,CACpE,CAAC;KACF;IAED,qCAAqC;IACrC,IAAI,IAAI,IAAI,IAAI,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,EAAE;QAChD,OAAO,CACN,oBAAC,IAAI,kBACJ,SAAS,EAAE,UAAU,CACpB,2BAA2B,EAC3B,IAAI,CAAC,SAAS,CACd,IACG,IAAI,EACP,CACF,CAAC;KACF;IAED,OAAO,IAAI,CAAC;AACb,CAAC,CAAC"}
|
|
@@ -52,14 +52,14 @@
|
|
|
52
52
|
/* States */
|
|
53
53
|
}
|
|
54
54
|
.SideNavItem > .SideNavItem__button:hover {
|
|
55
|
-
background: var(--colorsHoverDefault, rgba(
|
|
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(
|
|
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, #
|
|
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(
|
|
88
|
-
color: var(--colorsTextPrimary, #
|
|
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, #
|
|
95
|
-
fill: var(--colorsTextPrimary, #
|
|
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;
|
|
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,
|
|
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,
|
|
105
|
+
background: var(--colorsSurfaceDefault, white);
|
|
106
106
|
}
|
|
107
107
|
.Sidebar__toggle-button:hover {
|
|
108
|
-
background: var(--colorsSurfaceDefault,
|
|
109
|
-
color: var(--colorsTextPrimary, #
|
|
110
|
-
border-color: var(--colorsTextPrimary, #
|
|
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(
|
|
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;
|
|
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,
|
|
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,
|
|
105
|
+
background: var(--colorsSurfaceDefault, white);
|
|
106
106
|
}
|
|
107
107
|
.Sidebar__toggle-button:hover {
|
|
108
|
-
background: var(--colorsSurfaceDefault,
|
|
109
|
-
color: var(--colorsTextPrimary, #
|
|
110
|
-
border-color: var(--colorsTextPrimary, #
|
|
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(
|
|
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;
|
|
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,
|
|
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,
|
|
105
|
+
background: var(--colorsSurfaceDefault, white);
|
|
106
106
|
}
|
|
107
107
|
.Sidebar__toggle-button:hover {
|
|
108
|
-
background: var(--colorsSurfaceDefault,
|
|
109
|
-
color: var(--colorsTextPrimary, #
|
|
110
|
-
border-color: var(--colorsTextPrimary, #
|
|
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(
|
|
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;
|
|
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,
|
|
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, #
|
|
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,
|
|
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;
|
|
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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"}
|