@servicetitan/design-system 13.2.1-patch.0 → 13.2.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 +7 -7
- package/dist/components/ActionMenu/ActionMenu.css.map +1 -1
- package/dist/components/ActionMenu/index.css +7 -7
- package/dist/components/ActionMenu/index.css.map +1 -1
- package/dist/components/Announcement/Announcement.css +4 -4
- package/dist/components/Announcement/Announcement.css.map +1 -1
- package/dist/components/Announcement/index.css +4 -4
- package/dist/components/Announcement/index.css.map +1 -1
- package/dist/components/AnvilSelect/AnvilSelect.css.map +1 -1
- package/dist/components/AnvilSelect/components/DrillIn.css.map +1 -1
- package/dist/components/AnvilSelect/components/Trigger.css +6 -6
- package/dist/components/AnvilSelect/components/Trigger.css.map +1 -1
- package/dist/components/AnvilSelect/index.css +6 -6
- package/dist/components/AnvilSelect/index.css.map +1 -1
- package/dist/components/Avatar/Avatar.css.map +1 -1
- package/dist/components/Avatar/index.css.map +1 -1
- package/dist/components/BackLink/BackLink.css.map +1 -1
- package/dist/components/BackLink/index.css.map +1 -1
- package/dist/components/Backdrop/Backdrop.css.map +1 -1
- package/dist/components/Backdrop/index.css.map +1 -1
- package/dist/components/Banner/Banner.css +7 -7
- package/dist/components/Banner/Banner.css.map +1 -1
- package/dist/components/Banner/index.css +7 -7
- package/dist/components/Banner/index.css.map +1 -1
- package/dist/components/BodyText/BodyText.css.map +1 -1
- package/dist/components/BodyText/index.css.map +1 -1
- package/dist/components/Breadcrumb/Breadcrumb.css.map +1 -1
- package/dist/components/Breadcrumb/index.css.map +1 -1
- package/dist/components/Button/Button.css +20 -20
- package/dist/components/Button/Button.css.map +1 -1
- package/dist/components/Button/index.css +20 -20
- package/dist/components/Button/index.css.map +1 -1
- package/dist/components/ButtonGroup/ButtonGroup.css.map +1 -1
- package/dist/components/ButtonGroup/index.css.map +1 -1
- package/dist/components/ButtonToggle/ButtonToggle.css +7 -7
- package/dist/components/ButtonToggle/ButtonToggle.css.map +1 -1
- package/dist/components/ButtonToggle/index.css +7 -7
- package/dist/components/ButtonToggle/index.css.map +1 -1
- package/dist/components/Card/Card.css +2 -2
- package/dist/components/Card/Card.css.map +1 -1
- package/dist/components/Card/CardSection.css +10 -10
- package/dist/components/Card/CardSection.css.map +1 -1
- package/dist/components/Card/index.css +12 -12
- package/dist/components/Card/index.css.map +1 -1
- package/dist/components/Checkbox/Checkbox.css +9 -9
- package/dist/components/Checkbox/Checkbox.css.map +1 -1
- package/dist/components/Checkbox/index.css +9 -9
- package/dist/components/Checkbox/index.css.map +1 -1
- package/dist/components/Collapsible/Collapsible.css.map +1 -1
- package/dist/components/Collapsible/index.css.map +1 -1
- package/dist/components/ColorPicker/ColorPicker.css +3 -3
- package/dist/components/ColorPicker/ColorPicker.css.map +1 -1
- package/dist/components/ColorPicker/index.css +3 -3
- package/dist/components/ColorPicker/index.css.map +1 -1
- package/dist/components/Container/Container.css.map +1 -1
- package/dist/components/Container/index.css.map +1 -1
- package/dist/components/DataList/DataList.css.map +1 -1
- package/dist/components/DataList/index.css.map +1 -1
- package/dist/components/DatePicker/DatePicker.css +46 -22
- package/dist/components/DatePicker/DatePicker.css.map +1 -1
- package/dist/components/DatePicker/index.css +46 -22
- package/dist/components/DatePicker/index.css.map +1 -1
- package/dist/components/DateRangePicker/DateRangePicker.css.map +1 -1
- package/dist/components/DateRangePicker/index.css.map +1 -1
- package/dist/components/Divider/Divider.css.map +1 -1
- package/dist/components/Divider/index.css.map +1 -1
- package/dist/components/Drawer/Drawer.css +1 -1
- package/dist/components/Drawer/Drawer.css.map +1 -1
- package/dist/components/Drawer/index.css +1 -1
- package/dist/components/Drawer/index.css.map +1 -1
- package/dist/components/Eyebrow/Eyebrow.css.map +1 -1
- package/dist/components/Eyebrow/index.css.map +1 -1
- package/dist/components/FilePicker/FilePicker.css +1 -1
- package/dist/components/FilePicker/FilePicker.css.map +1 -1
- package/dist/components/FilePicker/index.css +1 -1
- package/dist/components/FilePicker/index.css.map +1 -1
- package/dist/components/FilterButton/FilterButton.css +2 -2
- package/dist/components/FilterButton/FilterButton.css.map +1 -1
- package/dist/components/FilterButton/index.css +2 -2
- package/dist/components/FilterButton/index.css.map +1 -1
- package/dist/components/FlowCard/FlowCardStep.css +16 -16
- package/dist/components/FlowCard/FlowCardStep.css.map +1 -1
- package/dist/components/FlowCard/index.css +16 -16
- package/dist/components/FlowCard/index.css.map +1 -1
- package/dist/components/Form/Form.css.map +1 -1
- package/dist/components/Form/index.css.map +1 -1
- package/dist/components/FormField/FormField.css +2 -2
- package/dist/components/FormField/FormField.css.map +1 -1
- package/dist/components/FormField/FormField.js +1 -1
- package/dist/components/FormField/FormField.js.map +1 -1
- package/dist/components/FormField/index.css +2 -2
- package/dist/components/FormField/index.css.map +1 -1
- package/dist/components/FormGroup/FormGroup.css.map +1 -1
- package/dist/components/FormGroup/index.css.map +1 -1
- package/dist/components/Frame/Frame.css.map +1 -1
- package/dist/components/Frame/index.css.map +1 -1
- package/dist/components/Grid/Grid.css.map +1 -1
- package/dist/components/Grid/GridBreakpoints.css.map +1 -1
- package/dist/components/Grid/GridColumn.css.map +1 -1
- package/dist/components/Grid/GridRow.css.map +1 -1
- package/dist/components/Grid/GridVariables.css.map +1 -1
- package/dist/components/Grid/index.css.map +1 -1
- package/dist/components/Headline/Headline.css.map +1 -1
- package/dist/components/Headline/index.css.map +1 -1
- package/dist/components/Icon/Icon.css +21 -21
- package/dist/components/Icon/Icon.css.map +1 -1
- package/dist/components/Icon/index.css +21 -21
- package/dist/components/Icon/index.css.map +1 -1
- package/dist/components/InlineEdit/InlineEdit.css +1 -1
- package/dist/components/InlineEdit/InlineEdit.css.map +1 -1
- package/dist/components/InlineEdit/index.css +1 -1
- package/dist/components/InlineEdit/index.css.map +1 -1
- package/dist/components/Input/Input.css +3 -3
- package/dist/components/Input/Input.css.map +1 -1
- package/dist/components/Input/index.css +3 -3
- package/dist/components/Input/index.css.map +1 -1
- package/dist/components/Label/Label.css +2 -2
- package/dist/components/Label/Label.css.map +1 -1
- package/dist/components/Label/index.css +2 -2
- package/dist/components/Label/index.css.map +1 -1
- package/dist/components/Link/Link.css +2 -2
- package/dist/components/Link/Link.css.map +1 -1
- package/dist/components/Link/index.css +2 -2
- package/dist/components/Link/index.css.map +1 -1
- package/dist/components/Mask/Mask.css +1 -1
- package/dist/components/Mask/Mask.css.map +1 -1
- package/dist/components/Mask/index.css +1 -1
- package/dist/components/Mask/index.css.map +1 -1
- package/dist/components/Modal/Modal.css +2 -2
- package/dist/components/Modal/Modal.css.map +1 -1
- package/dist/components/Modal/index.css +2 -2
- package/dist/components/Modal/index.css.map +1 -1
- package/dist/components/MoreDetails/MoreDetails.css.map +1 -1
- package/dist/components/MoreDetails/index.css.map +1 -1
- package/dist/components/OptionList/OptionList.css +3 -3
- package/dist/components/OptionList/OptionList.css.map +1 -1
- package/dist/components/OptionList/index.css +3 -3
- package/dist/components/OptionList/index.css.map +1 -1
- package/dist/components/Page/Page.css +3 -3
- package/dist/components/Page/Page.css.map +1 -1
- package/dist/components/Page/index.css +3 -3
- package/dist/components/Page/index.css.map +1 -1
- package/dist/components/Popover/Popover.css +1 -1
- package/dist/components/Popover/Popover.css.map +1 -1
- package/dist/components/Popover/index.css +1 -1
- package/dist/components/Popover/index.css.map +1 -1
- package/dist/components/ProgressBar/ProgressBar.css +6 -6
- package/dist/components/ProgressBar/ProgressBar.css.map +1 -1
- package/dist/components/ProgressBar/index.css +6 -6
- package/dist/components/ProgressBar/index.css.map +1 -1
- package/dist/components/ProgressCircle/ProgressCircle.css +3 -3
- package/dist/components/ProgressCircle/ProgressCircle.css.map +1 -1
- package/dist/components/ProgressCircle/index.css +3 -3
- package/dist/components/ProgressCircle/index.css.map +1 -1
- package/dist/components/ProgressTracker/ProgressTracker.css +1 -1
- package/dist/components/ProgressTracker/ProgressTracker.css.map +1 -1
- package/dist/components/ProgressTracker/ProgressTrackerStep.css +8 -8
- package/dist/components/ProgressTracker/ProgressTrackerStep.css.map +1 -1
- package/dist/components/ProgressTracker/index.css +9 -9
- package/dist/components/ProgressTracker/index.css.map +1 -1
- package/dist/components/Radio/Radio.css +6 -6
- package/dist/components/Radio/Radio.css.map +1 -1
- package/dist/components/Radio/index.css +6 -6
- package/dist/components/Radio/index.css.map +1 -1
- package/dist/components/Scroll/Scroll.css +2 -2
- package/dist/components/Scroll/Scroll.css.map +1 -1
- package/dist/components/Scroll/index.css +2 -2
- package/dist/components/Scroll/index.css.map +1 -1
- package/dist/components/Select/Select.css +9 -9
- package/dist/components/Select/Select.css.map +1 -1
- package/dist/components/Select/index.css +9 -9
- package/dist/components/Select/index.css.map +1 -1
- package/dist/components/SideNav/SideNav.css.map +1 -1
- package/dist/components/SideNav/SideNavItem.css +7 -7
- package/dist/components/SideNav/SideNavItem.css.map +1 -1
- package/dist/components/SideNav/index.css +7 -7
- package/dist/components/SideNav/index.css.map +1 -1
- package/dist/components/Sidebar/Sidebar.css +6 -6
- package/dist/components/Sidebar/Sidebar.css.map +1 -1
- package/dist/components/Sidebar/SidebarSection.css +6 -6
- package/dist/components/Sidebar/SidebarSection.css.map +1 -1
- package/dist/components/Sidebar/index.css +6 -6
- package/dist/components/Sidebar/index.css.map +1 -1
- package/dist/components/Snackbar/Snackbar.css +3 -3
- package/dist/components/Snackbar/Snackbar.css.map +1 -1
- package/dist/components/Snackbar/index.css +3 -3
- package/dist/components/Snackbar/index.css.map +1 -1
- package/dist/components/StatusLight/StatusLight.css +3 -3
- package/dist/components/StatusLight/StatusLight.css.map +1 -1
- package/dist/components/StatusLight/index.css +3 -3
- package/dist/components/StatusLight/index.css.map +1 -1
- package/dist/components/Tab/Tab.css +9 -9
- package/dist/components/Tab/Tab.css.map +1 -1
- package/dist/components/Tab/index.css +9 -9
- package/dist/components/Tab/index.css.map +1 -1
- package/dist/components/TabGroup/TabGroup.css +1 -1
- package/dist/components/TabGroup/TabGroup.css.map +1 -1
- package/dist/components/TabGroup/index.css +1 -1
- package/dist/components/TabGroup/index.css.map +1 -1
- package/dist/components/Table/Table.css +24 -24
- package/dist/components/Table/Table.css.map +1 -1
- package/dist/components/Table/index.css +24 -24
- package/dist/components/Table/index.css.map +1 -1
- package/dist/components/Tag/Tag.css +6 -6
- package/dist/components/Tag/Tag.css.map +1 -1
- package/dist/components/Tag/index.css +6 -6
- package/dist/components/Tag/index.css.map +1 -1
- package/dist/components/Takeover/Takeover.css +1 -1
- package/dist/components/Takeover/Takeover.css.map +1 -1
- package/dist/components/Takeover/TakeoverFooter.css +2 -2
- package/dist/components/Takeover/TakeoverFooter.css.map +1 -1
- package/dist/components/Takeover/TakeoverHeader.css +1 -1
- package/dist/components/Takeover/TakeoverHeader.css.map +1 -1
- package/dist/components/Takeover/TakeoverSection.css +2 -2
- package/dist/components/Takeover/TakeoverSection.css.map +1 -1
- package/dist/components/Takeover/index.css +4 -4
- package/dist/components/Takeover/index.css.map +1 -1
- package/dist/components/Text/Text.css.map +1 -1
- package/dist/components/Text/index.css.map +1 -1
- package/dist/components/TextArea/TextArea.css +3 -3
- package/dist/components/TextArea/TextArea.css.map +1 -1
- package/dist/components/TextArea/index.css +3 -3
- package/dist/components/TextArea/index.css.map +1 -1
- package/dist/components/Thumbnail/Thumbnail.css +3 -3
- package/dist/components/Thumbnail/Thumbnail.css.map +1 -1
- package/dist/components/Thumbnail/index.css +3 -3
- package/dist/components/Thumbnail/index.css.map +1 -1
- package/dist/components/TimePicker/TimePicker.css +5 -5
- package/dist/components/TimePicker/TimePicker.css.map +1 -1
- package/dist/components/TimePicker/index.css +5 -5
- package/dist/components/TimePicker/index.css.map +1 -1
- package/dist/components/Toast/Toast.css +7 -7
- package/dist/components/Toast/Toast.css.map +1 -1
- package/dist/components/Toast/ToastGroup.css +7 -7
- package/dist/components/Toast/ToastGroup.css.map +1 -1
- package/dist/components/Toast/index.css +7 -7
- package/dist/components/Toast/index.css.map +1 -1
- package/dist/components/ToggleSwitch/ToggleSwitch.css +3 -3
- package/dist/components/ToggleSwitch/ToggleSwitch.css.map +1 -1
- package/dist/components/ToggleSwitch/index.css +3 -3
- package/dist/components/ToggleSwitch/index.css.map +1 -1
- package/dist/components/Togglebox/Togglebox.css +2 -2
- package/dist/components/Togglebox/Togglebox.css.map +1 -1
- package/dist/components/Togglebox/index.css +2 -2
- package/dist/components/Togglebox/index.css.map +1 -1
- package/dist/components/Tooltip/Tooltip.css +1 -1
- package/dist/components/Tooltip/Tooltip.css.map +1 -1
- package/dist/components/Tooltip/index.css +1 -1
- package/dist/components/Tooltip/index.css.map +1 -1
- package/dist/components/index.css +260 -236
- package/dist/components/index.css.map +1 -1
- package/dist/global/index.css +1 -1
- package/dist/global/version.css +1 -1
- package/dist/internal/CollapsibleList/CollapsibleList.css.map +1 -1
- package/dist/internal/CollapsibleList/index.css.map +1 -1
- package/dist/internal/Popper/Popper.css +1 -1
- package/dist/internal/Popper/Popper.css.map +1 -1
- package/dist/internal/Popper/index.css +1 -1
- package/dist/internal/Popper/index.css.map +1 -1
- package/dist/internal/index.css +1 -1
- package/dist/internal/index.css.map +1 -1
- package/dist/system-light.css +62 -62
- package/dist/system-light.css.map +1 -1
- package/dist/system-light.min.css +1 -1
- package/dist/system.css +448 -413
- package/dist/system.css.map +1 -1
- package/dist/system.min.css +2 -2
- package/dist/themes/index.css +136 -125
- package/dist/themes/index.css.map +1 -1
- package/dist/themes/kendo/index.css +136 -125
- package/dist/themes/kendo/index.css.map +1 -1
- package/dist/themes/semantic/index.css.map +1 -1
- package/package.json +8 -8
|
@@ -41,36 +41,36 @@
|
|
|
41
41
|
text-decoration: none;
|
|
42
42
|
}
|
|
43
43
|
.Button:hover::before {
|
|
44
|
-
background-color: var(--colorsHoverDefault, rgba(
|
|
44
|
+
background-color: var(--colorsHoverDefault, rgba(20, 20, 20, 0.08));
|
|
45
45
|
}
|
|
46
46
|
.Button:active::before, .Button.Button--selected::before {
|
|
47
|
-
background-color: var(--colorsActiveDefault, rgba(
|
|
47
|
+
background-color: var(--colorsActiveDefault, rgba(20, 20, 20, 0.2));
|
|
48
48
|
}
|
|
49
49
|
.Button.Button--focus-visible:focus {
|
|
50
50
|
outline: 0;
|
|
51
|
-
box-shadow: 0 0 0 3px var(--colorsFocusRingPrimary, #
|
|
51
|
+
box-shadow: 0 0 0 3px var(--colorsFocusRingPrimary, #78bbfa);
|
|
52
52
|
}
|
|
53
53
|
.Button.Button--outline {
|
|
54
54
|
background-color: transparent;
|
|
55
55
|
box-shadow: inset 0 0 0 1px var(--colorsBorderDefault, #444445);
|
|
56
56
|
}
|
|
57
57
|
.Button.Button--outline:hover::before {
|
|
58
|
-
background-color: var(--colorsHoverOnGrey, rgba(
|
|
58
|
+
background-color: var(--colorsHoverOnGrey, rgba(20, 20, 20, 0.08));
|
|
59
59
|
}
|
|
60
60
|
.Button.Button--outline:active::before, .Button.Button--outline.Button--selected::before {
|
|
61
|
-
background-color: var(--colorsActiveOnGrey, rgba(
|
|
61
|
+
background-color: var(--colorsActiveOnGrey, rgba(20, 20, 20, 0.16));
|
|
62
62
|
}
|
|
63
63
|
.Button.Button--outline.Button--focus-visible:focus {
|
|
64
|
-
box-shadow: inset 0 0 0 1px var(--colorsBorderDefault, #444445), 0 0 0 3px var(--colorsFocusRingPrimary, #
|
|
64
|
+
box-shadow: inset 0 0 0 1px var(--colorsBorderDefault, #444445), 0 0 0 3px var(--colorsFocusRingPrimary, #78bbfa);
|
|
65
65
|
}
|
|
66
66
|
.Button.Button--subtle {
|
|
67
67
|
background-color: transparent;
|
|
68
68
|
}
|
|
69
69
|
.Button.Button--subtle:hover::before {
|
|
70
|
-
background-color: var(--colorsHoverOnGrey, rgba(
|
|
70
|
+
background-color: var(--colorsHoverOnGrey, rgba(20, 20, 20, 0.08));
|
|
71
71
|
}
|
|
72
72
|
.Button.Button--subtle:active::before, .Button.Button--subtle.Button--selected::before {
|
|
73
|
-
background-color: var(--colorsActiveOnGrey, rgba(
|
|
73
|
+
background-color: var(--colorsActiveOnGrey, rgba(20, 20, 20, 0.16));
|
|
74
74
|
}
|
|
75
75
|
|
|
76
76
|
button.Button {
|
|
@@ -110,38 +110,38 @@ button.Button {
|
|
|
110
110
|
}
|
|
111
111
|
|
|
112
112
|
.Button--blue {
|
|
113
|
-
background-color: var(--colorsSurfacePrimary, #
|
|
114
|
-
color: var(--colorsTextOnPrimary,
|
|
113
|
+
background-color: var(--colorsSurfacePrimary, #0265dc);
|
|
114
|
+
color: var(--colorsTextOnPrimary, white);
|
|
115
115
|
}
|
|
116
116
|
.Button--blue:hover::before {
|
|
117
117
|
background-color: var(--colorsHoverOnPrimary, rgba(255, 255, 255, 0.16));
|
|
118
118
|
}
|
|
119
119
|
.Button--blue:active::before, .Button--blue.Button--selected::before {
|
|
120
|
-
background-color: var(--colorsActiveOnPrimary, rgba(
|
|
120
|
+
background-color: var(--colorsActiveOnPrimary, rgba(20, 20, 20, 0.08));
|
|
121
121
|
}
|
|
122
122
|
.Button--blue.Button--outline {
|
|
123
123
|
background-color: transparent;
|
|
124
|
-
box-shadow: inset 0 0 0 1px var(--colorsBorderPrimary, #
|
|
125
|
-
color: var(--colorsTextPrimary, #
|
|
124
|
+
box-shadow: inset 0 0 0 1px var(--colorsBorderPrimary, #0265dc);
|
|
125
|
+
color: var(--colorsTextPrimary, #0265dc);
|
|
126
126
|
}
|
|
127
127
|
.Button--blue.Button--outline:hover::before {
|
|
128
|
-
background-color: var(--colorsHoverPrimary, rgba(
|
|
128
|
+
background-color: var(--colorsHoverPrimary, rgba(2, 101, 220, 0.1));
|
|
129
129
|
}
|
|
130
130
|
.Button--blue.Button--outline.Button--focus-visible:focus {
|
|
131
|
-
box-shadow: inset 0 0 0 1px var(--colorsBorderPrimary, #
|
|
131
|
+
box-shadow: inset 0 0 0 1px var(--colorsBorderPrimary, #0265dc), 0 0 0 3px var(--colorsFocusRingPrimary, #78bbfa);
|
|
132
132
|
}
|
|
133
133
|
.Button--blue.Button--outline:active::before, .Button--blue.Button--outline.Button--selected::before {
|
|
134
|
-
background-color: var(--colorsActivePrimary, rgba(
|
|
134
|
+
background-color: var(--colorsActivePrimary, rgba(2, 101, 220, 0.3));
|
|
135
135
|
}
|
|
136
136
|
.Button--blue.Button--subtle {
|
|
137
137
|
background-color: transparent;
|
|
138
|
-
color: var(--colorsTextPrimary, #
|
|
138
|
+
color: var(--colorsTextPrimary, #0265dc);
|
|
139
139
|
}
|
|
140
140
|
.Button--blue.Button--subtle:hover::before {
|
|
141
|
-
background-color: var(--colorsHoverPrimary, rgba(
|
|
141
|
+
background-color: var(--colorsHoverPrimary, rgba(2, 101, 220, 0.1));
|
|
142
142
|
}
|
|
143
143
|
.Button--blue.Button--subtle:active::before, .Button--blue.Button--subtle.Button--selected::before {
|
|
144
|
-
background-color: var(--colorsActivePrimary, rgba(
|
|
144
|
+
background-color: var(--colorsActivePrimary, rgba(2, 101, 220, 0.3));
|
|
145
145
|
}
|
|
146
146
|
|
|
147
147
|
.Button--red {
|
|
@@ -152,7 +152,7 @@ button.Button {
|
|
|
152
152
|
background-color: var(--colorsHoverOnCritical, rgba(255, 255, 255, 0.16));
|
|
153
153
|
}
|
|
154
154
|
.Button--red:active::before, .Button--red.Button--selected::before {
|
|
155
|
-
background-color: var(--colorsActiveOnCritical, rgba(
|
|
155
|
+
background-color: var(--colorsActiveOnCritical, rgba(20, 20, 20, 0.16));
|
|
156
156
|
}
|
|
157
157
|
.Button--red.Button--focus-visible:focus {
|
|
158
158
|
box-shadow: 0 0 0 3px var(--colorsFocusRingCritical, #ffb2a0);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Button/Button.scss","../../../src/utilities/_component-reset.scss","../../../src/utilities/_font-smoothing.scss","../../../node_modules/@servicetitan/tokens/core/tokens.scss"],"names":[],"mappings":"AAAA;AC0CA;
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Button/Button.scss","../../../src/utilities/_component-reset.scss","../../../src/utilities/_font-smoothing.scss","../../../node_modules/@servicetitan/tokens/core/tokens.scss"],"names":[],"mappings":"AAAA;AC0CA;ACvCC;EACA;AAEA;EACA;ECLC;EACA;EF2CD;EACA,kBArCoB;EAsCpB;EACA,eG5BiB;EH6BjB;EACA,OA/Cc;EAgDd;EACA;EACA,WGoFa;EHnFb,aGsDsB;EHrDtB;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,YACC;EAED;EACA;;AAEA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;;AAGD;EACC;;AAEA;EACC,kBA1Da;;AAgEd;EACC,kBAzDc;;AA6DhB;EACC;EACA,YAjFc;;AAoFf;EACC;EACA;;AAGC;EACC,kBA5EY;;AAkFb;EACC,kBA3Ea;;AA+Ef;EAAgC;;AAGjC;EACC;;AAGC;EACC,kBA/FY;;AAqGb;EACC,kBA9Fa;;;AAsGjB;EACC,WGHa;EHIb;;;AAGD;EACC,SGpBW;EHqBX;;AAEA;EACC;;AAEA;EACC;EACA;;;AAKH;AAAA;EAEC;EACA;EACA;;;AAGD;EACC;EACA;EACA;EACA;EACA;;;AAKA;EAKC,OAjLa;;;AAqLf;EACC,kBA/KoB;EAgLpB,OApLiB;;AAuLhB;EACC,kBAhKgB;;AAsKjB;EACC,kBA/JiB;;AAmKnB;EACC;EACA;EACA,OAxMa;;AA2MZ;EACC,kBAtLY;;AA0Ld;EAAgC;;AAI/B;EACC,kBAvLa;;AA4LhB;EACC;EACA,OA5Na;;AA+NZ;EACC,kBA1MY;;AAgNb;EACC,kBAzMa;;;AA+MjB;EACC,kBAvOqB;EAwOrB,OA5OkB;;AA+OjB;EACC,kBAxNiB;;AA8NlB;EACC,kBAvNkB;;AA2NpB;EAAgC,YAjPhB;;AAmPhB;EACC;EACA;EACA,OAlQc;;AAqQb;EACC,kBAhPa;;AAsPd;EACC,kBA/Oc;;AAmPhB;EAAgC;;AAGjC;EACC;EACA,OAtRc;;AAyRb;EACC,kBApQa;;AA0Qd;EACC,kBAnQc;;;AA2QjB;EAGC,YAxSmB;EAySnB,OA/Sa;EAgTb;;AAEA;EACC,SGrMgB;;AHyMlB;EAEC;;AAGD;EACC;;;AAIF;EAAoB;;;AAGpB;EACC,WGhMa;EHiMb;;AAEA;EACC,WGlMY;EHmMZ;;;AAMF;EAAwB,WG3MV;;;AH6Md;EACC;;AACA;EAAsB,SGlNR;;;AHqNf;EACC;;AACA;EAAsB;;;AAIvB;EAAgB;;;AAGhB;EAAsB;;;AAItB;EACC;IAAK;;;AAGN;EACC,SG3PkB;EH4PlB;EACA;;AAEA;EAAmB;;;AAGpB;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGD;EAAsB,eGvQV;;;AHwQZ;EAAuB,cGxQX;;;AH0QZ;EAA2B;;;AAE3B;EACC;EACA;;;AAGD;EAAoD","file":"index.css"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../../src/components/ButtonGroup/ButtonGroup.scss","../../../node_modules/@servicetitan/tokens/core/tokens.scss"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../../src/components/ButtonGroup/ButtonGroup.scss","../../../node_modules/@servicetitan/tokens/core/tokens.scss"],"names":[],"mappings":"AAGA;EACC;;;AAGD;EACC;EACA;EACA;EACA;EACA;EACA;;;AAGD;EACC;EACA,QC4GW;;;ADzGZ;AACA;EACC;EACA;;AAEA;AAAA;EAEC;EACA;;AAEA;AAAA;EACC;AAEA;;AACA;AAAA;EAAoB;;AAItB;EACC;EACA;;AAGD;EACC;EACA;;AAIA;EACC;;AAED;EAAuB;;;AAIzB;EACC;;AAEA;EACC;EACA;;AAEA;EACC;EACA;;AAEA;EACC;EACA;;;AAMJ;EAA4E","file":"ButtonGroup.css"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../../src/components/ButtonGroup/ButtonGroup.scss","../../../node_modules/@servicetitan/tokens/core/tokens.scss"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../../src/components/ButtonGroup/ButtonGroup.scss","../../../node_modules/@servicetitan/tokens/core/tokens.scss"],"names":[],"mappings":"AAGA;EACC;;;AAGD;EACC;EACA;EACA;EACA;EACA;EACA;;;AAGD;EACC;EACA,QC4GW;;;ADzGZ;AACA;EACC;EACA;;AAEA;AAAA;EAEC;EACA;;AAEA;AAAA;EACC;AAEA;;AACA;AAAA;EAAoB;;AAItB;EACC;EACA;;AAGD;EACC;EACA;;AAIA;EACC;;AAED;EAAuB;;;AAIzB;EACC;;AAEA;EACC;EACA;;AAEA;EACC;EACA;;AAEA;EACC;EACA;;;AAMJ;EAA4E","file":"index.css"}
|
|
@@ -21,7 +21,7 @@
|
|
|
21
21
|
z-index: 2;
|
|
22
22
|
}
|
|
23
23
|
.ButtonToggle__Item .Button:hover {
|
|
24
|
-
background-color: var(--colorsHoverSubdued, rgba(
|
|
24
|
+
background-color: var(--colorsHoverSubdued, rgba(68, 68, 69, 0.04));
|
|
25
25
|
}
|
|
26
26
|
|
|
27
27
|
.ButtonToggle__Item:not(:first-child) {
|
|
@@ -52,17 +52,17 @@
|
|
|
52
52
|
box-shadow: inset 0 0 0 1px var(--colorsBorderGrey, #dfe0e1);
|
|
53
53
|
}
|
|
54
54
|
.ButtonToggle--primary .ButtonToggle__Item--selected .Button {
|
|
55
|
-
background-color: var(--colorsHoverPrimary, rgba(
|
|
56
|
-
color: var(--colorsTextPrimary, #
|
|
55
|
+
background-color: var(--colorsHoverPrimary, rgba(2, 101, 220, 0.1));
|
|
56
|
+
color: var(--colorsTextPrimary, #0265dc);
|
|
57
57
|
}
|
|
58
58
|
.ButtonToggle--primary.ButtonToggle .ButtonToggle__Item--selected .Button {
|
|
59
|
-
box-shadow: inset 0 0 0 1px var(--colorsBorderPrimary, #
|
|
59
|
+
box-shadow: inset 0 0 0 1px var(--colorsBorderPrimary, #0265dc);
|
|
60
60
|
}
|
|
61
61
|
.ButtonToggle--primary.ButtonToggle .ButtonToggle__Item .Button--focus-visible:focus {
|
|
62
|
-
box-shadow: inset 0 0 0 1px var(--colorsBorderPrimary, #
|
|
62
|
+
box-shadow: inset 0 0 0 1px var(--colorsBorderPrimary, #0265dc), 0 0 0 3px var(--colorsFocusRingPrimary, #a9d1ff);
|
|
63
63
|
}
|
|
64
64
|
.ButtonToggle--primary .ButtonToggle__Item--selected + .ButtonToggle__Item--not-selected .Button {
|
|
65
|
-
box-shadow: inset 1px 0 0 0 var(--colorsBorderPrimary, #
|
|
65
|
+
box-shadow: inset 1px 0 0 0 var(--colorsBorderPrimary, #0265dc), inset 0 0 0 1px var(--colorsBorderGrey, #dfe0e1);
|
|
66
66
|
}
|
|
67
67
|
|
|
68
68
|
.ButtonToggle--negative {
|
|
@@ -74,7 +74,7 @@
|
|
|
74
74
|
}
|
|
75
75
|
.ButtonToggle--negative .ButtonToggle__Item--selected .Button {
|
|
76
76
|
background-color: var(--colorsHoverCritical, rgba(225, 50, 18, 0.1));
|
|
77
|
-
color: var(--colorsTextCritical, #
|
|
77
|
+
color: var(--colorsTextCritical, #bf2a00);
|
|
78
78
|
}
|
|
79
79
|
.ButtonToggle--negative.ButtonToggle .ButtonToggle__Item--selected .Button {
|
|
80
80
|
box-shadow: inset 0 0 0 1px var(--colorsBorderCritical, #e13212);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/ButtonToggle/ButtonToggle.scss","../../../node_modules/@servicetitan/tokens/core/tokens.scss"],"names":[],"mappings":"AAAA;
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/ButtonToggle/ButtonToggle.scss","../../../node_modules/@servicetitan/tokens/core/tokens.scss"],"names":[],"mappings":"AAAA;ACoBA;EACC;;;AAGD;EACC;;AAEA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACC;;AAGD;EACC,kBA3Ba;;;AAgChB;EACC;;;AAGD;EACC;EACA;;;AAGD;EACC;EACA;;;AAGD;AAAA;EAEC;;;AAGD;AACA;AAWC;;AAVA;AAAA;EAEC;;AAGD;EACC,kBA9DiB;EA+DjB,OAxEa;;AA4Ed;EACC;;AAGD;EACC;;AAGD;EACC,YACC;;;AAKH;AAWC;;AAVA;AAAA;EAEC;;AAGD;EACC,kBAxFkB;EAyFlB,OAlGc;;AAsGf;EACC;;AAGD;EACC,YACC;;AAIF;EACC,YACC;;;AAMF;AAAA;EAEC;;AAIA;EACC,kBAxHc;EAyHd;;AAGD;EACC,YACC;;AAKH;EACC;;;AAIF;EACC;;;AAGD;EACC;EACA,SCxCkB","file":"ButtonToggle.css"}
|
|
@@ -21,7 +21,7 @@
|
|
|
21
21
|
z-index: 2;
|
|
22
22
|
}
|
|
23
23
|
.ButtonToggle__Item .Button:hover {
|
|
24
|
-
background-color: var(--colorsHoverSubdued, rgba(
|
|
24
|
+
background-color: var(--colorsHoverSubdued, rgba(68, 68, 69, 0.04));
|
|
25
25
|
}
|
|
26
26
|
|
|
27
27
|
.ButtonToggle__Item:not(:first-child) {
|
|
@@ -52,17 +52,17 @@
|
|
|
52
52
|
box-shadow: inset 0 0 0 1px var(--colorsBorderGrey, #dfe0e1);
|
|
53
53
|
}
|
|
54
54
|
.ButtonToggle--primary .ButtonToggle__Item--selected .Button {
|
|
55
|
-
background-color: var(--colorsHoverPrimary, rgba(
|
|
56
|
-
color: var(--colorsTextPrimary, #
|
|
55
|
+
background-color: var(--colorsHoverPrimary, rgba(2, 101, 220, 0.1));
|
|
56
|
+
color: var(--colorsTextPrimary, #0265dc);
|
|
57
57
|
}
|
|
58
58
|
.ButtonToggle--primary.ButtonToggle .ButtonToggle__Item--selected .Button {
|
|
59
|
-
box-shadow: inset 0 0 0 1px var(--colorsBorderPrimary, #
|
|
59
|
+
box-shadow: inset 0 0 0 1px var(--colorsBorderPrimary, #0265dc);
|
|
60
60
|
}
|
|
61
61
|
.ButtonToggle--primary.ButtonToggle .ButtonToggle__Item .Button--focus-visible:focus {
|
|
62
|
-
box-shadow: inset 0 0 0 1px var(--colorsBorderPrimary, #
|
|
62
|
+
box-shadow: inset 0 0 0 1px var(--colorsBorderPrimary, #0265dc), 0 0 0 3px var(--colorsFocusRingPrimary, #a9d1ff);
|
|
63
63
|
}
|
|
64
64
|
.ButtonToggle--primary .ButtonToggle__Item--selected + .ButtonToggle__Item--not-selected .Button {
|
|
65
|
-
box-shadow: inset 1px 0 0 0 var(--colorsBorderPrimary, #
|
|
65
|
+
box-shadow: inset 1px 0 0 0 var(--colorsBorderPrimary, #0265dc), inset 0 0 0 1px var(--colorsBorderGrey, #dfe0e1);
|
|
66
66
|
}
|
|
67
67
|
|
|
68
68
|
.ButtonToggle--negative {
|
|
@@ -74,7 +74,7 @@
|
|
|
74
74
|
}
|
|
75
75
|
.ButtonToggle--negative .ButtonToggle__Item--selected .Button {
|
|
76
76
|
background-color: var(--colorsHoverCritical, rgba(225, 50, 18, 0.1));
|
|
77
|
-
color: var(--colorsTextCritical, #
|
|
77
|
+
color: var(--colorsTextCritical, #bf2a00);
|
|
78
78
|
}
|
|
79
79
|
.ButtonToggle--negative.ButtonToggle .ButtonToggle__Item--selected .Button {
|
|
80
80
|
box-shadow: inset 0 0 0 1px var(--colorsBorderCritical, #e13212);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/ButtonToggle/ButtonToggle.scss","../../../node_modules/@servicetitan/tokens/core/tokens.scss"],"names":[],"mappings":"AAAA;
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/ButtonToggle/ButtonToggle.scss","../../../node_modules/@servicetitan/tokens/core/tokens.scss"],"names":[],"mappings":"AAAA;ACoBA;EACC;;;AAGD;EACC;;AAEA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACC;;AAGD;EACC,kBA3Ba;;;AAgChB;EACC;;;AAGD;EACC;EACA;;;AAGD;EACC;EACA;;;AAGD;AAAA;EAEC;;;AAGD;AACA;AAWC;;AAVA;AAAA;EAEC;;AAGD;EACC,kBA9DiB;EA+DjB,OAxEa;;AA4Ed;EACC;;AAGD;EACC;;AAGD;EACC,YACC;;;AAKH;AAWC;;AAVA;AAAA;EAEC;;AAGD;EACC,kBAxFkB;EAyFlB,OAlGc;;AAsGf;EACC;;AAGD;EACC,YACC;;AAIF;EACC,YACC;;;AAMF;AAAA;EAEC;;AAIA;EACC,kBAxHc;EAyHd;;AAGD;EACC,YACC;;AAKH;EACC;;;AAIF;EACC;;;AAGD;EACC;EACA,SCxCkB","file":"index.css"}
|
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
color: var(--colorsTextDefault, #141414);
|
|
5
5
|
/* Make sure font-family goes across entire component */
|
|
6
6
|
font-family: "Nunito Sans", sans-serif;
|
|
7
|
-
background: var(--colorsSurfaceDefault,
|
|
7
|
+
background: var(--colorsSurfaceDefault, white);
|
|
8
8
|
border-radius: 6px;
|
|
9
9
|
color: var(--colorsTextDefault, #141414);
|
|
10
10
|
font-size: 16px;
|
|
@@ -80,7 +80,7 @@
|
|
|
80
80
|
transition: background-color cubic-bezier(0.4, 0, 0.2, 1) 200ms 0ms;
|
|
81
81
|
}
|
|
82
82
|
.Card--placeholder:hover {
|
|
83
|
-
background-color: var(--colorsSurfacePrimarySubdued, #
|
|
83
|
+
background-color: var(--colorsSurfacePrimarySubdued, #e0f2ff);
|
|
84
84
|
box-shadow: 0 0 0;
|
|
85
85
|
}
|
|
86
86
|
.Card--placeholder:hover.Card--error {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Card/Card.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/core/tokens.scss"],"names":[],"mappings":"AAAA;
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Card/Card.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/core/tokens.scss"],"names":[],"mappings":"AAAA;ACSA;ACNC;EACA;AAEA;EACA;EDKA,YAPoB;EAQpB,eESiB;EFRjB,OAVc;EAWd,WE2Ha;EF1Hb;EACA;;;AAGD;AACA;EAAgB;;;AAChB;EAAc;;;AAEd;AACA;EAAe,eEJG;;;AFMlB;AACA;EACC;EACA;EACA;EACA;EACA,YACC;;AAGD;EACC;EACA;;AAGD;EACC;EACA;;;AAIF;AACA;EACC;;AAEA;EACC;EACA;;AAGD;EACC;;;AAIF;EACC;;AAEA;EACC;EACA;;AAGD;EACC;;;AAIF;AACA;EACC,SEqCkB;EFpClB;;;AAGD;EACC;EACA;EACA;EACA;EACA;;AAEA;EACC,kBAnFwB;EAoFxB,YE0Bc;;AFxBd;EAAgB,kBArFO;;AAwFxB;EACC;EACA;EACA;EACA;EACA;;AAGD;EAAc","file":"Card.css"}
|
|
@@ -29,14 +29,14 @@
|
|
|
29
29
|
padding: 0;
|
|
30
30
|
}
|
|
31
31
|
.Card--active > .CardSection {
|
|
32
|
-
border-left-color: var(--colorsBorderPrimary, #
|
|
33
|
-
border-right-color: var(--colorsBorderPrimary, #
|
|
32
|
+
border-left-color: var(--colorsBorderPrimary, #0265dc);
|
|
33
|
+
border-right-color: var(--colorsBorderPrimary, #0265dc);
|
|
34
34
|
}
|
|
35
35
|
.Card--active > .CardSection:first-child {
|
|
36
|
-
border-top-color: var(--colorsBorderPrimary, #
|
|
36
|
+
border-top-color: var(--colorsBorderPrimary, #0265dc);
|
|
37
37
|
}
|
|
38
38
|
.Card--active > .CardSection:last-child {
|
|
39
|
-
border-bottom-color: var(--colorsBorderPrimary, #
|
|
39
|
+
border-bottom-color: var(--colorsBorderPrimary, #0265dc);
|
|
40
40
|
}
|
|
41
41
|
.Card--error > .CardSection {
|
|
42
42
|
border-left-color: var(--colorsBorderCritical, #e13212);
|
|
@@ -98,8 +98,8 @@
|
|
|
98
98
|
/* Make sure CardSections with color don't inherit the active border */
|
|
99
99
|
}
|
|
100
100
|
.CardSection--blue, .Card--active > .CardSection--blue.CardSection {
|
|
101
|
-
background: #
|
|
102
|
-
border-color: #
|
|
101
|
+
background: #0265dc;
|
|
102
|
+
border-color: #0265dc;
|
|
103
103
|
}
|
|
104
104
|
|
|
105
105
|
.CardSection--purple {
|
|
@@ -114,8 +114,8 @@
|
|
|
114
114
|
/* Make sure CardSections with color don't inherit the active border */
|
|
115
115
|
}
|
|
116
116
|
.CardSection--green, .Card--active > .CardSection--green.CardSection {
|
|
117
|
-
background: #
|
|
118
|
-
border-color: #
|
|
117
|
+
background: #007a4d;
|
|
118
|
+
border-color: #007a4d;
|
|
119
119
|
}
|
|
120
120
|
|
|
121
121
|
.CardSection--red {
|
|
@@ -130,8 +130,8 @@
|
|
|
130
130
|
/* Make sure CardSections with color don't inherit the active border */
|
|
131
131
|
}
|
|
132
132
|
.CardSection--lightblue, .Card--active > .CardSection--lightblue.CardSection {
|
|
133
|
-
background: #
|
|
134
|
-
border-color: #
|
|
133
|
+
background: #b5deff;
|
|
134
|
+
border-color: #b5deff;
|
|
135
135
|
}
|
|
136
136
|
|
|
137
137
|
/*# sourceMappingURL=CardSection.css.map */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Card/CardSection.scss","../../../node_modules/@servicetitan/tokens/core/tokens.scss"],"names":[],"mappings":"AAAA;
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Card/CardSection.scss","../../../node_modules/@servicetitan/tokens/core/tokens.scss"],"names":[],"mappings":"AAAA;ACQA;EACC;EACA,SCsHW;ADpHX;EACA;AAEA;AASA;AAKA;AASA;AASA;AAEA;AAqBA;;AAtDA;EACC;EACA;;AAEA;EAAgB;;AAChB;EAAe;;AAIhB;EAAkB,SCsGP;;ADpGX;EAAwB,SCkGb;;AD/FX;EACC,mBA1Bc;EA2Bd,oBA3Bc;;AA6Bd;EAAgB,kBA7BF;;AA8Bd;EAAe,qBA9BD;;AAkCf;EACC,mBAlCa;EAmCb,oBAnCa;;AAqCb;EAAgB,kBArCH;;AAsCb;EAAe,qBAtCF;;AA4Cd;EACC,wBC7BgB;ED8BhB,yBC9BgB;;ADgChB;EACC,wBClCe;EDmCf,yBCnCe;;ADuCjB;EACC,2BCvCgB;EDwChB,4BCxCgB;EDyChB;;AAEA;EACC,2BC7Ce;ED8Cf,4BC9Ce;;;ADoDlB;AAaA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;EAMC,OCzFa;;;AD4Fd;AACA;AAAA;EACsB,YC3DH;;;AD6DnB;AAAA;AAzBC;;AACA;AAAA;AAAA;EAEC,YCzEY;ED0EZ,cC1EY;;;ADkGd;AA5BC;;AACA;EAEC,YC3Ce;ED4Cf,cC5Ce;;;ADqEjB;AA7BC;;AACA;EAEC,YClEa;EDmEb,cCnEa;;;AD6Ff;AA9BC;;AACA;EAEC,YCpEY;EDqEZ,cCrEY;;;ADgGd;AA/BC;;AACA;EAEC,YCjEU;EDkEV,cClEU;;;AD8FZ;AAhCC;;AACA;EAEC,YC9Ce;ED+Cf,cC/Ce","file":"CardSection.css"}
|
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
color: var(--colorsTextDefault, #141414);
|
|
5
5
|
/* Make sure font-family goes across entire component */
|
|
6
6
|
font-family: "Nunito Sans", sans-serif;
|
|
7
|
-
background: var(--colorsSurfaceDefault,
|
|
7
|
+
background: var(--colorsSurfaceDefault, white);
|
|
8
8
|
border-radius: 6px;
|
|
9
9
|
color: var(--colorsTextDefault, #141414);
|
|
10
10
|
font-size: 16px;
|
|
@@ -80,7 +80,7 @@
|
|
|
80
80
|
transition: background-color cubic-bezier(0.4, 0, 0.2, 1) 200ms 0ms;
|
|
81
81
|
}
|
|
82
82
|
.Card--placeholder:hover {
|
|
83
|
-
background-color: var(--colorsSurfacePrimarySubdued, #
|
|
83
|
+
background-color: var(--colorsSurfacePrimarySubdued, #e0f2ff);
|
|
84
84
|
box-shadow: 0 0 0;
|
|
85
85
|
}
|
|
86
86
|
.Card--placeholder:hover.Card--error {
|
|
@@ -127,14 +127,14 @@
|
|
|
127
127
|
padding: 0;
|
|
128
128
|
}
|
|
129
129
|
.Card--active > .CardSection {
|
|
130
|
-
border-left-color: var(--colorsBorderPrimary, #
|
|
131
|
-
border-right-color: var(--colorsBorderPrimary, #
|
|
130
|
+
border-left-color: var(--colorsBorderPrimary, #0265dc);
|
|
131
|
+
border-right-color: var(--colorsBorderPrimary, #0265dc);
|
|
132
132
|
}
|
|
133
133
|
.Card--active > .CardSection:first-child {
|
|
134
|
-
border-top-color: var(--colorsBorderPrimary, #
|
|
134
|
+
border-top-color: var(--colorsBorderPrimary, #0265dc);
|
|
135
135
|
}
|
|
136
136
|
.Card--active > .CardSection:last-child {
|
|
137
|
-
border-bottom-color: var(--colorsBorderPrimary, #
|
|
137
|
+
border-bottom-color: var(--colorsBorderPrimary, #0265dc);
|
|
138
138
|
}
|
|
139
139
|
.Card--error > .CardSection {
|
|
140
140
|
border-left-color: var(--colorsBorderCritical, #e13212);
|
|
@@ -196,8 +196,8 @@
|
|
|
196
196
|
/* Make sure CardSections with color don't inherit the active border */
|
|
197
197
|
}
|
|
198
198
|
.CardSection--blue, .Card--active > .CardSection--blue.CardSection {
|
|
199
|
-
background: #
|
|
200
|
-
border-color: #
|
|
199
|
+
background: #0265dc;
|
|
200
|
+
border-color: #0265dc;
|
|
201
201
|
}
|
|
202
202
|
|
|
203
203
|
.CardSection--purple {
|
|
@@ -212,8 +212,8 @@
|
|
|
212
212
|
/* Make sure CardSections with color don't inherit the active border */
|
|
213
213
|
}
|
|
214
214
|
.CardSection--green, .Card--active > .CardSection--green.CardSection {
|
|
215
|
-
background: #
|
|
216
|
-
border-color: #
|
|
215
|
+
background: #007a4d;
|
|
216
|
+
border-color: #007a4d;
|
|
217
217
|
}
|
|
218
218
|
|
|
219
219
|
.CardSection--red {
|
|
@@ -228,8 +228,8 @@
|
|
|
228
228
|
/* Make sure CardSections with color don't inherit the active border */
|
|
229
229
|
}
|
|
230
230
|
.CardSection--lightblue, .Card--active > .CardSection--lightblue.CardSection {
|
|
231
|
-
background: #
|
|
232
|
-
border-color: #
|
|
231
|
+
background: #b5deff;
|
|
232
|
+
border-color: #b5deff;
|
|
233
233
|
}
|
|
234
234
|
|
|
235
235
|
/*# sourceMappingURL=index.css.map */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Card/Card.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/core/tokens.scss","../../../src/components/Card/CardSection.scss"],"names":[],"mappings":"AAAA;
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Card/Card.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/core/tokens.scss","../../../src/components/Card/CardSection.scss"],"names":[],"mappings":"AAAA;ACSA;ACNC;EACA;AAEA;EACA;EDKA,YAPoB;EAQpB,eESiB;EFRjB,OAVc;EAWd,WE2Ha;EF1Hb;EACA;;;AAGD;AACA;EAAgB;;;AAChB;EAAc;;;AAEd;AACA;EAAe,eEJG;;;AFMlB;AACA;EACC;EACA;EACA;EACA;EACA,YACC;;AAGD;EACC;EACA;;AAGD;EACC;EACA;;;AAIF;AACA;EACC;;AAEA;EACC;EACA;;AAGD;EACC;;;AAIF;EACC;;AAEA;EACC;EACA;;AAGD;EACC;;;AAIF;AACA;EACC,SEqCkB;EFpClB;;;AAGD;EACC;EACA;EACA;EACA;EACA;;AAEA;EACC,kBAnFwB;EAoFxB,YE0Bc;;AFxBd;EAAgB,kBArFO;;AAwFxB;EACC;EACA;EACA;EACA;EACA;;AAGD;EAAc;;;AG/Ff;EACC;EACA,SDsHW;ACpHX;EACA;AAEA;AASA;AAKA;AASA;AASA;AAEA;AAqBA;;AAtDA;EACC;EACA;;AAEA;EAAgB;;AAChB;EAAe;;AAIhB;EAAkB,SDsGP;;ACpGX;EAAwB,SDkGb;;AC/FX;EACC,mBA1Bc;EA2Bd,oBA3Bc;;AA6Bd;EAAgB,kBA7BF;;AA8Bd;EAAe,qBA9BD;;AAkCf;EACC,mBAlCa;EAmCb,oBAnCa;;AAqCb;EAAgB,kBArCH;;AAsCb;EAAe,qBAtCF;;AA4Cd;EACC,wBD7BgB;EC8BhB,yBD9BgB;;ACgChB;EACC,wBDlCe;ECmCf,yBDnCe;;ACuCjB;EACC,2BDvCgB;ECwChB,4BDxCgB;ECyChB;;AAEA;EACC,2BD7Ce;EC8Cf,4BD9Ce;;;ACoDlB;AAaA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;EAMC,ODzFa;;;AC4Fd;AACA;AAAA;EACsB,YD3DH;;;AC6DnB;AAAA;AAzBC;;AACA;AAAA;AAAA;EAEC,YDzEY;EC0EZ,cD1EY;;;ACkGd;AA5BC;;AACA;EAEC,YD3Ce;EC4Cf,cD5Ce;;;ACqEjB;AA7BC;;AACA;EAEC,YDlEa;ECmEb,cDnEa;;;AC6Ff;AA9BC;;AACA;EAEC,YDpEY;ECqEZ,cDrEY;;;ACgGd;AA/BC;;AACA;EAEC,YDjEU;ECkEV,cDlEU;;;AC8FZ;AAhCC;;AACA;EAEC,YD9Ce;EC+Cf,cD/Ce","file":"index.css"}
|
|
@@ -139,7 +139,7 @@
|
|
|
139
139
|
}
|
|
140
140
|
|
|
141
141
|
.Checkbox__box {
|
|
142
|
-
background: var(--colorsSurfaceDefault,
|
|
142
|
+
background: var(--colorsSurfaceDefault, white);
|
|
143
143
|
border-radius: 3px;
|
|
144
144
|
border: 1px solid var(--colorsBorderGreyStrong, #bcbcbd);
|
|
145
145
|
box-sizing: border-box;
|
|
@@ -175,7 +175,7 @@
|
|
|
175
175
|
border-color: var(--colorsBorderCriticalSubdued, #ffb2a0);
|
|
176
176
|
}
|
|
177
177
|
.Checkbox__box::before {
|
|
178
|
-
box-shadow: 0 0 0 0 rgba(var(--colorsTextInverted,
|
|
178
|
+
box-shadow: 0 0 0 0 rgba(var(--colorsTextInverted, white), 0%), 0 0 0 0 var(--colorsBorderPrimary, #0265dc) inset;
|
|
179
179
|
content: "";
|
|
180
180
|
border-radius: 3px;
|
|
181
181
|
height: calc(100% + 2px);
|
|
@@ -186,7 +186,7 @@
|
|
|
186
186
|
top: -1px;
|
|
187
187
|
}
|
|
188
188
|
.Checkbox__box::after {
|
|
189
|
-
box-shadow: 0 -2px 0 0 var(--colorsTextInverted,
|
|
189
|
+
box-shadow: 0 -2px 0 0 var(--colorsTextInverted, white) inset, -2px 0 0 0 var(--colorsTextInverted, white) inset;
|
|
190
190
|
content: "";
|
|
191
191
|
height: 11px;
|
|
192
192
|
margin-left: 4px;
|
|
@@ -201,7 +201,7 @@
|
|
|
201
201
|
margin-left: 3px;
|
|
202
202
|
}
|
|
203
203
|
.Checkbox--large .Checkbox__box::after {
|
|
204
|
-
box-shadow: 0 -2.5px 0 0 var(--colorsTextInverted,
|
|
204
|
+
box-shadow: 0 -2.5px 0 0 var(--colorsTextInverted, white) inset, -2.5px 0 0 0 var(--colorsTextInverted, white) inset;
|
|
205
205
|
height: 15px;
|
|
206
206
|
margin-left: 6px;
|
|
207
207
|
top: 0;
|
|
@@ -213,7 +213,7 @@
|
|
|
213
213
|
transform: none;
|
|
214
214
|
}
|
|
215
215
|
.Checkbox__input:checked + .Checkbox__box::before, .Checkbox--checked .Checkbox__box::before, .Checkbox--indeterminate .Checkbox__box::before {
|
|
216
|
-
box-shadow: 0 0 0 16px var(--colorsBorderPrimary, #
|
|
216
|
+
box-shadow: 0 0 0 16px var(--colorsBorderPrimary, #0265dc) inset;
|
|
217
217
|
}
|
|
218
218
|
.Checkbox__input:checked + .Checkbox__box::after, .Checkbox--checked .Checkbox__box::after, .Checkbox--indeterminate .Checkbox__box::after {
|
|
219
219
|
opacity: 1;
|
|
@@ -225,7 +225,7 @@
|
|
|
225
225
|
box-shadow: 0 0 0 4px var(--colorsBorderCriticalSubdued, #ffb2a0);
|
|
226
226
|
}
|
|
227
227
|
.Checkbox--focus-visible:focus-within .Checkbox__input:checked + .Checkbox__box, .Checkbox--focus-visible:focus-within .Checkbox--checked .Checkbox__box, .Checkbox--focus-visible:focus-within .Checkbox--indeterminate .Checkbox__box {
|
|
228
|
-
box-shadow: 0 0 0 4px var(--colorsBorderPrimarySubdued, #
|
|
228
|
+
box-shadow: 0 0 0 4px var(--colorsBorderPrimarySubdued, #b5deff);
|
|
229
229
|
}
|
|
230
230
|
.a-Checkbox:not(.Checkbox--disabled):hover .Checkbox__box {
|
|
231
231
|
border-color: var(--colorsBorderDefault, #444445);
|
|
@@ -234,14 +234,14 @@
|
|
|
234
234
|
border-color: var(--colorsBorderCritical, #e13212);
|
|
235
235
|
}
|
|
236
236
|
.a-Checkbox:not(.Checkbox--disabled):hover .Checkbox__input:checked + .Checkbox__box::before, .Checkbox--checked:not(.Checkbox--disabled):hover .Checkbox__box::before, .Checkbox--indeterminate:not(.Checkbox--disabled):hover .Checkbox__box::before {
|
|
237
|
-
box-shadow: 0 0 0 16px var(--colorsHoverOnPrimary, rgba(255, 255, 255, 0.16)) inset, 0 0 0 16px var(--colorsBorderPrimary, #
|
|
237
|
+
box-shadow: 0 0 0 16px var(--colorsHoverOnPrimary, rgba(255, 255, 255, 0.16)) inset, 0 0 0 16px var(--colorsBorderPrimary, #0265dc) inset;
|
|
238
238
|
}
|
|
239
239
|
.Checkbox--error.a-Checkbox:not(.Checkbox--disabled):hover .Checkbox__input:checked + .Checkbox__box::before, .Checkbox--error.Checkbox--checked:not(.Checkbox--disabled):hover .Checkbox__box::before, .Checkbox--error.Checkbox--indeterminate:not(.Checkbox--disabled):hover .Checkbox__box::before {
|
|
240
240
|
box-shadow: 0 0 0 16px var(--colorsHoverOnCritical, rgba(255, 255, 255, 0.16)) inset, 0 0 0 16px var(--colorsBorderCritical, #e13212) inset;
|
|
241
241
|
}
|
|
242
242
|
.Checkbox--focus-visible:focus-within .Checkbox__box, .Checkbox--focus-visible:hover:focus-within .Checkbox__box {
|
|
243
|
-
border-color: var(--colorsBorderPrimary, #
|
|
244
|
-
box-shadow: 0 0 0 4px var(--colorsBorderPrimarySubdued, #
|
|
243
|
+
border-color: var(--colorsBorderPrimary, #0265dc);
|
|
244
|
+
box-shadow: 0 0 0 4px var(--colorsBorderPrimarySubdued, #b5deff);
|
|
245
245
|
}
|
|
246
246
|
.Checkbox--focus-visible.Checkbox--error:focus-within .Checkbox__box, .Checkbox--focus-visible.Checkbox--error:focus-within .Checkbox__input:checked + .Checkbox__box {
|
|
247
247
|
border-color: var(--colorsBorderCritical, #e13212);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Form/Form.scss","../../../src/components/Checkbox/Checkbox.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/core/tokens.scss"],"names":[],"mappings":"AAAA;
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Form/Form.scss","../../../src/components/Checkbox/Checkbox.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/core/tokens.scss"],"names":[],"mappings":"AAAA;ACIA;AACA;EAAc;;;AACd;EAAc;;;AACd;EAAe;;;AACf;EAAgB;;;AAChB;EAAe;;;AACf;EAAa;;;AACb;EAAc;;;AACd;EAAiB;;;AAEjB;AAGC;AAAA;EAAS;;;AAGV;AAOC;AAAA;AAAA;AAAA;EAEC,kBAPiB;EAQjB,cAPa;EAQb,OAVW;EAWX;;AAGD;AAAA;AAAA;AAAA;EAEC,kBAfiB;EAgBjB,cAfa;EAgBb,OAlBW;EAmBX;EACA;;;ACXF;AC3BC;EACA;AAEA;EACA;ED0BA;EACA,OAlBc;EA0Bd,aA9BkB;;AAwBlB;EACC;EACA;;AAMD;EAAuB,aAhCL;;AAkClB;EAEC,aArCiB;;AAwClB;EAEC,aAxCiB;;;AA4CnB;EACC;;AAEA;EACC;EACA;;AAGD;AAAA;EAEC;EACA;EACA;EACA;EACA;EACA;;;AAIF;EACC;EACA;EACA;EACA;;AAEA;EAAqB;;AACrB;EAAqB;;AAErB;EAAwB;;;AAIzB;EFvFC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EE8EA;;AF5EA;EACC;IACC;IACA;;;;AE4EH;EACC,YA9EoB;EA+EpB,eE5EiB;EF6EjB;EACA;EACA;EACA;EACA,QAhGiB;EAiGjB,aA9FuB;EA+FvB,cEsBW;EFrBX;EACA;EACA,OArGiB;EAsGjB,WAtGiB;EAuGjB;AAmEA;AAkBA;AA6BA;;AAhHA;EACC,OA3GgB;EA4GhB,WA5GgB;EA6GhB,QA7GgB;EA8GhB;;AAGD;EACC,OAhHgB;EAiHhB,WAjHgB;EAkHhB,QAlHgB;EAmHhB;EACA;EACA;;AAGD;EACC,cAxG4B;;AA2G7B;EACC,YACC;EAED;EACA,eEnHgB;EFoHhB;EACA;EACA;EACA;EACA;EACA;;AAGD;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACC;EACA;;AAGD;EACC;EACA;EACA;EACA;EACA;;AAGD;EACC;EACA;EACA;;AAQD;EAAY;;AACZ;EAAW;;AAGV;EACC;;AAGD;EAA0C;;AAG3C;EAA0C,YArKpB;;AAyKvB;EACC,cA9KoC;;AAiLrC;EACC,cA/KkC;;AAqLlC;EACC,YACC;;AAQF;EACC,YACC;;AAMH;EAEC,cA3M6B;EA4M7B,YAzMsB;;AA4MvB;EAEC,cA/MkC;EAgNlC;;;AAKD;EACC,SE7HiB;EF8HjB;;AAGD;EACC,OApOa;;;AAyOd;EACC,WEhHY;EFiHZ;EACA;EACA;;AAGD;EAAqB,WEvHR","file":"Checkbox.css"}
|
|
@@ -139,7 +139,7 @@
|
|
|
139
139
|
}
|
|
140
140
|
|
|
141
141
|
.Checkbox__box {
|
|
142
|
-
background: var(--colorsSurfaceDefault,
|
|
142
|
+
background: var(--colorsSurfaceDefault, white);
|
|
143
143
|
border-radius: 3px;
|
|
144
144
|
border: 1px solid var(--colorsBorderGreyStrong, #bcbcbd);
|
|
145
145
|
box-sizing: border-box;
|
|
@@ -175,7 +175,7 @@
|
|
|
175
175
|
border-color: var(--colorsBorderCriticalSubdued, #ffb2a0);
|
|
176
176
|
}
|
|
177
177
|
.Checkbox__box::before {
|
|
178
|
-
box-shadow: 0 0 0 0 rgba(var(--colorsTextInverted,
|
|
178
|
+
box-shadow: 0 0 0 0 rgba(var(--colorsTextInverted, white), 0%), 0 0 0 0 var(--colorsBorderPrimary, #0265dc) inset;
|
|
179
179
|
content: "";
|
|
180
180
|
border-radius: 3px;
|
|
181
181
|
height: calc(100% + 2px);
|
|
@@ -186,7 +186,7 @@
|
|
|
186
186
|
top: -1px;
|
|
187
187
|
}
|
|
188
188
|
.Checkbox__box::after {
|
|
189
|
-
box-shadow: 0 -2px 0 0 var(--colorsTextInverted,
|
|
189
|
+
box-shadow: 0 -2px 0 0 var(--colorsTextInverted, white) inset, -2px 0 0 0 var(--colorsTextInverted, white) inset;
|
|
190
190
|
content: "";
|
|
191
191
|
height: 11px;
|
|
192
192
|
margin-left: 4px;
|
|
@@ -201,7 +201,7 @@
|
|
|
201
201
|
margin-left: 3px;
|
|
202
202
|
}
|
|
203
203
|
.Checkbox--large .Checkbox__box::after {
|
|
204
|
-
box-shadow: 0 -2.5px 0 0 var(--colorsTextInverted,
|
|
204
|
+
box-shadow: 0 -2.5px 0 0 var(--colorsTextInverted, white) inset, -2.5px 0 0 0 var(--colorsTextInverted, white) inset;
|
|
205
205
|
height: 15px;
|
|
206
206
|
margin-left: 6px;
|
|
207
207
|
top: 0;
|
|
@@ -213,7 +213,7 @@
|
|
|
213
213
|
transform: none;
|
|
214
214
|
}
|
|
215
215
|
.Checkbox__input:checked + .Checkbox__box::before, .Checkbox--checked .Checkbox__box::before, .Checkbox--indeterminate .Checkbox__box::before {
|
|
216
|
-
box-shadow: 0 0 0 16px var(--colorsBorderPrimary, #
|
|
216
|
+
box-shadow: 0 0 0 16px var(--colorsBorderPrimary, #0265dc) inset;
|
|
217
217
|
}
|
|
218
218
|
.Checkbox__input:checked + .Checkbox__box::after, .Checkbox--checked .Checkbox__box::after, .Checkbox--indeterminate .Checkbox__box::after {
|
|
219
219
|
opacity: 1;
|
|
@@ -225,7 +225,7 @@
|
|
|
225
225
|
box-shadow: 0 0 0 4px var(--colorsBorderCriticalSubdued, #ffb2a0);
|
|
226
226
|
}
|
|
227
227
|
.Checkbox--focus-visible:focus-within .Checkbox__input:checked + .Checkbox__box, .Checkbox--focus-visible:focus-within .Checkbox--checked .Checkbox__box, .Checkbox--focus-visible:focus-within .Checkbox--indeterminate .Checkbox__box {
|
|
228
|
-
box-shadow: 0 0 0 4px var(--colorsBorderPrimarySubdued, #
|
|
228
|
+
box-shadow: 0 0 0 4px var(--colorsBorderPrimarySubdued, #b5deff);
|
|
229
229
|
}
|
|
230
230
|
.a-Checkbox:not(.Checkbox--disabled):hover .Checkbox__box {
|
|
231
231
|
border-color: var(--colorsBorderDefault, #444445);
|
|
@@ -234,14 +234,14 @@
|
|
|
234
234
|
border-color: var(--colorsBorderCritical, #e13212);
|
|
235
235
|
}
|
|
236
236
|
.a-Checkbox:not(.Checkbox--disabled):hover .Checkbox__input:checked + .Checkbox__box::before, .Checkbox--checked:not(.Checkbox--disabled):hover .Checkbox__box::before, .Checkbox--indeterminate:not(.Checkbox--disabled):hover .Checkbox__box::before {
|
|
237
|
-
box-shadow: 0 0 0 16px var(--colorsHoverOnPrimary, rgba(255, 255, 255, 0.16)) inset, 0 0 0 16px var(--colorsBorderPrimary, #
|
|
237
|
+
box-shadow: 0 0 0 16px var(--colorsHoverOnPrimary, rgba(255, 255, 255, 0.16)) inset, 0 0 0 16px var(--colorsBorderPrimary, #0265dc) inset;
|
|
238
238
|
}
|
|
239
239
|
.Checkbox--error.a-Checkbox:not(.Checkbox--disabled):hover .Checkbox__input:checked + .Checkbox__box::before, .Checkbox--error.Checkbox--checked:not(.Checkbox--disabled):hover .Checkbox__box::before, .Checkbox--error.Checkbox--indeterminate:not(.Checkbox--disabled):hover .Checkbox__box::before {
|
|
240
240
|
box-shadow: 0 0 0 16px var(--colorsHoverOnCritical, rgba(255, 255, 255, 0.16)) inset, 0 0 0 16px var(--colorsBorderCritical, #e13212) inset;
|
|
241
241
|
}
|
|
242
242
|
.Checkbox--focus-visible:focus-within .Checkbox__box, .Checkbox--focus-visible:hover:focus-within .Checkbox__box {
|
|
243
|
-
border-color: var(--colorsBorderPrimary, #
|
|
244
|
-
box-shadow: 0 0 0 4px var(--colorsBorderPrimarySubdued, #
|
|
243
|
+
border-color: var(--colorsBorderPrimary, #0265dc);
|
|
244
|
+
box-shadow: 0 0 0 4px var(--colorsBorderPrimarySubdued, #b5deff);
|
|
245
245
|
}
|
|
246
246
|
.Checkbox--focus-visible.Checkbox--error:focus-within .Checkbox__box, .Checkbox--focus-visible.Checkbox--error:focus-within .Checkbox__input:checked + .Checkbox__box {
|
|
247
247
|
border-color: var(--colorsBorderCritical, #e13212);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Form/Form.scss","../../../src/components/Checkbox/Checkbox.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/core/tokens.scss"],"names":[],"mappings":"AAAA;
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Form/Form.scss","../../../src/components/Checkbox/Checkbox.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/core/tokens.scss"],"names":[],"mappings":"AAAA;ACIA;AACA;EAAc;;;AACd;EAAc;;;AACd;EAAe;;;AACf;EAAgB;;;AAChB;EAAe;;;AACf;EAAa;;;AACb;EAAc;;;AACd;EAAiB;;;AAEjB;AAGC;AAAA;EAAS;;;AAGV;AAOC;AAAA;AAAA;AAAA;EAEC,kBAPiB;EAQjB,cAPa;EAQb,OAVW;EAWX;;AAGD;AAAA;AAAA;AAAA;EAEC,kBAfiB;EAgBjB,cAfa;EAgBb,OAlBW;EAmBX;EACA;;;ACXF;AC3BC;EACA;AAEA;EACA;ED0BA;EACA,OAlBc;EA0Bd,aA9BkB;;AAwBlB;EACC;EACA;;AAMD;EAAuB,aAhCL;;AAkClB;EAEC,aArCiB;;AAwClB;EAEC,aAxCiB;;;AA4CnB;EACC;;AAEA;EACC;EACA;;AAGD;AAAA;EAEC;EACA;EACA;EACA;EACA;EACA;;;AAIF;EACC;EACA;EACA;EACA;;AAEA;EAAqB;;AACrB;EAAqB;;AAErB;EAAwB;;;AAIzB;EFvFC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EE8EA;;AF5EA;EACC;IACC;IACA;;;;AE4EH;EACC,YA9EoB;EA+EpB,eE5EiB;EF6EjB;EACA;EACA;EACA;EACA,QAhGiB;EAiGjB,aA9FuB;EA+FvB,cEsBW;EFrBX;EACA;EACA,OArGiB;EAsGjB,WAtGiB;EAuGjB;AAmEA;AAkBA;AA6BA;;AAhHA;EACC,OA3GgB;EA4GhB,WA5GgB;EA6GhB,QA7GgB;EA8GhB;;AAGD;EACC,OAhHgB;EAiHhB,WAjHgB;EAkHhB,QAlHgB;EAmHhB;EACA;EACA;;AAGD;EACC,cAxG4B;;AA2G7B;EACC,YACC;EAED;EACA,eEnHgB;EFoHhB;EACA;EACA;EACA;EACA;EACA;;AAGD;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACC;EACA;;AAGD;EACC;EACA;EACA;EACA;EACA;;AAGD;EACC;EACA;EACA;;AAQD;EAAY;;AACZ;EAAW;;AAGV;EACC;;AAGD;EAA0C;;AAG3C;EAA0C,YArKpB;;AAyKvB;EACC,cA9KoC;;AAiLrC;EACC,cA/KkC;;AAqLlC;EACC,YACC;;AAQF;EACC,YACC;;AAMH;EAEC,cA3M6B;EA4M7B,YAzMsB;;AA4MvB;EAEC,cA/MkC;EAgNlC;;;AAKD;EACC,SE7HiB;EF8HjB;;AAGD;EACC,OApOa;;;AAyOd;EACC,WEhHY;EFiHZ;EACA;EACA;;AAGD;EAAqB,WEvHR","file":"index.css"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Collapsible/Collapsible.scss","../../../src/utilities/_component-reset.scss"],"names":[],"mappings":"AAAA;ACEA;
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Collapsible/Collapsible.scss","../../../src/utilities/_component-reset.scss"],"names":[],"mappings":"AAAA;ACEA;ACCC;EACA;AAEA;EACA;;ADFA;EACC;EACA;EACA;EACA;EACA;EACA;EACA","file":"Collapsible.css"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Collapsible/Collapsible.scss","../../../src/utilities/_component-reset.scss"],"names":[],"mappings":"AAAA;ACEA;
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Collapsible/Collapsible.scss","../../../src/utilities/_component-reset.scss"],"names":[],"mappings":"AAAA;ACEA;ACCC;EACA;AAEA;EACA;;ADFA;EACC;EACA;EACA;EACA;EACA;EACA;EACA","file":"index.css"}
|
|
@@ -23,8 +23,8 @@
|
|
|
23
23
|
/* smartphones, touchscreens */
|
|
24
24
|
}
|
|
25
25
|
.ColorPicker__Item--active {
|
|
26
|
-
box-shadow: 0 0 0 2px var(--colorsBorderPrimary, #
|
|
27
|
-
border-color: var(--colorsSurfaceDefault,
|
|
26
|
+
box-shadow: 0 0 0 2px var(--colorsBorderPrimary, #0265dc);
|
|
27
|
+
border-color: var(--colorsSurfaceDefault, white);
|
|
28
28
|
cursor: default;
|
|
29
29
|
}
|
|
30
30
|
@media (pointer: coarse) {
|
|
@@ -51,7 +51,7 @@
|
|
|
51
51
|
outline: none;
|
|
52
52
|
}
|
|
53
53
|
.ColorPicker__CardWrapper--focus .ColorPicker__CardSection {
|
|
54
|
-
border-color: var(--colorsBorderPrimary, #
|
|
54
|
+
border-color: var(--colorsBorderPrimary, #0265dc);
|
|
55
55
|
box-shadow: 0 0 0 3px var(--colorsFocusRingPrimary, #a9d1ff);
|
|
56
56
|
}
|
|
57
57
|
.ColorPicker__CardWrapper--disabled .ColorPicker--disabled {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/ColorPicker/ColorPicker.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/core/tokens.scss"],"names":[],"mappings":"AAAA;
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/ColorPicker/ColorPicker.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/core/tokens.scss"],"names":[],"mappings":"AAAA;ACQA;ACLC;EACA;AAEA;EACA;EDIA;EACA;EACA;EACA;EACA;;;AAGD;EACC;EACA,OE4GW;EF3GX,QE2GW;EF1GX;EACA,QEuGW;EFtGX;EACA,eEJiB;EFKjB;AAQA;;AANA;EACC;EACA,cAxBa;EAyBb;;AAID;EAjBD;IAkBE,OE6FU;IF5FV,QE4FU;;;;AFxFZ;EACC,SEwEkB;;AFtElB;EACC;;AAEA;EACC;;;AAMF;EACC;;AAIA;EACC;;AAGD;EACC,cA5Da;EA6Db,YE0DY;;AFrDb;EACC","file":"ColorPicker.css"}
|
|
@@ -23,8 +23,8 @@
|
|
|
23
23
|
/* smartphones, touchscreens */
|
|
24
24
|
}
|
|
25
25
|
.ColorPicker__Item--active {
|
|
26
|
-
box-shadow: 0 0 0 2px var(--colorsBorderPrimary, #
|
|
27
|
-
border-color: var(--colorsSurfaceDefault,
|
|
26
|
+
box-shadow: 0 0 0 2px var(--colorsBorderPrimary, #0265dc);
|
|
27
|
+
border-color: var(--colorsSurfaceDefault, white);
|
|
28
28
|
cursor: default;
|
|
29
29
|
}
|
|
30
30
|
@media (pointer: coarse) {
|
|
@@ -51,7 +51,7 @@
|
|
|
51
51
|
outline: none;
|
|
52
52
|
}
|
|
53
53
|
.ColorPicker__CardWrapper--focus .ColorPicker__CardSection {
|
|
54
|
-
border-color: var(--colorsBorderPrimary, #
|
|
54
|
+
border-color: var(--colorsBorderPrimary, #0265dc);
|
|
55
55
|
box-shadow: 0 0 0 3px var(--colorsFocusRingPrimary, #a9d1ff);
|
|
56
56
|
}
|
|
57
57
|
.ColorPicker__CardWrapper--disabled .ColorPicker--disabled {
|