@servicetitan/design-system 11.2.0 → 11.4.0
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 +9 -9
- package/dist/components/ActionMenu/ActionMenu.css.map +1 -1
- package/dist/components/ActionMenu/ActionMenu.js +1 -1
- package/dist/components/ActionMenu/ActionMenu.js.map +1 -1
- package/dist/components/ActionMenu/index.css +9 -9
- package/dist/components/ActionMenu/index.css.map +1 -1
- package/dist/components/Announcement/Announcement.css +1 -1
- package/dist/components/Announcement/Announcement.css.map +1 -1
- package/dist/components/Announcement/Announcement.js +1 -1
- package/dist/components/Announcement/Announcement.js.map +1 -1
- package/dist/components/Announcement/index.css +1 -1
- package/dist/components/Announcement/index.css.map +1 -1
- package/dist/components/AnvilSelect/AnvilSelect.css +1 -1
- package/dist/components/AnvilSelect/AnvilSelect.css.map +1 -1
- package/dist/components/AnvilSelect/AnvilSelect.d.ts +7 -3
- package/dist/components/AnvilSelect/AnvilSelect.js +26 -9
- package/dist/components/AnvilSelect/AnvilSelect.js.map +1 -1
- package/dist/components/AnvilSelect/components/DrillIn.css +3 -3
- package/dist/components/AnvilSelect/components/DrillIn.css.map +1 -1
- package/dist/components/AnvilSelect/components/Trigger.css +32 -31
- package/dist/components/AnvilSelect/components/Trigger.css.map +1 -1
- package/dist/components/AnvilSelect/index.css +35 -34
- package/dist/components/AnvilSelect/index.css.map +1 -1
- package/dist/components/Avatar/Avatar.css +2 -2
- package/dist/components/Avatar/Avatar.css.map +1 -1
- package/dist/components/Avatar/Avatar.js +1 -1
- package/dist/components/Avatar/Avatar.js.map +1 -1
- package/dist/components/Avatar/index.css +2 -2
- package/dist/components/Avatar/index.css.map +1 -1
- package/dist/components/BackLink/BackLink.css +2 -2
- package/dist/components/BackLink/BackLink.css.map +1 -1
- package/dist/components/BackLink/BackLink.js +1 -1
- package/dist/components/BackLink/BackLink.js.map +1 -1
- package/dist/components/BackLink/index.css +2 -2
- package/dist/components/BackLink/index.css.map +1 -1
- package/dist/components/Backdrop/Backdrop.css +2 -2
- package/dist/components/Backdrop/Backdrop.css.map +1 -1
- package/dist/components/Backdrop/Backdrop.js +2 -2
- package/dist/components/Backdrop/Backdrop.js.map +1 -1
- package/dist/components/Backdrop/index.css +2 -2
- package/dist/components/Backdrop/index.css.map +1 -1
- package/dist/components/Banner/Banner.css +1 -1
- package/dist/components/Banner/Banner.css.map +1 -1
- package/dist/components/Banner/Banner.js +1 -1
- package/dist/components/Banner/Banner.js.map +1 -1
- package/dist/components/Banner/index.css +1 -1
- package/dist/components/Banner/index.css.map +1 -1
- package/dist/components/BodyText/BodyText.css +1 -1
- package/dist/components/BodyText/BodyText.css.map +1 -1
- package/dist/components/BodyText/BodyText.js +1 -1
- package/dist/components/BodyText/BodyText.js.map +1 -1
- package/dist/components/BodyText/index.css +1 -1
- package/dist/components/BodyText/index.css.map +1 -1
- package/dist/components/Breadcrumb/Breadcrumb.css +5 -5
- package/dist/components/Breadcrumb/Breadcrumb.css.map +1 -1
- package/dist/components/Breadcrumb/Breadcrumb.js +1 -1
- package/dist/components/Breadcrumb/Breadcrumb.js.map +1 -1
- package/dist/components/Breadcrumb/index.css +5 -5
- package/dist/components/Breadcrumb/index.css.map +1 -1
- package/dist/components/Button/Button.css +9 -9
- package/dist/components/Button/Button.css.map +1 -1
- package/dist/components/Button/Button.js +1 -1
- package/dist/components/Button/Button.js.map +1 -1
- package/dist/components/Button/index.css +9 -9
- package/dist/components/Button/index.css.map +1 -1
- package/dist/components/ButtonGroup/ButtonGroup.css.map +1 -1
- package/dist/components/ButtonGroup/ButtonGroup.js +1 -1
- package/dist/components/ButtonGroup/ButtonGroup.js.map +1 -1
- package/dist/components/ButtonGroup/index.css.map +1 -1
- package/dist/components/ButtonToggle/ButtonToggle.css +18 -18
- package/dist/components/ButtonToggle/ButtonToggle.css.map +1 -1
- package/dist/components/ButtonToggle/ButtonToggle.js +1 -1
- package/dist/components/ButtonToggle/ButtonToggle.js.map +1 -1
- package/dist/components/ButtonToggle/index.css +18 -18
- package/dist/components/ButtonToggle/index.css.map +1 -1
- package/dist/components/Card/Card.css +5 -5
- package/dist/components/Card/Card.css.map +1 -1
- package/dist/components/Card/Card.js +1 -1
- package/dist/components/Card/Card.js.map +1 -1
- package/dist/components/Card/CardSection.css +11 -11
- package/dist/components/Card/CardSection.css.map +1 -1
- package/dist/components/Card/CardSection.js +1 -1
- package/dist/components/Card/CardSection.js.map +1 -1
- package/dist/components/Card/index.css +16 -16
- package/dist/components/Card/index.css.map +1 -1
- package/dist/components/Checkbox/Checkbox.css +21 -21
- package/dist/components/Checkbox/Checkbox.css.map +1 -1
- package/dist/components/Checkbox/Checkbox.js +1 -1
- package/dist/components/Checkbox/Checkbox.js.map +1 -1
- package/dist/components/Checkbox/index.css +21 -21
- package/dist/components/Checkbox/index.css.map +1 -1
- package/dist/components/Collapsible/Collapsible.css +1 -1
- package/dist/components/Collapsible/Collapsible.css.map +1 -1
- package/dist/components/Collapsible/Collapsible.js +1 -1
- package/dist/components/Collapsible/Collapsible.js.map +1 -1
- package/dist/components/Collapsible/index.css +1 -1
- package/dist/components/Collapsible/index.css.map +1 -1
- package/dist/components/ColorPicker/ColorPicker.css +6 -6
- package/dist/components/ColorPicker/ColorPicker.css.map +1 -1
- package/dist/components/ColorPicker/ColorPicker.js +1 -1
- package/dist/components/ColorPicker/ColorPicker.js.map +1 -1
- package/dist/components/ColorPicker/index.css +6 -6
- package/dist/components/ColorPicker/index.css.map +1 -1
- package/dist/components/Container/Container.css +1 -1
- package/dist/components/Container/Container.css.map +1 -1
- package/dist/components/Container/Container.js +1 -1
- package/dist/components/Container/Container.js.map +1 -1
- package/dist/components/Container/index.css +1 -1
- package/dist/components/Container/index.css.map +1 -1
- package/dist/components/DataList/DataList.css +5 -5
- package/dist/components/DataList/DataList.css.map +1 -1
- package/dist/components/DataList/DataList.js +1 -1
- package/dist/components/DataList/DataList.js.map +1 -1
- package/dist/components/DataList/index.css +5 -5
- package/dist/components/DataList/index.css.map +1 -1
- package/dist/components/DatePicker/DatePicker.css +68 -31
- package/dist/components/DatePicker/DatePicker.css.map +1 -1
- package/dist/components/DatePicker/DatePicker.js +1 -1
- package/dist/components/DatePicker/DatePicker.js.map +1 -1
- package/dist/components/DatePicker/index.css +68 -31
- package/dist/components/DatePicker/index.css.map +1 -1
- package/dist/components/DateRangePicker/DateRangePicker.css +1 -1
- package/dist/components/DateRangePicker/DateRangePicker.css.map +1 -1
- package/dist/components/DateRangePicker/DateRangePicker.js +1 -1
- package/dist/components/DateRangePicker/DateRangePicker.js.map +1 -1
- package/dist/components/DateRangePicker/DateRangePicker.test.js +0 -1
- package/dist/components/DateRangePicker/DateRangePicker.test.js.map +1 -1
- package/dist/components/DateRangePicker/components/DateRangeTrigger.js +14 -2
- package/dist/components/DateRangePicker/components/DateRangeTrigger.js.map +1 -1
- package/dist/components/DateRangePicker/index.css +1 -1
- package/dist/components/DateRangePicker/index.css.map +1 -1
- package/dist/components/Dialog/Dialog.css.map +1 -1
- package/dist/components/Dialog/Dialog.js +1 -1
- package/dist/components/Dialog/Dialog.js.map +1 -1
- package/dist/components/Dialog/index.css.map +1 -1
- package/dist/components/Divider/Divider.css +3 -3
- package/dist/components/Divider/Divider.css.map +1 -1
- package/dist/components/Divider/Divider.js +1 -1
- package/dist/components/Divider/Divider.js.map +1 -1
- package/dist/components/Divider/index.css +3 -3
- package/dist/components/Divider/index.css.map +1 -1
- package/dist/components/Drawer/Drawer.css +6 -6
- package/dist/components/Drawer/Drawer.css.map +1 -1
- package/dist/components/Drawer/Drawer.js +1 -1
- package/dist/components/Drawer/Drawer.js.map +1 -1
- package/dist/components/Drawer/index.css +6 -6
- package/dist/components/Drawer/index.css.map +1 -1
- package/dist/components/Eyebrow/Eyebrow.css +2 -2
- package/dist/components/Eyebrow/Eyebrow.css.map +1 -1
- package/dist/components/Eyebrow/Eyebrow.js +1 -1
- package/dist/components/Eyebrow/Eyebrow.js.map +1 -1
- package/dist/components/Eyebrow/index.css +2 -2
- package/dist/components/Eyebrow/index.css.map +1 -1
- package/dist/components/FilePicker/FilePicker.css +5 -5
- package/dist/components/FilePicker/FilePicker.css.map +1 -1
- package/dist/components/FilePicker/FilePicker.js +1 -1
- package/dist/components/FilePicker/FilePicker.js.map +1 -1
- package/dist/components/FilePicker/index.css +5 -5
- 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.js +1 -1
- package/dist/components/FilterButton/FilterButton.js.map +1 -1
- package/dist/components/FilterButton/index.css +2 -2
- package/dist/components/FilterButton/index.css.map +1 -1
- package/dist/components/FlowCard/FlowCard.js +1 -1
- package/dist/components/FlowCard/FlowCard.js.map +1 -1
- package/dist/components/FlowCard/FlowCardStep.css +31 -14
- package/dist/components/FlowCard/FlowCardStep.css.map +1 -1
- package/dist/components/FlowCard/FlowCardStep.js +6 -6
- package/dist/components/FlowCard/FlowCardStep.js.map +1 -1
- package/dist/components/FlowCard/index.css +31 -14
- package/dist/components/FlowCard/index.css.map +1 -1
- package/dist/components/Form/Form.css.map +1 -1
- package/dist/components/Form/Form.js +1 -2
- package/dist/components/Form/Form.js.map +1 -1
- package/dist/components/Form/index.css.map +1 -1
- package/dist/components/FormField/FormField.css +1 -1
- 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.d.ts +1 -0
- package/dist/components/FormField/FormField.test.js +53 -0
- package/dist/components/FormField/FormField.test.js.map +1 -0
- package/dist/components/FormField/index.css +1 -1
- package/dist/components/FormField/index.css.map +1 -1
- package/dist/components/FormGroup/FormGroup.css +1 -1
- package/dist/components/FormGroup/FormGroup.css.map +1 -1
- package/dist/components/FormGroup/FormGroup.js +1 -1
- package/dist/components/FormGroup/FormGroup.js.map +1 -1
- package/dist/components/FormGroup/index.css +1 -1
- package/dist/components/FormGroup/index.css.map +1 -1
- package/dist/components/Frame/Frame.css +1 -1
- package/dist/components/Frame/Frame.css.map +1 -1
- package/dist/components/Frame/Frame.js +1 -1
- package/dist/components/Frame/Frame.js.map +1 -1
- package/dist/components/Frame/index.css +1 -1
- package/dist/components/Frame/index.css.map +1 -1
- package/dist/components/Grid/Grid.css +7 -7
- package/dist/components/Grid/Grid.css.map +1 -1
- package/dist/components/Grid/Grid.js +1 -1
- package/dist/components/Grid/Grid.js.map +1 -1
- package/dist/components/Grid/GridBreakpoints.css +10 -10
- package/dist/components/Grid/GridBreakpoints.css.map +1 -1
- package/dist/components/Grid/index.css +17 -17
- package/dist/components/Grid/index.css.map +1 -1
- package/dist/components/Headline/Headline.css +1 -1
- package/dist/components/Headline/Headline.css.map +1 -1
- package/dist/components/Headline/Headline.js +1 -1
- package/dist/components/Headline/Headline.js.map +1 -1
- package/dist/components/Headline/index.css +1 -1
- package/dist/components/Headline/index.css.map +1 -1
- package/dist/components/Icon/Icon.js +1 -1
- package/dist/components/Icon/Icon.js.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.js +1 -1
- package/dist/components/InlineEdit/InlineEdit.js.map +1 -1
- package/dist/components/InlineEdit/index.css +1 -1
- package/dist/components/InlineEdit/index.css.map +1 -1
- package/dist/components/Input/Input.css +8 -8
- package/dist/components/Input/Input.css.map +1 -1
- package/dist/components/Input/Input.js +1 -1
- package/dist/components/Input/Input.js.map +1 -1
- package/dist/components/Input/index.css +8 -8
- package/dist/components/Input/index.css.map +1 -1
- package/dist/components/Label/Label.css +6 -6
- package/dist/components/Label/Label.css.map +1 -1
- package/dist/components/Label/Label.js +1 -1
- package/dist/components/Label/Label.js.map +1 -1
- package/dist/components/Label/index.css +6 -6
- package/dist/components/Label/index.css.map +1 -1
- package/dist/components/Layout/Layout.js +1 -1
- package/dist/components/Layout/Layout.js.map +1 -1
- package/dist/components/Layout/LayoutSection.js +1 -1
- package/dist/components/Layout/LayoutSection.js.map +1 -1
- package/dist/components/Link/Link.css +4 -4
- package/dist/components/Link/Link.css.map +1 -1
- package/dist/components/Link/Link.js +1 -1
- package/dist/components/Link/Link.js.map +1 -1
- package/dist/components/Link/index.css +4 -4
- package/dist/components/Link/index.css.map +1 -1
- package/dist/components/Mask/Mask.css +8 -1
- package/dist/components/Mask/Mask.css.map +1 -1
- package/dist/components/Mask/Mask.js +4 -2
- package/dist/components/Mask/Mask.js.map +1 -1
- package/dist/components/Mask/index.css +8 -1
- package/dist/components/Mask/index.css.map +1 -1
- package/dist/components/Modal/Modal.css +5 -5
- package/dist/components/Modal/Modal.css.map +1 -1
- package/dist/components/Modal/Modal.js +1 -1
- package/dist/components/Modal/Modal.js.map +1 -1
- package/dist/components/Modal/index.css +5 -5
- package/dist/components/Modal/index.css.map +1 -1
- package/dist/components/MoreDetails/MoreDetails.css +2 -2
- package/dist/components/MoreDetails/MoreDetails.css.map +1 -1
- package/dist/components/MoreDetails/MoreDetails.js +1 -1
- package/dist/components/MoreDetails/MoreDetails.js.map +1 -1
- package/dist/components/MoreDetails/index.css +2 -2
- package/dist/components/MoreDetails/index.css.map +1 -1
- package/dist/components/OptionList/Option.d.ts +14 -0
- package/dist/components/OptionList/Option.js +25 -5
- package/dist/components/OptionList/Option.js.map +1 -1
- package/dist/components/OptionList/OptionList.css +9 -7
- package/dist/components/OptionList/OptionList.css.map +1 -1
- package/dist/components/OptionList/OptionList.d.ts +4 -1
- package/dist/components/OptionList/OptionList.js +72 -3
- package/dist/components/OptionList/OptionList.js.map +1 -1
- package/dist/components/OptionList/index.css +9 -7
- package/dist/components/OptionList/index.css.map +1 -1
- package/dist/components/OptionList/index.d.ts +1 -0
- package/dist/components/OptionList/index.js +1 -0
- package/dist/components/OptionList/index.js.map +1 -1
- package/dist/components/Page/Page.css +9 -8
- package/dist/components/Page/Page.css.map +1 -1
- package/dist/components/Page/Page.d.ts +1 -1
- package/dist/components/Page/Page.js +4 -3
- package/dist/components/Page/Page.js.map +1 -1
- package/dist/components/Page/index.css +9 -8
- package/dist/components/Page/index.css.map +1 -1
- package/dist/components/Popover/Popover.css +6 -6
- package/dist/components/Popover/Popover.css.map +1 -1
- package/dist/components/Popover/Popover.js +1 -1
- package/dist/components/Popover/Popover.js.map +1 -1
- package/dist/components/Popover/Popover.test.d.ts +1 -0
- package/dist/components/Popover/Popover.test.js +73 -0
- package/dist/components/Popover/Popover.test.js.map +1 -0
- package/dist/components/Popover/index.css +6 -6
- package/dist/components/Popover/index.css.map +1 -1
- package/dist/components/ProgressBar/ProgressBar.css +19 -19
- package/dist/components/ProgressBar/ProgressBar.css.map +1 -1
- package/dist/components/ProgressBar/ProgressBar.js +1 -1
- package/dist/components/ProgressBar/ProgressBar.js.map +1 -1
- package/dist/components/ProgressBar/index.css +19 -19
- package/dist/components/ProgressBar/index.css.map +1 -1
- package/dist/components/ProgressCircle/ProgressCircle.css +5 -5
- package/dist/components/ProgressCircle/ProgressCircle.css.map +1 -1
- package/dist/components/ProgressCircle/ProgressCircle.js +1 -1
- package/dist/components/ProgressCircle/ProgressCircle.js.map +1 -1
- package/dist/components/ProgressCircle/index.css +5 -5
- package/dist/components/ProgressCircle/index.css.map +1 -1
- package/dist/components/ProgressTracker/ProgressTracker.css +2 -2
- package/dist/components/ProgressTracker/ProgressTracker.css.map +1 -1
- package/dist/components/ProgressTracker/ProgressTracker.js +1 -1
- package/dist/components/ProgressTracker/ProgressTracker.js.map +1 -1
- package/dist/components/ProgressTracker/ProgressTrackerStep.css +8 -12
- package/dist/components/ProgressTracker/ProgressTrackerStep.css.map +1 -1
- package/dist/components/ProgressTracker/ProgressTrackerStep.js +1 -1
- package/dist/components/ProgressTracker/ProgressTrackerStep.js.map +1 -1
- package/dist/components/ProgressTracker/index.css +10 -14
- package/dist/components/ProgressTracker/index.css.map +1 -1
- package/dist/components/Radio/Radio.css +17 -17
- package/dist/components/Radio/Radio.css.map +1 -1
- package/dist/components/Radio/Radio.js +1 -1
- package/dist/components/Radio/Radio.js.map +1 -1
- package/dist/components/Radio/index.css +17 -17
- package/dist/components/Radio/index.css.map +1 -1
- package/dist/components/Scroll/Scroll.css +1 -1
- package/dist/components/Scroll/Scroll.css.map +1 -1
- package/dist/components/Scroll/Scroll.js +1 -1
- package/dist/components/Scroll/Scroll.js.map +1 -1
- package/dist/components/Scroll/index.css +1 -1
- package/dist/components/Scroll/index.css.map +1 -1
- package/dist/components/Select/Select.css +51 -7
- package/dist/components/Select/Select.css.map +1 -1
- package/dist/components/Select/index.css +51 -7
- package/dist/components/Select/index.css.map +1 -1
- package/dist/components/SideNav/SideNav.css +4 -3
- package/dist/components/SideNav/SideNav.css.map +1 -1
- package/dist/components/SideNav/SideNav.js +2 -2
- package/dist/components/SideNav/SideNav.js.map +1 -1
- package/dist/components/SideNav/SideNavGroup.css.map +1 -1
- package/dist/components/SideNav/SideNavGroup.js +1 -1
- package/dist/components/SideNav/SideNavGroup.js.map +1 -1
- package/dist/components/SideNav/SideNavItem.css +37 -4
- package/dist/components/SideNav/SideNavItem.css.map +1 -1
- package/dist/components/SideNav/SideNavItem.js +1 -1
- package/dist/components/SideNav/SideNavItem.js.map +1 -1
- package/dist/components/SideNav/index.css +8 -7
- package/dist/components/SideNav/index.css.map +1 -1
- package/dist/components/Sidebar/Sidebar.css +18 -8
- package/dist/components/Sidebar/Sidebar.css.map +1 -1
- package/dist/components/Sidebar/Sidebar.js +54 -110
- package/dist/components/Sidebar/Sidebar.js.map +1 -1
- package/dist/components/Sidebar/SidebarSection.css +120 -1
- package/dist/components/Sidebar/SidebarSection.css.map +1 -1
- package/dist/components/Sidebar/SidebarSection.js +2 -2
- package/dist/components/Sidebar/SidebarSection.js.map +1 -1
- package/dist/components/Sidebar/index.css +19 -9
- package/dist/components/Sidebar/index.css.map +1 -1
- package/dist/components/Snackbar/Snackbar.css +7 -7
- package/dist/components/Snackbar/Snackbar.css.map +1 -1
- package/dist/components/Snackbar/Snackbar.js +1 -1
- package/dist/components/Snackbar/Snackbar.js.map +1 -1
- package/dist/components/Snackbar/index.css +7 -7
- package/dist/components/Snackbar/index.css.map +1 -1
- package/dist/components/Spinner/Spinner.css.map +1 -1
- package/dist/components/Spinner/Spinner.js +1 -1
- package/dist/components/Spinner/Spinner.js.map +1 -1
- package/dist/components/Spinner/index.css.map +1 -1
- package/dist/components/Stack/Stack.css +9 -0
- package/dist/components/Stack/Stack.css.map +1 -1
- package/dist/components/Stack/Stack.d.ts +1 -1
- package/dist/components/Stack/Stack.js +2 -2
- package/dist/components/Stack/Stack.js.map +1 -1
- package/dist/components/{StackItem → Stack}/StackItem.d.ts +0 -0
- package/dist/components/{StackItem → Stack}/StackItem.js +1 -1
- package/dist/components/Stack/StackItem.js.map +1 -0
- package/dist/components/Stack/index.css +9 -0
- package/dist/components/Stack/index.css.map +1 -1
- package/dist/components/Stack/index.d.ts +1 -0
- package/dist/components/Stack/index.js +1 -0
- package/dist/components/Stack/index.js.map +1 -1
- package/dist/components/StatusLight/StatusLight.css +7 -7
- package/dist/components/StatusLight/StatusLight.css.map +1 -1
- package/dist/components/StatusLight/StatusLight.js +1 -1
- package/dist/components/StatusLight/StatusLight.js.map +1 -1
- package/dist/components/StatusLight/index.css +7 -7
- package/dist/components/StatusLight/index.css.map +1 -1
- package/dist/components/Tab/Tab.css +19 -18
- package/dist/components/Tab/Tab.css.map +1 -1
- package/dist/components/Tab/Tab.js +1 -1
- package/dist/components/Tab/Tab.js.map +1 -1
- package/dist/components/Tab/index.css +19 -18
- package/dist/components/Tab/index.css.map +1 -1
- package/dist/components/TabGroup/TabGroup.css +4 -4
- package/dist/components/TabGroup/TabGroup.css.map +1 -1
- package/dist/components/TabGroup/TabGroup.js +1 -1
- package/dist/components/TabGroup/TabGroup.js.map +1 -1
- package/dist/components/TabGroup/TabGroupItem.js +1 -1
- package/dist/components/TabGroup/TabGroupItem.js.map +1 -1
- package/dist/components/TabGroup/index.css +4 -4
- package/dist/components/TabGroup/index.css.map +1 -1
- package/dist/components/Table/Table.css +31 -31
- package/dist/components/Table/Table.css.map +1 -1
- package/dist/components/Table/Table.js +1 -1
- package/dist/components/Table/Table.js.map +1 -1
- package/dist/components/Table/index.css +31 -31
- package/dist/components/Table/index.css.map +1 -1
- package/dist/components/Tag/Tag.css +4 -4
- package/dist/components/Tag/Tag.css.map +1 -1
- package/dist/components/Tag/Tag.js +1 -1
- package/dist/components/Tag/Tag.js.map +1 -1
- package/dist/components/Tag/index.css +4 -4
- package/dist/components/Tag/index.css.map +1 -1
- package/dist/components/TagGroup/TagGroup.js +1 -1
- package/dist/components/TagGroup/TagGroup.js.map +1 -1
- package/dist/components/TagGroup/TagGroupItem.js +1 -1
- package/dist/components/TagGroup/TagGroupItem.js.map +1 -1
- package/dist/components/Takeover/Takeover.css +2 -2
- package/dist/components/Takeover/Takeover.css.map +1 -1
- package/dist/components/Takeover/Takeover.js +2 -2
- package/dist/components/Takeover/Takeover.js.map +1 -1
- package/dist/components/Takeover/TakeoverFooter.css +4 -4
- package/dist/components/Takeover/TakeoverFooter.css.map +1 -1
- package/dist/components/Takeover/TakeoverHeader.css +5 -5
- package/dist/components/Takeover/TakeoverHeader.css.map +1 -1
- package/dist/components/Takeover/TakeoverSection.css +4 -4
- package/dist/components/Takeover/TakeoverSection.css.map +1 -1
- package/dist/components/Takeover/index.css +11 -11
- package/dist/components/Takeover/index.css.map +1 -1
- package/dist/components/Text/Text.css +1 -1
- package/dist/components/Text/Text.css.map +1 -1
- package/dist/components/Text/Text.js +1 -1
- package/dist/components/Text/Text.js.map +1 -1
- package/dist/components/Text/index.css +1 -1
- package/dist/components/Text/index.css.map +1 -1
- package/dist/components/TextArea/TextArea.css +6 -6
- package/dist/components/TextArea/TextArea.css.map +1 -1
- package/dist/components/TextArea/TextArea.js +2 -2
- package/dist/components/TextArea/TextArea.js.map +1 -1
- package/dist/components/TextArea/index.css +6 -6
- package/dist/components/TextArea/index.css.map +1 -1
- package/dist/components/Thumbnail/Thumbnail.css +4 -4
- package/dist/components/Thumbnail/Thumbnail.css.map +1 -1
- package/dist/components/Thumbnail/Thumbnail.js +1 -1
- package/dist/components/Thumbnail/Thumbnail.js.map +1 -1
- package/dist/components/Thumbnail/index.css +4 -4
- package/dist/components/Thumbnail/index.css.map +1 -1
- package/dist/components/TimePicker/TimePicker.css +10 -8
- package/dist/components/TimePicker/TimePicker.css.map +1 -1
- package/dist/components/TimePicker/TimePicker.js +1 -1
- package/dist/components/TimePicker/TimePicker.js.map +1 -1
- package/dist/components/TimePicker/index.css +10 -8
- package/dist/components/TimePicker/index.css.map +1 -1
- package/dist/components/Toast/Toast.css +12 -12
- package/dist/components/Toast/Toast.css.map +1 -1
- package/dist/components/Toast/Toast.js +1 -1
- package/dist/components/Toast/Toast.js.map +1 -1
- package/dist/components/Toast/ToastGroup.css +13 -13
- package/dist/components/Toast/ToastGroup.css.map +1 -1
- package/dist/components/Toast/index.css +13 -13
- package/dist/components/Toast/index.css.map +1 -1
- package/dist/components/ToggleSwitch/ToggleSwitch.css +10 -9
- package/dist/components/ToggleSwitch/ToggleSwitch.css.map +1 -1
- package/dist/components/ToggleSwitch/ToggleSwitch.js +1 -1
- package/dist/components/ToggleSwitch/ToggleSwitch.js.map +1 -1
- package/dist/components/ToggleSwitch/index.css +10 -9
- package/dist/components/ToggleSwitch/index.css.map +1 -1
- package/dist/components/Togglebox/Togglebox.css +6 -6
- package/dist/components/Togglebox/Togglebox.css.map +1 -1
- package/dist/components/Togglebox/Togglebox.js +1 -1
- package/dist/components/Togglebox/Togglebox.js.map +1 -1
- package/dist/components/Togglebox/index.css +6 -6
- package/dist/components/Togglebox/index.css.map +1 -1
- package/dist/components/Tooltip/Tooltip.css +4 -4
- package/dist/components/Tooltip/Tooltip.css.map +1 -1
- package/dist/components/Tooltip/Tooltip.js +1 -1
- package/dist/components/Tooltip/Tooltip.js.map +1 -1
- package/dist/components/Tooltip/index.css +4 -4
- package/dist/components/Tooltip/index.css.map +1 -1
- package/dist/components/VisuallyHidden/VisuallyHidden.js +1 -1
- package/dist/components/VisuallyHidden/VisuallyHidden.js.map +1 -1
- package/dist/components/index.css +539 -421
- package/dist/components/index.css.map +1 -1
- package/dist/components/index.d.ts +0 -1
- package/dist/components/index.js +0 -1
- package/dist/components/index.js.map +1 -1
- package/dist/global/index.css +1 -1
- package/dist/global/version.css +1 -1
- package/dist/internal/Overlay/Overlay.css.map +1 -1
- package/dist/internal/Overlay/Overlay.js +7 -0
- package/dist/internal/Overlay/Overlay.js.map +1 -1
- package/dist/internal/Overlay/index.css.map +1 -1
- package/dist/internal/Popper/Popper.css +4 -4
- package/dist/internal/Popper/Popper.css.map +1 -1
- package/dist/internal/Popper/Popper.js +13 -5
- package/dist/internal/Popper/Popper.js.map +1 -1
- package/dist/internal/Popper/index.css +4 -4
- package/dist/internal/Popper/index.css.map +1 -1
- package/dist/internal/Portal/Portal.js +3 -2
- package/dist/internal/Portal/Portal.js.map +1 -1
- package/dist/internal/index.css +4 -4
- package/dist/internal/index.css.map +1 -1
- package/dist/system-light.css +25 -9
- package/dist/system-light.css.map +1 -1
- package/dist/system-light.min.css +1 -1
- package/dist/system.css +578 -444
- package/dist/system.css.map +1 -1
- package/dist/system.min.css +2 -2
- package/dist/themes/index.css +37 -37
- package/dist/themes/index.css.map +1 -1
- package/dist/themes/kendo/index.css +36 -36
- package/dist/themes/kendo/index.css.map +1 -1
- package/dist/themes/semantic/index.css +1 -1
- package/dist/themes/semantic/index.css.map +1 -1
- package/dist/utilities/ThemeProvider.d.ts +8 -2
- package/dist/utilities/ThemeProvider.js +17 -8
- package/dist/utilities/ThemeProvider.js.map +1 -1
- package/dist/utilities/index.d.ts +1 -0
- package/dist/utilities/index.js +1 -0
- package/dist/utilities/index.js.map +1 -1
- package/dist/utilities/usePrefersColorScheme.d.ts +5 -0
- package/dist/utilities/usePrefersColorScheme.js +24 -0
- package/dist/utilities/usePrefersColorScheme.js.map +1 -0
- package/package.json +10 -9
- package/dist/components/Sidebar/ToggleButton.d.ts +0 -18
- package/dist/components/Sidebar/ToggleButton.js +0 -33
- package/dist/components/Sidebar/ToggleButton.js.map +0 -1
- package/dist/components/StackItem/StackItem.css +0 -10
- package/dist/components/StackItem/StackItem.css.map +0 -1
- package/dist/components/StackItem/StackItem.js.map +0 -1
- package/dist/components/StackItem/index.css +0 -10
- package/dist/components/StackItem/index.css.map +0 -1
- package/dist/components/StackItem/index.d.ts +0 -1
- package/dist/components/StackItem/index.js +0 -2
- package/dist/components/StackItem/index.js.map +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Toast/Toast.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss","../../../src/components/Toast/ToastGroup.scss"],"names":[],"mappings":"AAAA;
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Toast/Toast.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss","../../../src/components/Toast/ToastGroup.scss"],"names":[],"mappings":"AAAA;ACcA;ACbC;EACA;AAEA;EACA;EDYA,YAXoB;EAYpB,eEViB;EFWjB;EACA;EACA;EACA;EACA;EACA,WE+Ga;EF9Gb;EACA,SEmGW;EFlGX,OAxBa;EAyBb;;;AAGD;EACC,aE4EkB;EF3ElB;;AAEA;EAAiB,OA1BJ;;AA2Bb;EAAqB,OA1BJ;;AA2BjB;EAAoB,OA1BJ;;AA2BhB;EAAoB,OA1BJ;;;AA6BjB;EACC,WE8Fa;EF7Fb,cEiFW;EF9EX;;AAEA;EAAiB,OAvCJ;;AAwCb;EAAqB,OAvCJ;;AAwCjB;EAAoB,OAvCJ;;AAwChB;EAAoB,OAvCJ;;;AA0CjB;EACC,OA/Cc;EAgDd,WE8Ea;EF7Eb,YEkEW;;;AF/DZ;EACC;EACA;EACA;EACA;;;AAGD;EACC;EACA;EACA,YEuDW;;;AFpDZ;EACC;EACA;EACA;;AAEA;EACC;;;AAIF;EACC;EACA,OEuCW;EFtCX,KEsCW;EFrCX;;;AGnFD;AFHC;EACA;AAEA;EACA;;;AECD;EACC,eDqHW;;;AClHZ;EACC;;AAEA;EACC;EACA,YDGY;ECFZ;EACA;EACA;EACA;EACA,QDuGU;ECtGV;EACA;EACA;EACA;EACA;EACA;;;AAIF;EACC;;;AAGD;EACC,KDyFW;ECxFX,ODwFW;ECvFX;EACA","file":"ToastGroup.css"}
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
/* Hide element visually, keeping it focusable (with keyboard) and available for screen-readers */
|
|
2
2
|
.Toast {
|
|
3
3
|
/* Set color on root of component. It can be overridden after the @include */
|
|
4
|
-
color: #
|
|
4
|
+
color: var(--colorsTextDefault, #040404);
|
|
5
5
|
/* Make sure font-family goes across entire component */
|
|
6
6
|
font-family: "Nunito Sans", sans-serif;
|
|
7
|
-
background: #ffffff;
|
|
7
|
+
background: var(--colorsSurfaceDefault, #ffffff);
|
|
8
8
|
border-radius: 3px;
|
|
9
|
-
border: 1px solid #dfe0e1;
|
|
9
|
+
border: 1px solid var(--colorsBorderGrey, #dfe0e1);
|
|
10
10
|
box-shadow: 0 8px 24px rgba(20, 20, 20, 0.1);
|
|
11
11
|
box-sizing: border-box;
|
|
12
12
|
display: flex;
|
|
@@ -23,16 +23,16 @@
|
|
|
23
23
|
word-break: break-word;
|
|
24
24
|
}
|
|
25
25
|
.Toast--info .Toast__title {
|
|
26
|
-
color: #2270ee;
|
|
26
|
+
color: var(--colorsStatusInfo, #2270ee);
|
|
27
27
|
}
|
|
28
28
|
.Toast--critical .Toast__title {
|
|
29
|
-
color: #
|
|
29
|
+
color: var(--colorsStatusCritical, #f94d32);
|
|
30
30
|
}
|
|
31
31
|
.Toast--success .Toast__title {
|
|
32
|
-
color: #10864b;
|
|
32
|
+
color: var(--colorsStatusSuccessStrong, #10864b);
|
|
33
33
|
}
|
|
34
34
|
.Toast--warning .Toast__title {
|
|
35
|
-
color: #de9500;
|
|
35
|
+
color: var(--colorsStatusWarningStrong, #de9500);
|
|
36
36
|
}
|
|
37
37
|
|
|
38
38
|
.Toast__icon {
|
|
@@ -41,20 +41,20 @@
|
|
|
41
41
|
transform: translateY(2px);
|
|
42
42
|
}
|
|
43
43
|
.Toast--info .Toast__icon {
|
|
44
|
-
color: #2270ee;
|
|
44
|
+
color: var(--colorsStatusInfo, #2270ee);
|
|
45
45
|
}
|
|
46
46
|
.Toast--critical .Toast__icon {
|
|
47
|
-
color: #
|
|
47
|
+
color: var(--colorsStatusCritical, #f94d32);
|
|
48
48
|
}
|
|
49
49
|
.Toast--success .Toast__icon {
|
|
50
|
-
color: #10864b;
|
|
50
|
+
color: var(--colorsStatusSuccessStrong, #10864b);
|
|
51
51
|
}
|
|
52
52
|
.Toast--warning .Toast__icon {
|
|
53
|
-
color: #de9500;
|
|
53
|
+
color: var(--colorsStatusWarningStrong, #de9500);
|
|
54
54
|
}
|
|
55
55
|
|
|
56
56
|
.Toast__description {
|
|
57
|
-
color: #141414;
|
|
57
|
+
color: var(--colorsTextDefault, #141414);
|
|
58
58
|
font-size: 14px;
|
|
59
59
|
margin-top: 8px;
|
|
60
60
|
}
|
|
@@ -90,7 +90,7 @@
|
|
|
90
90
|
|
|
91
91
|
.ToastGroup {
|
|
92
92
|
/* Set color on root of component. It can be overridden after the @include */
|
|
93
|
-
color: #
|
|
93
|
+
color: var(--colorsTextDefault, #040404);
|
|
94
94
|
/* Make sure font-family goes across entire component */
|
|
95
95
|
font-family: "Nunito Sans", sans-serif;
|
|
96
96
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Toast/Toast.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss","../../../src/components/Toast/ToastGroup.scss"],"names":[],"mappings":"AAAA;
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Toast/Toast.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss","../../../src/components/Toast/ToastGroup.scss"],"names":[],"mappings":"AAAA;ACcA;ACbC;EACA;AAEA;EACA;EDYA,YAXoB;EAYpB,eEViB;EFWjB;EACA;EACA;EACA;EACA;EACA,WE+Ga;EF9Gb;EACA,SEmGW;EFlGX,OAxBa;EAyBb;;;AAGD;EACC,aE4EkB;EF3ElB;;AAEA;EAAiB,OA1BJ;;AA2Bb;EAAqB,OA1BJ;;AA2BjB;EAAoB,OA1BJ;;AA2BhB;EAAoB,OA1BJ;;;AA6BjB;EACC,WE8Fa;EF7Fb,cEiFW;EF9EX;;AAEA;EAAiB,OAvCJ;;AAwCb;EAAqB,OAvCJ;;AAwCjB;EAAoB,OAvCJ;;AAwChB;EAAoB,OAvCJ;;;AA0CjB;EACC,OA/Cc;EAgDd,WE8Ea;EF7Eb,YEkEW;;;AF/DZ;EACC;EACA;EACA;EACA;;;AAGD;EACC;EACA;EACA,YEuDW;;;AFpDZ;EACC;EACA;EACA;;AAEA;EACC;;;AAIF;EACC;EACA,OEuCW;EFtCX,KEsCW;EFrCX;;;AGnFD;AFHC;EACA;AAEA;EACA;;;AECD;EACC,eDqHW;;;AClHZ;EACC;;AAEA;EACC;EACA,YDGY;ECFZ;EACA;EACA;EACA;EACA,QDuGU;ECtGV;EACA;EACA;EACA;EACA;EACA;;;AAIF;EACC;;;AAGD;EACC,KDyFW;ECxFX,ODwFW;ECvFX;EACA","file":"index.css"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/* Hide element visually, keeping it focusable (with keyboard) and available for screen-readers */
|
|
2
2
|
.ToggleSwitch {
|
|
3
3
|
/* Set color on root of component. It can be overridden after the @include */
|
|
4
|
-
color: #
|
|
4
|
+
color: var(--colorsTextDefault, #040404);
|
|
5
5
|
/* Make sure font-family goes across entire component */
|
|
6
6
|
font-family: "Nunito Sans", sans-serif;
|
|
7
7
|
box-sizing: border-box;
|
|
@@ -30,7 +30,7 @@
|
|
|
30
30
|
}
|
|
31
31
|
|
|
32
32
|
.ToggleSwitch__element {
|
|
33
|
-
background: #dfe0e1;
|
|
33
|
+
background: var(--colorsSurfaceGreyStrong, #dfe0e1);
|
|
34
34
|
border-radius: 13px;
|
|
35
35
|
box-sizing: border-box;
|
|
36
36
|
display: inline-flex;
|
|
@@ -41,7 +41,7 @@
|
|
|
41
41
|
width: 42px;
|
|
42
42
|
}
|
|
43
43
|
.ToggleSwitch__element::before {
|
|
44
|
-
background: #ffffff;
|
|
44
|
+
background: var(--colorsSurfaceDefault, #ffffff);
|
|
45
45
|
border-radius: 100%;
|
|
46
46
|
box-shadow: 0 2px 8px rgba(20, 20, 20, 0.1);
|
|
47
47
|
content: "";
|
|
@@ -57,25 +57,25 @@
|
|
|
57
57
|
margin: 0;
|
|
58
58
|
}
|
|
59
59
|
.ToggleSwitch:hover .ToggleSwitch__element {
|
|
60
|
-
background: #bcbcbd;
|
|
60
|
+
background: var(--colorsSurfaceGreyStronger, #bcbcbd);
|
|
61
61
|
}
|
|
62
62
|
.ToggleSwitch--disabled .ToggleSwitch__element, .ToggleSwitch--disabled:hover .ToggleSwitch__element {
|
|
63
|
-
background: #dfe0e1;
|
|
63
|
+
background: var(--colorsSurfaceGreyStrong, #dfe0e1);
|
|
64
64
|
}
|
|
65
65
|
.ToggleSwitch__input:checked + .ToggleSwitch__element, .ToggleSwitch--checked .ToggleSwitch__element {
|
|
66
|
-
background: #18a761;
|
|
66
|
+
background: var(--colorsStatusSuccess, #18a761);
|
|
67
67
|
}
|
|
68
68
|
.ToggleSwitch__input:checked + .ToggleSwitch__element::before, .ToggleSwitch--checked .ToggleSwitch__element::before {
|
|
69
69
|
left: 22px;
|
|
70
70
|
}
|
|
71
71
|
.ToggleSwitch:hover .ToggleSwitch__input:checked + .ToggleSwitch__element, .ToggleSwitch:hover .ToggleSwitch--checked .ToggleSwitch__element {
|
|
72
|
-
background: #10864b;
|
|
72
|
+
background: var(--colorsStatusSuccessStrong, #10864b);
|
|
73
73
|
}
|
|
74
74
|
.ToggleSwitch--disabled .ToggleSwitch__input:checked + .ToggleSwitch__element, .ToggleSwitch--disabled:hover .ToggleSwitch__input:checked + .ToggleSwitch__element, .ToggleSwitch--disabled .ToggleSwitch--checked .ToggleSwitch__element, .ToggleSwitch--disabled:hover .ToggleSwitch--checked .ToggleSwitch__element {
|
|
75
|
-
background: #606162;
|
|
75
|
+
background: var(--colorsSurfaceDisabled, #606162);
|
|
76
76
|
}
|
|
77
77
|
.ToggleSwitch--focus-visible:focus-within .ToggleSwitch__element {
|
|
78
|
-
box-shadow: 0 0 0 3px #a9d1ff;
|
|
78
|
+
box-shadow: 0 0 0 3px var(--colorsFocusRingPrimary, #a9d1ff);
|
|
79
79
|
}
|
|
80
80
|
|
|
81
81
|
.Label.ToggleSwitch__label {
|
|
@@ -83,6 +83,7 @@
|
|
|
83
83
|
font-weight: normal;
|
|
84
84
|
margin-left: 12px;
|
|
85
85
|
transition: all cubic-bezier(0.4, 0, 0.2, 1) 100ms 0ms;
|
|
86
|
+
color: var(--colorsTextDefault, #141414);
|
|
86
87
|
/* ToggleSwitch's height is exactly 1px taller than the standard label */
|
|
87
88
|
margin-top: 1px;
|
|
88
89
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/ToggleSwitch/ToggleSwitch.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss"],"names":[],"mappings":"AAAA;
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/ToggleSwitch/ToggleSwitch.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss"],"names":[],"mappings":"AAAA;ACmBA;AClBC;EACA;AAEA;EACA;EDiBA;EACA;;AAEA;EAAwB;;;AAIxB;AAAA;EAC4B,aA1BR;;;AA6BrB;EACC;;;AAGD;AACA;EACC;EACA;EACA;EACA;EACA;;;AAGD;EACC,YApCgB;EAqChB;EACA;EACA;EACA;EACA,QA/CqB;EAgDrB;EACA;EACA,OAnDoB;;AAqDpB;EACC,YAzCO;EA0CP;EACA;EACA;EACA,QAvDoB;EAwDpB,MAzDqB;EA0DrB;EACA,KA3DqB;EA4DrB;EACA,OA5DoB;;AA+DrB;EACC;EACA;;AAGD;EACC,YA7DU;;AAgEX;EACkC,YAnET;;AAqEzB;EAEC,YA1Ec;;AA4Ed;EAAY;;AAEZ;EAAwB,YA1Ef;;AA4ET;EACkC,YA/EX;;AAkFxB;EAA8C,YE0BhC;;;AFvBf;EACC,WEqCa;EFpCb;EACA;EACA;EACA,OAtFM;AAwFN;EACA;;;AAGD;EACC;;AAEA;EACC;EACA;;AAED;EAA0B;;AAC1B;EAA4B;;;AAG7B;AACA;EACC;EACA;EACA","file":"ToggleSwitch.css"}
|
|
@@ -47,7 +47,7 @@ export const ToggleSwitch = React.forwardRef((props, ref) => {
|
|
|
47
47
|
'ToggleSwitch--disabled': disabled,
|
|
48
48
|
'ToggleSwitch--focus-visible': isFocusVisible,
|
|
49
49
|
});
|
|
50
|
-
return (React.createElement("div", Object.assign({ className: ToggleSwitchClasses, onClick: handleClickEvent, ref: itemRef }, rest),
|
|
50
|
+
return (React.createElement("div", Object.assign({ className: ToggleSwitchClasses, onClick: handleClickEvent, ref: itemRef, "data-anvil-component": "ToggleSwitch" }, rest),
|
|
51
51
|
React.createElement("label", { className: "ToggleSwitch__html-label" },
|
|
52
52
|
React.createElement("input", { checked: checked, className: "ToggleSwitch__input", disabled: disabled, id: id, name: name, onChange: onChangeHandler, onClick: onClickHandler, role: "checkbox", type: "checkbox" }),
|
|
53
53
|
React.createElement("span", { className: "ToggleSwitch__element" }),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ToggleSwitch.js","sourceRoot":"","sources":["../../../src/components/ToggleSwitch/ToggleSwitch.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAa,MAAM,OAAO,CAAC;AAClC,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,KAAK,EAAc,MAAM,UAAU,CAAC;AAC7C,OAAO,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAC;AAoC9D,MAAM,CAAC,MAAM,YAAY,GAA0B,KAAK,CAAC,UAAU,CAClE,CAAC,KAAwB,EAAE,GAAoC,EAAE,EAAE;IAClE,MAAM,EACL,OAAO,EACP,SAAS,EACT,QAAQ,EACR,EAAE,EACF,KAAK,EACL,UAAU,EACV,IAAI,EACJ,QAAQ,EACR,OAAO,EACP,KAAK,EACL,KAAK,KAEF,KAAK,EADL,IAAI,UACJ,KAAK,EAbH,kHAaL,CAAQ,CAAC;IAEV,MAAM,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;IAClC,MAAM,OAAO,GAAG,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,MAAM,CAAC;IAEnC,MAAM,EAAE,cAAc,EAAE,GAAG,eAAe,CAAC,OAAO,CAAC,CAAC;IAEpD,MAAM,eAAe,GAAG,CACvB,CAA0C,EACzC,EAAE;QACH,IAAI,CAAC,QAAQ;YAAE,OAAO;QACtB,QAAQ,CAAC,KAAK,EAAE,CAAC,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;IAC1C,CAAC,CAAC;IAEF,MAAM,cAAc,GAAG,CAAC,CAAqC,EAAE,EAAE;QAChE,IAAI,OAAO,EAAE;YACZ,OAAO,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC;SAClB;IACF,CAAC,CAAC;IAEF,MAAM,gBAAgB,GAAG,CAAC,CAAgC,EAAE,EAAE;QAC7D,MAAM,MAAM,GAAG,CAAC,CAAC,MAAqB,CAAC;QACvC,IAAI,MAAM,CAAC,OAAO,KAAK,OAAO,EAAE;YAC/B,CAAC,CAAC,eAAe,EAAE,CAAC;SACpB;IACF,CAAC,CAAC;IAEF,MAAM,QAAQ,GAAG,GAAG,EAAE;;QACrB,IAAI,KAAK,KAAK,SAAS,IAAI,KAAK,KAAK,EAAE;YAAE,OAAO,KAAK,CAAC;QAEtD,MAAM,cAAc,GAAG,MAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,SAAS,mCAAI,IAAI,CAAC;QAErD,MAAM,YAAY,GAAG,UAAU,CAC9B,cAAc,EACd,qBAAqB,CACrB,CAAC;QAEF,OAAO,CACN,oBAAC,KAAK,kBACL,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,IACd,UAAU,IACd,SAAS,EAAE,YAAY,KAEtB,KAAK,CACC,CACR,CAAC;IACH,CAAC,CAAC;IAEF,MAAM,mBAAmB,GAAG,UAAU,CAAC,cAAc,EAAE,SAAS,EAAE;QACjE,uBAAuB,EAAE,OAAO;QAChC,wBAAwB,EAAE,QAAQ;QAClC,6BAA6B,EAAE,cAAc;KAC7C,CAAC,CAAC;IAEH,OAAO,CACN,2CACC,SAAS,EAAE,mBAAmB,EAC9B,OAAO,EAAE,gBAAgB,EACzB,GAAG,EAAE,OAAO,
|
|
1
|
+
{"version":3,"file":"ToggleSwitch.js","sourceRoot":"","sources":["../../../src/components/ToggleSwitch/ToggleSwitch.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAa,MAAM,OAAO,CAAC;AAClC,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,KAAK,EAAc,MAAM,UAAU,CAAC;AAC7C,OAAO,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAC;AAoC9D,MAAM,CAAC,MAAM,YAAY,GAA0B,KAAK,CAAC,UAAU,CAClE,CAAC,KAAwB,EAAE,GAAoC,EAAE,EAAE;IAClE,MAAM,EACL,OAAO,EACP,SAAS,EACT,QAAQ,EACR,EAAE,EACF,KAAK,EACL,UAAU,EACV,IAAI,EACJ,QAAQ,EACR,OAAO,EACP,KAAK,EACL,KAAK,KAEF,KAAK,EADL,IAAI,UACJ,KAAK,EAbH,kHAaL,CAAQ,CAAC;IAEV,MAAM,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;IAClC,MAAM,OAAO,GAAG,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,MAAM,CAAC;IAEnC,MAAM,EAAE,cAAc,EAAE,GAAG,eAAe,CAAC,OAAO,CAAC,CAAC;IAEpD,MAAM,eAAe,GAAG,CACvB,CAA0C,EACzC,EAAE;QACH,IAAI,CAAC,QAAQ;YAAE,OAAO;QACtB,QAAQ,CAAC,KAAK,EAAE,CAAC,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;IAC1C,CAAC,CAAC;IAEF,MAAM,cAAc,GAAG,CAAC,CAAqC,EAAE,EAAE;QAChE,IAAI,OAAO,EAAE;YACZ,OAAO,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC;SAClB;IACF,CAAC,CAAC;IAEF,MAAM,gBAAgB,GAAG,CAAC,CAAgC,EAAE,EAAE;QAC7D,MAAM,MAAM,GAAG,CAAC,CAAC,MAAqB,CAAC;QACvC,IAAI,MAAM,CAAC,OAAO,KAAK,OAAO,EAAE;YAC/B,CAAC,CAAC,eAAe,EAAE,CAAC;SACpB;IACF,CAAC,CAAC;IAEF,MAAM,QAAQ,GAAG,GAAG,EAAE;;QACrB,IAAI,KAAK,KAAK,SAAS,IAAI,KAAK,KAAK,EAAE;YAAE,OAAO,KAAK,CAAC;QAEtD,MAAM,cAAc,GAAG,MAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,SAAS,mCAAI,IAAI,CAAC;QAErD,MAAM,YAAY,GAAG,UAAU,CAC9B,cAAc,EACd,qBAAqB,CACrB,CAAC;QAEF,OAAO,CACN,oBAAC,KAAK,kBACL,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,IACd,UAAU,IACd,SAAS,EAAE,YAAY,KAEtB,KAAK,CACC,CACR,CAAC;IACH,CAAC,CAAC;IAEF,MAAM,mBAAmB,GAAG,UAAU,CAAC,cAAc,EAAE,SAAS,EAAE;QACjE,uBAAuB,EAAE,OAAO;QAChC,wBAAwB,EAAE,QAAQ;QAClC,6BAA6B,EAAE,cAAc;KAC7C,CAAC,CAAC;IAEH,OAAO,CACN,2CACC,SAAS,EAAE,mBAAmB,EAC9B,OAAO,EAAE,gBAAgB,EACzB,GAAG,EAAE,OAAO,0BACS,cAAc,IAC/B,IAAI;QAER,+BAAO,SAAS,EAAC,0BAA0B;YAC1C,+BACC,OAAO,EAAE,OAAO,EAChB,SAAS,EAAC,qBAAqB,EAC/B,QAAQ,EAAE,QAAQ,EAClB,EAAE,EAAE,EAAE,EACN,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,eAAe,EACzB,OAAO,EAAE,cAAc,EACvB,IAAI,EAAC,UAAU,EACf,IAAI,EAAC,UAAU,GACd;YACF,8BAAM,SAAS,EAAC,uBAAuB,GAAG;YACzC,QAAQ,EAAE,CACJ,CACH,CACN,CAAC;AACH,CAAC,CACD,CAAC"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/* Hide element visually, keeping it focusable (with keyboard) and available for screen-readers */
|
|
2
2
|
.ToggleSwitch {
|
|
3
3
|
/* Set color on root of component. It can be overridden after the @include */
|
|
4
|
-
color: #
|
|
4
|
+
color: var(--colorsTextDefault, #040404);
|
|
5
5
|
/* Make sure font-family goes across entire component */
|
|
6
6
|
font-family: "Nunito Sans", sans-serif;
|
|
7
7
|
box-sizing: border-box;
|
|
@@ -30,7 +30,7 @@
|
|
|
30
30
|
}
|
|
31
31
|
|
|
32
32
|
.ToggleSwitch__element {
|
|
33
|
-
background: #dfe0e1;
|
|
33
|
+
background: var(--colorsSurfaceGreyStrong, #dfe0e1);
|
|
34
34
|
border-radius: 13px;
|
|
35
35
|
box-sizing: border-box;
|
|
36
36
|
display: inline-flex;
|
|
@@ -41,7 +41,7 @@
|
|
|
41
41
|
width: 42px;
|
|
42
42
|
}
|
|
43
43
|
.ToggleSwitch__element::before {
|
|
44
|
-
background: #ffffff;
|
|
44
|
+
background: var(--colorsSurfaceDefault, #ffffff);
|
|
45
45
|
border-radius: 100%;
|
|
46
46
|
box-shadow: 0 2px 8px rgba(20, 20, 20, 0.1);
|
|
47
47
|
content: "";
|
|
@@ -57,25 +57,25 @@
|
|
|
57
57
|
margin: 0;
|
|
58
58
|
}
|
|
59
59
|
.ToggleSwitch:hover .ToggleSwitch__element {
|
|
60
|
-
background: #bcbcbd;
|
|
60
|
+
background: var(--colorsSurfaceGreyStronger, #bcbcbd);
|
|
61
61
|
}
|
|
62
62
|
.ToggleSwitch--disabled .ToggleSwitch__element, .ToggleSwitch--disabled:hover .ToggleSwitch__element {
|
|
63
|
-
background: #dfe0e1;
|
|
63
|
+
background: var(--colorsSurfaceGreyStrong, #dfe0e1);
|
|
64
64
|
}
|
|
65
65
|
.ToggleSwitch__input:checked + .ToggleSwitch__element, .ToggleSwitch--checked .ToggleSwitch__element {
|
|
66
|
-
background: #18a761;
|
|
66
|
+
background: var(--colorsStatusSuccess, #18a761);
|
|
67
67
|
}
|
|
68
68
|
.ToggleSwitch__input:checked + .ToggleSwitch__element::before, .ToggleSwitch--checked .ToggleSwitch__element::before {
|
|
69
69
|
left: 22px;
|
|
70
70
|
}
|
|
71
71
|
.ToggleSwitch:hover .ToggleSwitch__input:checked + .ToggleSwitch__element, .ToggleSwitch:hover .ToggleSwitch--checked .ToggleSwitch__element {
|
|
72
|
-
background: #10864b;
|
|
72
|
+
background: var(--colorsStatusSuccessStrong, #10864b);
|
|
73
73
|
}
|
|
74
74
|
.ToggleSwitch--disabled .ToggleSwitch__input:checked + .ToggleSwitch__element, .ToggleSwitch--disabled:hover .ToggleSwitch__input:checked + .ToggleSwitch__element, .ToggleSwitch--disabled .ToggleSwitch--checked .ToggleSwitch__element, .ToggleSwitch--disabled:hover .ToggleSwitch--checked .ToggleSwitch__element {
|
|
75
|
-
background: #606162;
|
|
75
|
+
background: var(--colorsSurfaceDisabled, #606162);
|
|
76
76
|
}
|
|
77
77
|
.ToggleSwitch--focus-visible:focus-within .ToggleSwitch__element {
|
|
78
|
-
box-shadow: 0 0 0 3px #a9d1ff;
|
|
78
|
+
box-shadow: 0 0 0 3px var(--colorsFocusRingPrimary, #a9d1ff);
|
|
79
79
|
}
|
|
80
80
|
|
|
81
81
|
.Label.ToggleSwitch__label {
|
|
@@ -83,6 +83,7 @@
|
|
|
83
83
|
font-weight: normal;
|
|
84
84
|
margin-left: 12px;
|
|
85
85
|
transition: all cubic-bezier(0.4, 0, 0.2, 1) 100ms 0ms;
|
|
86
|
+
color: var(--colorsTextDefault, #141414);
|
|
86
87
|
/* ToggleSwitch's height is exactly 1px taller than the standard label */
|
|
87
88
|
margin-top: 1px;
|
|
88
89
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/ToggleSwitch/ToggleSwitch.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss"],"names":[],"mappings":"AAAA;
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/ToggleSwitch/ToggleSwitch.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss"],"names":[],"mappings":"AAAA;ACmBA;AClBC;EACA;AAEA;EACA;EDiBA;EACA;;AAEA;EAAwB;;;AAIxB;AAAA;EAC4B,aA1BR;;;AA6BrB;EACC;;;AAGD;AACA;EACC;EACA;EACA;EACA;EACA;;;AAGD;EACC,YApCgB;EAqChB;EACA;EACA;EACA;EACA,QA/CqB;EAgDrB;EACA;EACA,OAnDoB;;AAqDpB;EACC,YAzCO;EA0CP;EACA;EACA;EACA,QAvDoB;EAwDpB,MAzDqB;EA0DrB;EACA,KA3DqB;EA4DrB;EACA,OA5DoB;;AA+DrB;EACC;EACA;;AAGD;EACC,YA7DU;;AAgEX;EACkC,YAnET;;AAqEzB;EAEC,YA1Ec;;AA4Ed;EAAY;;AAEZ;EAAwB,YA1Ef;;AA4ET;EACkC,YA/EX;;AAkFxB;EAA8C,YE0BhC;;;AFvBf;EACC,WEqCa;EFpCb;EACA;EACA;EACA,OAtFM;AAwFN;EACA;;;AAGD;EACC;;AAEA;EACC;EACA;;AAED;EAA0B;;AAC1B;EAA4B;;;AAG7B;AACA;EACC;EACA;EACA","file":"index.css"}
|
|
@@ -5,11 +5,11 @@
|
|
|
5
5
|
margin-right: -16px;
|
|
6
6
|
}
|
|
7
7
|
.Togglebox:hover .CardSection {
|
|
8
|
-
border-color: #56a4ff;
|
|
8
|
+
border-color: var(--colorsBorderPrimary, #56a4ff);
|
|
9
9
|
}
|
|
10
10
|
.Togglebox:focus-within .CardSection {
|
|
11
|
-
border-color: #56a4ff;
|
|
12
|
-
box-shadow: 0 0 0 3px #a9d1ff;
|
|
11
|
+
border-color: var(--colorsBorderPrimary, #56a4ff);
|
|
12
|
+
box-shadow: 0 0 0 3px var(--colorsFocusRingPrimary, #a9d1ff);
|
|
13
13
|
}
|
|
14
14
|
|
|
15
15
|
.Togglebox__content {
|
|
@@ -39,7 +39,7 @@
|
|
|
39
39
|
}
|
|
40
40
|
|
|
41
41
|
.Togglebox__title {
|
|
42
|
-
color: #
|
|
42
|
+
color: var(--colorsTextDefault, #141414);
|
|
43
43
|
font-size: 14px;
|
|
44
44
|
font-weight: 700;
|
|
45
45
|
}
|
|
@@ -48,13 +48,13 @@
|
|
|
48
48
|
}
|
|
49
49
|
|
|
50
50
|
.Togglebox__children {
|
|
51
|
-
color: #
|
|
51
|
+
color: var(--colorsTextDefault, #141414);
|
|
52
52
|
font-size: 14px;
|
|
53
53
|
line-height: 1;
|
|
54
54
|
width: 100%;
|
|
55
55
|
}
|
|
56
56
|
.Togglebox__content--title .Togglebox__children {
|
|
57
|
-
color: #737475;
|
|
57
|
+
color: var(--colorsTextSubdued, #737475);
|
|
58
58
|
}
|
|
59
59
|
.Togglebox--radio .Togglebox__children {
|
|
60
60
|
padding-left: 9px;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../../src/components/Togglebox/Togglebox.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../../src/components/Togglebox/Togglebox.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss"],"names":[],"mappings":"AAMA;EACC;;AAKA;EAA0B;;AAE1B;EAAuB,cAVR;;AAYf;EACC,cAbc;EAcd,YCsGa;;;ADlGf;EACC;EACA;EACA;EACA;;AAEA;EAA2B;;;AAI5B;EACC;EACA;EACA;AAE2B;;AAA3B;EAAiB;;AACjB;EAAsB;;AACtB;EAA6B;;;AAG9B;EACC,OAzCc;EA0Cd,WC0Fa;EDzFb,aC+DkB;;AD7DlB;EAAsB,YCoFR;;;ADjFf;EACC,OAjDc;EAkDd,WCkFa;EDjFb;EACA;;AAEA;EAA+B,OArDb;;AAsDlB;EAAsB;;AACtB;EAAyB,cCiEd;;ADhEX;EAA6B","file":"Togglebox.css"}
|
|
@@ -56,7 +56,7 @@ export class Togglebox extends Component {
|
|
|
56
56
|
const ContentClasses = classnames('Togglebox__content', {
|
|
57
57
|
'Togglebox__content--title': title,
|
|
58
58
|
});
|
|
59
|
-
return (React.createElement(Card, Object.assign({ active: checked, className: ToggleboxClasses, onClick: this.onClickHandler, raised: checked, sharp: true, thin: true }, toggleboxProps),
|
|
59
|
+
return (React.createElement(Card, Object.assign({ active: checked, className: ToggleboxClasses, onClick: this.onClickHandler, raised: checked, sharp: true, thin: true, "data-anvil-component": "Togglebox" }, toggleboxProps),
|
|
60
60
|
React.createElement(Card.Section, null,
|
|
61
61
|
React.createElement("span", { className: ContentClasses },
|
|
62
62
|
React.createElement("span", { className: "Togglebox__control" }, this.getControl(control, Object.assign({}, uiProps))),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Togglebox.js","sourceRoot":"","sources":["../../../src/components/Togglebox/Togglebox.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACzC,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AACjC,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AA6C/B,MAAM,OAAO,SAAa,SAAQ,SAA4B;IAA9D;;QAGC,mBAAc,GAAG,CAAC,CAA0C,EAAE,EAAE;YAC/D,IAAI,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE;gBACvB,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,CAAC,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;gBAC9D,CAAC,CAAC,aAAa,CAAC,KAAK,CAAC;aACtB;QACF,CAAC,CAAC;QAEF,eAAU,GAAG,CAAC,OAAe,EAAE,YAAiB,EAAE,EAAE;YACnD,IAAI,OAAO,KAAK,UAAU;gBAAE,OAAO,oBAAC,QAAQ,oBAAK,YAAY,EAAI,CAAC;YAClE,IAAI,OAAO,KAAK,OAAO;gBAAE,OAAO,oBAAC,KAAK,oBAAK,YAAY,EAAI,CAAC;YAC5D,IAAI,OAAO,KAAK,cAAc,EAAE;gBAC/B,MAAM,EAAE,KAAK,KAAe,YAAY,EAAtB,KAAK,UAAK,YAAY,EAAlC,SAAmB,CAAe,CAAC;gBACzC,OAAO,oBAAC,YAAY,oBAAK,KAAK,EAAI,CAAC;aACnC;QACF,CAAC,CAAC;QAEF,aAAQ,GAAG,GAAG,EAAE;YACf,IAAI,IAAI,CAAC,KAAK,CAAC,KAAK,KAAK,SAAS,IAAI,IAAI,CAAC,KAAK,CAAC,KAAK,KAAK,EAAE;gBAAE,OAAO;YACtE,OAAO,6BAAK,SAAS,EAAC,kBAAkB,IAAE,IAAI,CAAC,KAAK,CAAC,KAAK,CAAO,CAAC;QACnE,CAAC,CAAC;QAEF,aAAQ,GAAG,GAAG,EAAE;YACf,IAAI,IAAI,CAAC,KAAK,CAAC,KAAK,KAAK,SAAS,IAAI,IAAI,CAAC,KAAK,CAAC,KAAK,KAAK,EAAE;gBAAE,OAAO;YACtE,OAAO,6BAAK,SAAS,EAAC,kBAAkB,IAAE,IAAI,CAAC,KAAK,CAAC,KAAK,CAAO,CAAC;QACnE,CAAC,CAAC;
|
|
1
|
+
{"version":3,"file":"Togglebox.js","sourceRoot":"","sources":["../../../src/components/Togglebox/Togglebox.tsx"],"names":[],"mappings":"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"}
|
|
@@ -5,11 +5,11 @@
|
|
|
5
5
|
margin-right: -16px;
|
|
6
6
|
}
|
|
7
7
|
.Togglebox:hover .CardSection {
|
|
8
|
-
border-color: #56a4ff;
|
|
8
|
+
border-color: var(--colorsBorderPrimary, #56a4ff);
|
|
9
9
|
}
|
|
10
10
|
.Togglebox:focus-within .CardSection {
|
|
11
|
-
border-color: #56a4ff;
|
|
12
|
-
box-shadow: 0 0 0 3px #a9d1ff;
|
|
11
|
+
border-color: var(--colorsBorderPrimary, #56a4ff);
|
|
12
|
+
box-shadow: 0 0 0 3px var(--colorsFocusRingPrimary, #a9d1ff);
|
|
13
13
|
}
|
|
14
14
|
|
|
15
15
|
.Togglebox__content {
|
|
@@ -39,7 +39,7 @@
|
|
|
39
39
|
}
|
|
40
40
|
|
|
41
41
|
.Togglebox__title {
|
|
42
|
-
color: #
|
|
42
|
+
color: var(--colorsTextDefault, #141414);
|
|
43
43
|
font-size: 14px;
|
|
44
44
|
font-weight: 700;
|
|
45
45
|
}
|
|
@@ -48,13 +48,13 @@
|
|
|
48
48
|
}
|
|
49
49
|
|
|
50
50
|
.Togglebox__children {
|
|
51
|
-
color: #
|
|
51
|
+
color: var(--colorsTextDefault, #141414);
|
|
52
52
|
font-size: 14px;
|
|
53
53
|
line-height: 1;
|
|
54
54
|
width: 100%;
|
|
55
55
|
}
|
|
56
56
|
.Togglebox__content--title .Togglebox__children {
|
|
57
|
-
color: #737475;
|
|
57
|
+
color: var(--colorsTextSubdued, #737475);
|
|
58
58
|
}
|
|
59
59
|
.Togglebox--radio .Togglebox__children {
|
|
60
60
|
padding-left: 9px;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../../src/components/Togglebox/Togglebox.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../../src/components/Togglebox/Togglebox.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss"],"names":[],"mappings":"AAMA;EACC;;AAKA;EAA0B;;AAE1B;EAAuB,cAVR;;AAYf;EACC,cAbc;EAcd,YCsGa;;;ADlGf;EACC;EACA;EACA;EACA;;AAEA;EAA2B;;;AAI5B;EACC;EACA;EACA;AAE2B;;AAA3B;EAAiB;;AACjB;EAAsB;;AACtB;EAA6B;;;AAG9B;EACC,OAzCc;EA0Cd,WC0Fa;EDzFb,aC+DkB;;AD7DlB;EAAsB,YCoFR;;;ADjFf;EACC,OAjDc;EAkDd,WCkFa;EDjFb;EACA;;AAEA;EAA+B,OArDb;;AAsDlB;EAAsB;;AACtB;EAAyB,cCiEd;;ADhEX;EAA6B","file":"index.css"}
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
.Tooltip,
|
|
3
3
|
.Tooltip__body {
|
|
4
4
|
/* Set color on root of component. It can be overridden after the @include */
|
|
5
|
-
color: #
|
|
5
|
+
color: var(--colorsTextDefault, #040404);
|
|
6
6
|
/* Make sure font-family goes across entire component */
|
|
7
7
|
font-family: "Nunito Sans", sans-serif;
|
|
8
8
|
}
|
|
@@ -36,9 +36,9 @@
|
|
|
36
36
|
.Tooltip__body.Tooltip__body {
|
|
37
37
|
display: inline-flex;
|
|
38
38
|
font-size: 14px;
|
|
39
|
-
background: #141414;
|
|
39
|
+
background: var(--colorsSurfaceInvertedStrong, #141414);
|
|
40
40
|
border-radius: 3px;
|
|
41
|
-
color: #ffffff;
|
|
41
|
+
color: var(--colorsTextInverted, #ffffff);
|
|
42
42
|
max-width: 18em;
|
|
43
43
|
padding: 4px 8px;
|
|
44
44
|
position: relative;
|
|
@@ -77,7 +77,7 @@ _:-ms-lang(x), .Tooltip__body {
|
|
|
77
77
|
}
|
|
78
78
|
}
|
|
79
79
|
.Tooltip__caret::before {
|
|
80
|
-
background: #141414;
|
|
80
|
+
background: var(--colorsSurfaceInvertedStrong, #141414);
|
|
81
81
|
}
|
|
82
82
|
|
|
83
83
|
/*# sourceMappingURL=Tooltip.css.map */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Tooltip/Tooltip.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss"],"names":[],"mappings":"AAAA;ACgDA;AAAA;AC/CC;EACA
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Tooltip/Tooltip.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss"],"names":[],"mappings":"AAAA;ACgDA;AAAA;AC/CC;EACA;AAEA;EACA;;;ADgDD;EACC;;AAEA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGD;EACC;EACA;EACA;;;AAMA;EAlED;EACA;EACA;;AAsEA;EAzDA;EACA,WE0Ga;EFzGb,YArBY;EAsBZ,eEtBiB;EFuBjB,OAtBM;EAuBN;EACA;EACA;EACA;EACA;EACA;EACA;EACA,SE2GiB;AFzGjB;AAAA;EAvBA;EACA;EACA;EACA;EACA;EACA;;AAoBA;EAyCA;IAxCC;;;;AA8CF;AACA;AACA;EAAgC;;;AAEhC;EACC;IAAK;;EACL;IAAO;;;AAIP;EACC,YA7FW","file":"Tooltip.css"}
|
|
@@ -86,6 +86,6 @@ export const Tooltip = (_a) => {
|
|
|
86
86
|
'Tooltip__body--open': tooltipVisible,
|
|
87
87
|
});
|
|
88
88
|
return (React.createElement(Popper, Object.assign({ className: TooltipClasses, width: "auto", autoFlipVertically: true, onMouseEnter: handleShow, onMouseLeave: handleHide, onTouchStart: handleTouch, onFocus: handleShowOnFocus, onBlur: handleHide, direction: getDirection(), el: TooltipElement, open: tooltipVisible, trigger: children, focusTrapOptions: { disabled: true }, caret: { show: true, className: 'Tooltip__caret' } }, props),
|
|
89
|
-
React.createElement("span", { className: TooltipBodyClasses }, text)));
|
|
89
|
+
React.createElement("span", { className: TooltipBodyClasses, "data-anvil-component": "Tooltip" }, text)));
|
|
90
90
|
};
|
|
91
91
|
//# sourceMappingURL=Tooltip.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tooltip.js","sourceRoot":"","sources":["../../../src/components/Tooltip/Tooltip.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"Tooltip.js","sourceRoot":"","sources":["../../../src/components/Tooltip/Tooltip.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAM,QAAQ,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvD,OAAO,UAAU,MAAM,mBAAmB,CAAC;AAC3C,OAAO,MAAM,MAAM,sBAAsB,CAAC;AAC1C,OAAO,EAAE,MAAM,EAAE,MAAM,uBAAuB,CAAC;AA+D/C,MAAM,CAAC,MAAM,OAAO,GAAqB,CAAC,EAazC,EAAE,EAAE;QAbqC,EACzC,QAAQ,EACR,SAAS,EACT,SAAS,GAAG,KAAK,EACjB,EAAE,EAAE,cAAc,GAAG,MAAM,EAC3B,IAAI,EAAE,SAAS,GAAG,KAAK,EACvB,IAAI,EACJ,SAAS,EACT,gBAAgB,EAChB,MAAM,EACN,MAAM,EACN,SAAS,GAAG,KAAK,OAEjB,EADG,KAAK,cAZiC,8HAazC,CADQ;IAER,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IACxC,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC5C,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE1C,mDAAmD;IACnD,MAAM,KAAK,GAAW,QAAQ,CAAC,MAAM,CAAC,YAAY,EAAE,EAAE,CAAC,CAAC,CAAC,iBAAiB;IAE1E,SAAS,CAAC,GAAG,EAAE;QACd,MAAM,OAAO,GAAG,UAAU,CAAC,GAAG,EAAE;YAC/B,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC;YAClB,CAAC,MAAM,KAAI,MAAM,aAAN,MAAM,uBAAN,MAAM,EAAI,CAAA,CAAC;YACtB,MAAM,KAAI,MAAM,aAAN,MAAM,uBAAN,MAAM,EAAI,CAAA,CAAC;QACtB,CAAC,EAAE,KAAK,CAAC,CAAC;QACV,OAAO,GAAG,EAAE;YACX,YAAY,CAAC,OAAO,CAAC,CAAC;QACvB,CAAC,CAAC;IACH,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC;IAEpC,SAAS,CAAC,GAAG,EAAE;QACd,IAAI,KAAK,EAAE;YACV,OAAO,CAAC,KAAK,CAAC,CAAC;YACf,MAAM,aAAN,MAAM,uBAAN,MAAM,EAAI,CAAC;YACX,MAAM,OAAO,GAAG,UAAU,CAAC,GAAG,EAAE;gBAC/B,OAAO,CAAC,CAAC,KAAK,CAAC,CAAC;gBAChB,QAAQ,CAAC,CAAC,KAAK,CAAC,CAAC;gBACjB,MAAM,aAAN,MAAM,uBAAN,MAAM,EAAI,CAAC;YACZ,CAAC,EAAE,IAAI,CAAC,CAAC;YACT,OAAO,GAAG,EAAE;gBACX,YAAY,CAAC,OAAO,CAAC,CAAC;YACvB,CAAC,CAAC;SACF;IACF,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,CAAC,CAAC,CAAC;IAE5B,MAAM,UAAU,GAAG,GAAG,EAAE;QACvB,SAAS,CAAC,IAAI,CAAC,CAAC;IACjB,CAAC,CAAC;IACF,MAAM,iBAAiB,GAAG,GAAG,EAAE;QAC9B,IAAI,CAAC,SAAS,EAAE;YACf,SAAS,CAAC,IAAI,CAAC,CAAC;SAChB;IACF,CAAC,CAAC;IACF,MAAM,UAAU,GAAG,GAAG,EAAE;QACvB,SAAS,CAAC,KAAK,CAAC,CAAC;IAClB,CAAC,CAAC;IAEF,MAAM,WAAW,GAAG,GAAG,EAAE;QACxB,QAAQ,CAAC,IAAI,CAAC,CAAC;IAChB,CAAC,CAAC;IAEF,MAAM,YAAY,GAAG,GAAG,EAAE;QACzB,IAAI,SAAS,KAAK,KAAK;YAAE,OAAO,GAAG,CAAC;QACpC,IAAI,SAAS,KAAK,UAAU;YAAE,OAAO,IAAI,CAAC;QAC1C,IAAI,SAAS,KAAK,SAAS;YAAE,OAAO,IAAI,CAAC;QACzC,IAAI,SAAS,KAAK,QAAQ;YAAE,OAAO,GAAG,CAAC;QACvC,IAAI,SAAS,KAAK,aAAa;YAAE,OAAO,IAAI,CAAC;QAC7C,IAAI,SAAS,KAAK,YAAY;YAAE,OAAO,IAAI,CAAC;QAC5C,IAAI,SAAS,KAAK,OAAO;YAAE,OAAO,GAAG,CAAC;QACtC,IAAI,SAAS,KAAK,MAAM;YAAE,OAAO,GAAG,CAAC;QACrC,OAAO,SAAS,CAAC;IAClB,CAAC,CAAC;IAEF,MAAM,cAAc,GAAG,IAAI,IAAI,CAAC,IAAI,IAAI,SAAS,CAAC,CAAC;IAEnD,MAAM,cAAc,GAAG,UAAU,CAAC,SAAS,EAAE,SAAS,EAAE;QACvD,oBAAoB,EAAE,CAAC,cAAc,IAAI,SAAS;KAClD,CAAC,CAAC;IAEH,MAAM,kBAAkB,GAAG,UAAU,CAAC,eAAe,EAAE,gBAAgB,EAAE;QACxE,CAAC,YAAY,YAAY,EAAE,EAAE,CAAC,EAAE,YAAY,EAAE;QAC9C,qBAAqB,EAAE,cAAc;KACrC,CAAC,CAAC;IAEH,OAAO,CACN,oBAAC,MAAM,kBACN,SAAS,EAAE,cAAc,EACzB,KAAK,EAAC,MAAM,EACZ,kBAAkB,QAClB,YAAY,EAAE,UAAU,EACxB,YAAY,EAAE,UAAU,EACxB,YAAY,EAAE,WAAW,EACzB,OAAO,EAAE,iBAAiB,EAC1B,MAAM,EAAE,UAAU,EAClB,SAAS,EAAE,YAAY,EAAE,EACzB,EAAE,EAAE,cAAc,EAClB,IAAI,EAAE,cAAc,EACpB,OAAO,EAAE,QAAQ,EACjB,gBAAgB,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,EACpC,KAAK,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,SAAS,EAAE,gBAAgB,EAAE,IAC9C,KAAK;QAET,8BAAM,SAAS,EAAE,kBAAkB,0BAAuB,SAAS,IACjE,IAAI,CACC,CACC,CACT,CAAC;AACH,CAAC,CAAC"}
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
.Tooltip,
|
|
3
3
|
.Tooltip__body {
|
|
4
4
|
/* Set color on root of component. It can be overridden after the @include */
|
|
5
|
-
color: #
|
|
5
|
+
color: var(--colorsTextDefault, #040404);
|
|
6
6
|
/* Make sure font-family goes across entire component */
|
|
7
7
|
font-family: "Nunito Sans", sans-serif;
|
|
8
8
|
}
|
|
@@ -36,9 +36,9 @@
|
|
|
36
36
|
.Tooltip__body.Tooltip__body {
|
|
37
37
|
display: inline-flex;
|
|
38
38
|
font-size: 14px;
|
|
39
|
-
background: #141414;
|
|
39
|
+
background: var(--colorsSurfaceInvertedStrong, #141414);
|
|
40
40
|
border-radius: 3px;
|
|
41
|
-
color: #ffffff;
|
|
41
|
+
color: var(--colorsTextInverted, #ffffff);
|
|
42
42
|
max-width: 18em;
|
|
43
43
|
padding: 4px 8px;
|
|
44
44
|
position: relative;
|
|
@@ -77,7 +77,7 @@ _:-ms-lang(x), .Tooltip__body {
|
|
|
77
77
|
}
|
|
78
78
|
}
|
|
79
79
|
.Tooltip__caret::before {
|
|
80
|
-
background: #141414;
|
|
80
|
+
background: var(--colorsSurfaceInvertedStrong, #141414);
|
|
81
81
|
}
|
|
82
82
|
|
|
83
83
|
/*# sourceMappingURL=index.css.map */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Tooltip/Tooltip.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss"],"names":[],"mappings":"AAAA;ACgDA;AAAA;AC/CC;EACA
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Tooltip/Tooltip.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss"],"names":[],"mappings":"AAAA;ACgDA;AAAA;AC/CC;EACA;AAEA;EACA;;;ADgDD;EACC;;AAEA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGD;EACC;EACA;EACA;;;AAMA;EAlED;EACA;EACA;;AAsEA;EAzDA;EACA,WE0Ga;EFzGb,YArBY;EAsBZ,eEtBiB;EFuBjB,OAtBM;EAuBN;EACA;EACA;EACA;EACA;EACA;EACA;EACA,SE2GiB;AFzGjB;AAAA;EAvBA;EACA;EACA;EACA;EACA;EACA;;AAoBA;EAyCA;IAxCC;;;;AA8CF;AACA;AACA;EAAgC;;;AAEhC;EACC;IAAK;;EACL;IAAO;;;AAIP;EACC,YA7FW","file":"index.css"}
|
|
@@ -2,6 +2,6 @@ import React from 'react';
|
|
|
2
2
|
import { useVisuallyHidden } from '../../hooks/useVisuallyHidden';
|
|
3
3
|
export const VisuallyHidden = React.forwardRef(({ hidden = false, children }, ref) => {
|
|
4
4
|
const { hiddenStyle } = useVisuallyHidden();
|
|
5
|
-
return (React.createElement("div", { ref: ref, style: hidden ? hiddenStyle : null }, children ? React.createElement(React.Fragment, null, children) : null));
|
|
5
|
+
return (React.createElement("div", { ref: ref, style: hidden ? hiddenStyle : null, "data-anvil-component": "VisuallyHidden" }, children ? React.createElement(React.Fragment, null, children) : null));
|
|
6
6
|
});
|
|
7
7
|
//# sourceMappingURL=VisuallyHidden.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"VisuallyHidden.js","sourceRoot":"","sources":["../../../src/components/VisuallyHidden/VisuallyHidden.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAa,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,iBAAiB,EAAE,MAAM,+BAA+B,CAAC;AASlE,MAAM,CAAC,MAAM,cAAc,GAA4B,KAAK,CAAC,UAAU,CACtE,CAAC,EAAE,MAAM,GAAG,KAAK,EAAE,QAAQ,EAAE,EAAE,GAAoC,EAAE,EAAE;IACtE,MAAM,EAAE,WAAW,EAAE,GAAG,iBAAiB,EAAE,CAAC;IAE5C,OAAO,CACN,
|
|
1
|
+
{"version":3,"file":"VisuallyHidden.js","sourceRoot":"","sources":["../../../src/components/VisuallyHidden/VisuallyHidden.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAa,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,iBAAiB,EAAE,MAAM,+BAA+B,CAAC;AASlE,MAAM,CAAC,MAAM,cAAc,GAA4B,KAAK,CAAC,UAAU,CACtE,CAAC,EAAE,MAAM,GAAG,KAAK,EAAE,QAAQ,EAAE,EAAE,GAAoC,EAAE,EAAE;IACtE,MAAM,EAAE,WAAW,EAAE,GAAG,iBAAiB,EAAE,CAAC;IAE5C,OAAO,CACN,6BACC,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,IAAI,0BACb,gBAAgB,IAEpC,QAAQ,CAAC,CAAC,CAAC,oBAAC,KAAK,CAAC,QAAQ,QAAE,QAAQ,CAAkB,CAAC,CAAC,CAAC,IAAI,CACzD,CACN,CAAC;AACH,CAAC,CACD,CAAC"}
|