@servicetitan/design-system 11.3.1 → 11.4.2
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/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/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 +25 -8
- 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 +31 -31
- package/dist/components/AnvilSelect/components/Trigger.css.map +1 -1
- package/dist/components/AnvilSelect/index.css +34 -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/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/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 +1 -1
- 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 +2 -2
- package/dist/components/Banner/Banner.css.map +1 -1
- package/dist/components/Banner/index.css +2 -2
- 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/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/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/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/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/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/CardSection.css +11 -11
- package/dist/components/Card/CardSection.css.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 +1 -1
- package/dist/components/Checkbox/Checkbox.css.map +1 -1
- package/dist/components/Checkbox/index.css +1 -1
- 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/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/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/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/index.css +5 -5
- package/dist/components/DataList/index.css.map +1 -1
- package/dist/components/DatePicker/DatePicker.css +48 -11
- package/dist/components/DatePicker/DatePicker.css.map +1 -1
- package/dist/components/DatePicker/index.css +48 -11
- package/dist/components/DatePicker/index.css.map +1 -1
- package/dist/components/DateRangePicker/DateRangePicker.css +4 -12
- package/dist/components/DateRangePicker/DateRangePicker.css.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/index.css +4 -12
- package/dist/components/DateRangePicker/index.css.map +1 -1
- package/dist/components/Dialog/Dialog.css.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/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/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/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/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/index.css +2 -2
- package/dist/components/FilterButton/index.css.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 +5 -5
- 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/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.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/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/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/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/index.css +1 -1
- package/dist/components/Headline/index.css.map +1 -1
- package/dist/components/Icon/Icon.css +305 -2
- package/dist/components/Icon/Icon.css.map +1 -1
- package/dist/components/Icon/Icon.js +2 -1
- package/dist/components/Icon/Icon.js.map +1 -1
- package/dist/components/Icon/index.css +305 -2
- 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/index.css +1 -1
- package/dist/components/InlineEdit/index.css.map +1 -1
- package/dist/components/Input/Input.css +17 -13
- package/dist/components/Input/Input.css.map +1 -1
- package/dist/components/Input/Input.js +15 -10
- package/dist/components/Input/Input.js.map +1 -1
- package/dist/components/Input/index.css +17 -13
- 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/index.css +6 -6
- package/dist/components/Label/index.css.map +1 -1
- package/dist/components/Link/Link.css +4 -4
- package/dist/components/Link/Link.css.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 +3 -1
- 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/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/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 +3 -2
- 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/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/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/ProgressTrackerStep.css +8 -12
- package/dist/components/ProgressTracker/ProgressTrackerStep.css.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 +2 -2
- package/dist/components/Radio/Radio.css.map +1 -1
- package/dist/components/Radio/index.css +2 -2
- 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/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 +1 -1
- package/dist/components/SideNav/SideNav.js.map +1 -1
- package/dist/components/SideNav/SideNavGroup.css.map +1 -1
- package/dist/components/SideNav/SideNavItem.css +37 -4
- package/dist/components/SideNav/SideNavItem.css.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 +53 -109
- 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/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/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/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 +1 -1
- 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 +0 -0
- 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/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/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/index.css +4 -4
- package/dist/components/TabGroup/index.css.map +1 -1
- package/dist/components/Table/Table.css +114 -43
- package/dist/components/Table/Table.css.map +1 -1
- package/dist/components/Table/index.css +114 -43
- 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/index.css +4 -4
- package/dist/components/Tag/index.css.map +1 -1
- package/dist/components/Takeover/Takeover.css +2 -2
- package/dist/components/Takeover/Takeover.css.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/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/index.css +6 -6
- package/dist/components/TextArea/index.css.map +1 -1
- package/dist/components/Thumbnail/Thumbnail.css +1 -1
- package/dist/components/Thumbnail/Thumbnail.css.map +1 -1
- package/dist/components/Thumbnail/index.css +1 -1
- 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/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/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 +2 -2
- package/dist/components/ToggleSwitch/ToggleSwitch.css.map +1 -1
- package/dist/components/ToggleSwitch/index.css +2 -2
- package/dist/components/ToggleSwitch/index.css.map +1 -1
- package/dist/components/Togglebox/Togglebox.css +1 -1
- package/dist/components/Togglebox/Togglebox.css.map +1 -1
- package/dist/components/Togglebox/index.css +1 -1
- 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/index.css +4 -4
- package/dist/components/Tooltip/index.css.map +1 -1
- package/dist/components/index.css +618 -422
- 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/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 +11 -3
- 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 +664 -452
- package/dist/system.css.map +1 -1
- package/dist/system.min.css +2 -2
- package/dist/themes/index.css +17 -17
- package/dist/themes/index.css.map +1 -1
- package/dist/themes/kendo/index.css +16 -16
- 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 +1 -0
- package/dist/utilities/ThemeProvider.js +13 -9
- package/dist/utilities/ThemeProvider.js.map +1 -1
- package/dist/utilities/usePrefersColorScheme.js +11 -9
- package/dist/utilities/usePrefersColorScheme.js.map +1 -1
- package/package.json +9 -8
- 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,9 +1,10 @@
|
|
|
1
1
|
/* Hide element visually, keeping it focusable (with keyboard) and available for screen-readers */
|
|
2
2
|
/** @define ProgressBar */
|
|
3
|
+
/** Color Variants */
|
|
3
4
|
.ProgressBar {
|
|
4
5
|
/* Reset the default appearance */
|
|
5
6
|
appearance: none;
|
|
6
|
-
background: #
|
|
7
|
+
background: var(--colorsSurfaceGrey, #eeeeee);
|
|
7
8
|
border: 0;
|
|
8
9
|
border-radius: 6px;
|
|
9
10
|
display: block;
|
|
@@ -18,7 +19,7 @@
|
|
|
18
19
|
}
|
|
19
20
|
|
|
20
21
|
.ProgressBar::-webkit-progress-bar {
|
|
21
|
-
background: #
|
|
22
|
+
background: var(--colorsSurfaceGrey, #eeeeee);
|
|
22
23
|
}
|
|
23
24
|
|
|
24
25
|
.ProgressBar::-webkit-progress-value {
|
|
@@ -38,62 +39,61 @@
|
|
|
38
39
|
}
|
|
39
40
|
|
|
40
41
|
.ProgressBar__bar {
|
|
41
|
-
background: #
|
|
42
|
+
background: var(--colorsSurfaceGrey, #eeeeee);
|
|
42
43
|
}
|
|
43
44
|
|
|
44
45
|
.ProgressBar__value {
|
|
45
46
|
background: #08bfdf;
|
|
46
47
|
}
|
|
47
48
|
|
|
48
|
-
/** Color Variants */
|
|
49
49
|
.ProgressBar--blue::-webkit-progress-value {
|
|
50
|
-
background: #2270ee;
|
|
50
|
+
background: var(--colorsStatusInfo, #2270ee);
|
|
51
51
|
}
|
|
52
52
|
.ProgressBar--blue::-moz-progress-bar {
|
|
53
|
-
background: #2270ee;
|
|
53
|
+
background: var(--colorsStatusInfo, #2270ee);
|
|
54
54
|
}
|
|
55
55
|
.ProgressBar--blue .ProgressBar__value {
|
|
56
|
-
background: #2270ee;
|
|
56
|
+
background: var(--colorsStatusInfo, #2270ee);
|
|
57
57
|
}
|
|
58
58
|
|
|
59
59
|
.ProgressBar--green::-webkit-progress-value {
|
|
60
|
-
background: #
|
|
60
|
+
background: var(--colorsStatusSuccess, #18a761);
|
|
61
61
|
}
|
|
62
62
|
.ProgressBar--green::-moz-progress-bar {
|
|
63
|
-
background: #
|
|
63
|
+
background: var(--colorsStatusSuccess, #18a761);
|
|
64
64
|
}
|
|
65
65
|
.ProgressBar--green .ProgressBar__value {
|
|
66
|
-
background: #
|
|
66
|
+
background: var(--colorsStatusSuccess, #18a761);
|
|
67
67
|
}
|
|
68
68
|
|
|
69
69
|
.ProgressBar--red::-webkit-progress-value {
|
|
70
|
-
background: #
|
|
70
|
+
background: var(--colorsStatusCritical, #e63717);
|
|
71
71
|
}
|
|
72
72
|
.ProgressBar--red::-moz-progress-bar {
|
|
73
|
-
background: #
|
|
73
|
+
background: var(--colorsStatusCritical, #e63717);
|
|
74
74
|
}
|
|
75
75
|
.ProgressBar--red .ProgressBar__value {
|
|
76
|
-
background: #
|
|
76
|
+
background: var(--colorsStatusCritical, #e63717);
|
|
77
77
|
}
|
|
78
78
|
|
|
79
79
|
.ProgressBar--yellow::-webkit-progress-value {
|
|
80
|
-
background: #
|
|
80
|
+
background: var(--colorsStatusWarning, #ffbe00);
|
|
81
81
|
}
|
|
82
82
|
.ProgressBar--yellow::-moz-progress-bar {
|
|
83
|
-
background: #
|
|
83
|
+
background: var(--colorsStatusWarning, #ffbe00);
|
|
84
84
|
}
|
|
85
85
|
.ProgressBar--yellow .ProgressBar__value {
|
|
86
|
-
background: #
|
|
86
|
+
background: var(--colorsStatusWarning, #ffbe00);
|
|
87
87
|
}
|
|
88
88
|
|
|
89
89
|
.ProgressBar--blue-grey::-webkit-progress-value {
|
|
90
|
-
background: #8c9ca5;
|
|
90
|
+
background: var(--colorsStatusDefault, #8c9ca5);
|
|
91
91
|
}
|
|
92
92
|
.ProgressBar--blue-grey::-moz-progress-bar {
|
|
93
|
-
background: #8c9ca5;
|
|
93
|
+
background: var(--colorsStatusDefault, #8c9ca5);
|
|
94
94
|
}
|
|
95
95
|
.ProgressBar--blue-grey .ProgressBar__value {
|
|
96
|
-
background: #8c9ca5;
|
|
96
|
+
background: var(--colorsStatusDefault, #8c9ca5);
|
|
97
97
|
}
|
|
98
98
|
|
|
99
99
|
/** Size Variants */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/ProgressBar/ProgressBar.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss"],"names":[],"mappings":"AAAA;ACIA;
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/ProgressBar/ProgressBar.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss"],"names":[],"mappings":"AAAA;ACIA;AAIA;AAYA;AACC;EACA;EACA,YAdgB;EAehB;EACA,eChBiB;EDiBjB;EACA,QArBoB;EAsBpB;;;AAGD;AAAA;EAEC,eCxBiB;EDyBjB;;;AAED;EAAqC,YA3BpB;;;AA4BjB;EAAuC,YCwCtB;;;ADrCjB;EACC,YCoCgB;EDnChB,eCjCiB;EDkCjB;;;AAID;AAAA;EAEC,eCxCiB;EDyCjB,QA5CoB;;;AA8CrB;EAAoB,YA3CH;;;AA4CjB;EAAsB,YCwBL;;;ADrBhB;EAA4B,YA7CL;;AA8CvB;EAAuB,YA9CA;;AA+CvB;EAAsB,YA/CC;;;AA6CvB;EAA4B,YA5CJ;;AA6CxB;EAAuB,YA7CC;;AA8CxB;EAAsB,YA9CE;;;AA4CxB;EAA4B,YA3CN;;AA4CtB;EAAuB,YA5CD;;AA6CtB;EAAsB,YA7CA;;;AA2CtB;EAA4B,YA1CH;;AA2CzB;EAAuB,YA3CE;;AA4CzB;EAAsB,YA5CG;;;AA0CzB;EAA4B,YAzCA;;AA0C5B;EAAuB,YA1CK;;AA2C5B;EAAsB,YA3CM;;;AAoD7B;AAIC;AAAA;AAAA;EAGC,QAN0B;;;AAU5B;EACC;EACA;;AAEA;EACC;EACA;EACA;EACA;EACA,WArEsB;;;AAyExB;EACC;IACC;IACA;;EAGD;IAEC;IACA;;;AAKF;AAAA;EAEC;EACA;EACA;;;AAGD;EACC;EACA;;;AAGD;EACC;EACA","file":"ProgressBar.css"}
|
|
@@ -1,9 +1,10 @@
|
|
|
1
1
|
/* Hide element visually, keeping it focusable (with keyboard) and available for screen-readers */
|
|
2
2
|
/** @define ProgressBar */
|
|
3
|
+
/** Color Variants */
|
|
3
4
|
.ProgressBar {
|
|
4
5
|
/* Reset the default appearance */
|
|
5
6
|
appearance: none;
|
|
6
|
-
background: #
|
|
7
|
+
background: var(--colorsSurfaceGrey, #eeeeee);
|
|
7
8
|
border: 0;
|
|
8
9
|
border-radius: 6px;
|
|
9
10
|
display: block;
|
|
@@ -18,7 +19,7 @@
|
|
|
18
19
|
}
|
|
19
20
|
|
|
20
21
|
.ProgressBar::-webkit-progress-bar {
|
|
21
|
-
background: #
|
|
22
|
+
background: var(--colorsSurfaceGrey, #eeeeee);
|
|
22
23
|
}
|
|
23
24
|
|
|
24
25
|
.ProgressBar::-webkit-progress-value {
|
|
@@ -38,62 +39,61 @@
|
|
|
38
39
|
}
|
|
39
40
|
|
|
40
41
|
.ProgressBar__bar {
|
|
41
|
-
background: #
|
|
42
|
+
background: var(--colorsSurfaceGrey, #eeeeee);
|
|
42
43
|
}
|
|
43
44
|
|
|
44
45
|
.ProgressBar__value {
|
|
45
46
|
background: #08bfdf;
|
|
46
47
|
}
|
|
47
48
|
|
|
48
|
-
/** Color Variants */
|
|
49
49
|
.ProgressBar--blue::-webkit-progress-value {
|
|
50
|
-
background: #2270ee;
|
|
50
|
+
background: var(--colorsStatusInfo, #2270ee);
|
|
51
51
|
}
|
|
52
52
|
.ProgressBar--blue::-moz-progress-bar {
|
|
53
|
-
background: #2270ee;
|
|
53
|
+
background: var(--colorsStatusInfo, #2270ee);
|
|
54
54
|
}
|
|
55
55
|
.ProgressBar--blue .ProgressBar__value {
|
|
56
|
-
background: #2270ee;
|
|
56
|
+
background: var(--colorsStatusInfo, #2270ee);
|
|
57
57
|
}
|
|
58
58
|
|
|
59
59
|
.ProgressBar--green::-webkit-progress-value {
|
|
60
|
-
background: #
|
|
60
|
+
background: var(--colorsStatusSuccess, #18a761);
|
|
61
61
|
}
|
|
62
62
|
.ProgressBar--green::-moz-progress-bar {
|
|
63
|
-
background: #
|
|
63
|
+
background: var(--colorsStatusSuccess, #18a761);
|
|
64
64
|
}
|
|
65
65
|
.ProgressBar--green .ProgressBar__value {
|
|
66
|
-
background: #
|
|
66
|
+
background: var(--colorsStatusSuccess, #18a761);
|
|
67
67
|
}
|
|
68
68
|
|
|
69
69
|
.ProgressBar--red::-webkit-progress-value {
|
|
70
|
-
background: #
|
|
70
|
+
background: var(--colorsStatusCritical, #e63717);
|
|
71
71
|
}
|
|
72
72
|
.ProgressBar--red::-moz-progress-bar {
|
|
73
|
-
background: #
|
|
73
|
+
background: var(--colorsStatusCritical, #e63717);
|
|
74
74
|
}
|
|
75
75
|
.ProgressBar--red .ProgressBar__value {
|
|
76
|
-
background: #
|
|
76
|
+
background: var(--colorsStatusCritical, #e63717);
|
|
77
77
|
}
|
|
78
78
|
|
|
79
79
|
.ProgressBar--yellow::-webkit-progress-value {
|
|
80
|
-
background: #
|
|
80
|
+
background: var(--colorsStatusWarning, #ffbe00);
|
|
81
81
|
}
|
|
82
82
|
.ProgressBar--yellow::-moz-progress-bar {
|
|
83
|
-
background: #
|
|
83
|
+
background: var(--colorsStatusWarning, #ffbe00);
|
|
84
84
|
}
|
|
85
85
|
.ProgressBar--yellow .ProgressBar__value {
|
|
86
|
-
background: #
|
|
86
|
+
background: var(--colorsStatusWarning, #ffbe00);
|
|
87
87
|
}
|
|
88
88
|
|
|
89
89
|
.ProgressBar--blue-grey::-webkit-progress-value {
|
|
90
|
-
background: #8c9ca5;
|
|
90
|
+
background: var(--colorsStatusDefault, #8c9ca5);
|
|
91
91
|
}
|
|
92
92
|
.ProgressBar--blue-grey::-moz-progress-bar {
|
|
93
|
-
background: #8c9ca5;
|
|
93
|
+
background: var(--colorsStatusDefault, #8c9ca5);
|
|
94
94
|
}
|
|
95
95
|
.ProgressBar--blue-grey .ProgressBar__value {
|
|
96
|
-
background: #8c9ca5;
|
|
96
|
+
background: var(--colorsStatusDefault, #8c9ca5);
|
|
97
97
|
}
|
|
98
98
|
|
|
99
99
|
/** Size Variants */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/ProgressBar/ProgressBar.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss"],"names":[],"mappings":"AAAA;ACIA;
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/ProgressBar/ProgressBar.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss"],"names":[],"mappings":"AAAA;ACIA;AAIA;AAYA;AACC;EACA;EACA,YAdgB;EAehB;EACA,eChBiB;EDiBjB;EACA,QArBoB;EAsBpB;;;AAGD;AAAA;EAEC,eCxBiB;EDyBjB;;;AAED;EAAqC,YA3BpB;;;AA4BjB;EAAuC,YCwCtB;;;ADrCjB;EACC,YCoCgB;EDnChB,eCjCiB;EDkCjB;;;AAID;AAAA;EAEC,eCxCiB;EDyCjB,QA5CoB;;;AA8CrB;EAAoB,YA3CH;;;AA4CjB;EAAsB,YCwBL;;;ADrBhB;EAA4B,YA7CL;;AA8CvB;EAAuB,YA9CA;;AA+CvB;EAAsB,YA/CC;;;AA6CvB;EAA4B,YA5CJ;;AA6CxB;EAAuB,YA7CC;;AA8CxB;EAAsB,YA9CE;;;AA4CxB;EAA4B,YA3CN;;AA4CtB;EAAuB,YA5CD;;AA6CtB;EAAsB,YA7CA;;;AA2CtB;EAA4B,YA1CH;;AA2CzB;EAAuB,YA3CE;;AA4CzB;EAAsB,YA5CG;;;AA0CzB;EAA4B,YAzCA;;AA0C5B;EAAuB,YA1CK;;AA2C5B;EAAsB,YA3CM;;;AAoD7B;AAIC;AAAA;AAAA;EAGC,QAN0B;;;AAU5B;EACC;EACA;;AAEA;EACC;EACA;EACA;EACA;EACA,WArEsB;;;AAyExB;EACC;IACC;IACA;;EAGD;IAEC;IACA;;;AAKF;AAAA;EAEC;EACA;EACA;;;AAGD;EACC;EACA;;;AAGD;EACC;EACA","file":"index.css"}
|
|
@@ -8,7 +8,7 @@
|
|
|
8
8
|
.ProgressCircle__background {
|
|
9
9
|
fill: transparent;
|
|
10
10
|
transform-origin: 50% 50%;
|
|
11
|
-
stroke: #eeeeee;
|
|
11
|
+
stroke: var(--colorsSurfaceGrey, #eeeeee);
|
|
12
12
|
}
|
|
13
13
|
|
|
14
14
|
.ProgressCircle__circle {
|
|
@@ -21,16 +21,16 @@
|
|
|
21
21
|
stroke: #08bfdf;
|
|
22
22
|
}
|
|
23
23
|
.ProgressCircle--blue .ProgressCircle__circle {
|
|
24
|
-
stroke: #2270ee;
|
|
24
|
+
stroke: var(--colorsStatusInfo, #2270ee);
|
|
25
25
|
}
|
|
26
26
|
.ProgressCircle--red .ProgressCircle__circle {
|
|
27
|
-
stroke: #f94d32;
|
|
27
|
+
stroke: var(--colorsStatusCritical, #f94d32);
|
|
28
28
|
}
|
|
29
29
|
.ProgressCircle--green .ProgressCircle__circle {
|
|
30
|
-
stroke: #
|
|
30
|
+
stroke: var(--colorsStatusSuccess, #18a761);
|
|
31
31
|
}
|
|
32
32
|
.ProgressCircle--yellow .ProgressCircle__circle {
|
|
33
|
-
stroke: #
|
|
33
|
+
stroke: var(--colorsStatusWarning, #ffbe00);
|
|
34
34
|
}
|
|
35
35
|
|
|
36
36
|
.ProgressCircle__svg {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../../src/components/ProgressCircle/ProgressCircle.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss"],"names":[],"mappings":"AAUA;EACC;EACA;EACA;EACA;;;AAGD;EACC;EACA;EACA,
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../../src/components/ProgressCircle/ProgressCircle.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss"],"names":[],"mappings":"AAUA;EACC;EACA;EACA;EACA;;;AAGD;EACC;EACA;EACA,QAjBgC;;;AAoBjC;EACC;EACA;EACA;EACA;EACA;EACA;EACA,QC+CgB;;AD7ChB;EAA0B,QA5BA;;AA6B1B;EAAyB,QA3BA;;AA4BzB;EAA2B,QA7BA;;AA8B3B;EAA4B,QA5BA;;;AA+B7B;EACC;;;AAGD;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA","file":"ProgressCircle.css"}
|
|
@@ -8,7 +8,7 @@
|
|
|
8
8
|
.ProgressCircle__background {
|
|
9
9
|
fill: transparent;
|
|
10
10
|
transform-origin: 50% 50%;
|
|
11
|
-
stroke: #eeeeee;
|
|
11
|
+
stroke: var(--colorsSurfaceGrey, #eeeeee);
|
|
12
12
|
}
|
|
13
13
|
|
|
14
14
|
.ProgressCircle__circle {
|
|
@@ -21,16 +21,16 @@
|
|
|
21
21
|
stroke: #08bfdf;
|
|
22
22
|
}
|
|
23
23
|
.ProgressCircle--blue .ProgressCircle__circle {
|
|
24
|
-
stroke: #2270ee;
|
|
24
|
+
stroke: var(--colorsStatusInfo, #2270ee);
|
|
25
25
|
}
|
|
26
26
|
.ProgressCircle--red .ProgressCircle__circle {
|
|
27
|
-
stroke: #f94d32;
|
|
27
|
+
stroke: var(--colorsStatusCritical, #f94d32);
|
|
28
28
|
}
|
|
29
29
|
.ProgressCircle--green .ProgressCircle__circle {
|
|
30
|
-
stroke: #
|
|
30
|
+
stroke: var(--colorsStatusSuccess, #18a761);
|
|
31
31
|
}
|
|
32
32
|
.ProgressCircle--yellow .ProgressCircle__circle {
|
|
33
|
-
stroke: #
|
|
33
|
+
stroke: var(--colorsStatusWarning, #ffbe00);
|
|
34
34
|
}
|
|
35
35
|
|
|
36
36
|
.ProgressCircle__svg {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../../src/components/ProgressCircle/ProgressCircle.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss"],"names":[],"mappings":"AAUA;EACC;EACA;EACA;EACA;;;AAGD;EACC;EACA;EACA,
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../../src/components/ProgressCircle/ProgressCircle.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss"],"names":[],"mappings":"AAUA;EACC;EACA;EACA;EACA;;;AAGD;EACC;EACA;EACA,QAjBgC;;;AAoBjC;EACC;EACA;EACA;EACA;EACA;EACA;EACA,QC+CgB;;AD7ChB;EAA0B,QA5BA;;AA6B1B;EAAyB,QA3BA;;AA4BzB;EAA2B,QA7BA;;AA8B3B;EAA4B,QA5BA;;;AA+B7B;EACC;;;AAGD;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;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
|
.ProgressTracker {
|
|
3
3
|
/* Set color on root of component. It can be overridden after the @include */
|
|
4
|
-
color: #141414;
|
|
4
|
+
color: var(--colorsTextDefault, #141414);
|
|
5
5
|
/* Make sure font-family goes across entire component */
|
|
6
6
|
font-family: "Nunito Sans", sans-serif;
|
|
7
7
|
display: flex;
|
|
@@ -23,7 +23,7 @@
|
|
|
23
23
|
top: 50%;
|
|
24
24
|
margin-top: -1px;
|
|
25
25
|
height: 2px;
|
|
26
|
-
background-color: #dfe0e1;
|
|
26
|
+
background-color: var(--colorsBorderGrey, #dfe0e1);
|
|
27
27
|
}
|
|
28
28
|
|
|
29
29
|
/*# sourceMappingURL=ProgressTracker.css.map */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/ProgressTracker/ProgressTracker.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/ProgressTracker/ProgressTracker.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss"],"names":[],"mappings":"AAAA;ACKA;ACJC;EACA;AAEA;EACA;EDGA;EACA;EACA;EACA,WE2Ha;EF1Hb,aE8FqB;;;AF3FtB;EACC;EACA;;AAEA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA,kBAxBe","file":"ProgressTracker.css"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
.ProgressTrackerStep {
|
|
2
|
-
color: #
|
|
2
|
+
color: var(--colorsTextSubdued, #737475);
|
|
3
3
|
display: flex;
|
|
4
4
|
align-items: center;
|
|
5
5
|
position: relative;
|
|
@@ -18,7 +18,7 @@
|
|
|
18
18
|
.ProgressTrackerStep:focus {
|
|
19
19
|
outline: none;
|
|
20
20
|
position: relative;
|
|
21
|
-
box-shadow: 0 0 0 3px #a9d1ff;
|
|
21
|
+
box-shadow: 0 0 0 3px var(--colorsFocusRingPrimary, #a9d1ff);
|
|
22
22
|
}
|
|
23
23
|
|
|
24
24
|
/* Children */
|
|
@@ -26,8 +26,8 @@
|
|
|
26
26
|
width: 1.8em;
|
|
27
27
|
height: 1.8em;
|
|
28
28
|
border-radius: 50%;
|
|
29
|
-
background: #bcbcbd;
|
|
30
|
-
color: #ffffff;
|
|
29
|
+
background: var(--colorsSurfaceGreyStronger, #bcbcbd);
|
|
30
|
+
color: var(---colorsTextInverted, #ffffff);
|
|
31
31
|
display: flex;
|
|
32
32
|
flex-shrink: 0;
|
|
33
33
|
justify-content: center;
|
|
@@ -47,10 +47,10 @@
|
|
|
47
47
|
}
|
|
48
48
|
|
|
49
49
|
.ProgressTrackerStep--complete {
|
|
50
|
-
color: #141414;
|
|
50
|
+
color: var(--colorsTextDefault, #141414);
|
|
51
51
|
}
|
|
52
52
|
.ProgressTrackerStep--complete .ProgressTrackerStep__icon {
|
|
53
|
-
background-color: #
|
|
53
|
+
background-color: var(--colorsStatusSuccess, #18a761);
|
|
54
54
|
}
|
|
55
55
|
.ProgressTrackerStep--complete .a-Icon {
|
|
56
56
|
font-size: 20px;
|
|
@@ -58,22 +58,18 @@
|
|
|
58
58
|
|
|
59
59
|
.ProgressTrackerStep--editing,
|
|
60
60
|
.ProgressTrackerStep--active {
|
|
61
|
-
color: #141414;
|
|
61
|
+
color: var(--colorsTextDefault, #141414);
|
|
62
62
|
}
|
|
63
63
|
.ProgressTrackerStep--editing .ProgressTrackerStep__icon,
|
|
64
64
|
.ProgressTrackerStep--active .ProgressTrackerStep__icon {
|
|
65
|
-
background-color: #2270ee;
|
|
65
|
+
background-color: var(--colorsStatusInfo, #2270ee);
|
|
66
66
|
}
|
|
67
67
|
|
|
68
68
|
.ProgressTrackerStep--disabled {
|
|
69
69
|
pointer-events: none !important;
|
|
70
70
|
}
|
|
71
71
|
.ProgressTrackerStep--disabled, .ProgressTrackerStep--disabled:hover {
|
|
72
|
-
color: #949596;
|
|
73
72
|
opacity: 0.6;
|
|
74
73
|
}
|
|
75
|
-
.ProgressTrackerStep--disabled .ProgressTrackerStep__icon, .ProgressTrackerStep--disabled:hover .ProgressTrackerStep__icon {
|
|
76
|
-
background-color: #bcbcbd;
|
|
77
|
-
}
|
|
78
74
|
|
|
79
75
|
/*# sourceMappingURL=ProgressTrackerStep.css.map */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../../src/components/ProgressTracker/ProgressTrackerStep.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../../src/components/ProgressTracker/ProgressTrackerStep.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss"],"names":[],"mappings":"AASA;EACC,OARc;EASd;EACA;EACA;EACA;EACA;EACA;;AAEA;EACC;EACA;;AAGD;EACC;EACA;;AAGD;EACC;EACA;EACA,YCyFa;;;ADrFf;AACA;EACC;EACA;EACA;EACA,YAnCc;EAoCd,OArCa;EAsCb;EACA;EACA;EACA;;;AAGD;EACC;EACA;EACA,aCwEW;;;ADrEZ;AACA;EACC;EACA,SCsDiB;;;ADnDlB;EACC,OA1Da;;AA4Db;EACC,kBA1Da;;AA6Dd;EAAU,WCqEG;;;ADlEd;AAAA;EAEC,OArEa;;AAsEb;AAAA;EAA6B,kBAlEf;;;AAqEf;EACC;;AAEA;EAEC,SC+BiB","file":"ProgressTrackerStep.css"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/* Hide element visually, keeping it focusable (with keyboard) and available for screen-readers */
|
|
2
2
|
.ProgressTracker {
|
|
3
3
|
/* Set color on root of component. It can be overridden after the @include */
|
|
4
|
-
color: #141414;
|
|
4
|
+
color: var(--colorsTextDefault, #141414);
|
|
5
5
|
/* Make sure font-family goes across entire component */
|
|
6
6
|
font-family: "Nunito Sans", sans-serif;
|
|
7
7
|
display: flex;
|
|
@@ -23,11 +23,11 @@
|
|
|
23
23
|
top: 50%;
|
|
24
24
|
margin-top: -1px;
|
|
25
25
|
height: 2px;
|
|
26
|
-
background-color: #dfe0e1;
|
|
26
|
+
background-color: var(--colorsBorderGrey, #dfe0e1);
|
|
27
27
|
}
|
|
28
28
|
|
|
29
29
|
.ProgressTrackerStep {
|
|
30
|
-
color: #
|
|
30
|
+
color: var(--colorsTextSubdued, #737475);
|
|
31
31
|
display: flex;
|
|
32
32
|
align-items: center;
|
|
33
33
|
position: relative;
|
|
@@ -46,7 +46,7 @@
|
|
|
46
46
|
.ProgressTrackerStep:focus {
|
|
47
47
|
outline: none;
|
|
48
48
|
position: relative;
|
|
49
|
-
box-shadow: 0 0 0 3px #a9d1ff;
|
|
49
|
+
box-shadow: 0 0 0 3px var(--colorsFocusRingPrimary, #a9d1ff);
|
|
50
50
|
}
|
|
51
51
|
|
|
52
52
|
/* Children */
|
|
@@ -54,8 +54,8 @@
|
|
|
54
54
|
width: 1.8em;
|
|
55
55
|
height: 1.8em;
|
|
56
56
|
border-radius: 50%;
|
|
57
|
-
background: #bcbcbd;
|
|
58
|
-
color: #ffffff;
|
|
57
|
+
background: var(--colorsSurfaceGreyStronger, #bcbcbd);
|
|
58
|
+
color: var(---colorsTextInverted, #ffffff);
|
|
59
59
|
display: flex;
|
|
60
60
|
flex-shrink: 0;
|
|
61
61
|
justify-content: center;
|
|
@@ -75,10 +75,10 @@
|
|
|
75
75
|
}
|
|
76
76
|
|
|
77
77
|
.ProgressTrackerStep--complete {
|
|
78
|
-
color: #141414;
|
|
78
|
+
color: var(--colorsTextDefault, #141414);
|
|
79
79
|
}
|
|
80
80
|
.ProgressTrackerStep--complete .ProgressTrackerStep__icon {
|
|
81
|
-
background-color: #
|
|
81
|
+
background-color: var(--colorsStatusSuccess, #18a761);
|
|
82
82
|
}
|
|
83
83
|
.ProgressTrackerStep--complete .a-Icon {
|
|
84
84
|
font-size: 20px;
|
|
@@ -86,22 +86,18 @@
|
|
|
86
86
|
|
|
87
87
|
.ProgressTrackerStep--editing,
|
|
88
88
|
.ProgressTrackerStep--active {
|
|
89
|
-
color: #141414;
|
|
89
|
+
color: var(--colorsTextDefault, #141414);
|
|
90
90
|
}
|
|
91
91
|
.ProgressTrackerStep--editing .ProgressTrackerStep__icon,
|
|
92
92
|
.ProgressTrackerStep--active .ProgressTrackerStep__icon {
|
|
93
|
-
background-color: #2270ee;
|
|
93
|
+
background-color: var(--colorsStatusInfo, #2270ee);
|
|
94
94
|
}
|
|
95
95
|
|
|
96
96
|
.ProgressTrackerStep--disabled {
|
|
97
97
|
pointer-events: none !important;
|
|
98
98
|
}
|
|
99
99
|
.ProgressTrackerStep--disabled, .ProgressTrackerStep--disabled:hover {
|
|
100
|
-
color: #949596;
|
|
101
100
|
opacity: 0.6;
|
|
102
101
|
}
|
|
103
|
-
.ProgressTrackerStep--disabled .ProgressTrackerStep__icon, .ProgressTrackerStep--disabled:hover .ProgressTrackerStep__icon {
|
|
104
|
-
background-color: #bcbcbd;
|
|
105
|
-
}
|
|
106
102
|
|
|
107
103
|
/*# sourceMappingURL=index.css.map */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/ProgressTracker/ProgressTracker.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss","../../../src/components/ProgressTracker/ProgressTrackerStep.scss"],"names":[],"mappings":"AAAA;
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/ProgressTracker/ProgressTracker.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss","../../../src/components/ProgressTracker/ProgressTrackerStep.scss"],"names":[],"mappings":"AAAA;ACKA;ACJC;EACA;AAEA;EACA;EDGA;EACA;EACA;EACA,WE2Ha;EF1Hb,aE8FqB;;;AF3FtB;EACC;EACA;;AAEA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA,kBAxBe;;;AGMjB;EACC,OARc;EASd;EACA;EACA;EACA;EACA;EACA;;AAEA;EACC;EACA;;AAGD;EACC;EACA;;AAGD;EACC;EACA;EACA,YDyFa;;;ACrFf;AACA;EACC;EACA;EACA;EACA,YAnCc;EAoCd,OArCa;EAsCb;EACA;EACA;EACA;;;AAGD;EACC;EACA;EACA,aDwEW;;;ACrEZ;AACA;EACC;EACA,SDsDiB;;;ACnDlB;EACC,OA1Da;;AA4Db;EACC,kBA1Da;;AA6Dd;EAAU,WDqEG;;;AClEd;AAAA;EAEC,OArEa;;AAsEb;AAAA;EAA6B,kBAlEf;;;AAqEf;EACC;;AAEA;EAEC,SD+BiB","file":"index.css"}
|
|
@@ -64,7 +64,7 @@
|
|
|
64
64
|
|
|
65
65
|
.a-Radio {
|
|
66
66
|
/* Set color on root of component. It can be overridden after the @include */
|
|
67
|
-
color: #141414;
|
|
67
|
+
color: var(--colorsTextDefault, #141414);
|
|
68
68
|
/* Make sure font-family goes across entire component */
|
|
69
69
|
font-family: "Nunito Sans", sans-serif;
|
|
70
70
|
box-sizing: border-box;
|
|
@@ -247,7 +247,7 @@
|
|
|
247
247
|
box-shadow: 0 0 0 8px var(--colorsHoverOnPrimary, rgba(255, 255, 255, 0.16)) inset, 0 0 0 8px var(--colorsBorderCritical, #e63717) inset;
|
|
248
248
|
}
|
|
249
249
|
.Radio--focus-visible:focus-within .Radio__box {
|
|
250
|
-
box-shadow: 0 0 0 2px var(--colorsBorderPrimary, #2270ee) inset, 0 0 0 3px #a9d1ff;
|
|
250
|
+
box-shadow: 0 0 0 2px var(--colorsBorderPrimary, #2270ee) inset, 0 0 0 3px var(--colorsFocusRingPrimary, #a9d1ff);
|
|
251
251
|
}
|
|
252
252
|
.Radio--error.Radio--focus-visible:focus-within .Radio__box {
|
|
253
253
|
box-shadow: 0 0 0 2px var(--colorsBorderCritical, #e63717) inset, 0 0 0 3px var(--colorsBorderCriticalSubdued, #ffb2a0);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Form/Form.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss","../../../src/components/Radio/Radio.scss","../../../src/utilities/_component-reset.scss"],"names":[],"mappings":"AAAA;ACGA;AAQA;AACA;EAAc;;;AACd;EAAc;;;AACd;EAAe;;;AACf;EAAgB;;;AAChB;EAAe;;;AACf;EAAa;;;AACb;EAAc;;;AACd;EAAiB;;;AAEjB;AAGC;AAAA;EAAS;;;AAGV;AA+BA;AAOA;AAGC;AAAA;AAAA;AAAA;EAEC,
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Form/Form.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss","../../../src/components/Radio/Radio.scss","../../../src/utilities/_component-reset.scss"],"names":[],"mappings":"AAAA;ACGA;AAQA;AACA;EAAc;;;AACd;EAAc;;;AACd;EAAe;;;AACf;EAAgB;;;AAChB;EAAe;;;AACf;EAAa;;;AACb;EAAc;;;AACd;EAAiB;;;AAEjB;AAGC;AAAA;EAAS;;;AAGV;AA+BA;AAOA;AAGC;AAAA;AAAA;AAAA;EAEC,kBCgBc;EDfd,cCmBc;EDlBd,OCkBc;EDjBd;;AAGD;AAAA;AAAA;AAAA;EAEC,kBCQc;EDPd,cCWc;EDVd,OCUc;EDTd;EACA;;;AEpDF;AC7BC;EACA;AAEA;EACA;ED4BA;EACA,OAfc;EAuBd,aA3Be;;AAqBf;EACC;EACA;;AAMD;EAAwB,aA7BT;;AA+Bf;EAEC,aAlCc;;AAqCf;EAEC,aArCc;;;AAyChB;EACC;EACA;EACA;EACA;;AAEA;EAAkB;;AAClB;EAAkB;;AAElB;EAAqB;;;AAIrB;EAAW;;;AAIX;AAAA;EAEC;EACA;EACA;;AAGD;EACC;EACA;EACA;;;AAIF;AACA;EHvFC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EG8EA;;AH5EA;EACC;IACC;IACA;;;;AG4EH;EACC,kBA5EoB;EA6EpB;EACA;EACA;EACA;EACA;EACA,cDqBW;ECpBX;EACA;EACA;EACA;EACA;EAGA,QAzGc;EA0Gd,OA1Gc;AA0Jd;AAoCA;AAmCA;;AArHA;EACC,OA9Ga;EA+Gb,QA/Ga;EAgHb;;AAGD;EACC,OAlHa;EAmHb,QAnHa;EAoHb;EACA;EACA;;AAGD;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGD;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGD;EACC;;AAID;EAEC;;AAEA;EACC;;AAGD;EACC,OAhKgB;EAiKhB,QAjKgB;;AAmKhB;EACC,OArKe;EAsKf,QAtKe;;AAyKhB;EACC,OAxKe;EAyKf,QAzKe;;AA8KlB;EAEC;;AAEA;EACC;;AAGD;EAAY;;AAIb;EACC;;AAGD;EAEC,YACC;;AAGD;EACC,YACC;;AAKH;EACC;;AAGD;EAEC,YACC;;AAGD;EACC,YACC;;AAMH;EACC;;AAGD;EACC;;;AAKD;EACC,SDlIiB;ECmIjB;;AAGD;EACC,OApOa;;;AAyOd;EACC,WDtHY;ECuHZ;EACA;EACA;;AAGD;EAAkB,WD7HL","file":"Radio.css"}
|
|
@@ -64,7 +64,7 @@
|
|
|
64
64
|
|
|
65
65
|
.a-Radio {
|
|
66
66
|
/* Set color on root of component. It can be overridden after the @include */
|
|
67
|
-
color: #141414;
|
|
67
|
+
color: var(--colorsTextDefault, #141414);
|
|
68
68
|
/* Make sure font-family goes across entire component */
|
|
69
69
|
font-family: "Nunito Sans", sans-serif;
|
|
70
70
|
box-sizing: border-box;
|
|
@@ -247,7 +247,7 @@
|
|
|
247
247
|
box-shadow: 0 0 0 8px var(--colorsHoverOnPrimary, rgba(255, 255, 255, 0.16)) inset, 0 0 0 8px var(--colorsBorderCritical, #e63717) inset;
|
|
248
248
|
}
|
|
249
249
|
.Radio--focus-visible:focus-within .Radio__box {
|
|
250
|
-
box-shadow: 0 0 0 2px var(--colorsBorderPrimary, #2270ee) inset, 0 0 0 3px #a9d1ff;
|
|
250
|
+
box-shadow: 0 0 0 2px var(--colorsBorderPrimary, #2270ee) inset, 0 0 0 3px var(--colorsFocusRingPrimary, #a9d1ff);
|
|
251
251
|
}
|
|
252
252
|
.Radio--error.Radio--focus-visible:focus-within .Radio__box {
|
|
253
253
|
box-shadow: 0 0 0 2px var(--colorsBorderCritical, #e63717) inset, 0 0 0 3px var(--colorsBorderCriticalSubdued, #ffb2a0);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Form/Form.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss","../../../src/components/Radio/Radio.scss","../../../src/utilities/_component-reset.scss"],"names":[],"mappings":"AAAA;ACGA;AAQA;AACA;EAAc;;;AACd;EAAc;;;AACd;EAAe;;;AACf;EAAgB;;;AAChB;EAAe;;;AACf;EAAa;;;AACb;EAAc;;;AACd;EAAiB;;;AAEjB;AAGC;AAAA;EAAS;;;AAGV;AA+BA;AAOA;AAGC;AAAA;AAAA;AAAA;EAEC,
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Form/Form.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss","../../../src/components/Radio/Radio.scss","../../../src/utilities/_component-reset.scss"],"names":[],"mappings":"AAAA;ACGA;AAQA;AACA;EAAc;;;AACd;EAAc;;;AACd;EAAe;;;AACf;EAAgB;;;AAChB;EAAe;;;AACf;EAAa;;;AACb;EAAc;;;AACd;EAAiB;;;AAEjB;AAGC;AAAA;EAAS;;;AAGV;AA+BA;AAOA;AAGC;AAAA;AAAA;AAAA;EAEC,kBCgBc;EDfd,cCmBc;EDlBd,OCkBc;EDjBd;;AAGD;AAAA;AAAA;AAAA;EAEC,kBCQc;EDPd,cCWc;EDVd,OCUc;EDTd;EACA;;;AEpDF;AC7BC;EACA;AAEA;EACA;ED4BA;EACA,OAfc;EAuBd,aA3Be;;AAqBf;EACC;EACA;;AAMD;EAAwB,aA7BT;;AA+Bf;EAEC,aAlCc;;AAqCf;EAEC,aArCc;;;AAyChB;EACC;EACA;EACA;EACA;;AAEA;EAAkB;;AAClB;EAAkB;;AAElB;EAAqB;;;AAIrB;EAAW;;;AAIX;AAAA;EAEC;EACA;EACA;;AAGD;EACC;EACA;EACA;;;AAIF;AACA;EHvFC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EG8EA;;AH5EA;EACC;IACC;IACA;;;;AG4EH;EACC,kBA5EoB;EA6EpB;EACA;EACA;EACA;EACA;EACA,cDqBW;ECpBX;EACA;EACA;EACA;EACA;EAGA,QAzGc;EA0Gd,OA1Gc;AA0Jd;AAoCA;AAmCA;;AArHA;EACC,OA9Ga;EA+Gb,QA/Ga;EAgHb;;AAGD;EACC,OAlHa;EAmHb,QAnHa;EAoHb;EACA;EACA;;AAGD;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGD;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGD;EACC;;AAID;EAEC;;AAEA;EACC;;AAGD;EACC,OAhKgB;EAiKhB,QAjKgB;;AAmKhB;EACC,OArKe;EAsKf,QAtKe;;AAyKhB;EACC,OAxKe;EAyKf,QAzKe;;AA8KlB;EAEC;;AAEA;EACC;;AAGD;EAAY;;AAIb;EACC;;AAGD;EAEC,YACC;;AAGD;EACC,YACC;;AAKH;EACC;;AAGD;EAEC,YACC;;AAGD;EACC,YACC;;AAMH;EACC;;AAGD;EACC;;;AAKD;EACC,SDlIiB;ECmIjB;;AAGD;EACC,OApOa;;;AAyOd;EACC,WDtHY;ECuHZ;EACA;EACA;;AAGD;EAAkB,WD7HL","file":"index.css"}
|
|
@@ -19,7 +19,7 @@
|
|
|
19
19
|
|
|
20
20
|
.Scroll__Scrollbar {
|
|
21
21
|
/* Set color on root of component. It can be overridden after the @include */
|
|
22
|
-
color: #141414;
|
|
22
|
+
color: var(--colorsTextDefault, #141414);
|
|
23
23
|
/* Make sure font-family goes across entire component */
|
|
24
24
|
font-family: "Nunito Sans", sans-serif;
|
|
25
25
|
position: relative;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Scroll/Scroll.scss","../../../src/utilities/_component-reset.scss"
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Scroll/Scroll.scss","../../../src/utilities/_component-reset.scss"],"names":[],"mappings":"AAAA;ACMA;AACA;EACC;EACA;;;AAGD;AACA;AAAA;EAC4C;;;AAE5C;AACA;AAAA;EAC2C;;;AAE3C;ACnBC;EACA;AAEA;EACA;EDkBA;AAEA;;AACA;EAAyB;;AACzB;EAAyB;;AAEzB;EAA2B;;AAC3B;EAA2B;;AAE3B;EAA2B;;AAC3B;EAA2B;;;AAG5B;AACA;EAAqE;;;AACrE;EAAqE;;;AAErE;AAAA;EAEC;;AAEA;AAAA;EACC;EACA;EACA;;;AAIF;EACC;EACA;EACA;;AAEA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACC;EACA;EACA;EACA;EACA;EACA;;AAQA;EAAmB;;AAQnB;EAAmB;;AAIrB;EAIC;EACA;;AAIA;EAIC;EACA;EACA,QAvGkB;;AA0GnB;EAIC;EACA,OA/GkB;EAgHlB;;AAGD;EAIC;EACA;EACA,QAzHkB;;AA4HnB;EAIC;EACA,OAjIkB;EAkIlB;;;AAKH;EACC;EACA;;;AAGD;EACC;EACA;;;AAGD;EAAc;;;AACd;EAAgB;;;AAChB;EAAiB;;;AACjB;EAAe","file":"Scroll.css"}
|
|
@@ -19,7 +19,7 @@
|
|
|
19
19
|
|
|
20
20
|
.Scroll__Scrollbar {
|
|
21
21
|
/* Set color on root of component. It can be overridden after the @include */
|
|
22
|
-
color: #141414;
|
|
22
|
+
color: var(--colorsTextDefault, #141414);
|
|
23
23
|
/* Make sure font-family goes across entire component */
|
|
24
24
|
font-family: "Nunito Sans", sans-serif;
|
|
25
25
|
position: relative;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Scroll/Scroll.scss","../../../src/utilities/_component-reset.scss"
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Scroll/Scroll.scss","../../../src/utilities/_component-reset.scss"],"names":[],"mappings":"AAAA;ACMA;AACA;EACC;EACA;;;AAGD;AACA;AAAA;EAC4C;;;AAE5C;AACA;AAAA;EAC2C;;;AAE3C;ACnBC;EACA;AAEA;EACA;EDkBA;AAEA;;AACA;EAAyB;;AACzB;EAAyB;;AAEzB;EAA2B;;AAC3B;EAA2B;;AAE3B;EAA2B;;AAC3B;EAA2B;;;AAG5B;AACA;EAAqE;;;AACrE;EAAqE;;;AAErE;AAAA;EAEC;;AAEA;AAAA;EACC;EACA;EACA;;;AAIF;EACC;EACA;EACA;;AAEA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACC;EACA;EACA;EACA;EACA;EACA;;AAQA;EAAmB;;AAQnB;EAAmB;;AAIrB;EAIC;EACA;;AAIA;EAIC;EACA;EACA,QAvGkB;;AA0GnB;EAIC;EACA,OA/GkB;EAgHlB;;AAGD;EAIC;EACA;EACA,QAzHkB;;AA4HnB;EAIC;EACA,OAjIkB;EAkIlB;;;AAKH;EACC;EACA;;;AAGD;EACC;EACA;;;AAGD;EAAc;;;AACd;EAAgB;;;AAChB;EAAiB;;;AACjB;EAAe","file":"index.css"}
|