@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.
Files changed (228) hide show
  1. package/dist/components/ActionMenu/ActionMenu.css +2 -1
  2. package/dist/components/ActionMenu/ActionMenu.css.map +1 -1
  3. package/dist/components/ActionMenu/ActionMenuItem.js +1 -1
  4. package/dist/components/ActionMenu/ActionMenuItem.js.map +1 -1
  5. package/dist/components/ActionMenu/index.css +2 -1
  6. package/dist/components/ActionMenu/index.css.map +1 -1
  7. package/dist/components/Announcement/Announcement.css.map +1 -1
  8. package/dist/components/Announcement/index.css.map +1 -1
  9. package/dist/components/AnvilSelect/AnvilSelect.css +6 -9
  10. package/dist/components/AnvilSelect/AnvilSelect.css.map +1 -1
  11. package/dist/components/AnvilSelect/AnvilSelect.d.ts +1 -0
  12. package/dist/components/AnvilSelect/AnvilSelect.js +6 -3
  13. package/dist/components/AnvilSelect/AnvilSelect.js.map +1 -1
  14. package/dist/components/AnvilSelect/components/DrillIn.css.map +1 -1
  15. package/dist/components/AnvilSelect/components/DrillIn.js +2 -2
  16. package/dist/components/AnvilSelect/components/DrillIn.js.map +1 -1
  17. package/dist/components/AnvilSelect/components/Trigger.css +13 -16
  18. package/dist/components/AnvilSelect/components/Trigger.css.map +1 -1
  19. package/dist/components/AnvilSelect/index.css +13 -16
  20. package/dist/components/AnvilSelect/index.css.map +1 -1
  21. package/dist/components/Avatar/Avatar.css.map +1 -1
  22. package/dist/components/Avatar/index.css.map +1 -1
  23. package/dist/components/BackLink/BackLink.css.map +1 -1
  24. package/dist/components/BackLink/index.css.map +1 -1
  25. package/dist/components/Banner/Banner.css.map +1 -1
  26. package/dist/components/Banner/index.css.map +1 -1
  27. package/dist/components/BodyText/BodyText.css.map +1 -1
  28. package/dist/components/BodyText/index.css.map +1 -1
  29. package/dist/components/Breadcrumb/Breadcrumb.css.map +1 -1
  30. package/dist/components/Breadcrumb/index.css.map +1 -1
  31. package/dist/components/Button/Button.css.map +1 -1
  32. package/dist/components/Button/index.css.map +1 -1
  33. package/dist/components/ButtonGroup/ButtonGroup.css +1 -1
  34. package/dist/components/ButtonGroup/ButtonGroup.css.map +1 -1
  35. package/dist/components/ButtonGroup/index.css +1 -1
  36. package/dist/components/ButtonGroup/index.css.map +1 -1
  37. package/dist/components/Card/Card.css.map +1 -1
  38. package/dist/components/Card/CardSection.css.map +1 -1
  39. package/dist/components/Card/index.css.map +1 -1
  40. package/dist/components/Checkbox/Checkbox.css +6 -9
  41. package/dist/components/Checkbox/Checkbox.css.map +1 -1
  42. package/dist/components/Checkbox/index.css +6 -9
  43. package/dist/components/Checkbox/index.css.map +1 -1
  44. package/dist/components/ColorPicker/ColorPicker.css.map +1 -1
  45. package/dist/components/ColorPicker/index.css.map +1 -1
  46. package/dist/components/Container/Container.css.map +1 -1
  47. package/dist/components/Container/index.css.map +1 -1
  48. package/dist/components/DataList/DataList.css.map +1 -1
  49. package/dist/components/DataList/index.css.map +1 -1
  50. package/dist/components/DatePicker/DatePicker.css +6 -9
  51. package/dist/components/DatePicker/DatePicker.css.map +1 -1
  52. package/dist/components/DatePicker/index.css +6 -9
  53. package/dist/components/DatePicker/index.css.map +1 -1
  54. package/dist/components/DateRangePicker/DateRangePicker.css.map +1 -1
  55. package/dist/components/DateRangePicker/index.css.map +1 -1
  56. package/dist/components/Dialog/Dialog.css.map +1 -1
  57. package/dist/components/Dialog/index.css.map +1 -1
  58. package/dist/components/Divider/Divider.css.map +1 -1
  59. package/dist/components/Divider/index.css.map +1 -1
  60. package/dist/components/Drawer/Drawer.css.map +1 -1
  61. package/dist/components/Drawer/index.css.map +1 -1
  62. package/dist/components/Dropdown/DropdownIcon.js +1 -4
  63. package/dist/components/Dropdown/DropdownIcon.js.map +1 -1
  64. package/dist/components/Eyebrow/Eyebrow.css.map +1 -1
  65. package/dist/components/Eyebrow/index.css.map +1 -1
  66. package/dist/components/FilePicker/FilePicker.css.map +1 -1
  67. package/dist/components/FilePicker/index.css.map +1 -1
  68. package/dist/components/FilterButton/FilterButton.css +1 -0
  69. package/dist/components/FilterButton/FilterButton.css.map +1 -1
  70. package/dist/components/FilterButton/index.css +1 -0
  71. package/dist/components/FilterButton/index.css.map +1 -1
  72. package/dist/components/FlowCard/FlowCardStep.css.map +1 -1
  73. package/dist/components/FlowCard/index.css.map +1 -1
  74. package/dist/components/Form/Form.css +6 -9
  75. package/dist/components/Form/Form.css.map +1 -1
  76. package/dist/components/Form/index.css +6 -9
  77. package/dist/components/Form/index.css.map +1 -1
  78. package/dist/components/FormField/FormField.css +19 -88
  79. package/dist/components/FormField/FormField.css.map +1 -1
  80. package/dist/components/FormField/index.css +19 -88
  81. package/dist/components/FormField/index.css.map +1 -1
  82. package/dist/components/FormGroup/FormGroup.css.map +1 -1
  83. package/dist/components/FormGroup/index.css.map +1 -1
  84. package/dist/components/Frame/Frame.css.map +1 -1
  85. package/dist/components/Frame/index.css.map +1 -1
  86. package/dist/components/Grid/GridBreakpoints.css +0 -680
  87. package/dist/components/Grid/GridBreakpoints.css.map +1 -1
  88. package/dist/components/Grid/GridColumn.css +0 -152
  89. package/dist/components/Grid/GridColumn.css.map +1 -1
  90. package/dist/components/Grid/index.css +0 -832
  91. package/dist/components/Grid/index.css.map +1 -1
  92. package/dist/components/Headline/Headline.css.map +1 -1
  93. package/dist/components/Headline/index.css.map +1 -1
  94. package/dist/components/Icon/Icon.css.map +1 -1
  95. package/dist/components/Icon/Icon.js +2 -2
  96. package/dist/components/Icon/Icon.js.map +1 -1
  97. package/dist/components/Icon/index.css.map +1 -1
  98. package/dist/components/InlineEdit/InlineEdit.css +6 -5
  99. package/dist/components/InlineEdit/InlineEdit.css.map +1 -1
  100. package/dist/components/InlineEdit/InlineEdit.d.ts +4 -1
  101. package/dist/components/InlineEdit/InlineEdit.js +43 -25
  102. package/dist/components/InlineEdit/InlineEdit.js.map +1 -1
  103. package/dist/components/InlineEdit/index.css +6 -5
  104. package/dist/components/InlineEdit/index.css.map +1 -1
  105. package/dist/components/Input/Input.css +53 -120
  106. package/dist/components/Input/Input.css.map +1 -1
  107. package/dist/components/Input/Input.js +1 -1
  108. package/dist/components/Input/Input.js.map +1 -1
  109. package/dist/components/Input/Input.test.d.ts +1 -0
  110. package/dist/components/Input/Input.test.js +53 -0
  111. package/dist/components/Input/Input.test.js.map +1 -0
  112. package/dist/components/Input/index.css +53 -120
  113. package/dist/components/Input/index.css.map +1 -1
  114. package/dist/components/Label/Label.css.map +1 -1
  115. package/dist/components/Label/index.css.map +1 -1
  116. package/dist/components/Mask/Mask.css.map +1 -1
  117. package/dist/components/Mask/index.css.map +1 -1
  118. package/dist/components/MoreDetails/MoreDetails.css.map +1 -1
  119. package/dist/components/MoreDetails/index.css.map +1 -1
  120. package/dist/components/OptionList/OptionList.css.map +1 -1
  121. package/dist/components/OptionList/index.css.map +1 -1
  122. package/dist/components/Page/Page.css.map +1 -1
  123. package/dist/components/Page/index.css.map +1 -1
  124. package/dist/components/ProgressTracker/ProgressTracker.css.map +1 -1
  125. package/dist/components/ProgressTracker/ProgressTrackerStep.css.map +1 -1
  126. package/dist/components/ProgressTracker/index.css.map +1 -1
  127. package/dist/components/Radio/Radio.css +6 -9
  128. package/dist/components/Radio/Radio.css.map +1 -1
  129. package/dist/components/Radio/index.css +6 -9
  130. package/dist/components/Radio/index.css.map +1 -1
  131. package/dist/components/Select/Select.css.map +1 -1
  132. package/dist/components/Select/index.css.map +1 -1
  133. package/dist/components/SideNav/SideNav.css.map +1 -1
  134. package/dist/components/SideNav/SideNavGroup.css.map +1 -1
  135. package/dist/components/SideNav/SideNavItem.css.map +1 -1
  136. package/dist/components/SideNav/index.css.map +1 -1
  137. package/dist/components/Sidebar/SidebarSection.css.map +1 -1
  138. package/dist/components/Sidebar/index.css.map +1 -1
  139. package/dist/components/Snackbar/Snackbar.css.map +1 -1
  140. package/dist/components/Snackbar/index.css.map +1 -1
  141. package/dist/components/Stack/Stack.css.map +1 -1
  142. package/dist/components/Stack/index.css.map +1 -1
  143. package/dist/components/StatusLight/StatusLight.css.map +1 -1
  144. package/dist/components/StatusLight/index.css.map +1 -1
  145. package/dist/components/Tab/Tab.css.map +1 -1
  146. package/dist/components/Tab/index.css.map +1 -1
  147. package/dist/components/TabGroup/TabGroup.css.map +1 -1
  148. package/dist/components/TabGroup/index.css.map +1 -1
  149. package/dist/components/Table/Table.css +29 -9
  150. package/dist/components/Table/Table.css.map +1 -1
  151. package/dist/components/Table/index.css +29 -9
  152. package/dist/components/Table/index.css.map +1 -1
  153. package/dist/components/Tag/Tag.css +4 -2
  154. package/dist/components/Tag/Tag.css.map +1 -1
  155. package/dist/components/Tag/index.css +4 -2
  156. package/dist/components/Tag/index.css.map +1 -1
  157. package/dist/components/Takeover/TakeoverFooter.css.map +1 -1
  158. package/dist/components/Takeover/TakeoverHeader.css.map +1 -1
  159. package/dist/components/Takeover/TakeoverSection.css.map +1 -1
  160. package/dist/components/Takeover/index.css.map +1 -1
  161. package/dist/components/Text/Text.css.map +1 -1
  162. package/dist/components/Text/index.css.map +1 -1
  163. package/dist/components/TextArea/TextArea.css +33 -91
  164. package/dist/components/TextArea/TextArea.css.map +1 -1
  165. package/dist/components/TextArea/index.css +33 -91
  166. package/dist/components/TextArea/index.css.map +1 -1
  167. package/dist/components/Thumbnail/Thumbnail.css.map +1 -1
  168. package/dist/components/Thumbnail/index.css.map +1 -1
  169. package/dist/components/TimePicker/TimePicker.css +1 -5
  170. package/dist/components/TimePicker/TimePicker.css.map +1 -1
  171. package/dist/components/TimePicker/TimePicker.d.ts +25 -21
  172. package/dist/components/TimePicker/TimePicker.js +94 -83
  173. package/dist/components/TimePicker/TimePicker.js.map +1 -1
  174. package/dist/components/TimePicker/index.css +1 -5
  175. package/dist/components/TimePicker/index.css.map +1 -1
  176. package/dist/components/TimePicker/utils/filterOptions.js +3 -3
  177. package/dist/components/TimePicker/utils/filterOptions.js.map +1 -1
  178. package/dist/components/TimePicker/utils/generateOptions.d.ts +2 -2
  179. package/dist/components/TimePicker/utils/generateOptions.js +7 -8
  180. package/dist/components/TimePicker/utils/generateOptions.js.map +1 -1
  181. package/dist/components/TimePicker/utils/getClosestOption.d.ts +1 -1
  182. package/dist/components/TimePicker/utils/getClosestOption.js +4 -4
  183. package/dist/components/TimePicker/utils/getClosestOption.js.map +1 -1
  184. package/dist/components/TimePicker/utils/highlightClosestOption.js +1 -1
  185. package/dist/components/TimePicker/utils/highlightClosestOption.js.map +1 -1
  186. package/dist/components/TimePicker/utils/timePickerUtils.test.js +21 -8
  187. package/dist/components/TimePicker/utils/timePickerUtils.test.js.map +1 -1
  188. package/dist/components/TimePicker/utils/toTimeFormat.d.ts +1 -1
  189. package/dist/components/TimePicker/utils/toTimeFormat.js +23 -3
  190. package/dist/components/TimePicker/utils/toTimeFormat.js.map +1 -1
  191. package/dist/components/Toast/Toast.css.map +1 -1
  192. package/dist/components/Toast/ToastGroup.css.map +1 -1
  193. package/dist/components/Toast/index.css.map +1 -1
  194. package/dist/components/ToggleSwitch/ToggleSwitch.css.map +1 -1
  195. package/dist/components/ToggleSwitch/index.css.map +1 -1
  196. package/dist/components/Togglebox/Togglebox.css.map +1 -1
  197. package/dist/components/Togglebox/index.css.map +1 -1
  198. package/dist/components/Tooltip/Tooltip.css.map +1 -1
  199. package/dist/components/Tooltip/index.css.map +1 -1
  200. package/dist/components/index.css +158 -974
  201. package/dist/components/index.css.map +1 -1
  202. package/dist/global/index.css +1 -1
  203. package/dist/global/version.css +1 -1
  204. package/dist/internal/Overlay/Overlay.css.map +1 -1
  205. package/dist/internal/Overlay/index.css.map +1 -1
  206. package/dist/internal/Popper/Popper.css.map +1 -1
  207. package/dist/internal/Popper/Popper.js +4 -1
  208. package/dist/internal/Popper/Popper.js.map +1 -1
  209. package/dist/internal/Popper/index.css.map +1 -1
  210. package/dist/internal/Portal/Portal.js +2 -3
  211. package/dist/internal/Portal/Portal.js.map +1 -1
  212. package/dist/internal/index.css.map +1 -1
  213. package/dist/system-light.css +11 -1
  214. package/dist/system-light.css.map +1 -1
  215. package/dist/system-light.min.css +1 -1
  216. package/dist/system.css +226 -1001
  217. package/dist/system.css.map +1 -1
  218. package/dist/system.min.css +2 -2
  219. package/dist/themes/index.css +25 -28
  220. package/dist/themes/index.css.map +1 -1
  221. package/dist/themes/kendo/index.css +25 -28
  222. package/dist/themes/kendo/index.css.map +1 -1
  223. package/dist/utilities/ThemeProvider.d.ts +0 -2
  224. package/dist/utilities/ThemeProvider.js +17 -26
  225. package/dist/utilities/ThemeProvider.js.map +1 -1
  226. package/dist/utilities/usePrefersColorScheme.js +13 -6
  227. package/dist/utilities/usePrefersColorScheme.js.map +1 -1
  228. package/package.json +9 -10
