@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
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BackLink.test.js","sourceRoot":"","sources":["../../../src/components/BackLink/BackLink.test.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEtC,QAAQ,CAAC,UAAU,EAAE,GAAG,EAAE;IACzB,UAAU,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC;
|
|
1
|
+
{"version":3,"file":"BackLink.test.js","sourceRoot":"","sources":["../../../src/components/BackLink/BackLink.test.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEtC,QAAQ,CAAC,UAAU,EAAE,GAAG,EAAE;IACzB,UAAU,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC;IAE/C,EAAE,CAAC,sDAAsD,EAAE,GAAG,EAAE;QAC/D,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAC3B,oBAAC,QAAQ,IAAC,IAAI,EAAC,gCAAgC,cAAmB,CAClE,CAAC;QAEF,MAAM,IAAI,GAAG,SAAS,CAAC,MAAM,CAAC,CAAC;QAE/B,MAAM,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,eAAe,CAAC,MAAM,CAAC,CAAC;QACzC,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAChC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,wDAAwD,EAAE,GAAG,EAAE;QACjE,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAC3B,oBAAC,QAAQ,IAAC,OAAO,EAAE,GAAG,EAAE,GAAE,CAAC,cAAoB,CAC/C,CAAC;QAEF,MAAM,IAAI,GAAG,SAAS,CAAC,QAAQ,CAAC,CAAC;QAEjC,MAAM,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,eAAe,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC;QACnD,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;IACrC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,gDAAgD,EAAE,GAAG,EAAE;QACzD,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAC3B,oBAAC,QAAQ,IACR,IAAI,EAAC,gCAAgC,mBACvB,qBAAqB,cAGzB,CACX,CAAC;QAEF,MAAM,OAAO,GAAG,SAAS,CAAC,aAAa,CACtC,uCAAuC,CACvC,CAAC;QAEF,MAAM,CAAC,OAAO,CAAC,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC;IAChC,CAAC,CAAC,CAAC;AACJ,CAAC,CAAC,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/BackLink/BackLink.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/core/tokens.scss"],"names":[],"mappings":"AAAA;ACaA;EAEC;
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/BackLink/BackLink.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/core/tokens.scss"],"names":[],"mappings":"AAAA;ACaA;EAEC;ACZA;EACA;AAEA;EACA;EDHA;EACA;EACA;EAcA;EACA;EACA;EACA,WEkHa;EFjHb,aE2HqB;EF1HrB;;AAjBA;EACC;;AAkBD;EACC;EACA,YE8Fa;;;AF1Ff;EACC,cE4FW","file":"index.css"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Backdrop/Backdrop.scss","../../../src/utilities/_component-reset.scss"],"names":[],"mappings":"AAAA;
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Backdrop/Backdrop.scss","../../../src/utilities/_component-reset.scss"],"names":[],"mappings":"AAAA;ACIA;AAGA;ACJC;EACA;AAEA;EACA;EDGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,YAdgB;;;AAiBjB;EACC","file":"Backdrop.css"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { render } from '@testing-library/react';
|
|
3
|
+
import { Backdrop } from './Backdrop';
|
|
4
|
+
describe('Backdrop', () => {
|
|
5
|
+
beforeEach(() => jest.spyOn(console, 'error'));
|
|
6
|
+
it('should pass through data automation attributes', () => {
|
|
7
|
+
const { container } = render(React.createElement(Backdrop, { open: true, "data-auto-sel": "automation-selector" }));
|
|
8
|
+
const element = container.querySelector('[data-auto-sel="automation-selector"]');
|
|
9
|
+
expect(element).not.toBeNull();
|
|
10
|
+
});
|
|
11
|
+
});
|
|
12
|
+
//# sourceMappingURL=Backdrop.test.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Backdrop.test.js","sourceRoot":"","sources":["../../../src/components/Backdrop/Backdrop.test.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEtC,QAAQ,CAAC,UAAU,EAAE,GAAG,EAAE;IACzB,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,QAAQ,IAAC,IAAI,yBAAe,qBAAqB,GAAG,CACrD,CAAC;QAEF,MAAM,OAAO,GAAG,SAAS,CAAC,aAAa,CACtC,uCAAuC,CACvC,CAAC;QAEF,MAAM,CAAC,OAAO,CAAC,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC;IAChC,CAAC,CAAC,CAAC;AACJ,CAAC,CAAC,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Backdrop/Backdrop.scss","../../../src/utilities/_component-reset.scss"],"names":[],"mappings":"AAAA;
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Backdrop/Backdrop.scss","../../../src/utilities/_component-reset.scss"],"names":[],"mappings":"AAAA;ACIA;AAGA;ACJC;EACA;AAEA;EACA;EDGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,YAdgB;;;AAiBjB;EACC","file":"index.css"}
|
|
@@ -40,21 +40,21 @@
|
|
|
40
40
|
margin-top: 5px;
|
|
41
41
|
}
|
|
42
42
|
.Banner--info .Banner__icon {
|
|
43
|
-
color: var(--colorsStatusInfoStrong, #
|
|
43
|
+
color: var(--colorsStatusInfoStrong, #0265dc);
|
|
44
44
|
}
|
|
45
45
|
.Banner--critical .Banner__icon {
|
|
46
|
-
color: var(--colorsStatusCritical, #
|
|
46
|
+
color: var(--colorsStatusCritical, #e13212);
|
|
47
47
|
}
|
|
48
48
|
.Banner--warning .Banner__icon {
|
|
49
49
|
color: var(--colorsStatusWarning, #ffbe00);
|
|
50
50
|
}
|
|
51
51
|
.Banner--success .Banner__icon {
|
|
52
|
-
color: var(--colorsStatusSuccessStrong, #
|
|
52
|
+
color: var(--colorsStatusSuccessStrong, #007a4d);
|
|
53
53
|
}
|
|
54
54
|
|
|
55
55
|
.Banner--info {
|
|
56
|
-
background-color: var(--colorsSurfacePrimarySubdued, #
|
|
57
|
-
border: 1px solid var(--colorsBorderPrimarySubdued, #
|
|
56
|
+
background-color: var(--colorsSurfacePrimarySubdued, #e0f2ff);
|
|
57
|
+
border: 1px solid var(--colorsBorderPrimarySubdued, #b5deff);
|
|
58
58
|
}
|
|
59
59
|
|
|
60
60
|
.Banner--warning {
|
|
@@ -68,8 +68,8 @@
|
|
|
68
68
|
}
|
|
69
69
|
|
|
70
70
|
.Banner--success {
|
|
71
|
-
background-color: var(--colorsSurfaceSuccessSubdued, #
|
|
72
|
-
border: 1px solid var(--colorsBorderSuccessSubdued, #
|
|
71
|
+
background-color: var(--colorsSurfaceSuccessSubdued, #cef8e0);
|
|
72
|
+
border: 1px solid var(--colorsBorderSuccessSubdued, #89ecbc);
|
|
73
73
|
}
|
|
74
74
|
|
|
75
75
|
.Banner--compact .Banner__action > .Button:first-child {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Banner/Banner.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/Banner/Banner.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/core/tokens.scss"],"names":[],"mappings":"AAAA;ACqBA;AClBC;EACA;AAEA;EACA;EDiBA,YEpBa;EFqBb,eEJiB;EFKjB;EACA,OARY;EASZ,WE8Ga;EF7Gb;EACA;AAEA;AAAA;EAEA;AAEA;;AACA;EACC;;AAEA;AAAA;AAAA;EAGC,YEoFS;;AFhFX;AAAA;EAEC;EACA;;AAEA;AAAA;EACC,YE0ES;;;AFrEZ;EACC,WEgFa;EF/Eb,cEmEW;EFlEX;;AAEA;EAAkB,OAjDL;;AAkDb;EAAsB,OAhDL;;AAiDjB;EAAqB,OAhDL;;AAiDhB;EAAqB,OAnDL;;;AAsDjB;EACC,kBAlEiB;EAmEjB;;;AAGD;EACC,kBApEoB;EAqEpB;;;AAGD;EACC,kBA1EqB;EA2ErB;;;AAGD;EACC,kBAhFoB;EAiFpB;;;AAIA;EAAwC;;;AAGzC;EACC;EACA;EACA;EACA;;;AAGD;EACC;EACA;EACA,cEyBW;EFxBX;;;AAGD;EACC,gBEmBW;EFlBX;;AAEA;EACC;EACA;EACA;AAEA;AAAA;EAEA;EACA;;AAGD;EAAuC;;;AAGxC;EACC,OA3GY;EA4GZ,aElBsB;;;AFqBvB;EACC;EACA,OAjHY;EAkHZ;EACA,aENW;EFOX","file":"Banner.css"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { render } from '@testing-library/react';
|
|
3
|
+
import { Banner } from './Banner';
|
|
4
|
+
describe('Banner', () => {
|
|
5
|
+
beforeEach(() => jest.spyOn(console, 'error'));
|
|
6
|
+
it('should pass through data automation attributes', () => {
|
|
7
|
+
const { container } = render(React.createElement(Banner, { status: "info", title: "Banner Title", icon: true, primaryActionName: "Refresh", secondaryActionName: "Check Status", "data-auto-sel": "automation-selector" }, "Short body text"));
|
|
8
|
+
const element = container.querySelector('[data-auto-sel="automation-selector"]');
|
|
9
|
+
expect(element).not.toBeNull();
|
|
10
|
+
});
|
|
11
|
+
});
|
|
12
|
+
//# sourceMappingURL=Banner.test.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Banner.test.js","sourceRoot":"","sources":["../../../src/components/Banner/Banner.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,MAAM,EAAC,MAAM,EACb,KAAK,EAAC,cAAc,EACpB,IAAI,QACJ,iBAAiB,EAAC,SAAS,EAC3B,mBAAmB,EAAC,cAAc,mBACpB,qBAAqB,sBAG3B,CACT,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"}
|
|
@@ -40,21 +40,21 @@
|
|
|
40
40
|
margin-top: 5px;
|
|
41
41
|
}
|
|
42
42
|
.Banner--info .Banner__icon {
|
|
43
|
-
color: var(--colorsStatusInfoStrong, #
|
|
43
|
+
color: var(--colorsStatusInfoStrong, #0265dc);
|
|
44
44
|
}
|
|
45
45
|
.Banner--critical .Banner__icon {
|
|
46
|
-
color: var(--colorsStatusCritical, #
|
|
46
|
+
color: var(--colorsStatusCritical, #e13212);
|
|
47
47
|
}
|
|
48
48
|
.Banner--warning .Banner__icon {
|
|
49
49
|
color: var(--colorsStatusWarning, #ffbe00);
|
|
50
50
|
}
|
|
51
51
|
.Banner--success .Banner__icon {
|
|
52
|
-
color: var(--colorsStatusSuccessStrong, #
|
|
52
|
+
color: var(--colorsStatusSuccessStrong, #007a4d);
|
|
53
53
|
}
|
|
54
54
|
|
|
55
55
|
.Banner--info {
|
|
56
|
-
background-color: var(--colorsSurfacePrimarySubdued, #
|
|
57
|
-
border: 1px solid var(--colorsBorderPrimarySubdued, #
|
|
56
|
+
background-color: var(--colorsSurfacePrimarySubdued, #e0f2ff);
|
|
57
|
+
border: 1px solid var(--colorsBorderPrimarySubdued, #b5deff);
|
|
58
58
|
}
|
|
59
59
|
|
|
60
60
|
.Banner--warning {
|
|
@@ -68,8 +68,8 @@
|
|
|
68
68
|
}
|
|
69
69
|
|
|
70
70
|
.Banner--success {
|
|
71
|
-
background-color: var(--colorsSurfaceSuccessSubdued, #
|
|
72
|
-
border: 1px solid var(--colorsBorderSuccessSubdued, #
|
|
71
|
+
background-color: var(--colorsSurfaceSuccessSubdued, #cef8e0);
|
|
72
|
+
border: 1px solid var(--colorsBorderSuccessSubdued, #89ecbc);
|
|
73
73
|
}
|
|
74
74
|
|
|
75
75
|
.Banner--compact .Banner__action > .Button:first-child {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Banner/Banner.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/Banner/Banner.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/core/tokens.scss"],"names":[],"mappings":"AAAA;ACqBA;AClBC;EACA;AAEA;EACA;EDiBA,YEpBa;EFqBb,eEJiB;EFKjB;EACA,OARY;EASZ,WE8Ga;EF7Gb;EACA;AAEA;AAAA;EAEA;AAEA;;AACA;EACC;;AAEA;AAAA;AAAA;EAGC,YEoFS;;AFhFX;AAAA;EAEC;EACA;;AAEA;AAAA;EACC,YE0ES;;;AFrEZ;EACC,WEgFa;EF/Eb,cEmEW;EFlEX;;AAEA;EAAkB,OAjDL;;AAkDb;EAAsB,OAhDL;;AAiDjB;EAAqB,OAhDL;;AAiDhB;EAAqB,OAnDL;;;AAsDjB;EACC,kBAlEiB;EAmEjB;;;AAGD;EACC,kBApEoB;EAqEpB;;;AAGD;EACC,kBA1EqB;EA2ErB;;;AAGD;EACC,kBAhFoB;EAiFpB;;;AAIA;EAAwC;;;AAGzC;EACC;EACA;EACA;EACA;;;AAGD;EACC;EACA;EACA,cEyBW;EFxBX;;;AAGD;EACC,gBEmBW;EFlBX;;AAEA;EACC;EACA;EACA;AAEA;AAAA;EAEA;EACA;;AAGD;EAAuC;;;AAGxC;EACC,OA3GY;EA4GZ,aElBsB;;;AFqBvB;EACC;EACA,OAjHY;EAkHZ;EACA,aENW;EFOX","file":"index.css"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/BodyText/BodyText.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/BodyText/BodyText.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/core/tokens.scss"],"names":[],"mappings":"AAAA;ACMA;ACHC;EACA;AAEA;EACA;EDEA,aEwIkB;EFvIlB,aEsIkB;EFrIlB,WE+Ha;EF9Hb;EACA;;AAEA;EACC,WE2HY;;AFxHb;EACC,WEsHY;;AFnHb;EACC,WEiHY;;AF9Gb;EACC,WE4GY;;AFzGb;EAAY;;;AAGb;EAAqB,OA9BN;;;AA+Bf;EAAkB;;;AAClB;EAAoB;;;AACpB;EAAoB;;;AACpB;EAAmB","file":"BodyText.css"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { render } from '@testing-library/react';
|
|
3
|
+
import { BodyText } from './BodyText';
|
|
4
|
+
describe('BodyText', () => {
|
|
5
|
+
beforeEach(() => jest.spyOn(console, 'error'));
|
|
6
|
+
it('should pass through data automation attributes', () => {
|
|
7
|
+
const { container } = render(React.createElement(BodyText, { className: "m-x-8 m-y-4", "data-auto-sel": "automation-selector" }, "Lorem ipsum dolor sit amet"));
|
|
8
|
+
const element = container.querySelector('[data-auto-sel="automation-selector"]');
|
|
9
|
+
expect(element).not.toBeNull();
|
|
10
|
+
});
|
|
11
|
+
});
|
|
12
|
+
//# sourceMappingURL=BodyText.test.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"BodyText.test.js","sourceRoot":"","sources":["../../../src/components/BodyText/BodyText.test.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEtC,QAAQ,CAAC,UAAU,EAAE,GAAG,EAAE;IACzB,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,QAAQ,IACR,SAAS,EAAC,aAAa,mBACT,qBAAqB,iCAGzB,CACX,CAAC;QAEF,MAAM,OAAO,GAAG,SAAS,CAAC,aAAa,CACtC,uCAAuC,CACvC,CAAC;QAEF,MAAM,CAAC,OAAO,CAAC,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC;IAChC,CAAC,CAAC,CAAC;AACJ,CAAC,CAAC,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/BodyText/BodyText.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/BodyText/BodyText.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/core/tokens.scss"],"names":[],"mappings":"AAAA;ACMA;ACHC;EACA;AAEA;EACA;EDEA,aEwIkB;EFvIlB,aEsIkB;EFrIlB,WE+Ha;EF9Hb;EACA;;AAEA;EACC,WE2HY;;AFxHb;EACC,WEsHY;;AFnHb;EACC,WEiHY;;AF9Gb;EACC,WE4GY;;AFzGb;EAAY;;;AAGb;EAAqB,OA9BN;;;AA+Bf;EAAkB;;;AAClB;EAAoB;;;AACpB;EAAoB;;;AACpB;EAAmB","file":"index.css"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Breadcrumb/Breadcrumb.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/Breadcrumb/Breadcrumb.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/core/tokens.scss"],"names":[],"mappings":"AAAA;ACOA;EACC;ACLA;EACA;AAEA;EACA;EDKA;EACA;EACA,WEiIgB;EFhIhB;;;AAGD;EACC;EACA,OAhBc;EAiBd;EACA,aE0HkB;EFzHlB,YEuGW;;;AFnGX;EAAU;;AAEV;EACC;EACA,YE4Fa;;;AFxFf;EACC,OA/Ba;EAgCb,eE0FW;EFzFX,cEyFW;;;AFrFX;EACC;EACA;EACA;;AAGD;EAAkC;;;AAGnC;EACC,OA/Ca;;AAiDb;EAAyB","file":"Breadcrumb.css"}
|
|
@@ -12,5 +12,13 @@ describe('Breadcrumb.Link', () => {
|
|
|
12
12
|
const { container } = render(React.createElement(Breadcrumb.Link, Object.assign({}, props)));
|
|
13
13
|
expect(container.firstChild).toBeInstanceOf(HTMLAnchorElement);
|
|
14
14
|
});
|
|
15
|
+
it('should pass through data automation attributes', () => {
|
|
16
|
+
const { container } = render(React.createElement(Breadcrumb, null,
|
|
17
|
+
React.createElement(Breadcrumb.Link, { label: "Root page", "data-auto-sel": "automation-selector" }),
|
|
18
|
+
React.createElement(Breadcrumb.Link, { label: "Subpage" }),
|
|
19
|
+
React.createElement(Breadcrumb.Link, { label: "Current page", "aria-current": "page" })));
|
|
20
|
+
const element = container.querySelector('[data-auto-sel="automation-selector"]');
|
|
21
|
+
expect(element).not.toBeNull();
|
|
22
|
+
});
|
|
15
23
|
});
|
|
16
24
|
//# sourceMappingURL=BreadcrumbLink.test.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BreadcrumbLink.test.js","sourceRoot":"","sources":["../../../src/components/Breadcrumb/BreadcrumbLink.test.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,OAAO,yCAAyC,CAAC;AACjD,OAAO,EAAE,UAAU,EAAE,MAAM,IAAI,CAAC;AAEhC,QAAQ,CAAC,iBAAiB,EAAE,GAAG,EAAE;IAChC,EAAE,CAAC,kCAAkC,EAAE,GAAG,EAAE;QAC3C,MAAM,KAAK,GAAG;YACb,EAAE,EAAE,GAAY;YAChB,KAAK,EAAE,OAAO;YACd,IAAI,EAAE,yCAAyC;SAC/C,CAAC;QACF,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAAC,oBAAC,UAAU,CAAC,IAAI,oBAAK,KAAK,EAAI,CAAC,CAAC;QAE7D,MAAM,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,cAAc,CAAC,iBAAiB,CAAC,CAAC;IAChE,CAAC,CAAC,CAAC;AACJ,CAAC,CAAC,CAAC"}
|
|
1
|
+
{"version":3,"file":"BreadcrumbLink.test.js","sourceRoot":"","sources":["../../../src/components/Breadcrumb/BreadcrumbLink.test.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,OAAO,yCAAyC,CAAC;AACjD,OAAO,EAAE,UAAU,EAAE,MAAM,IAAI,CAAC;AAEhC,QAAQ,CAAC,iBAAiB,EAAE,GAAG,EAAE;IAChC,EAAE,CAAC,kCAAkC,EAAE,GAAG,EAAE;QAC3C,MAAM,KAAK,GAAG;YACb,EAAE,EAAE,GAAY;YAChB,KAAK,EAAE,OAAO;YACd,IAAI,EAAE,yCAAyC;SAC/C,CAAC;QACF,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAAC,oBAAC,UAAU,CAAC,IAAI,oBAAK,KAAK,EAAI,CAAC,CAAC;QAE7D,MAAM,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,cAAc,CAAC,iBAAiB,CAAC,CAAC;IAChE,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,gDAAgD,EAAE,GAAG,EAAE;QACzD,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAC3B,oBAAC,UAAU;YACV,oBAAC,UAAU,CAAC,IAAI,IACf,KAAK,EAAC,WAAW,mBACH,qBAAqB,GAClC;YACF,oBAAC,UAAU,CAAC,IAAI,IAAC,KAAK,EAAC,SAAS,GAAG;YACnC,oBAAC,UAAU,CAAC,IAAI,IAAC,KAAK,EAAC,cAAc,kBAAc,MAAM,GAAG,CAChD,CACb,CAAC;QAEF,MAAM,OAAO,GAAG,SAAS,CAAC,aAAa,CACtC,uCAAuC,CACvC,CAAC;QAEF,MAAM,CAAC,OAAO,CAAC,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC;IAChC,CAAC,CAAC,CAAC;AACJ,CAAC,CAAC,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Breadcrumb/Breadcrumb.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/Breadcrumb/Breadcrumb.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/core/tokens.scss"],"names":[],"mappings":"AAAA;ACOA;EACC;ACLA;EACA;AAEA;EACA;EDKA;EACA;EACA,WEiIgB;EFhIhB;;;AAGD;EACC;EACA,OAhBc;EAiBd;EACA,aE0HkB;EFzHlB,YEuGW;;;AFnGX;EAAU;;AAEV;EACC;EACA,YE4Fa;;;AFxFf;EACC,OA/Ba;EAgCb,eE0FW;EFzFX,cEyFW;;;AFrFX;EACC;EACA;EACA;;AAGD;EAAkC;;;AAGnC;EACC,OA/Ca;;AAiDb;EAAyB","file":"index.css"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { render } from '@testing-library/react';
|
|
3
|
+
import { BreakPoint } from './BreakPoint';
|
|
4
|
+
describe('BreakPoint', () => {
|
|
5
|
+
beforeEach(() => jest.spyOn(console, 'error'));
|
|
6
|
+
it('should pass through data automation attributes', () => {
|
|
7
|
+
const { container } = render(React.createElement(BreakPoint, { max: 2400, min: 0, "data-auto-sel": "automation-selector" }, "larger than 0 & smaller than 2400"));
|
|
8
|
+
const element = container.querySelector('[data-auto-sel="automation-selector"]');
|
|
9
|
+
expect(element).not.toBeNull();
|
|
10
|
+
});
|
|
11
|
+
});
|
|
12
|
+
//# sourceMappingURL=BreakPoint.test.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"BreakPoint.test.js","sourceRoot":"","sources":["../../../src/components/BreakPoint/BreakPoint.test.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE1C,QAAQ,CAAC,YAAY,EAAE,GAAG,EAAE;IAC3B,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,UAAU,IAAC,GAAG,EAAE,IAAI,EAAE,GAAG,EAAE,CAAC,mBAAgB,qBAAqB,wCAErD,CACb,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"}
|
|
@@ -41,36 +41,36 @@
|
|
|
41
41
|
text-decoration: none;
|
|
42
42
|
}
|
|
43
43
|
.Button:hover::before {
|
|
44
|
-
background-color: var(--colorsHoverDefault, rgba(
|
|
44
|
+
background-color: var(--colorsHoverDefault, rgba(20, 20, 20, 0.08));
|
|
45
45
|
}
|
|
46
46
|
.Button:active::before, .Button.Button--selected::before {
|
|
47
|
-
background-color: var(--colorsActiveDefault, rgba(
|
|
47
|
+
background-color: var(--colorsActiveDefault, rgba(20, 20, 20, 0.2));
|
|
48
48
|
}
|
|
49
49
|
.Button.Button--focus-visible:focus {
|
|
50
50
|
outline: 0;
|
|
51
|
-
box-shadow: 0 0 0 3px var(--colorsFocusRingPrimary, #
|
|
51
|
+
box-shadow: 0 0 0 3px var(--colorsFocusRingPrimary, #78bbfa);
|
|
52
52
|
}
|
|
53
53
|
.Button.Button--outline {
|
|
54
54
|
background-color: transparent;
|
|
55
55
|
box-shadow: inset 0 0 0 1px var(--colorsBorderDefault, #444445);
|
|
56
56
|
}
|
|
57
57
|
.Button.Button--outline:hover::before {
|
|
58
|
-
background-color: var(--colorsHoverOnGrey, rgba(
|
|
58
|
+
background-color: var(--colorsHoverOnGrey, rgba(20, 20, 20, 0.08));
|
|
59
59
|
}
|
|
60
60
|
.Button.Button--outline:active::before, .Button.Button--outline.Button--selected::before {
|
|
61
|
-
background-color: var(--colorsActiveOnGrey, rgba(
|
|
61
|
+
background-color: var(--colorsActiveOnGrey, rgba(20, 20, 20, 0.16));
|
|
62
62
|
}
|
|
63
63
|
.Button.Button--outline.Button--focus-visible:focus {
|
|
64
|
-
box-shadow: inset 0 0 0 1px var(--colorsBorderDefault, #444445), 0 0 0 3px var(--colorsFocusRingPrimary, #
|
|
64
|
+
box-shadow: inset 0 0 0 1px var(--colorsBorderDefault, #444445), 0 0 0 3px var(--colorsFocusRingPrimary, #78bbfa);
|
|
65
65
|
}
|
|
66
66
|
.Button.Button--subtle {
|
|
67
67
|
background-color: transparent;
|
|
68
68
|
}
|
|
69
69
|
.Button.Button--subtle:hover::before {
|
|
70
|
-
background-color: var(--colorsHoverOnGrey, rgba(
|
|
70
|
+
background-color: var(--colorsHoverOnGrey, rgba(20, 20, 20, 0.08));
|
|
71
71
|
}
|
|
72
72
|
.Button.Button--subtle:active::before, .Button.Button--subtle.Button--selected::before {
|
|
73
|
-
background-color: var(--colorsActiveOnGrey, rgba(
|
|
73
|
+
background-color: var(--colorsActiveOnGrey, rgba(20, 20, 20, 0.16));
|
|
74
74
|
}
|
|
75
75
|
|
|
76
76
|
button.Button {
|
|
@@ -110,38 +110,38 @@ button.Button {
|
|
|
110
110
|
}
|
|
111
111
|
|
|
112
112
|
.Button--blue {
|
|
113
|
-
background-color: var(--colorsSurfacePrimary, #
|
|
114
|
-
color: var(--colorsTextOnPrimary,
|
|
113
|
+
background-color: var(--colorsSurfacePrimary, #0265dc);
|
|
114
|
+
color: var(--colorsTextOnPrimary, white);
|
|
115
115
|
}
|
|
116
116
|
.Button--blue:hover::before {
|
|
117
117
|
background-color: var(--colorsHoverOnPrimary, rgba(255, 255, 255, 0.16));
|
|
118
118
|
}
|
|
119
119
|
.Button--blue:active::before, .Button--blue.Button--selected::before {
|
|
120
|
-
background-color: var(--colorsActiveOnPrimary, rgba(
|
|
120
|
+
background-color: var(--colorsActiveOnPrimary, rgba(20, 20, 20, 0.08));
|
|
121
121
|
}
|
|
122
122
|
.Button--blue.Button--outline {
|
|
123
123
|
background-color: transparent;
|
|
124
|
-
box-shadow: inset 0 0 0 1px var(--colorsBorderPrimary, #
|
|
125
|
-
color: var(--colorsTextPrimary, #
|
|
124
|
+
box-shadow: inset 0 0 0 1px var(--colorsBorderPrimary, #0265dc);
|
|
125
|
+
color: var(--colorsTextPrimary, #0265dc);
|
|
126
126
|
}
|
|
127
127
|
.Button--blue.Button--outline:hover::before {
|
|
128
|
-
background-color: var(--colorsHoverPrimary, rgba(
|
|
128
|
+
background-color: var(--colorsHoverPrimary, rgba(2, 101, 220, 0.1));
|
|
129
129
|
}
|
|
130
130
|
.Button--blue.Button--outline.Button--focus-visible:focus {
|
|
131
|
-
box-shadow: inset 0 0 0 1px var(--colorsBorderPrimary, #
|
|
131
|
+
box-shadow: inset 0 0 0 1px var(--colorsBorderPrimary, #0265dc), 0 0 0 3px var(--colorsFocusRingPrimary, #78bbfa);
|
|
132
132
|
}
|
|
133
133
|
.Button--blue.Button--outline:active::before, .Button--blue.Button--outline.Button--selected::before {
|
|
134
|
-
background-color: var(--colorsActivePrimary, rgba(
|
|
134
|
+
background-color: var(--colorsActivePrimary, rgba(2, 101, 220, 0.3));
|
|
135
135
|
}
|
|
136
136
|
.Button--blue.Button--subtle {
|
|
137
137
|
background-color: transparent;
|
|
138
|
-
color: var(--colorsTextPrimary, #
|
|
138
|
+
color: var(--colorsTextPrimary, #0265dc);
|
|
139
139
|
}
|
|
140
140
|
.Button--blue.Button--subtle:hover::before {
|
|
141
|
-
background-color: var(--colorsHoverPrimary, rgba(
|
|
141
|
+
background-color: var(--colorsHoverPrimary, rgba(2, 101, 220, 0.1));
|
|
142
142
|
}
|
|
143
143
|
.Button--blue.Button--subtle:active::before, .Button--blue.Button--subtle.Button--selected::before {
|
|
144
|
-
background-color: var(--colorsActivePrimary, rgba(
|
|
144
|
+
background-color: var(--colorsActivePrimary, rgba(2, 101, 220, 0.3));
|
|
145
145
|
}
|
|
146
146
|
|
|
147
147
|
.Button--red {
|
|
@@ -152,7 +152,7 @@ button.Button {
|
|
|
152
152
|
background-color: var(--colorsHoverOnCritical, rgba(255, 255, 255, 0.16));
|
|
153
153
|
}
|
|
154
154
|
.Button--red:active::before, .Button--red.Button--selected::before {
|
|
155
|
-
background-color: var(--colorsActiveOnCritical, rgba(
|
|
155
|
+
background-color: var(--colorsActiveOnCritical, rgba(20, 20, 20, 0.16));
|
|
156
156
|
}
|
|
157
157
|
.Button--red.Button--focus-visible:focus {
|
|
158
158
|
box-shadow: 0 0 0 3px var(--colorsFocusRingCritical, #ffb2a0);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Button/Button.scss","../../../src/utilities/_component-reset.scss","../../../src/utilities/_font-smoothing.scss","../../../node_modules/@servicetitan/tokens/core/tokens.scss"],"names":[],"mappings":"AAAA;AC0CA;
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Button/Button.scss","../../../src/utilities/_component-reset.scss","../../../src/utilities/_font-smoothing.scss","../../../node_modules/@servicetitan/tokens/core/tokens.scss"],"names":[],"mappings":"AAAA;AC0CA;ACvCC;EACA;AAEA;EACA;ECLC;EACA;EF2CD;EACA,kBArCoB;EAsCpB;EACA,eG5BiB;EH6BjB;EACA,OA/Cc;EAgDd;EACA;EACA,WGoFa;EHnFb,aGsDsB;EHrDtB;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,YACC;EAED;EACA;;AAEA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;;AAGD;EACC;;AAEA;EACC,kBA1Da;;AAgEd;EACC,kBAzDc;;AA6DhB;EACC;EACA,YAjFc;;AAoFf;EACC;EACA;;AAGC;EACC,kBA5EY;;AAkFb;EACC,kBA3Ea;;AA+Ef;EAAgC;;AAGjC;EACC;;AAGC;EACC,kBA/FY;;AAqGb;EACC,kBA9Fa;;;AAsGjB;EACC,WGHa;EHIb;;;AAGD;EACC,SGpBW;EHqBX;;AAEA;EACC;;AAEA;EACC;EACA;;;AAKH;AAAA;EAEC;EACA;EACA;;;AAGD;EACC;EACA;EACA;EACA;EACA;;;AAKA;EAKC,OAjLa;;;AAqLf;EACC,kBA/KoB;EAgLpB,OApLiB;;AAuLhB;EACC,kBAhKgB;;AAsKjB;EACC,kBA/JiB;;AAmKnB;EACC;EACA;EACA,OAxMa;;AA2MZ;EACC,kBAtLY;;AA0Ld;EAAgC;;AAI/B;EACC,kBAvLa;;AA4LhB;EACC;EACA,OA5Na;;AA+NZ;EACC,kBA1MY;;AAgNb;EACC,kBAzMa;;;AA+MjB;EACC,kBAvOqB;EAwOrB,OA5OkB;;AA+OjB;EACC,kBAxNiB;;AA8NlB;EACC,kBAvNkB;;AA2NpB;EAAgC,YAjPhB;;AAmPhB;EACC;EACA;EACA,OAlQc;;AAqQb;EACC,kBAhPa;;AAsPd;EACC,kBA/Oc;;AAmPhB;EAAgC;;AAGjC;EACC;EACA,OAtRc;;AAyRb;EACC,kBApQa;;AA0Qd;EACC,kBAnQc;;;AA2QjB;EAGC,YAxSmB;EAySnB,OA/Sa;EAgTb;;AAEA;EACC,SGrMgB;;AHyMlB;EAEC;;AAGD;EACC;;;AAIF;EAAoB;;;AAGpB;EACC,WGhMa;EHiMb;;AAEA;EACC,WGlMY;EHmMZ;;;AAMF;EAAwB,WG3MV;;;AH6Md;EACC;;AACA;EAAsB,SGlNR;;;AHqNf;EACC;;AACA;EAAsB;;;AAIvB;EAAgB;;;AAGhB;EAAsB;;;AAItB;EACC;IAAK;;;AAGN;EACC,SG3PkB;EH4PlB;EACA;;AAEA;EAAmB;;;AAGpB;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGD;EAAsB,eGvQV;;;AHwQZ;EAAuB,cGxQX;;;AH0QZ;EAA2B;;;AAE3B;EACC;EACA;;;AAGD;EAAoD","file":"Button.css"}
|
|
@@ -3,35 +3,40 @@ import { render } from '@testing-library/react';
|
|
|
3
3
|
import { Button } from './Button';
|
|
4
4
|
describe('Button', () => {
|
|
5
5
|
beforeEach(() => jest.spyOn(console, 'error'));
|
|
6
|
-
it('
|
|
6
|
+
it('should be a button element with type by default', () => {
|
|
7
7
|
const { getByRole } = render(React.createElement(Button, null, "Label"));
|
|
8
8
|
const button = getByRole('button');
|
|
9
9
|
expect(button).toHaveAttribute('type', 'button');
|
|
10
10
|
expect(button.tagName).toBe('BUTTON');
|
|
11
11
|
});
|
|
12
|
-
it('
|
|
12
|
+
it('should be an anchor element if href attribute exists', () => {
|
|
13
13
|
const { getByRole } = render(React.createElement(Button, { href: "https://anvil.servicetitan.com" }, "Label"));
|
|
14
14
|
const button = getByRole('button');
|
|
15
15
|
expect(button).not.toHaveAttribute('type');
|
|
16
16
|
expect(button.tagName).toBe('A');
|
|
17
17
|
});
|
|
18
|
-
it('
|
|
18
|
+
it('should be a span element if el prop was set', () => {
|
|
19
19
|
const { getByRole } = render(React.createElement(Button, { el: "span" }, "Label"));
|
|
20
20
|
const button = getByRole('button');
|
|
21
21
|
expect(button).not.toHaveAttribute('type');
|
|
22
22
|
expect(button.tagName).toBe('SPAN');
|
|
23
23
|
});
|
|
24
|
-
it('
|
|
24
|
+
it('should throw error if attributes and props are mismatched', () => {
|
|
25
25
|
expect(() => {
|
|
26
26
|
console.error = jest.fn(); // Prevent actual console.error from showing up in command line
|
|
27
27
|
render(React.createElement(Button, { el: "span", type: "button" }, "Label"));
|
|
28
28
|
}).toThrowError();
|
|
29
29
|
});
|
|
30
|
-
it('
|
|
30
|
+
it('should throw error if attributes and props are mismatched', () => {
|
|
31
31
|
expect(() => {
|
|
32
32
|
console.error = jest.fn(); // Prevent actual console.error from showing up in command line
|
|
33
33
|
render(React.createElement(Button, { el: "span", href: "https://anvil.servicetitan.com" }, "Label"));
|
|
34
34
|
}).toThrowError();
|
|
35
35
|
});
|
|
36
|
+
it('should pass through data automation attributes', () => {
|
|
37
|
+
const { container } = render(React.createElement(Button, { "data-auto-sel": "automation-selector" }, "Label"));
|
|
38
|
+
const element = container.querySelector('[data-auto-sel="automation-selector"]');
|
|
39
|
+
expect(element).not.toBeNull();
|
|
40
|
+
});
|
|
36
41
|
});
|
|
37
42
|
//# sourceMappingURL=Button.test.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.test.js","sourceRoot":"","sources":["../../../src/components/Button/Button.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,
|
|
1
|
+
{"version":3,"file":"Button.test.js","sourceRoot":"","sources":["../../../src/components/Button/Button.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,iDAAiD,EAAE,GAAG,EAAE;QAC1D,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAAC,oBAAC,MAAM,gBAAe,CAAC,CAAC;QAErD,MAAM,MAAM,GAAG,SAAS,CAAC,QAAQ,CAAC,CAAC;QAEnC,MAAM,CAAC,MAAM,CAAC,CAAC,eAAe,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC;QACjD,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;IACvC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,sDAAsD,EAAE,GAAG,EAAE;QAC/D,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAC3B,oBAAC,MAAM,IAAC,IAAI,EAAC,gCAAgC,YAAe,CAC5D,CAAC;QAEF,MAAM,MAAM,GAAG,SAAS,CAAC,QAAQ,CAAC,CAAC;QAEnC,MAAM,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC,eAAe,CAAC,MAAM,CAAC,CAAC;QAC3C,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAClC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,6CAA6C,EAAE,GAAG,EAAE;QACtD,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAAC,oBAAC,MAAM,IAAC,EAAE,EAAC,MAAM,YAAe,CAAC,CAAC;QAE/D,MAAM,MAAM,GAAG,SAAS,CAAC,QAAQ,CAAC,CAAC;QAEnC,MAAM,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC,eAAe,CAAC,MAAM,CAAC,CAAC;QAC3C,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;IACrC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,2DAA2D,EAAE,GAAG,EAAE;QACpE,MAAM,CAAC,GAAG,EAAE;YACX,OAAO,CAAC,KAAK,GAAG,IAAI,CAAC,EAAE,EAAE,CAAC,CAAC,+DAA+D;YAC1F,MAAM,CACL,oBAAC,MAAM,IAAC,EAAE,EAAC,MAAM,EAAC,IAAI,EAAC,QAAQ,YAEtB,CACT,CAAC;QACH,CAAC,CAAC,CAAC,YAAY,EAAE,CAAC;IACnB,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,2DAA2D,EAAE,GAAG,EAAE;QACpE,MAAM,CAAC,GAAG,EAAE;YACX,OAAO,CAAC,KAAK,GAAG,IAAI,CAAC,EAAE,EAAE,CAAC,CAAC,+DAA+D;YAC1F,MAAM,CACL,oBAAC,MAAM,IAAC,EAAE,EAAC,MAAM,EAAC,IAAI,EAAC,gCAAgC,YAE9C,CACT,CAAC;QACH,CAAC,CAAC,CAAC,YAAY,EAAE,CAAC;IACnB,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,gDAAgD,EAAE,GAAG,EAAE;QACzD,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAC3B,oBAAC,MAAM,qBAAe,qBAAqB,YAAe,CAC1D,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"}
|
|
@@ -41,36 +41,36 @@
|
|
|
41
41
|
text-decoration: none;
|
|
42
42
|
}
|
|
43
43
|
.Button:hover::before {
|
|
44
|
-
background-color: var(--colorsHoverDefault, rgba(
|
|
44
|
+
background-color: var(--colorsHoverDefault, rgba(20, 20, 20, 0.08));
|
|
45
45
|
}
|
|
46
46
|
.Button:active::before, .Button.Button--selected::before {
|
|
47
|
-
background-color: var(--colorsActiveDefault, rgba(
|
|
47
|
+
background-color: var(--colorsActiveDefault, rgba(20, 20, 20, 0.2));
|
|
48
48
|
}
|
|
49
49
|
.Button.Button--focus-visible:focus {
|
|
50
50
|
outline: 0;
|
|
51
|
-
box-shadow: 0 0 0 3px var(--colorsFocusRingPrimary, #
|
|
51
|
+
box-shadow: 0 0 0 3px var(--colorsFocusRingPrimary, #78bbfa);
|
|
52
52
|
}
|
|
53
53
|
.Button.Button--outline {
|
|
54
54
|
background-color: transparent;
|
|
55
55
|
box-shadow: inset 0 0 0 1px var(--colorsBorderDefault, #444445);
|
|
56
56
|
}
|
|
57
57
|
.Button.Button--outline:hover::before {
|
|
58
|
-
background-color: var(--colorsHoverOnGrey, rgba(
|
|
58
|
+
background-color: var(--colorsHoverOnGrey, rgba(20, 20, 20, 0.08));
|
|
59
59
|
}
|
|
60
60
|
.Button.Button--outline:active::before, .Button.Button--outline.Button--selected::before {
|
|
61
|
-
background-color: var(--colorsActiveOnGrey, rgba(
|
|
61
|
+
background-color: var(--colorsActiveOnGrey, rgba(20, 20, 20, 0.16));
|
|
62
62
|
}
|
|
63
63
|
.Button.Button--outline.Button--focus-visible:focus {
|
|
64
|
-
box-shadow: inset 0 0 0 1px var(--colorsBorderDefault, #444445), 0 0 0 3px var(--colorsFocusRingPrimary, #
|
|
64
|
+
box-shadow: inset 0 0 0 1px var(--colorsBorderDefault, #444445), 0 0 0 3px var(--colorsFocusRingPrimary, #78bbfa);
|
|
65
65
|
}
|
|
66
66
|
.Button.Button--subtle {
|
|
67
67
|
background-color: transparent;
|
|
68
68
|
}
|
|
69
69
|
.Button.Button--subtle:hover::before {
|
|
70
|
-
background-color: var(--colorsHoverOnGrey, rgba(
|
|
70
|
+
background-color: var(--colorsHoverOnGrey, rgba(20, 20, 20, 0.08));
|
|
71
71
|
}
|
|
72
72
|
.Button.Button--subtle:active::before, .Button.Button--subtle.Button--selected::before {
|
|
73
|
-
background-color: var(--colorsActiveOnGrey, rgba(
|
|
73
|
+
background-color: var(--colorsActiveOnGrey, rgba(20, 20, 20, 0.16));
|
|
74
74
|
}
|
|
75
75
|
|
|
76
76
|
button.Button {
|
|
@@ -110,38 +110,38 @@ button.Button {
|
|
|
110
110
|
}
|
|
111
111
|
|
|
112
112
|
.Button--blue {
|
|
113
|
-
background-color: var(--colorsSurfacePrimary, #
|
|
114
|
-
color: var(--colorsTextOnPrimary,
|
|
113
|
+
background-color: var(--colorsSurfacePrimary, #0265dc);
|
|
114
|
+
color: var(--colorsTextOnPrimary, white);
|
|
115
115
|
}
|
|
116
116
|
.Button--blue:hover::before {
|
|
117
117
|
background-color: var(--colorsHoverOnPrimary, rgba(255, 255, 255, 0.16));
|
|
118
118
|
}
|
|
119
119
|
.Button--blue:active::before, .Button--blue.Button--selected::before {
|
|
120
|
-
background-color: var(--colorsActiveOnPrimary, rgba(
|
|
120
|
+
background-color: var(--colorsActiveOnPrimary, rgba(20, 20, 20, 0.08));
|
|
121
121
|
}
|
|
122
122
|
.Button--blue.Button--outline {
|
|
123
123
|
background-color: transparent;
|
|
124
|
-
box-shadow: inset 0 0 0 1px var(--colorsBorderPrimary, #
|
|
125
|
-
color: var(--colorsTextPrimary, #
|
|
124
|
+
box-shadow: inset 0 0 0 1px var(--colorsBorderPrimary, #0265dc);
|
|
125
|
+
color: var(--colorsTextPrimary, #0265dc);
|
|
126
126
|
}
|
|
127
127
|
.Button--blue.Button--outline:hover::before {
|
|
128
|
-
background-color: var(--colorsHoverPrimary, rgba(
|
|
128
|
+
background-color: var(--colorsHoverPrimary, rgba(2, 101, 220, 0.1));
|
|
129
129
|
}
|
|
130
130
|
.Button--blue.Button--outline.Button--focus-visible:focus {
|
|
131
|
-
box-shadow: inset 0 0 0 1px var(--colorsBorderPrimary, #
|
|
131
|
+
box-shadow: inset 0 0 0 1px var(--colorsBorderPrimary, #0265dc), 0 0 0 3px var(--colorsFocusRingPrimary, #78bbfa);
|
|
132
132
|
}
|
|
133
133
|
.Button--blue.Button--outline:active::before, .Button--blue.Button--outline.Button--selected::before {
|
|
134
|
-
background-color: var(--colorsActivePrimary, rgba(
|
|
134
|
+
background-color: var(--colorsActivePrimary, rgba(2, 101, 220, 0.3));
|
|
135
135
|
}
|
|
136
136
|
.Button--blue.Button--subtle {
|
|
137
137
|
background-color: transparent;
|
|
138
|
-
color: var(--colorsTextPrimary, #
|
|
138
|
+
color: var(--colorsTextPrimary, #0265dc);
|
|
139
139
|
}
|
|
140
140
|
.Button--blue.Button--subtle:hover::before {
|
|
141
|
-
background-color: var(--colorsHoverPrimary, rgba(
|
|
141
|
+
background-color: var(--colorsHoverPrimary, rgba(2, 101, 220, 0.1));
|
|
142
142
|
}
|
|
143
143
|
.Button--blue.Button--subtle:active::before, .Button--blue.Button--subtle.Button--selected::before {
|
|
144
|
-
background-color: var(--colorsActivePrimary, rgba(
|
|
144
|
+
background-color: var(--colorsActivePrimary, rgba(2, 101, 220, 0.3));
|
|
145
145
|
}
|
|
146
146
|
|
|
147
147
|
.Button--red {
|
|
@@ -152,7 +152,7 @@ button.Button {
|
|
|
152
152
|
background-color: var(--colorsHoverOnCritical, rgba(255, 255, 255, 0.16));
|
|
153
153
|
}
|
|
154
154
|
.Button--red:active::before, .Button--red.Button--selected::before {
|
|
155
|
-
background-color: var(--colorsActiveOnCritical, rgba(
|
|
155
|
+
background-color: var(--colorsActiveOnCritical, rgba(20, 20, 20, 0.16));
|
|
156
156
|
}
|
|
157
157
|
.Button--red.Button--focus-visible:focus {
|
|
158
158
|
box-shadow: 0 0 0 3px var(--colorsFocusRingCritical, #ffb2a0);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Button/Button.scss","../../../src/utilities/_component-reset.scss","../../../src/utilities/_font-smoothing.scss","../../../node_modules/@servicetitan/tokens/core/tokens.scss"],"names":[],"mappings":"AAAA;AC0CA;
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Button/Button.scss","../../../src/utilities/_component-reset.scss","../../../src/utilities/_font-smoothing.scss","../../../node_modules/@servicetitan/tokens/core/tokens.scss"],"names":[],"mappings":"AAAA;AC0CA;ACvCC;EACA;AAEA;EACA;ECLC;EACA;EF2CD;EACA,kBArCoB;EAsCpB;EACA,eG5BiB;EH6BjB;EACA,OA/Cc;EAgDd;EACA;EACA,WGoFa;EHnFb,aGsDsB;EHrDtB;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,YACC;EAED;EACA;;AAEA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;;AAGD;EACC;;AAEA;EACC,kBA1Da;;AAgEd;EACC,kBAzDc;;AA6DhB;EACC;EACA,YAjFc;;AAoFf;EACC;EACA;;AAGC;EACC,kBA5EY;;AAkFb;EACC,kBA3Ea;;AA+Ef;EAAgC;;AAGjC;EACC;;AAGC;EACC,kBA/FY;;AAqGb;EACC,kBA9Fa;;;AAsGjB;EACC,WGHa;EHIb;;;AAGD;EACC,SGpBW;EHqBX;;AAEA;EACC;;AAEA;EACC;EACA;;;AAKH;AAAA;EAEC;EACA;EACA;;;AAGD;EACC;EACA;EACA;EACA;EACA;;;AAKA;EAKC,OAjLa;;;AAqLf;EACC,kBA/KoB;EAgLpB,OApLiB;;AAuLhB;EACC,kBAhKgB;;AAsKjB;EACC,kBA/JiB;;AAmKnB;EACC;EACA;EACA,OAxMa;;AA2MZ;EACC,kBAtLY;;AA0Ld;EAAgC;;AAI/B;EACC,kBAvLa;;AA4LhB;EACC;EACA,OA5Na;;AA+NZ;EACC,kBA1MY;;AAgNb;EACC,kBAzMa;;;AA+MjB;EACC,kBAvOqB;EAwOrB,OA5OkB;;AA+OjB;EACC,kBAxNiB;;AA8NlB;EACC,kBAvNkB;;AA2NpB;EAAgC,YAjPhB;;AAmPhB;EACC;EACA;EACA,OAlQc;;AAqQb;EACC,kBAhPa;;AAsPd;EACC,kBA/Oc;;AAmPhB;EAAgC;;AAGjC;EACC;EACA,OAtRc;;AAyRb;EACC,kBApQa;;AA0Qd;EACC,kBAnQc;;;AA2QjB;EAGC,YAxSmB;EAySnB,OA/Sa;EAgTb;;AAEA;EACC,SGrMgB;;AHyMlB;EAEC;;AAGD;EACC;;;AAIF;EAAoB;;;AAGpB;EACC,WGhMa;EHiMb;;AAEA;EACC,WGlMY;EHmMZ;;;AAMF;EAAwB,WG3MV;;;AH6Md;EACC;;AACA;EAAsB,SGlNR;;;AHqNf;EACC;;AACA;EAAsB;;;AAIvB;EAAgB;;;AAGhB;EAAsB;;;AAItB;EACC;IAAK;;;AAGN;EACC,SG3PkB;EH4PlB;EACA;;AAEA;EAAmB;;;AAGpB;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGD;EAAsB,eGvQV;;;AHwQZ;EAAuB,cGxQX;;;AH0QZ;EAA2B;;;AAE3B;EACC;EACA;;;AAGD;EAAoD","file":"index.css"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../../src/components/ButtonGroup/ButtonGroup.scss","../../../node_modules/@servicetitan/tokens/core/tokens.scss"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../../src/components/ButtonGroup/ButtonGroup.scss","../../../node_modules/@servicetitan/tokens/core/tokens.scss"],"names":[],"mappings":"AAGA;EACC;;;AAGD;EACC;EACA;EACA;EACA;EACA;EACA;;;AAGD;EACC;EACA,QC4GW;;;ADzGZ;AACA;EACC;EACA;;AAEA;AAAA;EAEC;EACA;;AAEA;AAAA;EACC;AAEA;;AACA;AAAA;EAAoB;;AAItB;EACC;EACA;;AAGD;EACC;EACA;;AAIA;EACC;;AAED;EAAuB;;;AAIzB;EACC;;AAEA;EACC;EACA;;AAEA;EACC;EACA;;AAEA;EACC;EACA;;;AAMJ;EAA4E","file":"ButtonGroup.css"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { render } from '@testing-library/react';
|
|
3
|
+
import { ButtonGroup } from './ButtonGroup';
|
|
4
|
+
import { Button } from '../Button';
|
|
5
|
+
describe('ButtonGroup', () => {
|
|
6
|
+
beforeEach(() => jest.spyOn(console, 'error'));
|
|
7
|
+
it('should pass through data automation attributes', () => {
|
|
8
|
+
const { container } = render(React.createElement(ButtonGroup, { "data-auto-sel": "automation-selector" },
|
|
9
|
+
React.createElement(Button, { primary: true }, "Action"),
|
|
10
|
+
React.createElement(Button, null, "Small Action"),
|
|
11
|
+
React.createElement(Button, null, "Secondary Action"),
|
|
12
|
+
React.createElement(Button, { iconName: "add" })));
|
|
13
|
+
const element = container.querySelector('[data-auto-sel="automation-selector"]');
|
|
14
|
+
expect(element).not.toBeNull();
|
|
15
|
+
});
|
|
16
|
+
});
|
|
17
|
+
//# sourceMappingURL=ButtonGroup.test.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ButtonGroup.test.js","sourceRoot":"","sources":["../../../src/components/ButtonGroup/ButtonGroup.test.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AAEnC,QAAQ,CAAC,aAAa,EAAE,GAAG,EAAE;IAC5B,UAAU,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC;IAE/C,EAAE,CAAC,gDAAgD,EAAE,GAAG,EAAE;QACzD,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAC3B,oBAAC,WAAW,qBAAe,qBAAqB;YAC/C,oBAAC,MAAM,IAAC,OAAO,mBAAgB;YAC/B,oBAAC,MAAM,uBAAsB;YAC7B,oBAAC,MAAM,2BAA0B;YACjC,oBAAC,MAAM,IAAC,QAAQ,EAAC,KAAK,GAAG,CACZ,CACd,CAAC;QAEF,MAAM,OAAO,GAAG,SAAS,CAAC,aAAa,CACtC,uCAAuC,CACvC,CAAC;QAEF,MAAM,CAAC,OAAO,CAAC,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC;IAChC,CAAC,CAAC,CAAC;AACJ,CAAC,CAAC,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../../src/components/ButtonGroup/ButtonGroup.scss","../../../node_modules/@servicetitan/tokens/core/tokens.scss"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../../src/components/ButtonGroup/ButtonGroup.scss","../../../node_modules/@servicetitan/tokens/core/tokens.scss"],"names":[],"mappings":"AAGA;EACC;;;AAGD;EACC;EACA;EACA;EACA;EACA;EACA;;;AAGD;EACC;EACA,QC4GW;;;ADzGZ;AACA;EACC;EACA;;AAEA;AAAA;EAEC;EACA;;AAEA;AAAA;EACC;AAEA;;AACA;AAAA;EAAoB;;AAItB;EACC;EACA;;AAGD;EACC;EACA;;AAIA;EACC;;AAED;EAAuB;;;AAIzB;EACC;;AAEA;EACC;EACA;;AAEA;EACC;EACA;;AAEA;EACC;EACA;;;AAMJ;EAA4E","file":"index.css"}
|