@servicetitan/design-system 11.5.0 → 11.6.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/ActionMenu/ActionMenu.css +2 -1
- package/dist/components/ActionMenu/ActionMenu.css.map +1 -1
- package/dist/components/ActionMenu/ActionMenuItem.js +1 -1
- package/dist/components/ActionMenu/ActionMenuItem.js.map +1 -1
- package/dist/components/ActionMenu/index.css +2 -1
- package/dist/components/ActionMenu/index.css.map +1 -1
- package/dist/components/Announcement/Announcement.css.map +1 -1
- package/dist/components/Announcement/index.css.map +1 -1
- package/dist/components/AnvilSelect/AnvilSelect.css +6 -9
- package/dist/components/AnvilSelect/AnvilSelect.css.map +1 -1
- package/dist/components/AnvilSelect/AnvilSelect.d.ts +1 -0
- package/dist/components/AnvilSelect/AnvilSelect.js +6 -3
- package/dist/components/AnvilSelect/AnvilSelect.js.map +1 -1
- package/dist/components/AnvilSelect/components/DrillIn.css.map +1 -1
- package/dist/components/AnvilSelect/components/DrillIn.js +2 -2
- package/dist/components/AnvilSelect/components/DrillIn.js.map +1 -1
- package/dist/components/AnvilSelect/components/Trigger.css +13 -16
- package/dist/components/AnvilSelect/components/Trigger.css.map +1 -1
- package/dist/components/AnvilSelect/index.css +13 -16
- 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/Banner/Banner.css.map +1 -1
- 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.map +1 -1
- package/dist/components/Button/index.css.map +1 -1
- package/dist/components/ButtonGroup/ButtonGroup.css +1 -1
- package/dist/components/ButtonGroup/ButtonGroup.css.map +1 -1
- package/dist/components/ButtonGroup/index.css +1 -1
- package/dist/components/ButtonGroup/index.css.map +1 -1
- package/dist/components/Card/Card.css.map +1 -1
- package/dist/components/Card/CardSection.css.map +1 -1
- package/dist/components/Card/index.css.map +1 -1
- package/dist/components/Checkbox/Checkbox.css +6 -9
- package/dist/components/Checkbox/Checkbox.css.map +1 -1
- package/dist/components/Checkbox/index.css +6 -9
- package/dist/components/Checkbox/index.css.map +1 -1
- package/dist/components/ColorPicker/ColorPicker.css.map +1 -1
- 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 +6 -9
- package/dist/components/DatePicker/DatePicker.css.map +1 -1
- package/dist/components/DatePicker/index.css +6 -9
- 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/Dialog/Dialog.css.map +1 -1
- package/dist/components/Dialog/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.map +1 -1
- package/dist/components/Drawer/index.css.map +1 -1
- package/dist/components/Dropdown/DropdownIcon.js +1 -4
- package/dist/components/Dropdown/DropdownIcon.js.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.map +1 -1
- package/dist/components/FilePicker/index.css.map +1 -1
- package/dist/components/FilterButton/FilterButton.css +1 -0
- package/dist/components/FilterButton/FilterButton.css.map +1 -1
- package/dist/components/FilterButton/index.css +1 -0
- package/dist/components/FilterButton/index.css.map +1 -1
- package/dist/components/FlowCard/FlowCardStep.css.map +1 -1
- package/dist/components/FlowCard/index.css.map +1 -1
- package/dist/components/Form/Form.css +6 -9
- package/dist/components/Form/Form.css.map +1 -1
- package/dist/components/Form/index.css +6 -9
- package/dist/components/Form/index.css.map +1 -1
- package/dist/components/FormField/FormField.css +19 -88
- package/dist/components/FormField/FormField.css.map +1 -1
- package/dist/components/FormField/index.css +19 -88
- 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/GridBreakpoints.css +0 -680
- package/dist/components/Grid/GridBreakpoints.css.map +1 -1
- package/dist/components/Grid/GridColumn.css +0 -152
- package/dist/components/Grid/GridColumn.css.map +1 -1
- package/dist/components/Grid/index.css +0 -832
- 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.map +1 -1
- package/dist/components/Icon/Icon.js +2 -2
- package/dist/components/Icon/Icon.js.map +1 -1
- package/dist/components/Icon/index.css.map +1 -1
- package/dist/components/InlineEdit/InlineEdit.css +6 -5
- package/dist/components/InlineEdit/InlineEdit.css.map +1 -1
- package/dist/components/InlineEdit/InlineEdit.d.ts +4 -1
- package/dist/components/InlineEdit/InlineEdit.js +43 -25
- package/dist/components/InlineEdit/InlineEdit.js.map +1 -1
- package/dist/components/InlineEdit/index.css +6 -5
- package/dist/components/InlineEdit/index.css.map +1 -1
- package/dist/components/Input/Input.css +53 -120
- package/dist/components/Input/Input.css.map +1 -1
- package/dist/components/Input/Input.js +1 -1
- package/dist/components/Input/Input.js.map +1 -1
- package/dist/components/Input/Input.test.d.ts +1 -0
- package/dist/components/Input/Input.test.js +53 -0
- package/dist/components/Input/Input.test.js.map +1 -0
- package/dist/components/Input/index.css +53 -120
- package/dist/components/Input/index.css.map +1 -1
- package/dist/components/Label/Label.css.map +1 -1
- package/dist/components/Label/index.css.map +1 -1
- package/dist/components/Mask/Mask.css.map +1 -1
- package/dist/components/Mask/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.map +1 -1
- package/dist/components/OptionList/index.css.map +1 -1
- package/dist/components/Page/Page.css.map +1 -1
- package/dist/components/Page/index.css.map +1 -1
- package/dist/components/ProgressTracker/ProgressTracker.css.map +1 -1
- package/dist/components/ProgressTracker/ProgressTrackerStep.css.map +1 -1
- package/dist/components/ProgressTracker/index.css.map +1 -1
- package/dist/components/Radio/Radio.css +6 -9
- package/dist/components/Radio/Radio.css.map +1 -1
- package/dist/components/Radio/index.css +6 -9
- package/dist/components/Radio/index.css.map +1 -1
- package/dist/components/Select/Select.css.map +1 -1
- package/dist/components/Select/index.css.map +1 -1
- package/dist/components/SideNav/SideNav.css.map +1 -1
- package/dist/components/SideNav/SideNavGroup.css.map +1 -1
- package/dist/components/SideNav/SideNavItem.css.map +1 -1
- package/dist/components/SideNav/index.css.map +1 -1
- package/dist/components/Sidebar/SidebarSection.css.map +1 -1
- package/dist/components/Sidebar/index.css.map +1 -1
- package/dist/components/Snackbar/Snackbar.css.map +1 -1
- package/dist/components/Snackbar/index.css.map +1 -1
- package/dist/components/Stack/Stack.css.map +1 -1
- package/dist/components/Stack/index.css.map +1 -1
- package/dist/components/StatusLight/StatusLight.css.map +1 -1
- package/dist/components/StatusLight/index.css.map +1 -1
- package/dist/components/Tab/Tab.css.map +1 -1
- package/dist/components/Tab/index.css.map +1 -1
- package/dist/components/TabGroup/TabGroup.css.map +1 -1
- package/dist/components/TabGroup/index.css.map +1 -1
- package/dist/components/Table/Table.css +29 -9
- package/dist/components/Table/Table.css.map +1 -1
- package/dist/components/Table/index.css +29 -9
- package/dist/components/Table/index.css.map +1 -1
- package/dist/components/Tag/Tag.css +4 -2
- package/dist/components/Tag/Tag.css.map +1 -1
- package/dist/components/Tag/index.css +4 -2
- package/dist/components/Tag/index.css.map +1 -1
- package/dist/components/Takeover/TakeoverFooter.css.map +1 -1
- package/dist/components/Takeover/TakeoverHeader.css.map +1 -1
- package/dist/components/Takeover/TakeoverSection.css.map +1 -1
- 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 +33 -91
- package/dist/components/TextArea/TextArea.css.map +1 -1
- package/dist/components/TextArea/index.css +33 -91
- package/dist/components/TextArea/index.css.map +1 -1
- package/dist/components/Thumbnail/Thumbnail.css.map +1 -1
- package/dist/components/Thumbnail/index.css.map +1 -1
- package/dist/components/TimePicker/TimePicker.css +1 -5
- package/dist/components/TimePicker/TimePicker.css.map +1 -1
- package/dist/components/TimePicker/TimePicker.d.ts +25 -21
- package/dist/components/TimePicker/TimePicker.js +94 -83
- package/dist/components/TimePicker/TimePicker.js.map +1 -1
- package/dist/components/TimePicker/index.css +1 -5
- package/dist/components/TimePicker/index.css.map +1 -1
- package/dist/components/TimePicker/utils/filterOptions.js +3 -3
- package/dist/components/TimePicker/utils/filterOptions.js.map +1 -1
- package/dist/components/TimePicker/utils/generateOptions.d.ts +2 -2
- package/dist/components/TimePicker/utils/generateOptions.js +7 -8
- package/dist/components/TimePicker/utils/generateOptions.js.map +1 -1
- package/dist/components/TimePicker/utils/getClosestOption.d.ts +1 -1
- package/dist/components/TimePicker/utils/getClosestOption.js +4 -4
- package/dist/components/TimePicker/utils/getClosestOption.js.map +1 -1
- package/dist/components/TimePicker/utils/highlightClosestOption.js +1 -1
- package/dist/components/TimePicker/utils/highlightClosestOption.js.map +1 -1
- package/dist/components/TimePicker/utils/timePickerUtils.test.js +21 -8
- package/dist/components/TimePicker/utils/timePickerUtils.test.js.map +1 -1
- package/dist/components/TimePicker/utils/toTimeFormat.d.ts +1 -1
- package/dist/components/TimePicker/utils/toTimeFormat.js +23 -3
- package/dist/components/TimePicker/utils/toTimeFormat.js.map +1 -1
- package/dist/components/Toast/Toast.css.map +1 -1
- package/dist/components/Toast/ToastGroup.css.map +1 -1
- package/dist/components/Toast/index.css.map +1 -1
- package/dist/components/ToggleSwitch/ToggleSwitch.css.map +1 -1
- package/dist/components/ToggleSwitch/index.css.map +1 -1
- package/dist/components/Togglebox/Togglebox.css.map +1 -1
- package/dist/components/Togglebox/index.css.map +1 -1
- package/dist/components/Tooltip/Tooltip.css.map +1 -1
- package/dist/components/Tooltip/index.css.map +1 -1
- package/dist/components/index.css +158 -974
- 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/Overlay/Overlay.css.map +1 -1
- package/dist/internal/Overlay/index.css.map +1 -1
- package/dist/internal/Popper/Popper.css.map +1 -1
- package/dist/internal/Popper/Popper.js +4 -1
- package/dist/internal/Popper/Popper.js.map +1 -1
- package/dist/internal/Popper/index.css.map +1 -1
- package/dist/internal/Portal/Portal.js +2 -3
- package/dist/internal/Portal/Portal.js.map +1 -1
- package/dist/internal/index.css.map +1 -1
- package/dist/system-light.css +11 -1
- package/dist/system-light.css.map +1 -1
- package/dist/system-light.min.css +1 -1
- package/dist/system.css +226 -1001
- package/dist/system.css.map +1 -1
- package/dist/system.min.css +2 -2
- package/dist/themes/index.css +25 -28
- package/dist/themes/index.css.map +1 -1
- package/dist/themes/kendo/index.css +25 -28
- package/dist/themes/kendo/index.css.map +1 -1
- package/dist/utilities/ThemeProvider.d.ts +0 -2
- package/dist/utilities/ThemeProvider.js +17 -26
- package/dist/utilities/ThemeProvider.js.map +1 -1
- package/dist/utilities/usePrefersColorScheme.js +13 -6
- package/dist/utilities/usePrefersColorScheme.js.map +1 -1
- package/package.json +9 -10
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
/* Variables */
|
|
2
1
|
/* Form Sizes */
|
|
3
2
|
.Form--mini {
|
|
4
3
|
font-size: 0.8125rem;
|
|
@@ -38,25 +37,23 @@
|
|
|
38
37
|
width: 100%;
|
|
39
38
|
}
|
|
40
39
|
|
|
41
|
-
/* Global variables for Input, TextArea, Select */
|
|
42
|
-
/* FormField error */
|
|
43
40
|
/* Backward compatibility with Semantic.React Fields */
|
|
44
41
|
.Fields.Fields--error .Field .Input > input,
|
|
45
42
|
.Fields.Fields--error .Field .TextArea,
|
|
46
43
|
.Field.Field--error .Input > input,
|
|
47
44
|
.Field.Field--error .TextArea {
|
|
48
|
-
background-color: #ffece9;
|
|
49
|
-
border-color: #e63717;
|
|
50
|
-
color: #e63717;
|
|
45
|
+
background-color: var(--colorsSurfaceCriticalSubdued, #ffece9);
|
|
46
|
+
border-color: var(--colorsBorderCritical, #e63717);
|
|
47
|
+
color: var(--colorsTextCritical, #e63717);
|
|
51
48
|
box-shadow: none;
|
|
52
49
|
}
|
|
53
50
|
.Fields.Fields--error .Field .Input > input:focus,
|
|
54
51
|
.Fields.Fields--error .Field .TextArea:focus,
|
|
55
52
|
.Field.Field--error .Input > input:focus,
|
|
56
53
|
.Field.Field--error .TextArea:focus {
|
|
57
|
-
background-color: #ffece9;
|
|
58
|
-
border-color: #e63717;
|
|
59
|
-
color: #e63717;
|
|
54
|
+
background-color: var(--colorsSurfaceCriticalSubdued, #ffece9);
|
|
55
|
+
border-color: var(--colorsBorderCritical, #e63717);
|
|
56
|
+
color: var(--colorsTextCritical, #e63717);
|
|
60
57
|
box-shadow: none;
|
|
61
58
|
-webkit-appearance: none;
|
|
62
59
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../../src/components/Form/Form.scss"
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../../src/components/Form/Form.scss"],"names":[],"mappings":"AAGA;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","file":"index.css"}
|
|
@@ -1,68 +1,4 @@
|
|
|
1
1
|
/* Hide element visually, keeping it focusable (with keyboard) and available for screen-readers */
|
|
2
|
-
/* Variables */
|
|
3
|
-
/* Form Sizes */
|
|
4
|
-
.Form--mini {
|
|
5
|
-
font-size: 0.8125rem;
|
|
6
|
-
}
|
|
7
|
-
|
|
8
|
-
.Form--tiny {
|
|
9
|
-
font-size: 0.875rem;
|
|
10
|
-
}
|
|
11
|
-
|
|
12
|
-
.Form--small {
|
|
13
|
-
font-size: 0.9375rem;
|
|
14
|
-
}
|
|
15
|
-
|
|
16
|
-
.Form--medium {
|
|
17
|
-
font-size: 1rem;
|
|
18
|
-
}
|
|
19
|
-
|
|
20
|
-
.Form--large {
|
|
21
|
-
font-size: 1.125rem;
|
|
22
|
-
}
|
|
23
|
-
|
|
24
|
-
.Form--big {
|
|
25
|
-
font-size: 1.3125rem;
|
|
26
|
-
}
|
|
27
|
-
|
|
28
|
-
.Form--huge {
|
|
29
|
-
font-size: 1.4375rem;
|
|
30
|
-
}
|
|
31
|
-
|
|
32
|
-
.Form--massive {
|
|
33
|
-
font-size: 1.6875rem;
|
|
34
|
-
}
|
|
35
|
-
|
|
36
|
-
/* Stretching of Input when placed in a Field */
|
|
37
|
-
.Form .FormField .Input,
|
|
38
|
-
.Form .FormGroup .FormField .Input {
|
|
39
|
-
width: 100%;
|
|
40
|
-
}
|
|
41
|
-
|
|
42
|
-
/* Global variables for Input, TextArea, Select */
|
|
43
|
-
/* FormField error */
|
|
44
|
-
/* Backward compatibility with Semantic.React Fields */
|
|
45
|
-
.Fields.Fields--error .Field .Input > input,
|
|
46
|
-
.Fields.Fields--error .Field .TextArea,
|
|
47
|
-
.Field.Field--error .Input > input,
|
|
48
|
-
.Field.Field--error .TextArea {
|
|
49
|
-
background-color: #ffece9;
|
|
50
|
-
border-color: #e63717;
|
|
51
|
-
color: #e63717;
|
|
52
|
-
box-shadow: none;
|
|
53
|
-
}
|
|
54
|
-
.Fields.Fields--error .Field .Input > input:focus,
|
|
55
|
-
.Fields.Fields--error .Field .TextArea:focus,
|
|
56
|
-
.Field.Field--error .Input > input:focus,
|
|
57
|
-
.Field.Field--error .TextArea:focus {
|
|
58
|
-
background-color: #ffece9;
|
|
59
|
-
border-color: #e63717;
|
|
60
|
-
color: #e63717;
|
|
61
|
-
box-shadow: none;
|
|
62
|
-
-webkit-appearance: none;
|
|
63
|
-
}
|
|
64
|
-
|
|
65
|
-
/*** FormField styles ***/
|
|
66
2
|
.FormField {
|
|
67
3
|
box-sizing: border-box;
|
|
68
4
|
clear: both;
|
|
@@ -121,7 +57,7 @@
|
|
|
121
57
|
}
|
|
122
58
|
|
|
123
59
|
.FormField__errorText {
|
|
124
|
-
color: #e63717;
|
|
60
|
+
color: var(--colorsTextCritical, #e63717);
|
|
125
61
|
font-size: 14px;
|
|
126
62
|
line-height: 1.25;
|
|
127
63
|
margin-top: 8px;
|
|
@@ -131,7 +67,7 @@
|
|
|
131
67
|
}
|
|
132
68
|
|
|
133
69
|
.FormField__description {
|
|
134
|
-
color: #737475;
|
|
70
|
+
color: var(--colorsTextSubdued, #737475);
|
|
135
71
|
font-size: 14px;
|
|
136
72
|
line-height: 1.25;
|
|
137
73
|
margin-top: 8px;
|
|
@@ -158,33 +94,28 @@
|
|
|
158
94
|
opacity: 0.6;
|
|
159
95
|
}
|
|
160
96
|
|
|
161
|
-
/* Errors
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
/* Active */
|
|
97
|
+
/* Errors on Semantic Dropdown */
|
|
98
|
+
.FormField--error .semantic-anvil-theme .ui.dropdown {
|
|
99
|
+
color: var(--colorsTextCritical, #e63717);
|
|
100
|
+
background-color: var(--colorsSurfaceCriticalSubdued, #ffece9);
|
|
101
|
+
border-color: var(--colorsBorderCritical, #e63717);
|
|
167
102
|
}
|
|
168
|
-
.FormField--error .ui.dropdown
|
|
169
|
-
|
|
170
|
-
background-color: #ffece9;
|
|
171
|
-
color: #e63717;
|
|
103
|
+
.FormField--error .semantic-anvil-theme .ui.dropdown .menu {
|
|
104
|
+
border-color: var(--colorsBorderCritical, #e63717) !important;
|
|
105
|
+
background-color: var(--colorsSurfaceCriticalSubdued, #ffece9);
|
|
172
106
|
}
|
|
173
|
-
.FormField--error .ui.dropdown
|
|
174
|
-
|
|
175
|
-
.FormField--error .semantic-anvil-theme .ui.selection.dropdown .menu:hover {
|
|
176
|
-
border-color: #e63717;
|
|
107
|
+
.FormField--error .semantic-anvil-theme .ui.dropdown .menu > .item {
|
|
108
|
+
color: var(--colorsTextCritical, #e63717);
|
|
177
109
|
}
|
|
178
|
-
.FormField--error .ui.
|
|
179
|
-
background-color:
|
|
110
|
+
.FormField--error .semantic-anvil-theme .ui.dropdown .menu > .item.selected {
|
|
111
|
+
background-color: var(--colorsActiveCritical, rgba(230, 55, 23, 0.03));
|
|
180
112
|
}
|
|
181
|
-
.FormField--error .ui.dropdown .menu .
|
|
182
|
-
|
|
183
|
-
|
|
184
|
-
color: #cf3115;
|
|
113
|
+
.FormField--error .semantic-anvil-theme .ui.dropdown .menu > .item:hover, .FormField--error .semantic-anvil-theme .ui.dropdown .menu > .item.selected:hover {
|
|
114
|
+
background-color: var(--colorsHoverCritical, rgba(230, 55, 23, 0.08));
|
|
115
|
+
color: var(--colorsTextCritical, #e63717);
|
|
185
116
|
}
|
|
186
|
-
.FormField--error .ui.dropdown .
|
|
187
|
-
|
|
117
|
+
.FormField--error .semantic-anvil-theme .ui.dropdown:focus, .FormField--error .semantic-anvil-theme .ui.dropdown:focus-within {
|
|
118
|
+
box-shadow: 0 0 0 3px var(--colorsFocusRingCritical, #ffb2a0) !important;
|
|
188
119
|
}
|
|
189
120
|
|
|
190
121
|
/* Dropdown Block */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/FormField/FormField.scss","../../../src/utilities/SemanticUtils/_widths.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss","../../../src/utilities/_component-reset.scss"],"names":[],"mappings":"AAAA;ACcA;EACC;EACA;EACA;;AAEA;EAAe;;;ACZd;EAAoC;;;AAApC;EAAoC;;;AAApC;EAAoC;;;AAApC;EAAoC;;;AAApC;EAAoC;;;AAApC;EAAoC;;;AAApC;EAAoC;;;AAApC;EAAoC;;;AAApC;EAAoC;;;AAApC;EAAoC;;;AAApC;EAAoC;;;AAApC;EAAoC;;;ADkBtC;EACC,OAvBY;EAwBZ,WE4Ga;EF3Gb,aEqHqB;EFpHrB,YE+FW;;AF7FX;EAA4B,YEqGd;;;AFlGf;EACC,OA3Be;EA4Bf,WEmGa;EFlGb,aE4GqB;EF3GrB,YEsFW;;AFpFX;EAA6B,YE4Ff;;;AFzFf;EACC,eEgFW;;;AF7EZ;AG9CC;EACA;AAEA;EACA;;;AH4CD;EACC;;AAEA;EAAsB,SE4DJ;;;AFzDnB;AAEC;EACC,OAvDW;EAwDX,kBAvDiB;EAwDjB,cAtDa;;AAwDb;EACC;EACA,kBA5DgB;;AA8DhB;EACC,OAhES;;AAkET;EAAa,kBAzDc;;AA2D3B;EAEC,kBA/DyB;EAgEzB,OAvEQ;;AA4EX;EAGC;;;AAKH;AACA;EACC;;;AAGD;EACC;;;AAGD;AACA;AAAA;EAEC;;;AAGD;AAAA;EAEC;;;AAGD;EACC;;;AAGD;EACC;EACA,eEWW;EFVX,WEqBa;EFpBb,aEPkB;;;AFUnB;AACA;EACC;;AAEA;EAAY","file":"FormField.css"}
|
|
@@ -1,68 +1,4 @@
|
|
|
1
1
|
/* Hide element visually, keeping it focusable (with keyboard) and available for screen-readers */
|
|
2
|
-
/* Variables */
|
|
3
|
-
/* Form Sizes */
|
|
4
|
-
.Form--mini {
|
|
5
|
-
font-size: 0.8125rem;
|
|
6
|
-
}
|
|
7
|
-
|
|
8
|
-
.Form--tiny {
|
|
9
|
-
font-size: 0.875rem;
|
|
10
|
-
}
|
|
11
|
-
|
|
12
|
-
.Form--small {
|
|
13
|
-
font-size: 0.9375rem;
|
|
14
|
-
}
|
|
15
|
-
|
|
16
|
-
.Form--medium {
|
|
17
|
-
font-size: 1rem;
|
|
18
|
-
}
|
|
19
|
-
|
|
20
|
-
.Form--large {
|
|
21
|
-
font-size: 1.125rem;
|
|
22
|
-
}
|
|
23
|
-
|
|
24
|
-
.Form--big {
|
|
25
|
-
font-size: 1.3125rem;
|
|
26
|
-
}
|
|
27
|
-
|
|
28
|
-
.Form--huge {
|
|
29
|
-
font-size: 1.4375rem;
|
|
30
|
-
}
|
|
31
|
-
|
|
32
|
-
.Form--massive {
|
|
33
|
-
font-size: 1.6875rem;
|
|
34
|
-
}
|
|
35
|
-
|
|
36
|
-
/* Stretching of Input when placed in a Field */
|
|
37
|
-
.Form .FormField .Input,
|
|
38
|
-
.Form .FormGroup .FormField .Input {
|
|
39
|
-
width: 100%;
|
|
40
|
-
}
|
|
41
|
-
|
|
42
|
-
/* Global variables for Input, TextArea, Select */
|
|
43
|
-
/* FormField error */
|
|
44
|
-
/* Backward compatibility with Semantic.React Fields */
|
|
45
|
-
.Fields.Fields--error .Field .Input > input,
|
|
46
|
-
.Fields.Fields--error .Field .TextArea,
|
|
47
|
-
.Field.Field--error .Input > input,
|
|
48
|
-
.Field.Field--error .TextArea {
|
|
49
|
-
background-color: #ffece9;
|
|
50
|
-
border-color: #e63717;
|
|
51
|
-
color: #e63717;
|
|
52
|
-
box-shadow: none;
|
|
53
|
-
}
|
|
54
|
-
.Fields.Fields--error .Field .Input > input:focus,
|
|
55
|
-
.Fields.Fields--error .Field .TextArea:focus,
|
|
56
|
-
.Field.Field--error .Input > input:focus,
|
|
57
|
-
.Field.Field--error .TextArea:focus {
|
|
58
|
-
background-color: #ffece9;
|
|
59
|
-
border-color: #e63717;
|
|
60
|
-
color: #e63717;
|
|
61
|
-
box-shadow: none;
|
|
62
|
-
-webkit-appearance: none;
|
|
63
|
-
}
|
|
64
|
-
|
|
65
|
-
/*** FormField styles ***/
|
|
66
2
|
.FormField {
|
|
67
3
|
box-sizing: border-box;
|
|
68
4
|
clear: both;
|
|
@@ -121,7 +57,7 @@
|
|
|
121
57
|
}
|
|
122
58
|
|
|
123
59
|
.FormField__errorText {
|
|
124
|
-
color: #e63717;
|
|
60
|
+
color: var(--colorsTextCritical, #e63717);
|
|
125
61
|
font-size: 14px;
|
|
126
62
|
line-height: 1.25;
|
|
127
63
|
margin-top: 8px;
|
|
@@ -131,7 +67,7 @@
|
|
|
131
67
|
}
|
|
132
68
|
|
|
133
69
|
.FormField__description {
|
|
134
|
-
color: #737475;
|
|
70
|
+
color: var(--colorsTextSubdued, #737475);
|
|
135
71
|
font-size: 14px;
|
|
136
72
|
line-height: 1.25;
|
|
137
73
|
margin-top: 8px;
|
|
@@ -158,33 +94,28 @@
|
|
|
158
94
|
opacity: 0.6;
|
|
159
95
|
}
|
|
160
96
|
|
|
161
|
-
/* Errors
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
/* Active */
|
|
97
|
+
/* Errors on Semantic Dropdown */
|
|
98
|
+
.FormField--error .semantic-anvil-theme .ui.dropdown {
|
|
99
|
+
color: var(--colorsTextCritical, #e63717);
|
|
100
|
+
background-color: var(--colorsSurfaceCriticalSubdued, #ffece9);
|
|
101
|
+
border-color: var(--colorsBorderCritical, #e63717);
|
|
167
102
|
}
|
|
168
|
-
.FormField--error .ui.dropdown
|
|
169
|
-
|
|
170
|
-
background-color: #ffece9;
|
|
171
|
-
color: #e63717;
|
|
103
|
+
.FormField--error .semantic-anvil-theme .ui.dropdown .menu {
|
|
104
|
+
border-color: var(--colorsBorderCritical, #e63717) !important;
|
|
105
|
+
background-color: var(--colorsSurfaceCriticalSubdued, #ffece9);
|
|
172
106
|
}
|
|
173
|
-
.FormField--error .ui.dropdown
|
|
174
|
-
|
|
175
|
-
.FormField--error .semantic-anvil-theme .ui.selection.dropdown .menu:hover {
|
|
176
|
-
border-color: #e63717;
|
|
107
|
+
.FormField--error .semantic-anvil-theme .ui.dropdown .menu > .item {
|
|
108
|
+
color: var(--colorsTextCritical, #e63717);
|
|
177
109
|
}
|
|
178
|
-
.FormField--error .ui.
|
|
179
|
-
background-color:
|
|
110
|
+
.FormField--error .semantic-anvil-theme .ui.dropdown .menu > .item.selected {
|
|
111
|
+
background-color: var(--colorsActiveCritical, rgba(230, 55, 23, 0.03));
|
|
180
112
|
}
|
|
181
|
-
.FormField--error .ui.dropdown .menu .
|
|
182
|
-
|
|
183
|
-
|
|
184
|
-
color: #cf3115;
|
|
113
|
+
.FormField--error .semantic-anvil-theme .ui.dropdown .menu > .item:hover, .FormField--error .semantic-anvil-theme .ui.dropdown .menu > .item.selected:hover {
|
|
114
|
+
background-color: var(--colorsHoverCritical, rgba(230, 55, 23, 0.08));
|
|
115
|
+
color: var(--colorsTextCritical, #e63717);
|
|
185
116
|
}
|
|
186
|
-
.FormField--error .ui.dropdown .
|
|
187
|
-
|
|
117
|
+
.FormField--error .semantic-anvil-theme .ui.dropdown:focus, .FormField--error .semantic-anvil-theme .ui.dropdown:focus-within {
|
|
118
|
+
box-shadow: 0 0 0 3px var(--colorsFocusRingCritical, #ffb2a0) !important;
|
|
188
119
|
}
|
|
189
120
|
|
|
190
121
|
/* Dropdown Block */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/FormField/FormField.scss","../../../src/utilities/SemanticUtils/_widths.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss","../../../src/utilities/_component-reset.scss"],"names":[],"mappings":"AAAA;ACcA;EACC;EACA;EACA;;AAEA;EAAe;;;ACZd;EAAoC;;;AAApC;EAAoC;;;AAApC;EAAoC;;;AAApC;EAAoC;;;AAApC;EAAoC;;;AAApC;EAAoC;;;AAApC;EAAoC;;;AAApC;EAAoC;;;AAApC;EAAoC;;;AAApC;EAAoC;;;AAApC;EAAoC;;;AAApC;EAAoC;;;ADkBtC;EACC,OAvBY;EAwBZ,WE4Ga;EF3Gb,aEqHqB;EFpHrB,YE+FW;;AF7FX;EAA4B,YEqGd;;;AFlGf;EACC,OA3Be;EA4Bf,WEmGa;EFlGb,aE4GqB;EF3GrB,YEsFW;;AFpFX;EAA6B,YE4Ff;;;AFzFf;EACC,eEgFW;;;AF7EZ;AG9CC;EACA;AAEA;EACA;;;AH4CD;EACC;;AAEA;EAAsB,SE4DJ;;;AFzDnB;AAEC;EACC,OAvDW;EAwDX,kBAvDiB;EAwDjB,cAtDa;;AAwDb;EACC;EACA,kBA5DgB;;AA8DhB;EACC,OAhES;;AAkET;EAAa,kBAzDc;;AA2D3B;EAEC,kBA/DyB;EAgEzB,OAvEQ;;AA4EX;EAGC;;;AAKH;AACA;EACC;;;AAGD;EACC;;;AAGD;AACA;AAAA;EAEC;;;AAGD;AAAA;EAEC;;;AAGD;EACC;;;AAGD;EACC;EACA,eEWW;EFVX,WEqBa;EFpBb,aEPkB;;;AFUnB;AACA;EACC;;AAEA;EAAY","file":"index.css"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/FormGroup/FormGroup.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss","../../../src/utilities/SemanticUtils/_widths.scss"],"names":[],"mappings":"AAAA;ACKA;AACA;AACC;ACNA;EACA;AAEA;EACA;EDKA;EACA;EACA;;AACA;EAAe;;AAEf;EACC;EACA;EACA;EACA,
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/FormGroup/FormGroup.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss","../../../src/utilities/SemanticUtils/_widths.scss"],"names":[],"mappings":"AAAA;ACKA;AACA;AACC;ACNA;EACA;AAEA;EACA;EDKA;EACA;EACA;;AACA;EAAe;;AAEf;EACC;EACA;EACA;EACA,cE0GU;EFzGV,eEyGU;;AFtGX;EAjBD;IAkBE;;EAEA;IACC,cEiGS;IFhGT,eEgGS;;;;AF3FZ;AACA;EACC;EACA;;AAEA;EAAe;;AAEf;EACC;EACA,eEkFU;;AF/EX;EACC;EACA;EACA;;AAEA;EAAe;;;AAIjB;AACA;EACC;;AAEA;EACC;EACA;EACA;;;AG/CA;EAAoC;;;AAApC;EAAoC;;;AAApC;EAAoC;;;AAApC;EAAoC;;;AAApC;EAAoC;;;AAApC;EAAoC;;;AAApC;EAAoC;;;AAApC;EAAoC;;;AAApC;EAAoC;;;AAApC;EAAoC;;;AAApC;EAAoC;;;AAApC;EAAoC;;;AHsDtC;AACA;EACC;EACA;;AAEA;EAEC;EACA;EACA;EACA;EACA,cE8CU;EF7CV;;AAGD;EACC;EACA;;AAGD;EAIC;EACA;EACA;EACA;EACA;EACA","file":"FormGroup.css"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/FormGroup/FormGroup.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss","../../../src/utilities/SemanticUtils/_widths.scss"],"names":[],"mappings":"AAAA;ACKA;AACA;AACC;ACNA;EACA;AAEA;EACA;EDKA;EACA;EACA;;AACA;EAAe;;AAEf;EACC;EACA;EACA;EACA,
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/FormGroup/FormGroup.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss","../../../src/utilities/SemanticUtils/_widths.scss"],"names":[],"mappings":"AAAA;ACKA;AACA;AACC;ACNA;EACA;AAEA;EACA;EDKA;EACA;EACA;;AACA;EAAe;;AAEf;EACC;EACA;EACA;EACA,cE0GU;EFzGV,eEyGU;;AFtGX;EAjBD;IAkBE;;EAEA;IACC,cEiGS;IFhGT,eEgGS;;;;AF3FZ;AACA;EACC;EACA;;AAEA;EAAe;;AAEf;EACC;EACA,eEkFU;;AF/EX;EACC;EACA;EACA;;AAEA;EAAe;;;AAIjB;AACA;EACC;;AAEA;EACC;EACA;EACA;;;AG/CA;EAAoC;;;AAApC;EAAoC;;;AAApC;EAAoC;;;AAApC;EAAoC;;;AAApC;EAAoC;;;AAApC;EAAoC;;;AAApC;EAAoC;;;AAApC;EAAoC;;;AAApC;EAAoC;;;AAApC;EAAoC;;;AAApC;EAAoC;;;AAApC;EAAoC;;;AHsDtC;AACA;EACC;EACA;;AAEA;EAEC;EACA;EACA;EACA;EACA,cE8CU;EF7CV;;AAGD;EACC;EACA;;AAGD;EAIC;EACA;EACA;EACA;EACA;EACA","file":"index.css"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Frame/Frame.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss"],"names":[],"mappings":"AAAA;ACGA;ACFC;EACA;AAEA;EACA;EDCA;EACA;EACA;EACA;;;AAGD;EACC,
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Frame/Frame.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss"],"names":[],"mappings":"AAAA;ACGA;ACFC;EACA;AAEA;EACA;EDCA;EACA;EACA;EACA;;;AAGD;EACC,SEwIoB;;;AFrIrB;EACC;EACA;EACA;EACA","file":"Frame.css"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Frame/Frame.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss"],"names":[],"mappings":"AAAA;ACGA;ACFC;EACA;AAEA;EACA;EDCA;EACA;EACA;EACA;;;AAGD;EACC,
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Frame/Frame.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss"],"names":[],"mappings":"AAAA;ACGA;ACFC;EACA;AAEA;EACA;EDCA;EACA;EACA;EACA;;;AAGD;EACC,SEwIoB;;;AFrIrB;EACC;EACA;EACA;EACA","file":"index.css"}
|