@@ -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: #040404;
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: #040404;
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,104 +116,103 @@
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: #040404;
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: rgba(4, 4, 4, 0.4);
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;
198
139
  }
199
- .Input > .Input__InnerWrapper > input::-webkit-autofill {
200
- box-shadow: 0 0 0 100px #fffff0 inset !important;
201
- border-color: #e5dfa1 !important;
140
+ .Input > .Input__InnerWrapper > input:autofill + .InputAddon {
141
+ box-shadow: 0 0 0 100px rgba(255, 190, 0, 0.08) inset !important;
142
+ }
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 *, .Input:not(.Input--disabled) input[disabled] * {
210
- pointer-events: none;
155
+ .Input.Input--disabled > .Input__InnerWrapper, .Input:not(.Input--disabled) input[disabled] {
156
+ background-color: var(--colorsSurfaceGreySubdued, #f7f7f7);
211
157
  }
212
- .Input.Input--disabled input, .Input:not(.Input--disabled) input[disabled], .Input.Input--disabled .InputAddon {
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 input::placeholder, .Input:not(.Input--disabled) input[disabled]::placeholder, .Input.Input--disabled .InputAddon::placeholder {
217
- color: rgba(4, 4, 4, 0.4);
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: #040404;
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::-webkit-input-placeholder {
251
- color: rgba(230, 55, 23, 0.6);
188
+ .Input.Input--error > .Input__InnerWrapper > input::placeholder {
189
+ color: var(--colorsTextCritical, #e63717);
190
+ opacity: 0.4;
191
+ }
192
+ .Input.Input--error > .Input__InnerWrapper > input:autofill {
193
+ box-shadow: none !important;
252
194
  }
253
- .Input.Input--error > .Input__InnerWrapper > input::-moz-placeholder {
254
- color: rgba(230, 55, 23, 0.6);
195
+ .Input.Input--error > .Input__InnerWrapper > input:autofill + .InputAddon {
196
+ box-shadow: none !important;
255
197
  }
256
- .Input.Input--error > .Input__InnerWrapper > input:-ms-input-placeholder {
257
- color: rgba(230, 55, 23, 0.6);
198
+ .Input.Input--error > .Input__InnerWrapper > input:-webkit-autofill {
199
+ box-shadow: none !important;
258
200
  }
259
- .Input.Input--error > .Input__InnerWrapper > input::-webkit-autofill {
260
- box-shadow: 0 0 0 100px #ffece9 inset !important;
261
- border-color: #e63717 !important;
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 > .a-Icon {
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;
215
+ pointer-events: none;
280
216
  text-align: center;
281
217
  height: 100%;
282
218
  width: 1.1em;
@@ -288,11 +224,8 @@
288
224
  box-shadow: none !important;
289
225
  border-radius: 0 !important;
290
226
  }
291
- .Input > .Input__InnerWrapper .a-Icon:not(button) {
292
- pointer-events: none;
293
- }
294
227
  .Input > .Input__InnerWrapper .a-Icon {
295
- color: #737475;
228
+ color: var(--colorsTextSubdued, #737475);
296
229
  transition: opacity 0.3s ease;
297
230
  line-height: inherit;
298
231
  }
@@ -307,7 +240,7 @@
307
240
  font-size: 16px;
308
241
  z-index: 0;
309
242
  /* Differ from Semantic UI */
310
- color: #737475;
243
+ color: var(--colorsTextSubdued, #737475);
311
244
  height: auto;
312
245
  display: flex;
313
246
  align-items: center;
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Form/Form.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss","../../../src/components/Input/Input.scss","../../../src/utilities/_component-reset.scss","../../../src/utilities/_font-smoothing.scss"],"names":[],"mappings":"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","file":"Input.css"}
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;AAiBA;AAEA;AASA;AAmCA;AAmCA;AA0CA;AASA;;AA3TA;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;EACA,OA7QW;;AAoRb;EACC;EACA;EACA;EACA;EACA;;AASD;EACC,OA/Qc;EAgRd,YAJiB;EAKjB;;AAEA;EACC;EACA;EACA;;AAIF;EACC;EACA;EACA,WCjLY;EDkLZ;AAEA;EACA,OAjSc;EAkSd;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,SAtTD;EAuTC,WCtNY;;ADwNb;EAAsD,SAtTtD;;AAuTA;EAAuD,SApTvD;;AAqTA;EAAsD,SAlTtD;;AAqTA;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"}
@@ -170,7 +170,7 @@ export class Input extends React.Component {
170
170
  iconPosition === 'left' && this.renderIcon(),
171
171
  shortLabelPosition === 'left' && this.renderShortLabel(),
172
172
  this.renderInput(htmlInputProps),
173
- loading && (React.createElement(InputAddon, null,
173
+ loading && (React.createElement(InputAddon, { onClick: () => this.focus() },
174
174
  React.createElement(Spinner, null))),
175
175
  shortLabelPosition === 'right' && this.renderShortLabel(),
176
176
  iconPosition === 'right' && this.renderIcon()),
@@ -1 +1 @@
1
- {"version":3,"file":"Input.js","sourceRoot":"","sources":["../../../src/components/Input/Input.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"Input.js","sourceRoot":"","sources":["../../../src/components/Input/Input.tsx"],"names":[],"mappings":"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"}
@@ -0,0 +1 @@
1
+ export {};
@@ -0,0 +1,53 @@
1
+ import React from 'react';
2
+ import { render } from '@testing-library/react';
3
+ import userEvent from '@testing-library/user-event';
4
+ import { Icon } from '../Icon';
5
+ import { Form } from '../Form';
6
+ import { Input } from '../Input';
7
+ const FormInputIcon = () => {
8
+ const handleClick = () => console.warn('icon clicked');
9
+ const handleSubmit = () => console.warn('form submitted');
10
+ return (React.createElement(Form, { onSubmit: handleSubmit },
11
+ React.createElement(Input, { className: "i1", placeholder: "Placeholder", icon: React.createElement(Icon, { name: "help", onClick: handleClick }) })));
12
+ };
13
+ describe('test Input with an Icon.onClick inside', () => {
14
+ beforeEach(() => jest.spyOn(console, 'error'));
15
+ jest.spyOn(global.console, 'warn');
16
+ console.warn = jest.fn(); // Prevent actual console.warn from showing up in command line
17
+ const getElements = () => {
18
+ const { container } = render(React.createElement(FormInputIcon, null));
19
+ return [
20
+ container.querySelector('.i1 input'),
21
+ container.querySelector('.i1 .a-Icon'),
22
+ ];
23
+ };
24
+ it('it should be focused on Input click', () => {
25
+ const [input, icon] = getElements();
26
+ expect(input).not.toHaveFocus();
27
+ expect(icon).not.toHaveFocus();
28
+ userEvent.click(input);
29
+ expect(input).toHaveFocus();
30
+ expect(icon).not.toHaveFocus();
31
+ console.warn('warn to count first call of console.warn');
32
+ expect(console.warn).toHaveBeenCalledTimes(1);
33
+ });
34
+ it('it should not call handleClick on enter keypress', () => {
35
+ const [input, icon] = getElements();
36
+ userEvent.click(input);
37
+ userEvent.keyboard('hello');
38
+ expect(input).toHaveFocus();
39
+ expect(icon).not.toHaveFocus();
40
+ userEvent.keyboard('{enter}');
41
+ expect(console.warn).toHaveBeenCalledTimes(2);
42
+ expect(console.warn).toBeCalledWith('form submitted');
43
+ });
44
+ it('it should call handleClick when click on Icon', () => {
45
+ const [input, icon] = getElements();
46
+ userEvent.click(icon);
47
+ expect(input).not.toHaveFocus();
48
+ expect(icon).toHaveFocus();
49
+ expect(console.warn).toHaveBeenCalledTimes(3);
50
+ expect(console.warn).toBeCalledWith('icon clicked');
51
+ });
52
+ });
53
+ //# sourceMappingURL=Input.test.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Input.test.js","sourceRoot":"","sources":["../../../src/components/Input/Input.test.tsx"],"names":[],"mappings":"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"}