@@ -64,6 +64,7 @@ exports[`uncontrolled mode matches the snapshot 1`] = `
6464 margin = " none"
6565 onClick = { [Function ]}
6666 required = { false }
67+ variant = " standard"
6768 >
6869 <div
6970 className = " MuiFormControl-root-15 ChipInput-root-1"
@@ -101,12 +102,15 @@ exports[`uncontrolled mode matches the snapshot 1`] = `
101102 " deletable" : " MuiChip-deletable-25" ,
102103 " deletableColorPrimary" : " MuiChip-deletableColorPrimary-26" ,
103104 " deletableColorSecondary" : " MuiChip-deletableColorSecondary-27" ,
104- " deleteIcon" : " MuiChip-deleteIcon-36" ,
105- " deleteIconColorPrimary" : " MuiChip-deleteIconColorPrimary-37" ,
106- " deleteIconColorSecondary" : " MuiChip-deleteIconColorSecondary-38" ,
107- " deleteIconOutlinedColorPrimary" : " MuiChip-deleteIconOutlinedColorPrimary-39" ,
108- " deleteIconOutlinedColorSecondary" : " MuiChip-deleteIconOutlinedColorSecondary-40" ,
109- " label" : " MuiChip-label-35" ,
105+ " deleteIcon" : " MuiChip-deleteIcon-39" ,
106+ " deleteIconColorPrimary" : " MuiChip-deleteIconColorPrimary-40" ,
107+ " deleteIconColorSecondary" : " MuiChip-deleteIconColorSecondary-41" ,
108+ " deleteIconOutlinedColorPrimary" : " MuiChip-deleteIconOutlinedColorPrimary-42" ,
109+ " deleteIconOutlinedColorSecondary" : " MuiChip-deleteIconOutlinedColorSecondary-43" ,
110+ " icon" : " MuiChip-icon-35" ,
111+ " iconColorPrimary" : " MuiChip-iconColorPrimary-36" ,
112+ " iconColorSecondary" : " MuiChip-iconColorSecondary-37" ,
113+ " label" : " MuiChip-label-38" ,
110114 " outlined" : " MuiChip-outlined-28" ,
111115 " outlinedPrimary" : " MuiChip-outlinedPrimary-29" ,
112116 " outlinedSecondary" : " MuiChip-outlinedSecondary-30" ,
@@ -142,33 +146,35 @@ exports[`uncontrolled mode matches the snapshot 1`] = `
142146 tabIndex = { 0 }
143147 >
144148 <span
145- className = " MuiChip-label-35 "
149+ className = " MuiChip-label-38 "
146150 >
147151 foo
148152 </span >
149153 <pure(Cancel)
150- className="MuiChip-deleteIcon-36 "
154+ className="MuiChip-deleteIcon-39 "
151155 onClick={ [Function ]}
152156 >
153157 <Cancel
154- className = " MuiChip-deleteIcon-36 "
158+ className = " MuiChip-deleteIcon-39 "
155159 onClick = { [Function ]}
156160 >
157161 <WithStyles(SvgIcon)
158- className="MuiChip-deleteIcon-36 "
162+ className="MuiChip-deleteIcon-39 "
159163 onClick={ [Function ]}
160164 >
161165 <SvgIcon
162- className = " MuiChip-deleteIcon-36 "
166+ className = " MuiChip-deleteIcon-39 "
163167 classes = {
164168 Object {
165- " colorAction" : " MuiSvgIcon-colorAction-44" ,
166- " colorDisabled" : " MuiSvgIcon-colorDisabled-46" ,
167- " colorError" : " MuiSvgIcon-colorError-45" ,
168- " colorPrimary" : " MuiSvgIcon-colorPrimary-42" ,
169- " colorSecondary" : " MuiSvgIcon-colorSecondary-43" ,
170- " fontSizeInherit" : " MuiSvgIcon-fontSizeInherit-47" ,
171- " root" : " MuiSvgIcon-root-41" ,
169+ " colorAction" : " MuiSvgIcon-colorAction-47" ,
170+ " colorDisabled" : " MuiSvgIcon-colorDisabled-49" ,
171+ " colorError" : " MuiSvgIcon-colorError-48" ,
172+ " colorPrimary" : " MuiSvgIcon-colorPrimary-45" ,
173+ " colorSecondary" : " MuiSvgIcon-colorSecondary-46" ,
174+ " fontSizeInherit" : " MuiSvgIcon-fontSizeInherit-50" ,
175+ " fontSizeLarge" : " MuiSvgIcon-fontSizeLarge-52" ,
176+ " fontSizeSmall" : " MuiSvgIcon-fontSizeSmall-51" ,
177+ " root" : " MuiSvgIcon-root-44" ,
172178 }
173179 }
174180 color = " inherit"
@@ -179,9 +185,10 @@ exports[`uncontrolled mode matches the snapshot 1`] = `
179185 >
180186 <svg
181187 aria-hidden = " true"
182- className = " MuiSvgIcon-root-41 MuiChip-deleteIcon-36 "
188+ className = " MuiSvgIcon-root-44 MuiChip-deleteIcon-39 "
183189 focusable = " false"
184190 onClick = { [Function ]}
191+ role = " presentation"
185192 viewBox = " 0 0 24 24"
186193 >
187194 <path
@@ -224,12 +231,15 @@ exports[`uncontrolled mode matches the snapshot 1`] = `
224231 " deletable" : " MuiChip-deletable-25" ,
225232 " deletableColorPrimary" : " MuiChip-deletableColorPrimary-26" ,
226233 " deletableColorSecondary" : " MuiChip-deletableColorSecondary-27" ,
227- " deleteIcon" : " MuiChip-deleteIcon-36" ,
228- " deleteIconColorPrimary" : " MuiChip-deleteIconColorPrimary-37" ,
229- " deleteIconColorSecondary" : " MuiChip-deleteIconColorSecondary-38" ,
230- " deleteIconOutlinedColorPrimary" : " MuiChip-deleteIconOutlinedColorPrimary-39" ,
231- " deleteIconOutlinedColorSecondary" : " MuiChip-deleteIconOutlinedColorSecondary-40" ,
232- " label" : " MuiChip-label-35" ,
234+ " deleteIcon" : " MuiChip-deleteIcon-39" ,
235+ " deleteIconColorPrimary" : " MuiChip-deleteIconColorPrimary-40" ,
236+ " deleteIconColorSecondary" : " MuiChip-deleteIconColorSecondary-41" ,
237+ " deleteIconOutlinedColorPrimary" : " MuiChip-deleteIconOutlinedColorPrimary-42" ,
238+ " deleteIconOutlinedColorSecondary" : " MuiChip-deleteIconOutlinedColorSecondary-43" ,
239+ " icon" : " MuiChip-icon-35" ,
240+ " iconColorPrimary" : " MuiChip-iconColorPrimary-36" ,
241+ " iconColorSecondary" : " MuiChip-iconColorSecondary-37" ,
242+ " label" : " MuiChip-label-38" ,
233243 " outlined" : " MuiChip-outlined-28" ,
234244 " outlinedPrimary" : " MuiChip-outlinedPrimary-29" ,
235245 " outlinedSecondary" : " MuiChip-outlinedSecondary-30" ,
@@ -265,33 +275,35 @@ exports[`uncontrolled mode matches the snapshot 1`] = `
265275 tabIndex = { 0 }
266276 >
267277 <span
268- className = " MuiChip-label-35 "
278+ className = " MuiChip-label-38 "
269279 >
270280 bar
271281 </span >
272282 <pure(Cancel)
273- className="MuiChip-deleteIcon-36 "
283+ className="MuiChip-deleteIcon-39 "
274284 onClick={ [Function ]}
275285 >
276286 <Cancel
277- className = " MuiChip-deleteIcon-36 "
287+ className = " MuiChip-deleteIcon-39 "
278288 onClick = { [Function ]}
279289 >
280290 <WithStyles(SvgIcon)
281- className="MuiChip-deleteIcon-36 "
291+ className="MuiChip-deleteIcon-39 "
282292 onClick={ [Function ]}
283293 >
284294 <SvgIcon
285- className = " MuiChip-deleteIcon-36 "
295+ className = " MuiChip-deleteIcon-39 "
286296 classes = {
287297 Object {
288- " colorAction" : " MuiSvgIcon-colorAction-44" ,
289- " colorDisabled" : " MuiSvgIcon-colorDisabled-46" ,
290- " colorError" : " MuiSvgIcon-colorError-45" ,
291- " colorPrimary" : " MuiSvgIcon-colorPrimary-42" ,
292- " colorSecondary" : " MuiSvgIcon-colorSecondary-43" ,
293- " fontSizeInherit" : " MuiSvgIcon-fontSizeInherit-47" ,
294- " root" : " MuiSvgIcon-root-41" ,
298+ " colorAction" : " MuiSvgIcon-colorAction-47" ,
299+ " colorDisabled" : " MuiSvgIcon-colorDisabled-49" ,
300+ " colorError" : " MuiSvgIcon-colorError-48" ,
301+ " colorPrimary" : " MuiSvgIcon-colorPrimary-45" ,
302+ " colorSecondary" : " MuiSvgIcon-colorSecondary-46" ,
303+ " fontSizeInherit" : " MuiSvgIcon-fontSizeInherit-50" ,
304+ " fontSizeLarge" : " MuiSvgIcon-fontSizeLarge-52" ,
305+ " fontSizeSmall" : " MuiSvgIcon-fontSizeSmall-51" ,
306+ " root" : " MuiSvgIcon-root-44" ,
295307 }
296308 }
297309 color = " inherit"
@@ -302,9 +314,10 @@ exports[`uncontrolled mode matches the snapshot 1`] = `
302314 >
303315 <svg
304316 aria-hidden = " true"
305- className = " MuiSvgIcon-root-41 MuiChip-deleteIcon-36 "
317+ className = " MuiSvgIcon-root-44 MuiChip-deleteIcon-39 "
306318 focusable = " false"
307319 onClick = { [Function ]}
320+ role = " presentation"
308321 viewBox = " 0 0 24 24"
309322 >
310323 <path
@@ -339,55 +352,122 @@ exports[`uncontrolled mode matches the snapshot 1`] = `
339352 <Input
340353 classes = {
341354 Object {
342- " disabled" : " MuiInput-disabled-51 " ,
343- " error" : " MuiInput-error-53 " ,
344- " focused" : " MuiInput-focused-50 " ,
345- " formControl" : " MuiInput-formControl-49 " ,
346- " fullWidth" : " MuiInput-fullWidth-55 " ,
347- " input" : " MuiInput-input-56 ChipInput-input-3" ,
348- " inputMarginDense" : " MuiInput-inputMarginDense-57 " ,
349- " inputMultiline" : " MuiInput-inputMultiline-58 " ,
350- " inputType" : " MuiInput-inputType-59 " ,
351- " inputTypeSearch" : " MuiInput-inputTypeSearch-60 " ,
352- " multiline" : " MuiInput-multiline-54 " ,
353- " root" : " MuiInput-root-48 ChipInput-inputRoot-2" ,
354- " underline" : " MuiInput-underline-52 " ,
355+ " disabled" : " MuiInput-disabled-56 " ,
356+ " error" : " MuiInput-error-58 " ,
357+ " focused" : " MuiInput-focused-55 " ,
358+ " formControl" : " MuiInput-formControl-54 " ,
359+ " fullWidth" : " MuiInput-fullWidth-60 " ,
360+ " input" : " MuiInput-input-61 ChipInput-input-3" ,
361+ " inputMarginDense" : " MuiInput-inputMarginDense-62 " ,
362+ " inputMultiline" : " MuiInput-inputMultiline-63 " ,
363+ " inputType" : " MuiInput-inputType-64 " ,
364+ " inputTypeSearch" : " MuiInput-inputTypeSearch-65 " ,
365+ " multiline" : " MuiInput-multiline-59 " ,
366+ " root" : " MuiInput-root-53 ChipInput-inputRoot-2" ,
367+ " underline" : " MuiInput-underline-57 " ,
355368 }
356369 }
357370 disableUnderline = { true }
358- fullWidth = { false }
359- inputComponent = " input"
360371 inputRef = { [Function ]}
361- multiline = { false }
362372 onBlur = { [Function ]}
363373 onChange = { [Function ]}
364374 onFocus = { [Function ]}
365375 onKeyDown = { [Function ]}
366376 onKeyPress = { [Function ]}
367377 onKeyUp = { [Function ]}
368378 placeholder = { null }
369- type = " text"
370379 value = " "
371380 >
372- <div
373- className = " MuiInput-root-48 ChipInput-inputRoot-2 MuiInput-formControl-49"
381+ <WithStyles(InputBase)
382+ classes={
383+ Object {
384+ " disabled" : " MuiInput-disabled-56" ,
385+ " error" : " MuiInput-error-58" ,
386+ " focused" : " MuiInput-focused-55" ,
387+ " formControl" : " MuiInput-formControl-54" ,
388+ " fullWidth" : " MuiInput-fullWidth-60" ,
389+ " input" : " MuiInput-input-61 ChipInput-input-3" ,
390+ " inputMarginDense" : " MuiInput-inputMarginDense-62" ,
391+ " inputMultiline" : " MuiInput-inputMultiline-63" ,
392+ " inputType" : " MuiInput-inputType-64" ,
393+ " inputTypeSearch" : " MuiInput-inputTypeSearch-65" ,
394+ " multiline" : " MuiInput-multiline-59" ,
395+ " root" : " MuiInput-root-53 ChipInput-inputRoot-2" ,
396+ " underline" : null ,
397+ }
398+ }
399+ fullWidth={ false }
400+ inputComponent="input"
401+ inputRef={ [Function ]}
402+ multiline={ false }
403+ onBlur={ [Function ]}
404+ onChange={ [Function ]}
405+ onFocus={ [Function ]}
406+ onKeyDown={ [Function ]}
374407 onKeyPress={ [Function ]}
408+ onKeyUp={ [Function ]}
409+ placeholder={ null }
410+ type="text"
411+ value=""
375412 >
376- <input
377- aria-invalid = { false }
378- className = " MuiInput-input-56 ChipInput-input-3"
379- disabled = { false }
413+ <InputBase
414+ classes = {
415+ Object {
416+ " adornedEnd" : " MuiInputBase-adornedEnd-71" ,
417+ " adornedStart" : " MuiInputBase-adornedStart-70" ,
418+ " disabled" : " MuiInputBase-disabled-69 MuiInput-disabled-56" ,
419+ " error" : " MuiInputBase-error-72 MuiInput-error-58" ,
420+ " focused" : " MuiInputBase-focused-68 MuiInput-focused-55" ,
421+ " formControl" : " MuiInputBase-formControl-67 MuiInput-formControl-54" ,
422+ " fullWidth" : " MuiInputBase-fullWidth-75 MuiInput-fullWidth-60" ,
423+ " input" : " MuiInputBase-input-76 MuiInput-input-61 ChipInput-input-3" ,
424+ " inputAdornedEnd" : " MuiInputBase-inputAdornedEnd-82" ,
425+ " inputAdornedStart" : " MuiInputBase-inputAdornedStart-81" ,
426+ " inputMarginDense" : " MuiInputBase-inputMarginDense-77 MuiInput-inputMarginDense-62" ,
427+ " inputMultiline" : " MuiInputBase-inputMultiline-78 MuiInput-inputMultiline-63" ,
428+ " inputType" : " MuiInputBase-inputType-79 MuiInput-inputType-64" ,
429+ " inputTypeSearch" : " MuiInputBase-inputTypeSearch-80 MuiInput-inputTypeSearch-65" ,
430+ " marginDense" : " MuiInputBase-marginDense-73" ,
431+ " multiline" : " MuiInputBase-multiline-74 MuiInput-multiline-59" ,
432+ " root" : " MuiInputBase-root-66 MuiInput-root-53 ChipInput-inputRoot-2" ,
433+ }
434+ }
435+ fullWidth = { false }
436+ inputComponent = " input"
437+ inputRef = { [Function ]}
438+ multiline = { false }
380439 onBlur = { [Function ]}
381440 onChange = { [Function ]}
382441 onFocus = { [Function ]}
383442 onKeyDown = { [Function ]}
443+ onKeyPress = { [Function ]}
384444 onKeyUp = { [Function ]}
385445 placeholder = { null }
386- required = { false }
387446 type = " text"
388447 value = " "
389- />
390- </div >
448+ >
449+ <div
450+ className = " MuiInputBase-root-66 MuiInput-root-53 ChipInput-inputRoot-2 MuiInputBase-formControl-67 MuiInput-formControl-54"
451+ onClick = { [Function ]}
452+ onKeyPress = { [Function ]}
453+ >
454+ <input
455+ aria-invalid = { false }
456+ className = " MuiInputBase-input-76 MuiInput-input-61 ChipInput-input-3"
457+ disabled = { false }
458+ onBlur = { [Function ]}
459+ onChange = { [Function ]}
460+ onFocus = { [Function ]}
461+ onKeyDown = { [Function ]}
462+ onKeyUp = { [Function ]}
463+ placeholder = { null }
464+ required = { false }
465+ type = " text"
466+ value = " "
467+ />
468+ </div >
469+ </InputBase >
470+ </WithStyles(InputBase)>
391471 </Input >
392472 </WithStyles(Input)>
393473 </div >
0 commit comments