@servicetitan/design-system 11.5.1 → 11.5.2-beta.1
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/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/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/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 +52 -117
- package/dist/components/Input/Input.css.map +1 -1
- package/dist/components/Input/index.css +52 -117
- 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 +10 -9
- package/dist/components/Table/Table.css.map +1 -1
- package/dist/components/Table/index.css +10 -9
- package/dist/components/Table/index.css.map +1 -1
- package/dist/components/Tag/Tag.css +4 -1
- package/dist/components/Tag/Tag.css.map +1 -1
- package/dist/components/Tag/index.css +4 -1
- 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.map +1 -1
- package/dist/components/TimePicker/index.css.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 +137 -133
- 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 +9 -1
- package/dist/system-light.css.map +1 -1
- package/dist/system-light.min.css +1 -1
- package/dist/system.css +196 -160
- 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/package.json +9 -10
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InlineEdit.js","sourceRoot":"","sources":["../../../src/components/InlineEdit/InlineEdit.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAM,UAAU,EAAE,MAAM,OAAO,CAAC;AAC9C,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC,OAAO,EAAE,OAAO,EAAgB,MAAM,YAAY,CAAC;AACnD,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AACnC,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAC/B,OAAO,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAC;AAC7B,OAAO,EAAE,IAAI,EAAE,MAAM,0BAA0B,CAAC;
|
|
1
|
+
{"version":3,"file":"InlineEdit.js","sourceRoot":"","sources":["../../../src/components/InlineEdit/InlineEdit.tsx"],"names":[],"mappings":"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"}
|
|
@@ -56,7 +56,7 @@
|
|
|
56
56
|
content: "";
|
|
57
57
|
display: block;
|
|
58
58
|
position: absolute;
|
|
59
|
-
background-color:
|
|
59
|
+
background-color: var(--colorsHoverDefault, rgba(20, 20, 20, 0.08));
|
|
60
60
|
width: 100%;
|
|
61
61
|
height: 100%;
|
|
62
62
|
top: 0;
|
|
@@ -75,11 +75,11 @@
|
|
|
75
75
|
}
|
|
76
76
|
|
|
77
77
|
.InlineEdit__content--textcolor {
|
|
78
|
-
color: #2270ee;
|
|
78
|
+
color: var(--colorsTextPrimary, #2270ee);
|
|
79
79
|
}
|
|
80
80
|
|
|
81
81
|
.InlineEdit__content--error {
|
|
82
|
-
color: #e63717;
|
|
82
|
+
color: var(--colorsTextCritical, #e63717);
|
|
83
83
|
}
|
|
84
84
|
|
|
85
85
|
.InlineEdit__content--underline .InlineEdit__value::before {
|
|
@@ -90,11 +90,12 @@
|
|
|
90
90
|
border-bottom: 1px dashed currentColor;
|
|
91
91
|
}
|
|
92
92
|
.InlineEdit__content--underline.InlineEdit__content--error::before {
|
|
93
|
-
border-bottom-color: #
|
|
93
|
+
border-bottom-color: var(--colorsBorderCritical, #e63717);
|
|
94
94
|
}
|
|
95
95
|
|
|
96
96
|
.InlineEdit__value--placeholder {
|
|
97
|
-
color:
|
|
97
|
+
color: var(--colorsTextDefault, #141414);
|
|
98
|
+
opacity: 0.4;
|
|
98
99
|
}
|
|
99
100
|
|
|
100
101
|
.InlineEdit__content--icon .InlineEdit__editIcon {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../../src/components/InlineEdit/InlineEdit.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../../src/components/InlineEdit/InlineEdit.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss"],"names":[],"mappings":"AAQA;EACC;EACA;EACA;EACA;;AAEA;EACC;EACA;;AAEA;EACC;EACA,OCgHY;;AD7Gb;AAAA;EACyB;;AAG1B;EACC;;;AAIF;EACC;EACA;EACA;EACA;EACA;EACA;EACA,SC6Fc;ED5Fd;EACA;EACA;;AAEA;EACC;;AAGD;EACC;EACA;EACA,OCiFa;;AD9Ed;EACC;EACA,cCqEU;;ADnEV;AAAA;AAAA;EAGC;;AAIF;EAEC;;AAEA;EACC;EACA;EACA;EACA,kBAnEqB;EAoErB;EACA;EACA;EACA;EACA,eCtEe;;ADyEhB;EACC;EACA;;AAGD;EACC;;AAEA;EACC;;;AAMJ;EACC,OA9Fc;;;AAiGf;EACC,OAjGY;;;AAsGX;EACC;EACA;EACA;EACA;EACA;;AAKD;EACC,qBAhHY;;;AAqHf;EACC,OAzHc;EA0Hd,SCXqB;;;ADerB;EACC;;;AAKD;EAAgC;;AAChC;EAAiC;;AACjC;EAAgC;;;AAGjC;EACC;;AAEA;EACC;;AAGD;EAEC;;;AAIF;EACC;EACA;EACA;;AAEA;EACC;;AAGD;EAEC;EACA;;AAGD;EAEC;EACA;;AAGD;EAEC;EACA;;AAGD;EAEC;EACA;;AAGD;EAEC;EACA;;AAGD;EAEC;EACA","file":"index.css"}
|
|
@@ -1,68 +1,5 @@
|
|
|
1
1
|
/* Hide element visually, keeping it focusable (with keyboard) and available for screen-readers */
|
|
2
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
|
-
/* Input variables are stored in Form.scss */
|
|
66
3
|
/* Paddings are set in em's for internal parts of .Input */
|
|
67
4
|
.Input.Input > .ButtonGroup:first-child > .ButtonGroup__InternalWrapper > .ButtonGroup__Item:first-child > .Button, .Input.Input > .Input__InnerWrapper:first-child,
|
|
68
5
|
.Input.Input > .Dropdown:first-child,
|
|
@@ -101,6 +38,7 @@
|
|
|
101
38
|
border-bottom-right-radius: 0;
|
|
102
39
|
}
|
|
103
40
|
|
|
41
|
+
/* Styling for :autofill pseudo-class */
|
|
104
42
|
/*** Input styles ***/
|
|
105
43
|
.Input {
|
|
106
44
|
/* Set color on root of component. It can be overridden after the @include */
|
|
@@ -111,8 +49,7 @@
|
|
|
111
49
|
-moz-osx-font-smoothing: grayscale;
|
|
112
50
|
position: relative;
|
|
113
51
|
display: inline-flex;
|
|
114
|
-
color: #
|
|
115
|
-
background-color: #ffffff;
|
|
52
|
+
color: var(--colorsTextDefault, #141414);
|
|
116
53
|
/* Sizes */
|
|
117
54
|
/*** States ***/
|
|
118
55
|
/* Readonly */
|
|
@@ -156,9 +93,9 @@
|
|
|
156
93
|
padding: 0;
|
|
157
94
|
max-width: 100%;
|
|
158
95
|
/* ... */
|
|
159
|
-
background-color: #ffffff;
|
|
160
|
-
border: 1px solid #dfe0e1;
|
|
161
|
-
color: #
|
|
96
|
+
background-color: var(--colorsSurfaceDefault, #ffffff);
|
|
97
|
+
border: 1px solid var(--colorsBorderGrey, #dfe0e1);
|
|
98
|
+
color: var(--colorsTextDefault, #141414);
|
|
162
99
|
border-radius: 3px;
|
|
163
100
|
transition: background 0.2s ease-in-out, box-shadow 0.1s ease-in-out, border-color 0.2s ease-in-out;
|
|
164
101
|
box-shadow: none;
|
|
@@ -179,101 +116,99 @@
|
|
|
179
116
|
font-family: inherit;
|
|
180
117
|
font-size: inherit;
|
|
181
118
|
outline: none;
|
|
182
|
-
-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
|
|
183
119
|
text-align: left;
|
|
184
120
|
line-height: 1.5;
|
|
121
|
+
-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
|
|
185
122
|
/* ... */
|
|
186
123
|
background-color: transparent;
|
|
187
124
|
border: none;
|
|
188
|
-
color: #
|
|
125
|
+
color: var(--colorsTextDefault, #141414);
|
|
189
126
|
transition: background 0.2s ease-in-out, box-shadow 0.1s ease-in-out, border-color 0.2s ease-in-out;
|
|
190
127
|
box-shadow: none;
|
|
191
128
|
/* Chrome autofill styling */
|
|
192
129
|
}
|
|
193
130
|
.Input > .Input__InnerWrapper > input[readonly] {
|
|
194
|
-
background-color: #f7f7f7;
|
|
131
|
+
background-color: var(--colorsSurfaceGreySubdued, #f7f7f7);
|
|
195
132
|
}
|
|
196
133
|
.Input > .Input__InnerWrapper > input::placeholder {
|
|
197
|
-
color:
|
|
134
|
+
color: var(--colorsTextDefault, #141414);
|
|
135
|
+
opacity: 0.4;
|
|
136
|
+
}
|
|
137
|
+
.Input > .Input__InnerWrapper > input:autofill {
|
|
138
|
+
box-shadow: 0 0 0 100px rgba(255, 190, 0, 0.08) inset !important;
|
|
139
|
+
}
|
|
140
|
+
.Input > .Input__InnerWrapper > input:autofill + .InputAddon {
|
|
141
|
+
box-shadow: 0 0 0 100px rgba(255, 190, 0, 0.08) inset !important;
|
|
198
142
|
}
|
|
199
|
-
.Input > .Input__InnerWrapper > input
|
|
200
|
-
box-shadow: 0 0 0 100px
|
|
201
|
-
|
|
143
|
+
.Input > .Input__InnerWrapper > input:-webkit-autofill {
|
|
144
|
+
box-shadow: 0 0 0 100px rgba(255, 190, 0, 0.08) inset !important;
|
|
145
|
+
}
|
|
146
|
+
.Input > .Input__InnerWrapper > input:-webkit-autofill + .InputAddon {
|
|
147
|
+
box-shadow: 0 0 0 100px rgba(255, 190, 0, 0.08) inset !important;
|
|
202
148
|
}
|
|
203
149
|
.Input.Input--readonly > .Input__InnerWrapper {
|
|
204
|
-
background-color: #f7f7f7;
|
|
150
|
+
background-color: var(--colorsSurfaceGreySubdued, #f7f7f7);
|
|
205
151
|
}
|
|
206
152
|
.Input.Input--disabled, .Input:not(.Input--disabled) input[disabled] {
|
|
207
153
|
opacity: 0.6;
|
|
208
154
|
}
|
|
209
|
-
.Input.Input--disabled
|
|
210
|
-
|
|
155
|
+
.Input.Input--disabled > .Input__InnerWrapper, .Input:not(.Input--disabled) input[disabled] {
|
|
156
|
+
background-color: var(--colorsSurfaceGreySubdued, #f7f7f7);
|
|
211
157
|
}
|
|
212
|
-
.Input.Input--disabled
|
|
213
|
-
background-color: #f7f7f7;
|
|
158
|
+
.Input.Input--disabled > .Input__InnerWrapper, .Input.Input--disabled > .Input__InnerWrapper *, .Input:not(.Input--disabled) input[disabled], .Input:not(.Input--disabled) input[disabled] * {
|
|
214
159
|
pointer-events: none;
|
|
215
160
|
}
|
|
216
|
-
.Input.Input--disabled
|
|
217
|
-
color:
|
|
161
|
+
.Input.Input--disabled > .Input__InnerWrapper::placeholder, .Input:not(.Input--disabled) input[disabled]::placeholder {
|
|
162
|
+
color: var(--colorsTextDefault, #141414);
|
|
163
|
+
opacity: 0.4;
|
|
218
164
|
}
|
|
219
165
|
.Input:focus-within, .Input.Input--focus {
|
|
220
166
|
box-shadow: 0 0 0 3px var(--colorsFocusRingPrimary, #a9d1ff);
|
|
221
167
|
border-radius: 3px;
|
|
222
168
|
}
|
|
223
169
|
.Input:focus-within > .Input__InnerWrapper, .Input.Input--focus > .Input__InnerWrapper {
|
|
224
|
-
background-color: #ffffff;
|
|
225
|
-
border-color: #2270ee;
|
|
170
|
+
background-color: var(--colorsSurfaceDefault, #ffffff);
|
|
171
|
+
border-color: var(--colorsBorderPrimary, #2270ee);
|
|
226
172
|
}
|
|
227
173
|
.Input:focus-within > .Input__InnerWrapper > input, .Input.Input--focus > .Input__InnerWrapper > input {
|
|
228
|
-
color: #
|
|
229
|
-
}
|
|
230
|
-
.Input:focus-within > .Input__InnerWrapper > input::-webkit-autofill, .Input.Input--focus > .Input__InnerWrapper > input::-webkit-autofill {
|
|
231
|
-
box-shadow: 0 0 0 100px #fffff0 inset !important;
|
|
232
|
-
border-color: #d5c315 !important;
|
|
233
|
-
}
|
|
234
|
-
.Input:focus-within > .Input__InnerWrapper > .InputAddon, .Input.Input--focus > .Input__InnerWrapper > .InputAddon {
|
|
235
|
-
border-color: transparent;
|
|
174
|
+
color: var(--colorsTextDefault, #141414);
|
|
236
175
|
}
|
|
237
176
|
.Input.Input--error {
|
|
238
177
|
/* Error Focus */
|
|
239
178
|
}
|
|
240
179
|
.Input.Input--error > .Input__InnerWrapper {
|
|
241
|
-
background-color: #ffece9;
|
|
242
|
-
border-color: #e63717;
|
|
180
|
+
background-color: var(--colorsSurfaceCriticalSubdued, #ffece9);
|
|
181
|
+
border-color: var(--colorsBorderCritical, #e63717);
|
|
243
182
|
}
|
|
244
183
|
.Input.Input--error > .Input__InnerWrapper > input {
|
|
245
|
-
color: #e63717;
|
|
184
|
+
color: var(--colorsTextCritical, #e63717);
|
|
246
185
|
box-shadow: none;
|
|
247
186
|
/* Error Placeholder */
|
|
248
|
-
/* Error */
|
|
249
187
|
}
|
|
250
|
-
.Input.Input--error > .Input__InnerWrapper > input
|
|
251
|
-
color:
|
|
188
|
+
.Input.Input--error > .Input__InnerWrapper > input::placeholder {
|
|
189
|
+
color: var(--colorsTextCritical, #e63717);
|
|
190
|
+
opacity: 0.4;
|
|
252
191
|
}
|
|
253
|
-
.Input.Input--error > .Input__InnerWrapper > input
|
|
254
|
-
|
|
192
|
+
.Input.Input--error > .Input__InnerWrapper > input:autofill {
|
|
193
|
+
box-shadow: none !important;
|
|
255
194
|
}
|
|
256
|
-
.Input.Input--error > .Input__InnerWrapper > input
|
|
257
|
-
|
|
195
|
+
.Input.Input--error > .Input__InnerWrapper > input:autofill + .InputAddon {
|
|
196
|
+
box-shadow: none !important;
|
|
258
197
|
}
|
|
259
|
-
.Input.Input--error > .Input__InnerWrapper > input
|
|
260
|
-
box-shadow:
|
|
261
|
-
|
|
198
|
+
.Input.Input--error > .Input__InnerWrapper > input:-webkit-autofill {
|
|
199
|
+
box-shadow: none !important;
|
|
200
|
+
}
|
|
201
|
+
.Input.Input--error > .Input__InnerWrapper > input:-webkit-autofill + .InputAddon {
|
|
202
|
+
box-shadow: none !important;
|
|
262
203
|
}
|
|
263
204
|
.Input.Input--error > .Input__InnerWrapper > .InputAddon {
|
|
264
|
-
color: #e63717;
|
|
205
|
+
color: var(--colorsTextCritical, #e63717);
|
|
265
206
|
}
|
|
266
207
|
.Input.Input--error:focus-within, .Input.Input--error.Input--focus {
|
|
267
|
-
box-shadow: 0 0 0 3px #ffb2a0;
|
|
268
|
-
}
|
|
269
|
-
.Input.Input--error:focus-within input, .Input.Input--error.Input--focus input {
|
|
270
|
-
border-color: #e63717;
|
|
271
|
-
}
|
|
272
|
-
.Input.Input--error:focus-within .InputAddon, .Input.Input--error.Input--focus .InputAddon {
|
|
273
|
-
border-color: #e63717;
|
|
208
|
+
box-shadow: 0 0 0 3px var(--colorsFocusRingCritical, #ffb2a0);
|
|
274
209
|
}
|
|
275
|
-
.Input.Input--error .InputAddon
|
|
276
|
-
color: #e63717;
|
|
210
|
+
.Input.Input--error .InputAddon .a-Icon {
|
|
211
|
+
color: var(--colorsTextCritical, #e63717);
|
|
277
212
|
}
|
|
278
213
|
.Input.Input--loading.Input--loading .Spinner {
|
|
279
214
|
line-height: 1;
|
|
@@ -292,7 +227,7 @@
|
|
|
292
227
|
pointer-events: none;
|
|
293
228
|
}
|
|
294
229
|
.Input > .Input__InnerWrapper .a-Icon {
|
|
295
|
-
color: #737475;
|
|
230
|
+
color: var(--colorsTextSubdued, #737475);
|
|
296
231
|
transition: opacity 0.3s ease;
|
|
297
232
|
line-height: inherit;
|
|
298
233
|
}
|
|
@@ -307,7 +242,7 @@
|
|
|
307
242
|
font-size: 16px;
|
|
308
243
|
z-index: 0;
|
|
309
244
|
/* Differ from Semantic UI */
|
|
310
|
-
color: #737475;
|
|
245
|
+
color: var(--colorsTextSubdued, #737475);
|
|
311
246
|
height: auto;
|
|
312
247
|
display: flex;
|
|
313
248
|
align-items: center;
|
|
@@ -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/Input/Input.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss","../../../src/utilities/_component-reset.scss","../../../src/utilities/_font-smoothing.scss"],"names":[],"mappings":"AAAA;ACIA;AA2BA;AAmBA;AAAA;AAAA;EACC,wBC3CiB;ED4CjB,2BC5CiB;;;AD+ClB;AAAA;AAAA;EACC,yBChDiB;EDiDjB,4BCjDiB;;;ADoDlB;AAAA;AAAA;EACC;EACA;EACA;EACA;;;AAGD;AAAA;AAAA;EACC;EACA;;;AAGD;AAAA;AAAA;EACC;EACA;;;AAMD;AASA;AACA;AEzFC;EACA;AAEA;EACA;ECHC;EACA;EH2FD;EACA;EACA,OA9Ec;AAmFd;AAkFA;AAEA;AAKA;AAmBA;AAgBA;AAuCA;AAgBA;AAEA;AASA;AAuCA;AAmCA;AA0CA;AASA;;AA9TA;EACM;;AAGN;EAAkB,WCiCL;;AD/Bb;EAIC,WC4BY;;ADzBb;EACwB,SApExB;;AAqEA;EAAwB,SA3ExB;;AA4EA;EAAuB,SAzEvB;;AA0EA;EAAuB,SApEvB;;AA6EA;EACC;EACA;EACA;EACA;EACA;AAEA;EACA,kBAhHmB;EAiHnB;EACA,OApHa;EAqHb,eC/HgB;EDgIhB,YA1HD;EA2HC;;AAEA;EAAM;;AAEN;AAvBA;EACA;EACA;EACA;EAuBC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,aCXgB;EDYhB;AAEA;EACA;EACA;EACA,OA7IY;EA8IZ,YAlJF;EAmJE;AASA;;AAPA;EAAc,kBA7IK;;AA+InB;EACC,OApJW;EAqJX,SCtDkB;;AD0DnB;EAzFF;;AA2FG;EA3FH;;AA8FE;EA9FF;;AAgGG;EAhGH;;AAwGA;EACC,kBArKoB;;AAyKrB;EAEC,SCjFiB;;ADoFlB;EAEC,kBAhLoB;;AAkLpB;EACM;;AAEN;EACC,OA1LY;EA2LZ,SC5FmB;;ADiGrB;EAEC,YC3Fa;ED4Fb,eC7MgB;;AD+MhB;EACC,kBApMkB;EAqMlB,cA/LY;;AAiMZ;EACC,OA1MW;;AAgNd;AA6BC;;AA5BA;EACC,kBA/MgB;EAgNhB,cA7MY;;AA+MZ;EACC,OArNS;EAsNT;AAEA;;AACA;EACC,OA1NQ;EA2NR,SC7HiB;;ADgIlB;EA3JH;;AA6JI;EA7JJ;;AAgKG;EAhKH;;AAkKI;EAlKJ;;AAsKE;EAAgB,OAzON;;AA6OX;EAEC;;AAGD;EAAsB,OAlPX;;AA6PX;EACC;EACA;EACA;EACA,OA5QW;;AAmRb;EACC;EACA;EACA;EACA;EACA;;AASD;EACC;;AAGD;EACC,OAlRc;EAmRd,YARiB;EASjB;;AAEA;EACC;EACA;EACA;;AAIF;EACC;EACA;EACA,WCpLY;EDqLZ;AAEA;EACA,OApSc;EAqSd;EACA;EACA;EACA,YACC;;AAMF;EAA+D;;AAC/D;EAA8D;;AAC9D;EAA+D;;AAC/D;EAA8D;;AAE9D;EAAqE;;AACrE;EAAoE;;AACpE;EAAqE;;AACrE;EAAoE;;AAGpE;EAA0E;;AAE1E;EAAoE;;AACpE;EAAmE;;AACnE;EAAoE;;AACpE;EAAmE;;AAGnE;EACC,SAzTD;EA0TC,WCzNY;;AD2Nb;EAAsD,SAzTtD;;AA0TA;EAAuD,SAvTvD;;AAwTA;EAAsD,SArTtD;;AAwTA;EAGC;;AAyBA;AAAA;AAAA;EAGC;EACA;;AAEA;AAAA;AAAA;EAGC;;AAGD;AAAA;AAAA;EAGC;;AAMH;AAAA;EAEC;EACA;EACA;EACA;;AAID;EACC;;AAEA;EAAQ;;AAIT;EAAqE;;AACrE;EAAoE;;;AAGrE;EACC;IAAO;;EACP;IAAK","file":"Input.css"}
|
|
@@ -1,68 +1,5 @@
|
|
|
1
1
|
/* Hide element visually, keeping it focusable (with keyboard) and available for screen-readers */
|
|
2
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
|
-
/* Input variables are stored in Form.scss */
|
|
66
3
|
/* Paddings are set in em's for internal parts of .Input */
|
|
67
4
|
.Input.Input > .ButtonGroup:first-child > .ButtonGroup__InternalWrapper > .ButtonGroup__Item:first-child > .Button, .Input.Input > .Input__InnerWrapper:first-child,
|
|
68
5
|
.Input.Input > .Dropdown:first-child,
|
|
@@ -101,6 +38,7 @@
|
|
|
101
38
|
border-bottom-right-radius: 0;
|
|
102
39
|
}
|
|
103
40
|
|
|
41
|
+
/* Styling for :autofill pseudo-class */
|
|
104
42
|
/*** Input styles ***/
|
|
105
43
|
.Input {
|
|
106
44
|
/* Set color on root of component. It can be overridden after the @include */
|
|
@@ -111,8 +49,7 @@
|
|
|
111
49
|
-moz-osx-font-smoothing: grayscale;
|
|
112
50
|
position: relative;
|
|
113
51
|
display: inline-flex;
|
|
114
|
-
color: #
|
|
115
|
-
background-color: #ffffff;
|
|
52
|
+
color: var(--colorsTextDefault, #141414);
|
|
116
53
|
/* Sizes */
|
|
117
54
|
/*** States ***/
|
|
118
55
|
/* Readonly */
|
|
@@ -156,9 +93,9 @@
|
|
|
156
93
|
padding: 0;
|
|
157
94
|
max-width: 100%;
|
|
158
95
|
/* ... */
|
|
159
|
-
background-color: #ffffff;
|
|
160
|
-
border: 1px solid #dfe0e1;
|
|
161
|
-
color: #
|
|
96
|
+
background-color: var(--colorsSurfaceDefault, #ffffff);
|
|
97
|
+
border: 1px solid var(--colorsBorderGrey, #dfe0e1);
|
|
98
|
+
color: var(--colorsTextDefault, #141414);
|
|
162
99
|
border-radius: 3px;
|
|
163
100
|
transition: background 0.2s ease-in-out, box-shadow 0.1s ease-in-out, border-color 0.2s ease-in-out;
|
|
164
101
|
box-shadow: none;
|
|
@@ -179,101 +116,99 @@
|
|
|
179
116
|
font-family: inherit;
|
|
180
117
|
font-size: inherit;
|
|
181
118
|
outline: none;
|
|
182
|
-
-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
|
|
183
119
|
text-align: left;
|
|
184
120
|
line-height: 1.5;
|
|
121
|
+
-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
|
|
185
122
|
/* ... */
|
|
186
123
|
background-color: transparent;
|
|
187
124
|
border: none;
|
|
188
|
-
color: #
|
|
125
|
+
color: var(--colorsTextDefault, #141414);
|
|
189
126
|
transition: background 0.2s ease-in-out, box-shadow 0.1s ease-in-out, border-color 0.2s ease-in-out;
|
|
190
127
|
box-shadow: none;
|
|
191
128
|
/* Chrome autofill styling */
|
|
192
129
|
}
|
|
193
130
|
.Input > .Input__InnerWrapper > input[readonly] {
|
|
194
|
-
background-color: #f7f7f7;
|
|
131
|
+
background-color: var(--colorsSurfaceGreySubdued, #f7f7f7);
|
|
195
132
|
}
|
|
196
133
|
.Input > .Input__InnerWrapper > input::placeholder {
|
|
197
|
-
color:
|
|
134
|
+
color: var(--colorsTextDefault, #141414);
|
|
135
|
+
opacity: 0.4;
|
|
136
|
+
}
|
|
137
|
+
.Input > .Input__InnerWrapper > input:autofill {
|
|
138
|
+
box-shadow: 0 0 0 100px rgba(255, 190, 0, 0.08) inset !important;
|
|
139
|
+
}
|
|
140
|
+
.Input > .Input__InnerWrapper > input:autofill + .InputAddon {
|
|
141
|
+
box-shadow: 0 0 0 100px rgba(255, 190, 0, 0.08) inset !important;
|
|
198
142
|
}
|
|
199
|
-
.Input > .Input__InnerWrapper > input
|
|
200
|
-
box-shadow: 0 0 0 100px
|
|
201
|
-
|
|
143
|
+
.Input > .Input__InnerWrapper > input:-webkit-autofill {
|
|
144
|
+
box-shadow: 0 0 0 100px rgba(255, 190, 0, 0.08) inset !important;
|
|
145
|
+
}
|
|
146
|
+
.Input > .Input__InnerWrapper > input:-webkit-autofill + .InputAddon {
|
|
147
|
+
box-shadow: 0 0 0 100px rgba(255, 190, 0, 0.08) inset !important;
|
|
202
148
|
}
|
|
203
149
|
.Input.Input--readonly > .Input__InnerWrapper {
|
|
204
|
-
background-color: #f7f7f7;
|
|
150
|
+
background-color: var(--colorsSurfaceGreySubdued, #f7f7f7);
|
|
205
151
|
}
|
|
206
152
|
.Input.Input--disabled, .Input:not(.Input--disabled) input[disabled] {
|
|
207
153
|
opacity: 0.6;
|
|
208
154
|
}
|
|
209
|
-
.Input.Input--disabled
|
|
210
|
-
|
|
155
|
+
.Input.Input--disabled > .Input__InnerWrapper, .Input:not(.Input--disabled) input[disabled] {
|
|
156
|
+
background-color: var(--colorsSurfaceGreySubdued, #f7f7f7);
|
|
211
157
|
}
|
|
212
|
-
.Input.Input--disabled
|
|
213
|
-
background-color: #f7f7f7;
|
|
158
|
+
.Input.Input--disabled > .Input__InnerWrapper, .Input.Input--disabled > .Input__InnerWrapper *, .Input:not(.Input--disabled) input[disabled], .Input:not(.Input--disabled) input[disabled] * {
|
|
214
159
|
pointer-events: none;
|
|
215
160
|
}
|
|
216
|
-
.Input.Input--disabled
|
|
217
|
-
color:
|
|
161
|
+
.Input.Input--disabled > .Input__InnerWrapper::placeholder, .Input:not(.Input--disabled) input[disabled]::placeholder {
|
|
162
|
+
color: var(--colorsTextDefault, #141414);
|
|
163
|
+
opacity: 0.4;
|
|
218
164
|
}
|
|
219
165
|
.Input:focus-within, .Input.Input--focus {
|
|
220
166
|
box-shadow: 0 0 0 3px var(--colorsFocusRingPrimary, #a9d1ff);
|
|
221
167
|
border-radius: 3px;
|
|
222
168
|
}
|
|
223
169
|
.Input:focus-within > .Input__InnerWrapper, .Input.Input--focus > .Input__InnerWrapper {
|
|
224
|
-
background-color: #ffffff;
|
|
225
|
-
border-color: #2270ee;
|
|
170
|
+
background-color: var(--colorsSurfaceDefault, #ffffff);
|
|
171
|
+
border-color: var(--colorsBorderPrimary, #2270ee);
|
|
226
172
|
}
|
|
227
173
|
.Input:focus-within > .Input__InnerWrapper > input, .Input.Input--focus > .Input__InnerWrapper > input {
|
|
228
|
-
color: #
|
|
229
|
-
}
|
|
230
|
-
.Input:focus-within > .Input__InnerWrapper > input::-webkit-autofill, .Input.Input--focus > .Input__InnerWrapper > input::-webkit-autofill {
|
|
231
|
-
box-shadow: 0 0 0 100px #fffff0 inset !important;
|
|
232
|
-
border-color: #d5c315 !important;
|
|
233
|
-
}
|
|
234
|
-
.Input:focus-within > .Input__InnerWrapper > .InputAddon, .Input.Input--focus > .Input__InnerWrapper > .InputAddon {
|
|
235
|
-
border-color: transparent;
|
|
174
|
+
color: var(--colorsTextDefault, #141414);
|
|
236
175
|
}
|
|
237
176
|
.Input.Input--error {
|
|
238
177
|
/* Error Focus */
|
|
239
178
|
}
|
|
240
179
|
.Input.Input--error > .Input__InnerWrapper {
|
|
241
|
-
background-color: #ffece9;
|
|
242
|
-
border-color: #e63717;
|
|
180
|
+
background-color: var(--colorsSurfaceCriticalSubdued, #ffece9);
|
|
181
|
+
border-color: var(--colorsBorderCritical, #e63717);
|
|
243
182
|
}
|
|
244
183
|
.Input.Input--error > .Input__InnerWrapper > input {
|
|
245
|
-
color: #e63717;
|
|
184
|
+
color: var(--colorsTextCritical, #e63717);
|
|
246
185
|
box-shadow: none;
|
|
247
186
|
/* Error Placeholder */
|
|
248
|
-
/* Error */
|
|
249
187
|
}
|
|
250
|
-
.Input.Input--error > .Input__InnerWrapper > input
|
|
251
|
-
color:
|
|
188
|
+
.Input.Input--error > .Input__InnerWrapper > input::placeholder {
|
|
189
|
+
color: var(--colorsTextCritical, #e63717);
|
|
190
|
+
opacity: 0.4;
|
|
252
191
|
}
|
|
253
|
-
.Input.Input--error > .Input__InnerWrapper > input
|
|
254
|
-
|
|
192
|
+
.Input.Input--error > .Input__InnerWrapper > input:autofill {
|
|
193
|
+
box-shadow: none !important;
|
|
255
194
|
}
|
|
256
|
-
.Input.Input--error > .Input__InnerWrapper > input
|
|
257
|
-
|
|
195
|
+
.Input.Input--error > .Input__InnerWrapper > input:autofill + .InputAddon {
|
|
196
|
+
box-shadow: none !important;
|
|
258
197
|
}
|
|
259
|
-
.Input.Input--error > .Input__InnerWrapper > input
|
|
260
|
-
box-shadow:
|
|
261
|
-
|
|
198
|
+
.Input.Input--error > .Input__InnerWrapper > input:-webkit-autofill {
|
|
199
|
+
box-shadow: none !important;
|
|
200
|
+
}
|
|
201
|
+
.Input.Input--error > .Input__InnerWrapper > input:-webkit-autofill + .InputAddon {
|
|
202
|
+
box-shadow: none !important;
|
|
262
203
|
}
|
|
263
204
|
.Input.Input--error > .Input__InnerWrapper > .InputAddon {
|
|
264
|
-
color: #e63717;
|
|
205
|
+
color: var(--colorsTextCritical, #e63717);
|
|
265
206
|
}
|
|
266
207
|
.Input.Input--error:focus-within, .Input.Input--error.Input--focus {
|
|
267
|
-
box-shadow: 0 0 0 3px #ffb2a0;
|
|
268
|
-
}
|
|
269
|
-
.Input.Input--error:focus-within input, .Input.Input--error.Input--focus input {
|
|
270
|
-
border-color: #e63717;
|
|
271
|
-
}
|
|
272
|
-
.Input.Input--error:focus-within .InputAddon, .Input.Input--error.Input--focus .InputAddon {
|
|
273
|
-
border-color: #e63717;
|
|
208
|
+
box-shadow: 0 0 0 3px var(--colorsFocusRingCritical, #ffb2a0);
|
|
274
209
|
}
|
|
275
|
-
.Input.Input--error .InputAddon
|
|
276
|
-
color: #e63717;
|
|
210
|
+
.Input.Input--error .InputAddon .a-Icon {
|
|
211
|
+
color: var(--colorsTextCritical, #e63717);
|
|
277
212
|
}
|
|
278
213
|
.Input.Input--loading.Input--loading .Spinner {
|
|
279
214
|
line-height: 1;
|
|
@@ -292,7 +227,7 @@
|
|
|
292
227
|
pointer-events: none;
|
|
293
228
|
}
|
|
294
229
|
.Input > .Input__InnerWrapper .a-Icon {
|
|
295
|
-
color: #737475;
|
|
230
|
+
color: var(--colorsTextSubdued, #737475);
|
|
296
231
|
transition: opacity 0.3s ease;
|
|
297
232
|
line-height: inherit;
|
|
298
233
|
}
|
|
@@ -307,7 +242,7 @@
|
|
|
307
242
|
font-size: 16px;
|
|
308
243
|
z-index: 0;
|
|
309
244
|
/* Differ from Semantic UI */
|
|
310
|
-
color: #737475;
|
|
245
|
+
color: var(--colorsTextSubdued, #737475);
|
|
311
246
|
height: auto;
|
|
312
247
|
display: flex;
|
|
313
248
|
align-items: center;
|