@react-spectrum/textfield 3.1.6 → 3.3.1

package/dist/main.css

@@ -1,2 +1 @@
-[dir=ltr] ._spectrum-FieldLabel_36b9b{text-align:left}[dir=rtl] ._spectrum-FieldLabel_36b9b{text-align:right}._spectrum-FieldLabel_36b9b{display:-ms-flexbox;display:flex;-ms-flex:0 0 auto;flex:0 0 auto;box-sizing:border-box;padding:var(--spectrum-global-dimension-size-50) 0 var(--spectrum-global-dimension-size-65);font-size:var(--spectrum-global-dimension-font-size-75);font-weight:var(--spectrum-global-font-weight-regular,400);line-height:var(--spectrum-global-font-line-height-small,1.3);vertical-align:top;-webkit-font-smoothing:subpixel-antialiased;-moz-osx-font-smoothing:auto;font-smoothing:subpixel-antialiased;cursor:default}[dir=ltr] ._spectrum-FieldLabel--positionSide_36b9b{padding-right:var(--spectrum-global-dimension-size-100)}[dir=rtl] ._spectrum-FieldLabel--positionSide_36b9b{padding-left:var(--spectrum-global-dimension-size-100)}._spectrum-FieldLabel--positionSide_36b9b{display:-ms-inline-flexbox;display:inline-flex;padding-top:var(--spectrum-global-dimension-size-100)}[dir=ltr] ._spectrum-FieldLabel-requiredIcon_36b9b{margin-right:0}[dir=rtl] ._spectrum-FieldLabel-requiredIcon_36b9b{margin-left:0}[dir=ltr] ._spectrum-FieldLabel-requiredIcon_36b9b{margin-left:var(--spectrum-global-dimension-size-25)}[dir=rtl] ._spectrum-FieldLabel-requiredIcon_36b9b{margin-right:var(--spectrum-global-dimension-size-25)}._spectrum-FieldLabel-requiredIcon_36b9b{margin-top:var(--spectrum-global-dimension-size-50);margin-bottom:0}[dir=ltr] ._spectrum-FieldLabel--alignEnd_36b9b{text-align:right}[dir=rtl] ._spectrum-FieldLabel--alignEnd_36b9b{text-align:left}._spectrum-FieldLabel--alignEnd_36b9b{-ms-flex-pack:end;justify-content:flex-end}._spectrum-Field_36b9b{--spectrum-field-default-width:var(--spectrum-global-dimension-size-2400)}._spectrum-Field_36b9b._spectrum-Field--positionTop_36b9b{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-direction:column;flex-direction:column;width:var(--spectrum-field-default-width)}._spectrum-Field_36b9b._spectrum-Field--positionTop_36b9b ._spectrum-Field-field_36b9b{width:100%}._spectrum-Field_36b9b._spectrum-Field--positionTop_36b9b ._spectrum-Field-field--multiline_36b9b{-ms-flex:1 1 auto;flex:1 1 auto}._spectrum-Field_36b9b._spectrum-Field--positionSide_36b9b{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:start;align-items:flex-start}._spectrum-Field_36b9b._spectrum-Field--positionSide_36b9b ._spectrum-Field-field_36b9b{-ms-flex:1;flex:1}._spectrum-Field_36b9b._spectrum-Field--positionSide_36b9b ._spectrum-Field-field--multiline_36b9b{height:100%}[dir=ltr] ._spectrum-Form_36b9b._spectrum-Form--positionSide_36b9b{text-align:left}[dir=rtl] ._spectrum-Form_36b9b._spectrum-Form--positionSide_36b9b{text-align:right}._spectrum-Form_36b9b._spectrum-Form--positionSide_36b9b{display:table;border-collapse:initial;border-spacing:0 var(--spectrum-global-dimension-size-300);margin:calc(var(--spectrum-global-dimension-size-250) * -1) 0}._spectrum-Form_36b9b._spectrum-Form--positionSide_36b9b ._spectrum-Field_36b9b{display:table-row;width:100%}._spectrum-Form_36b9b._spectrum-Form--positionSide_36b9b ._spectrum-FieldLabel_36b9b{display:table-cell}._spectrum-Form_36b9b._spectrum-Form--positionSide_36b9b ._spectrum-Field-field_36b9b{display:table-cell;width:auto;min-width:var(--spectrum-global-dimension-size-2400)}._spectrum-Form_36b9b._spectrum-Form--positionTop_36b9b{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;margin:0;min-width:var(--spectrum-global-dimension-size-2400)}._spectrum-Form_36b9b._spectrum-Form--positionTop_36b9b>*{margin-top:var(--spectrum-global-dimension-size-100);width:100%}._spectrum-FieldLabel_36b9b,._spectrum-Form-itemLabel_36b9b{color:var(--spectrum-alias-label-text-color,var(--spectrum-global-color-gray-700))}._spectrum-FieldLabel_36b9b._is-disabled_36b9b,._spectrum-FieldLabel_36b9b._is-disabled_36b9b ._spectrum-FieldLabel-requiredIcon_36b9b,._spectrum-Form-itemLabel_36b9b._is-disabled_36b9b,._spectrum-Form-itemLabel_36b9b._is-disabled_36b9b ._spectrum-FieldLabel-requiredIcon_36b9b{color:var(--spectrum-alias-text-color-disabled,var(--spectrum-global-color-gray-500))}._spectrum-FieldLabel-requiredIcon_36b9b{color:var(--spectrum-global-color-gray-600)}._spectrum-Textfield_61339{display:-ms-inline-flexbox;display:inline-flex;position:relative;min-width:var(--spectrum-global-dimension-size-600);width:var(--spectrum-global-dimension-size-2400)}._spectrum-Textfield_61339._spectrum-Textfield--quiet_61339._spectrum-Textfield--multiline_61339 ._spectrum-Textfield-input_61339{height:var(--spectrum-alias-single-line-height,var(--spectrum-global-dimension-size-400));min-height:var(--spectrum-alias-single-line-height,var(--spectrum-global-dimension-size-400));overflow-x:hidden}._spectrum-Textfield-input_61339{box-sizing:border-box;border:var(--spectrum-alias-border-size-thin,var(--spectrum-global-dimension-static-size-10)) solid;border-radius:var(--spectrum-alias-border-radius-regular,var(--spectrum-global-dimension-size-50));padding:3px var(--spectrum-global-dimension-size-150) 5px calc(var(--spectrum-global-dimension-size-150) - 1px);text-indent:0;width:100%;height:var(--spectrum-alias-single-line-height,var(--spectrum-global-dimension-size-400));vertical-align:top;margin:0;overflow:visible;font-family:adobe-clean-ux,adobe-clean,Source Sans Pro,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:var(--spectrum-alias-font-size-default,var(--spectrum-global-dimension-font-size-100));line-height:var(--spectrum-alias-body-text-line-height,var(--spectrum-global-font-line-height-medium));text-overflow:ellipsis;transition:border-color .13s ease-in-out,box-shadow .13s ease-in-out;outline:none;-webkit-appearance:none;-moz-appearance:textfield}._spectrum-Textfield-input_61339._is-placeholder_61339,._spectrum-Textfield-input_61339::placeholder{font-weight:var(--spectrum-global-font-weight-regular,400);font-style:var(--spectrum-global-font-style-italic,italic);font-synthesis:none;transition:color .13s ease-in-out;opacity:1}._spectrum-Textfield-input_61339::-ms-input-placeholder{font-weight:var(--spectrum-global-font-weight-regular,400);font-style:var(--spectrum-global-font-style-italic,italic);transition:color .13s ease-in-out;opacity:1}._spectrum-Textfield-input_61339:lang(ar)._is-placeholder_61339,._spectrum-Textfield-input_61339:lang(ar)::placeholder,._spectrum-Textfield-input_61339:lang(he)._is-placeholder_61339,._spectrum-Textfield-input_61339:lang(he)::placeholder,._spectrum-Textfield-input_61339:lang(ja)._is-placeholder_61339,._spectrum-Textfield-input_61339:lang(ja)::placeholder,._spectrum-Textfield-input_61339:lang(ko)._is-placeholder_61339,._spectrum-Textfield-input_61339:lang(ko)::placeholder,._spectrum-Textfield-input_61339:lang(zh)._is-placeholder_61339,._spectrum-Textfield-input_61339:lang(zh)::placeholder{font-style:normal}._spectrum-Textfield-input_61339:lang(ar)::-ms-input-placeholder,._spectrum-Textfield-input_61339:lang(he)::-ms-input-placeholder,._spectrum-Textfield-input_61339:lang(ja)::-ms-input-placeholder,._spectrum-Textfield-input_61339:lang(ko)::-ms-input-placeholder,._spectrum-Textfield-input_61339:lang(zh)::-ms-input-placeholder{font-style:normal}._spectrum-Textfield-input_61339._is-hovered_61339::placeholder{font-weight:var(--spectrum-global-font-weight-regular,400)}._spectrum-Textfield-input_61339:disabled{resize:none;opacity:1}._spectrum-Textfield-input_61339:disabled._is-placeholder_61339,._spectrum-Textfield-input_61339:disabled::placeholder{font-weight:var(--spectrum-global-font-weight-regular,400)}._spectrum-Textfield-input_61339::-ms-clear{width:0;height:0}._spectrum-Textfield-input_61339::-webkit-inner-spin-button,._spectrum-Textfield-input_61339::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}._spectrum-Textfield-input_61339:-moz-ui-invalid{box-shadow:none}._spectrum-Textfield--multiline_61339 ._spectrum-Textfield-input_61339{height:auto;min-height:var(--spectrum-global-dimension-size-700);padding:3px var(--spectrum-global-dimension-size-150) 5px calc(var(--spectrum-global-dimension-size-150) - 1px);overflow:auto}[dir=ltr] ._spectrum-Textfield--quiet_61339 ._spectrum-Textfield-input_61339{padding-left:0}[dir=ltr] ._spectrum-Textfield--quiet_61339 ._spectrum-Textfield-input_61339,[dir=rtl] ._spectrum-Textfield--quiet_61339 ._spectrum-Textfield-input_61339{padding-right:0}[dir=rtl] ._spectrum-Textfield--quiet_61339 ._spectrum-Textfield-input_61339{padding-left:0}._spectrum-Textfield--quiet_61339 ._spectrum-Textfield-input_61339{border-radius:0;border-left-width:0;border-bottom-width:var(--spectrum-alias-border-size-thin,var(--spectrum-global-dimension-static-size-10));border-right-width:0;border-top-width:0;resize:none;overflow-y:hidden}[dir=ltr] ._spectrum-Textfield--valid_61339 ._spectrum-Textfield-input_61339{padding-right:calc(var(--spectrum-global-dimension-size-150) + var(--spectrum-icon-checkmark-medium-width) + var(--spectrum-global-dimension-size-150))}[dir=rtl] ._spectrum-Textfield--valid_61339 ._spectrum-Textfield-input_61339{padding-left:calc(var(--spectrum-global-dimension-size-150) + var(--spectrum-icon-checkmark-medium-width) + var(--spectrum-global-dimension-size-150))}[dir=ltr] ._spectrum-Textfield--invalid_61339 ._spectrum-Textfield-input_61339{padding-right:calc(var(--spectrum-global-dimension-size-150) + var(--spectrum-global-dimension-size-225) + var(--spectrum-global-dimension-size-150))}[dir=rtl] ._spectrum-Textfield--invalid_61339 ._spectrum-Textfield-input_61339{padding-left:calc(var(--spectrum-global-dimension-size-150) + var(--spectrum-global-dimension-size-225) + var(--spectrum-global-dimension-size-150))}[dir=ltr] ._spectrum-Textfield--loadable_61339 ._spectrum-Textfield-input_61339{padding-right:calc(var(--spectrum-global-dimension-size-150) + var(--spectrum-global-dimension-size-225) + var(--spectrum-global-dimension-size-150))}[dir=rtl] ._spectrum-Textfield--loadable_61339 ._spectrum-Textfield-input_61339{padding-left:calc(var(--spectrum-global-dimension-size-150) + var(--spectrum-global-dimension-size-225) + var(--spectrum-global-dimension-size-150))}[dir=ltr] ._spectrum-Textfield-validationIcon_61339{padding-right:calc(var(--spectrum-global-dimension-size-150) / 2)}[dir=rtl] ._spectrum-Textfield-validationIcon_61339{padding-left:calc(var(--spectrum-global-dimension-size-150) / 2)}._spectrum-Textfield-validationIcon_61339{position:absolute;pointer-events:all;transition:color .13s ease-in-out}[dir=ltr] ._spectrum-Textfield--quiet_61339 ._spectrum-Textfield-validationIcon_61339{padding-right:0}[dir=rtl] ._spectrum-Textfield--quiet_61339 ._spectrum-Textfield-validationIcon_61339{padding-left:0}[dir=ltr] ._spectrum-Textfield--invalid_61339 ._spectrum-Textfield-validationIcon_61339{right:calc(var(--spectrum-textfield-icon-frame) / 2 - var(--spectrum-global-dimension-size-225) / 2)}[dir=rtl] ._spectrum-Textfield--invalid_61339 ._spectrum-Textfield-validationIcon_61339{left:calc(var(--spectrum-textfield-icon-frame) / 2 - var(--spectrum-global-dimension-size-225) / 2)}._spectrum-Textfield--invalid_61339 ._spectrum-Textfield-validationIcon_61339{width:var(--spectrum-global-dimension-size-225);height:var(--spectrum-global-dimension-size-225);top:calc(var(--spectrum-textfield-icon-frame) / 2 - var(--spectrum-global-dimension-size-225) / 2)}[dir=ltr] ._spectrum-Textfield--valid_61339 ._spectrum-Textfield-validationIcon_61339{right:var(--spectrum-global-dimension-size-150)}[dir=rtl] ._spectrum-Textfield--valid_61339 ._spectrum-Textfield-validationIcon_61339{left:var(--spectrum-global-dimension-size-150)}._spectrum-Textfield--valid_61339 ._spectrum-Textfield-validationIcon_61339{width:var(--spectrum-icon-checkmark-medium-width);height:var(--spectrum-icon-checkmark-medium-height);top:calc(var(--spectrum-textfield-icon-frame) / 2 - var(--spectrum-icon-checkmark-medium-height) / 2)}[dir=ltr] ._spectrum-Textfield-icon_61339{left:var(--spectrum-global-dimension-size-150)}[dir=rtl] ._spectrum-Textfield-icon_61339{right:var(--spectrum-global-dimension-size-150)}._spectrum-Textfield-icon_61339{display:block;position:absolute;height:var(--spectrum-global-dimension-size-225);width:var(--spectrum-global-dimension-size-225);top:var(--spectrum-global-dimension-size-85);transition:fill .13s ease-in-out}[dir=ltr] ._spectrum-Textfield-inputIcon_61339{padding-left:calc(var(--spectrum-global-dimension-size-150) + var(--spectrum-global-dimension-size-225) + var(--spectrum-global-dimension-size-65))}[dir=rtl] ._spectrum-Textfield-inputIcon_61339{padding-right:calc(var(--spectrum-global-dimension-size-150) + var(--spectrum-global-dimension-size-225) + var(--spectrum-global-dimension-size-65))}[dir=ltr] ._spectrum-Textfield--quiet_61339 ._spectrum-Textfield-inputIcon_61339{padding-left:calc(var(--spectrum-global-dimension-size-100) + var(--spectrum-global-dimension-size-225))}[dir=rtl] ._spectrum-Textfield--quiet_61339 ._spectrum-Textfield-inputIcon_61339{padding-right:calc(var(--spectrum-global-dimension-size-100) + var(--spectrum-global-dimension-size-225))}[dir=ltr] ._spectrum-Textfield--quiet_61339 ._spectrum-Textfield-inputIcon_61339~._spectrum-Textfield-icon_61339{left:0}[dir=rtl] ._spectrum-Textfield--quiet_61339 ._spectrum-Textfield-inputIcon_61339~._spectrum-Textfield-icon_61339{right:0}._spectrum-Textfield-inputIcon_61339._spectrum-Textfield--multiline_61339{height:var(--spectrum-alias-single-line-height,var(--spectrum-global-dimension-size-400));min-height:var(--spectrum-alias-single-line-height,var(--spectrum-global-dimension-size-400))}[dir=ltr] ._spectrum-Textfield--loadable_61339 ._spectrum-Textfield-circleLoader_61339{right:calc(var(--spectrum-textfield-icon-frame) / 2 - var(--spectrum-global-dimension-size-225) / 2 + var(--spectrum-global-dimension-size-150) / 2)}[dir=rtl] ._spectrum-Textfield--loadable_61339 ._spectrum-Textfield-circleLoader_61339{left:calc(var(--spectrum-textfield-icon-frame) / 2 - var(--spectrum-global-dimension-size-225) / 2 + var(--spectrum-global-dimension-size-150) / 2)}._spectrum-Textfield--loadable_61339 ._spectrum-Textfield-circleLoader_61339{position:absolute;top:calc(var(--spectrum-textfield-icon-frame) / 2 - var(--spectrum-global-dimension-static-size-200, 16px) / 2)}[dir=ltr] ._spectrum-Textfield--quiet_61339._spectrum-Textfield--loadable_61339 ._spectrum-Textfield-circleLoader_61339{padding-right:0}[dir=rtl] ._spectrum-Textfield--quiet_61339._spectrum-Textfield--loadable_61339 ._spectrum-Textfield-circleLoader_61339{padding-left:0}._spectrum-Textfield-input_61339{background-color:var(--spectrum-global-color-gray-50);border-color:var(--spectrum-alias-border-color,var(--spectrum-global-color-gray-400));color:var(--spectrum-alias-text-color,var(--spectrum-global-color-gray-800))}._spectrum-Textfield-input_61339._is-placeholder_61339,._spectrum-Textfield-input_61339::placeholder{color:var(--spectrum-alias-placeholder-text-color,var(--spectrum-global-color-gray-600))}._spectrum-Textfield-input_61339._is-hovered_61339{border-color:var(--spectrum-alias-border-color-hover,var(--spectrum-global-color-gray-500));box-shadow:none}._spectrum-Textfield-input_61339._is-hovered_61339._is-placeholder_61339,._spectrum-Textfield-input_61339._is-hovered_61339::placeholder{color:var(--spectrum-alias-placeholder-text-color-hover,var(--spectrum-global-color-gray-900))}._spectrum-Textfield-input_61339._is-hovered_61339~._spectrum-Textfield-icon_61339{fill:var(--spectrum-global-color-gray-900)}._spectrum-Textfield-input_61339:active{background-color:var(--spectrum-global-color-gray-50);border-color:var(--spectrum-alias-border-color-mouse-focus,var(--spectrum-global-color-blue-500));color:var(--spectrum-alias-text-color-down,var(--spectrum-global-color-gray-900))}._spectrum-Textfield-input_61339:active._is-placeholder_61339,._spectrum-Textfield-input_61339:active::placeholder{color:var(--spectrum-alias-placeholder-text-color-down,var(--spectrum-global-color-gray-900))}._spectrum-Textfield-input_61339:active~._spectrum-Textfield-icon_61339{fill:var(--spectrum-alias-icon-color-down,var(--spectrum-global-color-gray-900))}._spectrum-Textfield-input_61339._is-focused_61339,._spectrum-Textfield-input_61339:focus{border-color:var(--spectrum-alias-border-color-mouse-focus,var(--spectrum-global-color-blue-500))}._spectrum-Textfield-input_61339._focus-ring_61339:not(:active){border-color:var(--spectrum-alias-border-color-focus,var(--spectrum-global-color-blue-400));box-shadow:0 0 0 1px var(--spectrum-alias-border-color-focus,var(--spectrum-global-color-blue-400))}._spectrum-Textfield-input_61339._is-disabled_61339,._spectrum-Textfield-input_61339[disabled]{background-color:var(--spectrum-global-color-gray-200);border-color:var(--spectrum-alias-border-color-transparent,transparent);color:var(--spectrum-alias-text-color-disabled,var(--spectrum-global-color-gray-500));-webkit-text-fill-color:var(--spectrum-alias-text-color-disabled,var(--spectrum-global-color-gray-500))}._spectrum-Textfield-input_61339._is-disabled_61339._is-placeholder_61339,._spectrum-Textfield-input_61339._is-disabled_61339::placeholder,._spectrum-Textfield-input_61339[disabled]._is-placeholder_61339,._spectrum-Textfield-input_61339[disabled]::placeholder{color:var(--spectrum-alias-text-color-disabled,var(--spectrum-global-color-gray-500))}._spectrum-Textfield-input_61339._is-disabled_61339~._spectrum-Textfield-icon_61339,._spectrum-Textfield-input_61339[disabled]~._spectrum-Textfield-icon_61339{fill:var(--spectrum-global-color-gray-500)}._spectrum-Textfield-input_61339._spectrum-Textfield--invalid_61339,._spectrum-Textfield-input_61339:invalid{border-color:var(--spectrum-semantic-negative-color-default,var(--spectrum-global-color-red-500))}._spectrum-Textfield-input_61339._spectrum-Textfield--invalid_61339._is-hovered_61339,._spectrum-Textfield-input_61339:invalid._is-hovered_61339{border-color:var(--spectrum-semantic-negative-color-state-hover,var(--spectrum-global-color-red-600))}._spectrum-Textfield-input_61339._spectrum-Textfield--invalid_61339:active,._spectrum-Textfield-input_61339:invalid:active{border-color:var(--spectrum-semantic-negative-color-state-down,var(--spectrum-global-color-red-700))}._spectrum-Textfield-input_61339._spectrum-Textfield--invalid_61339._focus-ring_61339:not(:active),._spectrum-Textfield-input_61339:invalid._focus-ring_61339:not(:active){border-color:var(--spectrum-semantic-negative-color-default,var(--spectrum-global-color-red-500));box-shadow:0 0 0 1px var(--spectrum-semantic-negative-color-default,var(--spectrum-global-color-red-500))}._spectrum-Textfield--quiet_61339 ._spectrum-Textfield-input_61339{background-color:var(--spectrum-alias-background-color-transparent,transparent);border-color:var(--spectrum-alias-border-color,var(--spectrum-global-color-gray-400))}._spectrum-Textfield--quiet_61339 ._spectrum-Textfield-input_61339._is-hovered_61339{border-color:var(--spectrum-alias-border-color-hover,var(--spectrum-global-color-gray-500))}._spectrum-Textfield--quiet_61339 ._spectrum-Textfield-input_61339:active{border-color:var(--spectrum-alias-border-color-mouse-focus,var(--spectrum-global-color-blue-500))}._spectrum-Textfield--quiet_61339 ._spectrum-Textfield-input_61339._is-focused_61339,._spectrum-Textfield--quiet_61339 ._spectrum-Textfield-input_61339:focus{border-color:var(--spectrum-alias-border-color-focus,var(--spectrum-global-color-blue-400))}._spectrum-Textfield--quiet_61339 ._spectrum-Textfield-input_61339._focus-ring_61339:not(:active){border-color:var(--spectrum-alias-border-color-focus,var(--spectrum-global-color-blue-400));box-shadow:0 1px 0 var(--spectrum-alias-border-color-focus,var(--spectrum-global-color-blue-400))}._spectrum-Textfield--quiet_61339 ._spectrum-Textfield-input_61339._is-disabled_61339,._spectrum-Textfield--quiet_61339 ._spectrum-Textfield-input_61339:disabled{background-color:var(--spectrum-alias-background-color-transparent,transparent);border-color:var(--spectrum-alias-border-color-mid,var(--spectrum-global-color-gray-300))}._spectrum-Textfield--quiet_61339 ._spectrum-Textfield-input_61339:invalid{border-color:var(--spectrum-semantic-negative-color-default,var(--spectrum-global-color-red-500))}._spectrum-Textfield--quiet_61339 ._spectrum-Textfield-input_61339:invalid._focus-ring_61339:not(:active){border-color:var(--spectrum-semantic-negative-color-default,var(--spectrum-global-color-red-500));box-shadow:0 1px 0 var(--spectrum-semantic-negative-color-default,var(--spectrum-global-color-red-500))}._spectrum-Textfield_61339._spectrum-Textfield--invalid_61339 ._spectrum-Textfield-input_61339{border-color:var(--spectrum-semantic-negative-color-default,var(--spectrum-global-color-red-500))}._spectrum-Textfield_61339._spectrum-Textfield--invalid_61339 ._spectrum-Textfield-input_61339._focus-ring_61339:not(:active){border-color:var(--spectrum-semantic-negative-color-default,var(--spectrum-global-color-red-500));box-shadow:0 0 0 1px var(--spectrum-semantic-negative-color-default,var(--spectrum-global-color-red-500))}._spectrum-Textfield--quiet_61339._spectrum-Textfield--invalid_61339 ._spectrum-Textfield-input_61339._focus-ring_61339:not(:active){box-shadow:0 1px 0 var(--spectrum-semantic-negative-color-default,var(--spectrum-global-color-red-500))}._spectrum-Textfield-icon_61339{fill:var(--spectrum-alias-icon-color,var(--spectrum-global-color-gray-700))}._spectrum-Textfield--valid_61339 ._spectrum-Textfield-validationIcon_61339{fill:var(--spectrum-semantic-positive-color-icon,var(--spectrum-global-color-green-600))}._spectrum-Textfield--invalid_61339 ._spectrum-Textfield-validationIcon_61339{fill:var(--spectrum-semantic-negative-color-icon,var(--spectrum-global-color-red-600))}
-/*# sourceMappingURL=main.css.map */
+.spectrum-Textfield-input_73bc77{font-family:adobe-clean-ux,adobe-clean,Source Sans Pro,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.spectrum-Textfield-input_73bc77:lang(ar){font-family:adobe-arabic,myriad-arabic,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.spectrum-Textfield-input_73bc77:lang(he){font-family:adobe-hebrew,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.spectrum-Textfield-input_73bc77:lang(zh-Hans),.spectrum-Textfield-input_73bc77:lang(zh){font-family:adobe-clean-han-simplified-c,SimSun,Heiti SC Light,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.spectrum-Textfield-input_73bc77:lang(ko){font-family:adobe-clean-han-korean,Malgun Gothic,Apple Gothic,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.spectrum-Textfield-input_73bc77:lang(ja){font-family:adobe-clean-han-japanese,Yu Gothic,メイリオ,ヒラギノ角ゴ Pro W3,Hiragino Kaku Gothic Pro W3,Osaka,ＭＳＰゴシック,MS PGothic,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.spectrum-Textfield_73bc77{min-width:var(--spectrum-textfield-min-width,var(--spectrum-global-dimension-size-600));width:var(--spectrum-alias-single-line-width,var(--spectrum-global-dimension-size-2400));display:inline-flex;position:relative}.spectrum-Textfield_73bc77:not(.spectrum-Textfield--quiet_73bc77).spectrum-Textfield--multiline_73bc77 .spectrum-Textfield-input_73bc77:not(:disabled){resize:vertical}.spectrum-Textfield_73bc77.spectrum-Textfield--quiet_73bc77.spectrum-Textfield--multiline_73bc77 .spectrum-Textfield-input_73bc77{height:var(--spectrum-textfield-height,var(--spectrum-alias-single-line-height));min-height:var(--spectrum-textfield-height,var(--spectrum-alias-single-line-height));overflow-x:hidden}.spectrum-Textfield-input_73bc77{box-sizing:border-box;border:var(--spectrum-textfield-border-size,var(--spectrum-alias-border-size-thin))solid;border-radius:var(--spectrum-textfield-border-radius,var(--spectrum-alias-border-radius-regular));padding:3px var(--spectrum-textfield-padding-x,var(--spectrum-global-dimension-size-150))5px calc(var(--spectrum-textfield-padding-x,var(--spectrum-global-dimension-size-150)) - 1px);text-indent:0;width:100%;height:var(--spectrum-textfield-height,var(--spectrum-alias-single-line-height));vertical-align:top;font-size:var(--spectrum-textfield-text-size,var(--spectrum-alias-font-size-default));line-height:var(--spectrum-textfield-text-line-height,var(--spectrum-alias-body-text-line-height));text-overflow:ellipsis;transition:border-color var(--spectrum-global-animation-duration-100,130ms)ease-in-out,box-shadow var(--spectrum-global-animation-duration-100,130ms)ease-in-out;-webkit-appearance:none;-moz-appearance:textfield;outline:0;margin:0;overflow:visible}.spectrum-Textfield-input_73bc77::placeholder,.spectrum-Textfield-input_73bc77.is-placeholder_73bc77{font-weight:var(--spectrum-textfield-placeholder-text-font-weight,var(--spectrum-global-font-weight-regular));font-style:var(--spectrum-textfield-placeholder-text-font-style,var(--spectrum-global-font-style-italic));font-synthesis:none;transition:color var(--spectrum-global-animation-duration-100,130ms)ease-in-out;opacity:1}.spectrum-Textfield-input_73bc77::-moz-placeholder{font-weight:var(--spectrum-textfield-placeholder-text-font-weight,var(--spectrum-global-font-weight-regular));font-style:var(--spectrum-textfield-placeholder-text-font-style,var(--spectrum-global-font-style-italic));transition:color var(--spectrum-global-animation-duration-100,130ms)ease-in-out;opacity:1}.spectrum-Textfield-input_73bc77:lang(ja)::placeholder,.spectrum-Textfield-input_73bc77:lang(ja).is-placeholder_73bc77,.spectrum-Textfield-input_73bc77:lang(zh)::placeholder,.spectrum-Textfield-input_73bc77:lang(zh).is-placeholder_73bc77,.spectrum-Textfield-input_73bc77:lang(ko)::placeholder,.spectrum-Textfield-input_73bc77:lang(ko).is-placeholder_73bc77,.spectrum-Textfield-input_73bc77:lang(ar)::placeholder,.spectrum-Textfield-input_73bc77:lang(ar).is-placeholder_73bc77,.spectrum-Textfield-input_73bc77:lang(he)::placeholder,.spectrum-Textfield-input_73bc77:lang(he).is-placeholder_73bc77{font-style:normal}.spectrum-Textfield-input_73bc77:lang(ja)::-moz-placeholder,.spectrum-Textfield-input_73bc77:lang(zh)::-moz-placeholder,.spectrum-Textfield-input_73bc77:lang(ko)::-moz-placeholder,.spectrum-Textfield-input_73bc77:lang(ar)::-moz-placeholder,.spectrum-Textfield-input_73bc77:lang(he)::-moz-placeholder{font-style:normal}.spectrum-Textfield-input_73bc77.is-hovered_73bc77::placeholder{font-weight:var(--spectrum-textfield-placeholder-text-font-weight,var(--spectrum-global-font-weight-regular))}.spectrum-Textfield-input_73bc77:disabled{resize:none;opacity:1}.spectrum-Textfield-input_73bc77:disabled::placeholder,.spectrum-Textfield-input_73bc77:disabled.is-placeholder_73bc77{font-weight:var(--spectrum-textfield-placeholder-text-font-weight,var(--spectrum-global-font-weight-regular))}.spectrum-Textfield-input_73bc77::-ms-clear{width:0;height:0}.spectrum-Textfield-input_73bc77::-webkit-inner-spin-button,.spectrum-Textfield-input_73bc77::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.spectrum-Textfield-input_73bc77:-moz-ui-invalid{box-shadow:none}.spectrum-Textfield--multiline_73bc77 .spectrum-Textfield-input_73bc77{height:auto;min-height:var(--spectrum-global-dimension-size-700);padding:3px var(--spectrum-textfield-padding-x,var(--spectrum-global-dimension-size-150))5px calc(var(--spectrum-textfield-padding-x,var(--spectrum-global-dimension-size-150)) - 1px);overflow:auto}[dir=ltr] .spectrum-Textfield--quiet_73bc77 .spectrum-Textfield-input_73bc77{padding-left:var(--spectrum-textfield-quiet-padding-x,0)}[dir=rtl] .spectrum-Textfield--quiet_73bc77 .spectrum-Textfield-input_73bc77,[dir=ltr] .spectrum-Textfield--quiet_73bc77 .spectrum-Textfield-input_73bc77{padding-right:var(--spectrum-textfield-quiet-padding-x,0)}[dir=rtl] .spectrum-Textfield--quiet_73bc77 .spectrum-Textfield-input_73bc77{padding-left:var(--spectrum-textfield-quiet-padding-x,0)}.spectrum-Textfield--quiet_73bc77 .spectrum-Textfield-input_73bc77{border-width:0 0 var(--spectrum-textfield-quiet-border-size,var(--spectrum-alias-border-size-thin))0;resize:none;border-radius:0;overflow-y:hidden}[dir=ltr] .spectrum-Textfield--valid_73bc77 .spectrum-Textfield-input_73bc77{padding-right:calc(var(--spectrum-textfield-padding-x,var(--spectrum-global-dimension-size-150)) + var(--spectrum-icon-checkmark-medium-width) + var(--spectrum-textfield-icon-margin-left,var(--spectrum-global-dimension-size-150)))}[dir=rtl] .spectrum-Textfield--valid_73bc77 .spectrum-Textfield-input_73bc77{padding-left:calc(var(--spectrum-textfield-padding-x,var(--spectrum-global-dimension-size-150)) + var(--spectrum-icon-checkmark-medium-width) + var(--spectrum-textfield-icon-margin-left,var(--spectrum-global-dimension-size-150)))}[dir=ltr] .spectrum-Textfield--invalid_73bc77 .spectrum-Textfield-input_73bc77{padding-right:calc(var(--spectrum-textfield-padding-x,var(--spectrum-global-dimension-size-150)) + var(--spectrum-icon-alert-medium-width,var(--spectrum-global-dimension-size-225)) + var(--spectrum-textfield-icon-margin-left,var(--spectrum-global-dimension-size-150)))}[dir=rtl] .spectrum-Textfield--invalid_73bc77 .spectrum-Textfield-input_73bc77{padding-left:calc(var(--spectrum-textfield-padding-x,var(--spectrum-global-dimension-size-150)) + var(--spectrum-icon-alert-medium-width,var(--spectrum-global-dimension-size-225)) + var(--spectrum-textfield-icon-margin-left,var(--spectrum-global-dimension-size-150)))}[dir=ltr] .spectrum-Textfield--loadable_73bc77 .spectrum-Textfield-input_73bc77{padding-right:calc(var(--spectrum-textfield-padding-x,var(--spectrum-global-dimension-size-150)) + var(--spectrum-icon-alert-medium-width,var(--spectrum-global-dimension-size-225)) + var(--spectrum-textfield-icon-margin-left,var(--spectrum-global-dimension-size-150)))}[dir=rtl] .spectrum-Textfield--loadable_73bc77 .spectrum-Textfield-input_73bc77{padding-left:calc(var(--spectrum-textfield-padding-x,var(--spectrum-global-dimension-size-150)) + var(--spectrum-icon-alert-medium-width,var(--spectrum-global-dimension-size-225)) + var(--spectrum-textfield-icon-margin-left,var(--spectrum-global-dimension-size-150)))}[dir=ltr] .spectrum-Textfield-validationIcon_73bc77{padding-right:calc(var(--spectrum-global-dimension-size-150)/2)}[dir=rtl] .spectrum-Textfield-validationIcon_73bc77{padding-left:calc(var(--spectrum-global-dimension-size-150)/2)}.spectrum-Textfield-validationIcon_73bc77{pointer-events:all;transition:color var(--spectrum-global-animation-duration-100,130ms)ease-in-out;position:absolute}[dir=ltr] .spectrum-Textfield--quiet_73bc77 .spectrum-Textfield-validationIcon_73bc77{padding-right:0}[dir=rtl] .spectrum-Textfield--quiet_73bc77 .spectrum-Textfield-validationIcon_73bc77{padding-left:0}[dir=ltr] .spectrum-Textfield--invalid_73bc77 .spectrum-Textfield-validationIcon_73bc77{right:calc(var(--spectrum-textfield-icon-frame)/2 - var(--spectrum-icon-alert-medium-width,var(--spectrum-global-dimension-size-225))/2)}[dir=rtl] .spectrum-Textfield--invalid_73bc77 .spectrum-Textfield-validationIcon_73bc77{left:calc(var(--spectrum-textfield-icon-frame)/2 - var(--spectrum-icon-alert-medium-width,var(--spectrum-global-dimension-size-225))/2)}.spectrum-Textfield--invalid_73bc77 .spectrum-Textfield-validationIcon_73bc77{width:var(--spectrum-icon-alert-medium-width,var(--spectrum-global-dimension-size-225));height:var(--spectrum-icon-alert-medium-height,var(--spectrum-global-dimension-size-225));top:calc(var(--spectrum-textfield-icon-frame)/2 - var(--spectrum-icon-alert-medium-height,var(--spectrum-global-dimension-size-225))/2)}[dir=ltr] .spectrum-Textfield--valid_73bc77 .spectrum-Textfield-validationIcon_73bc77{right:var(--spectrum-global-dimension-size-150)}[dir=rtl] .spectrum-Textfield--valid_73bc77 .spectrum-Textfield-validationIcon_73bc77{left:var(--spectrum-global-dimension-size-150)}.spectrum-Textfield--valid_73bc77 .spectrum-Textfield-validationIcon_73bc77{width:var(--spectrum-icon-checkmark-medium-width);height:var(--spectrum-icon-checkmark-medium-height);top:calc(var(--spectrum-textfield-icon-frame)/2 - var(--spectrum-icon-checkmark-medium-height)/2)}[dir=ltr] .spectrum-Textfield-icon_73bc77{left:var(--spectrum-global-dimension-size-150)}[dir=rtl] .spectrum-Textfield-icon_73bc77{right:var(--spectrum-global-dimension-size-150)}.spectrum-Textfield-icon_73bc77{height:var(--spectrum-icon-info-medium-height,var(--spectrum-global-dimension-size-225));width:var(--spectrum-icon-info-medium-width,var(--spectrum-global-dimension-size-225));top:var(--spectrum-global-dimension-size-85);transition:fill var(--spectrum-global-animation-duration-100,130ms)ease-in-out;display:block;position:absolute}[dir=ltr] .spectrum-Textfield-inputIcon_73bc77{padding-left:calc(var(--spectrum-global-dimension-size-150) + var(--spectrum-global-dimension-size-225) + var(--spectrum-global-dimension-size-65))}[dir=rtl] .spectrum-Textfield-inputIcon_73bc77{padding-right:calc(var(--spectrum-global-dimension-size-150) + var(--spectrum-global-dimension-size-225) + var(--spectrum-global-dimension-size-65))}[dir=ltr] .spectrum-Textfield--quiet_73bc77 .spectrum-Textfield-inputIcon_73bc77{padding-left:calc(var(--spectrum-global-dimension-size-100) + var(--spectrum-icon-info-medium-width,var(--spectrum-global-dimension-size-225)))}[dir=rtl] .spectrum-Textfield--quiet_73bc77 .spectrum-Textfield-inputIcon_73bc77{padding-right:calc(var(--spectrum-global-dimension-size-100) + var(--spectrum-icon-info-medium-width,var(--spectrum-global-dimension-size-225)))}[dir=ltr] .spectrum-Textfield--quiet_73bc77 .spectrum-Textfield-inputIcon_73bc77~.spectrum-Textfield-icon_73bc77{left:0}[dir=rtl] .spectrum-Textfield--quiet_73bc77 .spectrum-Textfield-inputIcon_73bc77~.spectrum-Textfield-icon_73bc77{right:0}.spectrum-Textfield-inputIcon_73bc77.spectrum-Textfield--multiline_73bc77{height:var(--spectrum-textfield-height,var(--spectrum-alias-single-line-height));min-height:var(--spectrum-textfield-height,var(--spectrum-alias-single-line-height))}[dir=ltr] .spectrum-Textfield--loadable_73bc77 .spectrum-Textfield-circleLoader_73bc77{right:calc(var(--spectrum-textfield-icon-frame)/2 - var(--spectrum-icon-alert-medium-width,var(--spectrum-global-dimension-size-225))/2 + var(--spectrum-global-dimension-size-150)/2)}[dir=rtl] .spectrum-Textfield--loadable_73bc77 .spectrum-Textfield-circleLoader_73bc77{left:calc(var(--spectrum-textfield-icon-frame)/2 - var(--spectrum-icon-alert-medium-width,var(--spectrum-global-dimension-size-225))/2 + var(--spectrum-global-dimension-size-150)/2)}.spectrum-Textfield--loadable_73bc77 .spectrum-Textfield-circleLoader_73bc77{top:calc(var(--spectrum-textfield-icon-frame)/2 - var(--spectrum-loader-circle-small-width,var(--spectrum-global-dimension-static-size-200))/2);position:absolute}[dir=ltr] .spectrum-Textfield--quiet_73bc77.spectrum-Textfield--loadable_73bc77 .spectrum-Textfield-circleLoader_73bc77{padding-right:0}[dir=rtl] .spectrum-Textfield--quiet_73bc77.spectrum-Textfield--loadable_73bc77 .spectrum-Textfield-circleLoader_73bc77{padding-left:0}.spectrum-Textfield-input_73bc77{background-color:var(--spectrum-textfield-background-color,var(--spectrum-global-color-gray-50));border-color:var(--spectrum-textfield-border-color,var(--spectrum-alias-border-color));color:var(--spectrum-textfield-text-color,var(--spectrum-alias-text-color))}.spectrum-Textfield-input_73bc77::placeholder,.spectrum-Textfield-input_73bc77.is-placeholder_73bc77{color:var(--spectrum-textfield-placeholder-text-color,var(--spectrum-alias-placeholder-text-color))}.spectrum-Textfield-input_73bc77.is-hovered_73bc77{border-color:var(--spectrum-textfield-border-color-hover,var(--spectrum-alias-border-color-hover));box-shadow:none}.spectrum-Textfield-input_73bc77.is-hovered_73bc77::placeholder,.spectrum-Textfield-input_73bc77.is-hovered_73bc77.is-placeholder_73bc77{color:var(--spectrum-textfield-placeholder-text-color-hover,var(--spectrum-alias-placeholder-text-color-hover))}.spectrum-Textfield-input_73bc77.is-hovered_73bc77~.spectrum-Textfield-icon_73bc77{fill:var(--spectrum-textfield-icon-color-hover,var(--spectrum-global-color-gray-900))}.spectrum-Textfield-input_73bc77:active{background-color:var(--spectrum-textfield-background-color-down,var(--spectrum-global-color-gray-50));border-color:var(--spectrum-textfield-border-color-down,var(--spectrum-alias-border-color-mouse-focus));color:var(--spectrum-textfield-text-color-down,var(--spectrum-alias-text-color-down))}.spectrum-Textfield-input_73bc77:active::placeholder,.spectrum-Textfield-input_73bc77:active.is-placeholder_73bc77{color:var(--spectrum-textfield-placeholder-text-color-down,var(--spectrum-alias-placeholder-text-color-down))}.spectrum-Textfield-input_73bc77:active~.spectrum-Textfield-icon_73bc77{fill:var(--spectrum-textfield-icon-color-down,var(--spectrum-alias-icon-color-down))}.spectrum-Textfield-input_73bc77:focus,.spectrum-Textfield-input_73bc77.is-focused_73bc77{border-color:var(--spectrum-textfield-border-color-down,var(--spectrum-alias-border-color-mouse-focus))}.spectrum-Textfield-input_73bc77.focus-ring_73bc77:not(:active){border-color:var(--spectrum-textfield-border-color-key-focus,var(--spectrum-alias-border-color-focus));box-shadow:0 0 0 1px var(--spectrum-textfield-border-color-key-focus,var(--spectrum-alias-border-color-focus))}.spectrum-Textfield-input_73bc77[disabled],.spectrum-Textfield-input_73bc77.is-disabled_73bc77{background-color:var(--spectrum-textfield-background-color-disabled,var(--spectrum-global-color-gray-200));border-color:var(--spectrum-textfield-border-color-disabled,var(--spectrum-alias-border-color-transparent));color:var(--spectrum-textfield-text-color-disabled,var(--spectrum-alias-text-color-disabled));-webkit-text-fill-color:var(--spectrum-textfield-text-color-disabled,var(--spectrum-alias-text-color-disabled))}.spectrum-Textfield-input_73bc77[disabled]::placeholder,.spectrum-Textfield-input_73bc77[disabled].is-placeholder_73bc77,.spectrum-Textfield-input_73bc77.is-disabled_73bc77::placeholder,.spectrum-Textfield-input_73bc77.is-disabled_73bc77.is-placeholder_73bc77{color:var(--spectrum-textfield-placeholder-text-color-disabled,var(--spectrum-alias-text-color-disabled))}.spectrum-Textfield-input_73bc77[disabled]~.spectrum-Textfield-icon_73bc77,.spectrum-Textfield-input_73bc77.is-disabled_73bc77~.spectrum-Textfield-icon_73bc77{fill:var(--spectrum-textfield-icon-color-disabled,var(--spectrum-global-color-gray-500))}.spectrum-Textfield-input_73bc77.spectrum-Textfield--invalid_73bc77{border-color:var(--spectrum-textfield-border-color-error,var(--spectrum-semantic-negative-color-default))}.spectrum-Textfield-input_73bc77.spectrum-Textfield--invalid_73bc77.is-hovered_73bc77{border-color:var(--spectrum-textfield-border-color-error-hover,var(--spectrum-semantic-negative-color-state-hover))}.spectrum-Textfield-input_73bc77.spectrum-Textfield--invalid_73bc77:active{border-color:var(--spectrum-textfield-border-color-error-down,var(--spectrum-semantic-negative-color-state-down))}.spectrum-Textfield-input_73bc77.spectrum-Textfield--invalid_73bc77.focus-ring_73bc77:not(:active){border-color:var(--spectrum-textfield-border-color-error,var(--spectrum-semantic-negative-color-default));box-shadow:0 0 0 1px var(--spectrum-textfield-border-color-error,var(--spectrum-semantic-negative-color-default))}.spectrum-Textfield--quiet_73bc77 .spectrum-Textfield-input_73bc77{background-color:var(--spectrum-textfield-quiet-background-color,var(--spectrum-alias-background-color-transparent));border-color:var(--spectrum-textfield-quiet-border-color,var(--spectrum-alias-border-color))}.spectrum-Textfield--quiet_73bc77 .spectrum-Textfield-input_73bc77.is-hovered_73bc77{border-color:var(--spectrum-textfield-quiet-border-color-hover,var(--spectrum-alias-border-color-hover))}.spectrum-Textfield--quiet_73bc77 .spectrum-Textfield-input_73bc77:active{border-color:var(--spectrum-textfield-quiet-border-color-down,var(--spectrum-alias-border-color-mouse-focus))}.spectrum-Textfield--quiet_73bc77 .spectrum-Textfield-input_73bc77:focus,.spectrum-Textfield--quiet_73bc77 .spectrum-Textfield-input_73bc77.is-focused_73bc77{border-color:var(--spectrum-textfield-quiet-border-color-key-focus,var(--spectrum-alias-border-color-focus))}.spectrum-Textfield--quiet_73bc77 .spectrum-Textfield-input_73bc77.focus-ring_73bc77:not(:active){border-color:var(--spectrum-textfield-border-color-key-focus,var(--spectrum-alias-border-color-focus));box-shadow:0 1px 0 var(--spectrum-textfield-border-color-key-focus,var(--spectrum-alias-border-color-focus))}.spectrum-Textfield--quiet_73bc77 .spectrum-Textfield-input_73bc77:disabled,.spectrum-Textfield--quiet_73bc77 .spectrum-Textfield-input_73bc77.is-disabled_73bc77{background-color:var(--spectrum-textfield-quiet-background-color-disabled,var(--spectrum-alias-background-color-transparent));border-color:var(--spectrum-textfield-quiet-border-color-disabled,var(--spectrum-alias-border-color-mid))}.spectrum-Textfield_73bc77.spectrum-Textfield--invalid_73bc77 .spectrum-Textfield-input_73bc77{border-color:var(--spectrum-textfield-border-color-error,var(--spectrum-semantic-negative-color-default))}.spectrum-Textfield_73bc77.spectrum-Textfield--invalid_73bc77 .spectrum-Textfield-input_73bc77.focus-ring_73bc77:not(:active){border-color:var(--spectrum-textfield-border-color-error,var(--spectrum-semantic-negative-color-default));box-shadow:0 0 0 1px var(--spectrum-textfield-border-color-error,var(--spectrum-semantic-negative-color-default))}.spectrum-Textfield--quiet_73bc77.spectrum-Textfield--invalid_73bc77 .spectrum-Textfield-input_73bc77.focus-ring_73bc77:not(:active){box-shadow:0 1px 0 var(--spectrum-textfield-border-color-error,var(--spectrum-semantic-negative-color-default))}.spectrum-Textfield-icon_73bc77{fill:var(--spectrum-textfield-icon-color,var(--spectrum-alias-icon-color))}.spectrum-Textfield--valid_73bc77 .spectrum-Textfield-validationIcon_73bc77{fill:var(--spectrum-alert-success-icon-color,var(--spectrum-semantic-positive-color-icon))}.spectrum-Textfield--invalid_73bc77 .spectrum-Textfield-validationIcon_73bc77{fill:var(--spectrum-alert-error-icon-color,var(--spectrum-semantic-negative-color-icon))}

package/dist/main.js

@@ -1,309 +1,263 @@
-var {
-  useTextField
-} = require("@react-aria/textfield");
-
-var {
-  useControlledState
-} = require("@react-stately/utils");
-
-var {
-  useProviderProps
-} = require("@react-spectrum/provider");
-
-var {
-  useHover
-} = require("@react-aria/interactions");
-
-var {
-  useFormProps
-} = require("@react-spectrum/form");
-
-var {
-  Label
-} = require("@react-spectrum/label");
-
-var {
-  FocusRing
-} = require("@react-aria/focus");
-
-var {
-  classNames,
-  createFocusableRef,
-  useStyleProps
-} = require("@react-spectrum/utils");
-
-var _spectrumIconsUiCheckmarkMedium = $parcel$interopDefault(require("@spectrum-icons/ui/CheckmarkMedium"));
-
-var _spectrumIconsUiAlertMedium = $parcel$interopDefault(require("@spectrum-icons/ui/AlertMedium"));
-
-var _react2 = require("react");
-
-var _react = $parcel$interopDefault(_react2);
-
-var {
-  useCallback,
-  useRef,
-  cloneElement,
-  forwardRef,
-  useImperativeHandle
-} = _react2;
-
-var {
-  chain,
-  useLayoutEffect,
-  mergeProps
-} = require("@react-aria/utils");
-
-var _babelRuntimeHelpersObjectWithoutPropertiesLoose = $parcel$interopDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
-
-var _babelRuntimeHelpersExtends = $parcel$interopDefault(require("@babel/runtime/helpers/extends"));
-
 require("./main.css");
+var $ho8OK$reactariautils = require("@react-aria/utils");
+var $ho8OK$react = require("react");
+var $ho8OK$reactstatelyutils = require("@react-stately/utils");
+var $ho8OK$reactspectrumprovider = require("@react-spectrum/provider");
+var $ho8OK$reactariatextfield = require("@react-aria/textfield");
+var $ho8OK$spectrumiconsuiAlertMedium = require("@spectrum-icons/ui/AlertMedium");
+var $ho8OK$spectrumiconsuiCheckmarkMedium = require("@spectrum-icons/ui/CheckmarkMedium");
+var $ho8OK$reactspectrumutils = require("@react-spectrum/utils");
+var $ho8OK$reactspectrumlabel = require("@react-spectrum/label");
+var $ho8OK$reactariafocus = require("@react-aria/focus");
+var $ho8OK$reactariainteractions = require("@react-aria/interactions");
+
+function $parcel$exportWildcard(dest, source) {
+  Object.keys(source).forEach(function(key) {
+    if (key === 'default' || key === '__esModule' || dest.hasOwnProperty(key)) {
+      return;
+    }
+
+    Object.defineProperty(dest, key, {
+      enumerable: true,
+      get: function get() {
+        return source[key];
+      }
+    });
+  });
 
+  return dest;
+}
 function $parcel$interopDefault(a) {
   return a && a.__esModule ? a.default : a;
 }
+function $parcel$export(e, n, v, s) {
+  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
+}
+var $28a8e7f0f5565188$exports = {};
+
+$parcel$export($28a8e7f0f5565188$exports, "TextArea", () => $28a8e7f0f5565188$export$f5c9f3c2c4054eec);
+
+
+var $6e29805efde3b095$exports = {};
+
+$parcel$export($6e29805efde3b095$exports, "TextFieldBase", () => $6e29805efde3b095$export$d22444a338b6e3c2);
+
+
+
+
+
+
+
+var $a34fbef19cea8daf$exports = {};
+
+$parcel$export($a34fbef19cea8daf$exports, "spectrum-Textfield-input", () => $a34fbef19cea8daf$export$1ac009feb2b0bd0c, (v) => $a34fbef19cea8daf$export$1ac009feb2b0bd0c = v);
+$parcel$export($a34fbef19cea8daf$exports, "spectrum-Textfield", () => $a34fbef19cea8daf$export$2c8a10299d8b3418, (v) => $a34fbef19cea8daf$export$2c8a10299d8b3418 = v);
+$parcel$export($a34fbef19cea8daf$exports, "spectrum-Textfield--quiet", () => $a34fbef19cea8daf$export$bffd5e3d61a81737, (v) => $a34fbef19cea8daf$export$bffd5e3d61a81737 = v);
+$parcel$export($a34fbef19cea8daf$exports, "spectrum-Textfield--multiline", () => $a34fbef19cea8daf$export$9699f1c538a448a0, (v) => $a34fbef19cea8daf$export$9699f1c538a448a0 = v);
+$parcel$export($a34fbef19cea8daf$exports, "is-placeholder", () => $a34fbef19cea8daf$export$e5b2f5233e4e5194, (v) => $a34fbef19cea8daf$export$e5b2f5233e4e5194 = v);
+$parcel$export($a34fbef19cea8daf$exports, "is-hovered", () => $a34fbef19cea8daf$export$b8813cd5d7824ce7, (v) => $a34fbef19cea8daf$export$b8813cd5d7824ce7 = v);
+$parcel$export($a34fbef19cea8daf$exports, "spectrum-Textfield--valid", () => $a34fbef19cea8daf$export$c2abbc3f970170b7, (v) => $a34fbef19cea8daf$export$c2abbc3f970170b7 = v);
+$parcel$export($a34fbef19cea8daf$exports, "spectrum-Textfield--invalid", () => $a34fbef19cea8daf$export$58e50b10d30123df, (v) => $a34fbef19cea8daf$export$58e50b10d30123df = v);
+$parcel$export($a34fbef19cea8daf$exports, "spectrum-Textfield--loadable", () => $a34fbef19cea8daf$export$14fd30fea6f1348c, (v) => $a34fbef19cea8daf$export$14fd30fea6f1348c = v);
+$parcel$export($a34fbef19cea8daf$exports, "spectrum-Textfield-validationIcon", () => $a34fbef19cea8daf$export$cf0ead5b44db0da3, (v) => $a34fbef19cea8daf$export$cf0ead5b44db0da3 = v);
+$parcel$export($a34fbef19cea8daf$exports, "spectrum-Textfield-icon", () => $a34fbef19cea8daf$export$222d1ccd1870be1d, (v) => $a34fbef19cea8daf$export$222d1ccd1870be1d = v);
+$parcel$export($a34fbef19cea8daf$exports, "spectrum-Textfield-inputIcon", () => $a34fbef19cea8daf$export$c1cdcaa5fe76a871, (v) => $a34fbef19cea8daf$export$c1cdcaa5fe76a871 = v);
+$parcel$export($a34fbef19cea8daf$exports, "spectrum-Textfield-circleLoader", () => $a34fbef19cea8daf$export$82a249fb4d6127, (v) => $a34fbef19cea8daf$export$82a249fb4d6127 = v);
+$parcel$export($a34fbef19cea8daf$exports, "is-focused", () => $a34fbef19cea8daf$export$e7dc768d35940237, (v) => $a34fbef19cea8daf$export$e7dc768d35940237 = v);
+$parcel$export($a34fbef19cea8daf$exports, "focus-ring", () => $a34fbef19cea8daf$export$f39a09f249340e2a, (v) => $a34fbef19cea8daf$export$f39a09f249340e2a = v);
+$parcel$export($a34fbef19cea8daf$exports, "is-disabled", () => $a34fbef19cea8daf$export$d35bc1e505d1ebbf, (v) => $a34fbef19cea8daf$export$d35bc1e505d1ebbf = v);
+var $a34fbef19cea8daf$export$1ac009feb2b0bd0c;
+var $a34fbef19cea8daf$export$2c8a10299d8b3418;
+var $a34fbef19cea8daf$export$bffd5e3d61a81737;
+var $a34fbef19cea8daf$export$9699f1c538a448a0;
+var $a34fbef19cea8daf$export$e5b2f5233e4e5194;
+var $a34fbef19cea8daf$export$b8813cd5d7824ce7;
+var $a34fbef19cea8daf$export$c2abbc3f970170b7;
+var $a34fbef19cea8daf$export$58e50b10d30123df;
+var $a34fbef19cea8daf$export$14fd30fea6f1348c;
+var $a34fbef19cea8daf$export$cf0ead5b44db0da3;
+var $a34fbef19cea8daf$export$222d1ccd1870be1d;
+var $a34fbef19cea8daf$export$c1cdcaa5fe76a871;
+var $a34fbef19cea8daf$export$82a249fb4d6127;
+var $a34fbef19cea8daf$export$e7dc768d35940237;
+var $a34fbef19cea8daf$export$f39a09f249340e2a;
+var $a34fbef19cea8daf$export$d35bc1e505d1ebbf;
+$a34fbef19cea8daf$export$1ac009feb2b0bd0c = "spectrum-Textfield-input_73bc77";
+$a34fbef19cea8daf$export$2c8a10299d8b3418 = "spectrum-Textfield_73bc77";
+$a34fbef19cea8daf$export$bffd5e3d61a81737 = "spectrum-Textfield--quiet_73bc77";
+$a34fbef19cea8daf$export$9699f1c538a448a0 = "spectrum-Textfield--multiline_73bc77";
+$a34fbef19cea8daf$export$e5b2f5233e4e5194 = "is-placeholder_73bc77";
+$a34fbef19cea8daf$export$b8813cd5d7824ce7 = "is-hovered_73bc77";
+$a34fbef19cea8daf$export$c2abbc3f970170b7 = "spectrum-Textfield--valid_73bc77";
+$a34fbef19cea8daf$export$58e50b10d30123df = "spectrum-Textfield--invalid_73bc77";
+$a34fbef19cea8daf$export$14fd30fea6f1348c = "spectrum-Textfield--loadable_73bc77";
+$a34fbef19cea8daf$export$cf0ead5b44db0da3 = "spectrum-Textfield-validationIcon_73bc77";
+$a34fbef19cea8daf$export$222d1ccd1870be1d = "spectrum-Textfield-icon_73bc77";
+$a34fbef19cea8daf$export$c1cdcaa5fe76a871 = "spectrum-Textfield-inputIcon_73bc77";
+$a34fbef19cea8daf$export$82a249fb4d6127 = "spectrum-Textfield-circleLoader_73bc77";
+$a34fbef19cea8daf$export$e7dc768d35940237 = "is-focused_73bc77";
+$a34fbef19cea8daf$export$f39a09f249340e2a = "focus-ring_73bc77";
+$a34fbef19cea8daf$export$d35bc1e505d1ebbf = "is-disabled_73bc77";
+
+
+
+function $6e29805efde3b095$var$TextFieldBase(props, ref) {
+    let { label: label , validationState: validationState , icon: icon , isQuiet: isQuiet = false , isDisabled: isDisabled , multiLine: multiLine , autoFocus: autoFocus , inputClassName: inputClassName , wrapperChildren: wrapperChildren , labelProps: labelProps , inputProps: inputProps , descriptionProps: descriptionProps , errorMessageProps: errorMessageProps , inputRef: inputRef , isLoading: isLoading , loadingIndicator: loadingIndicator , validationIconClassName: validationIconClassName  } = props;
+    let { hoverProps: hoverProps , isHovered: isHovered  } = $ho8OK$reactariainteractions.useHover({
+        isDisabled: isDisabled
+    });
+    let domRef = $ho8OK$react.useRef(null);
+    let defaultInputRef = $ho8OK$react.useRef(null);
+    inputRef = inputRef || defaultInputRef;
+    // Expose imperative interface for ref
+    $ho8OK$react.useImperativeHandle(ref, ()=>({
+            ...$ho8OK$reactspectrumutils.createFocusableRef(domRef, inputRef),
+            select () {
+                if (inputRef.current) inputRef.current.select();
+            },
+            getInputElement () {
+                return inputRef.current;
+            }
+        })
+    );
+    let ElementType = multiLine ? 'textarea' : 'input';
+    let isInvalid = validationState === 'invalid';
+    if (icon) {
+        let UNSAFE_className = $ho8OK$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($a34fbef19cea8daf$exports)), icon.props && icon.props.UNSAFE_className, 'spectrum-Textfield-icon');
+        icon = /*#__PURE__*/ $ho8OK$react.cloneElement(icon, {
+            UNSAFE_className: UNSAFE_className,
+            size: 'S'
+        });
+    }
+    let validationIcon = isInvalid ? /*#__PURE__*/ ($parcel$interopDefault($ho8OK$react)).createElement(($parcel$interopDefault($ho8OK$spectrumiconsuiAlertMedium)), null) : /*#__PURE__*/ ($parcel$interopDefault($ho8OK$react)).createElement(($parcel$interopDefault($ho8OK$spectrumiconsuiCheckmarkMedium)), null);
+    let validation = /*#__PURE__*/ $ho8OK$react.cloneElement(validationIcon, {
+        UNSAFE_className: $ho8OK$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($a34fbef19cea8daf$exports)), 'spectrum-Textfield-validationIcon', validationIconClassName)
+    });
+    let textField = /*#__PURE__*/ ($parcel$interopDefault($ho8OK$react)).createElement("div", {
+        className: $ho8OK$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($a34fbef19cea8daf$exports)), 'spectrum-Textfield', {
+            'spectrum-Textfield--invalid': isInvalid,
+            'spectrum-Textfield--valid': validationState === 'valid',
+            'spectrum-Textfield--loadable': loadingIndicator,
+            'spectrum-Textfield--quiet': isQuiet,
+            'spectrum-Textfield--multiline': multiLine
+        })
+    }, /*#__PURE__*/ ($parcel$interopDefault($ho8OK$react)).createElement($ho8OK$reactariafocus.FocusRing, {
+        focusRingClass: $ho8OK$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($a34fbef19cea8daf$exports)), 'focus-ring'),
+        isTextInput: true,
+        autoFocus: autoFocus
+    }, /*#__PURE__*/ ($parcel$interopDefault($ho8OK$react)).createElement(ElementType, {
+        ...$ho8OK$reactariautils.mergeProps(inputProps, hoverProps),
+        ref: inputRef,
+        rows: multiLine ? 1 : undefined,
+        className: $ho8OK$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($a34fbef19cea8daf$exports)), 'spectrum-Textfield-input', {
+            'spectrum-Textfield-inputIcon': icon,
+            'is-hovered': isHovered
+        }, inputClassName)
+    })), icon, validationState && !isLoading ? validation : null, isLoading && loadingIndicator, wrapperChildren);
+    if (label) textField = /*#__PURE__*/ ($parcel$interopDefault($ho8OK$react)).cloneElement(textField, $ho8OK$reactariautils.mergeProps(textField.props, {
+        className: multiLine ? 'spectrum-Field-field--multiline' : ''
+    }));
+    return(/*#__PURE__*/ ($parcel$interopDefault($ho8OK$react)).createElement($ho8OK$reactspectrumlabel.Field, {
+        ...props,
+        labelProps: labelProps,
+        descriptionProps: descriptionProps,
+        errorMessageProps: errorMessageProps,
+        showErrorIcon: false,
+        ref: domRef
+    }, textField));
+}
+const $6e29805efde3b095$export$d22444a338b6e3c2 = /*#__PURE__*/ $ho8OK$react.forwardRef($6e29805efde3b095$var$TextFieldBase);
 
-// ASSET: /Users/govett/dev/react-spectrum-v3/node_modules/@adobe/spectrum-css-temp/components/fieldlabel/vars.css
-var $a0bedb1888ff92cb3407d1a60d76e$exports = {};
-$a0bedb1888ff92cb3407d1a60d76e$exports = {
-  "spectrum-FieldLabel": "_spectrum-FieldLabel_36b9b",
-  "spectrum-FieldLabel--positionSide": "_spectrum-FieldLabel--positionSide_36b9b",
-  "spectrum-FieldLabel-requiredIcon": "_spectrum-FieldLabel-requiredIcon_36b9b",
-  "spectrum-FieldLabel--alignEnd": "_spectrum-FieldLabel--alignEnd_36b9b",
-  "spectrum-Field": "_spectrum-Field_36b9b",
-  "spectrum-Field--positionTop": "_spectrum-Field--positionTop_36b9b",
-  "spectrum-Field-field": "_spectrum-Field-field_36b9b",
-  "spectrum-Field-field--multiline": "_spectrum-Field-field--multiline_36b9b",
-  "spectrum-Field--positionSide": "_spectrum-Field--positionSide_36b9b",
-  "spectrum-Form": "_spectrum-Form_36b9b",
-  "spectrum-Form--positionSide": "_spectrum-Form--positionSide_36b9b",
-  "spectrum-Form--positionTop": "_spectrum-Form--positionTop_36b9b",
-  "spectrum-Form-itemLabel": "_spectrum-Form-itemLabel_36b9b",
-  "is-disabled": "_is-disabled_36b9b"
-};
-// ASSET: /Users/govett/dev/react-spectrum-v3/node_modules/@adobe/spectrum-css-temp/components/textfield/vars.css
-var $d6ccebc39ce6c9807064e14b8824ec$exports = {};
-$d6ccebc39ce6c9807064e14b8824ec$exports = {
-  "spectrum-Textfield": "_spectrum-Textfield_61339",
-  "spectrum-Textfield--quiet": "_spectrum-Textfield--quiet_61339",
-  "spectrum-Textfield--multiline": "_spectrum-Textfield--multiline_61339",
-  "spectrum-Textfield-input": "_spectrum-Textfield-input_61339",
-  "is-placeholder": "_is-placeholder_61339",
-  "is-hovered": "_is-hovered_61339",
-  "spectrum-Textfield--valid": "_spectrum-Textfield--valid_61339",
-  "spectrum-Textfield--invalid": "_spectrum-Textfield--invalid_61339",
-  "spectrum-Textfield--loadable": "_spectrum-Textfield--loadable_61339",
-  "spectrum-Textfield-validationIcon": "_spectrum-Textfield-validationIcon_61339",
-  "spectrum-Textfield-icon": "_spectrum-Textfield-icon_61339",
-  "spectrum-Textfield-inputIcon": "_spectrum-Textfield-inputIcon_61339",
-  "spectrum-Textfield-circleLoader": "_spectrum-Textfield-circleLoader_61339",
-  "is-focused": "_is-focused_61339",
-  "focus-ring": "_focus-ring_61339",
-  "is-disabled": "_is-disabled_61339"
-};
-var $d6ccebc39ce6c9807064e14b8824ec$$interop$default = $parcel$interopDefault($d6ccebc39ce6c9807064e14b8824ec$exports);
-var $a0bedb1888ff92cb3407d1a60d76e$$interop$default = $parcel$interopDefault($a0bedb1888ff92cb3407d1a60d76e$exports);
-
-function $e7a3dfeb4bff45d199cec4325445e2$var$TextFieldBase(props, ref) {
-  props = useProviderProps(props);
-  props = useFormProps(props);
-
-  let {
-    label,
-    labelPosition = 'top',
-    labelAlign,
-    isRequired,
-    necessityIndicator,
-    validationState,
-    icon,
-    isQuiet = false,
-    isDisabled,
-    multiLine,
-    autoFocus,
-    inputClassName,
-    wrapperChildren,
-    labelProps,
-    inputProps,
-    inputRef,
-    isLoading,
-    loadingIndicator,
-    validationIconClassName
-  } = props,
-      otherProps = _babelRuntimeHelpersObjectWithoutPropertiesLoose(props, ["label", "labelPosition", "labelAlign", "isRequired", "necessityIndicator", "validationState", "icon", "isQuiet", "isDisabled", "multiLine", "autoFocus", "inputClassName", "wrapperChildren", "labelProps", "inputProps", "inputRef", "isLoading", "loadingIndicator", "validationIconClassName"]);
-
-  let {
-    hoverProps,
-    isHovered
-  } = useHover({
-    isDisabled
-  });
-  let domRef = useRef(null);
-  let defaultInputRef = useRef(null);
-  inputRef = inputRef || defaultInputRef; // Expose imperative interface for ref
-
-  useImperativeHandle(ref, () => _babelRuntimeHelpersExtends({}, createFocusableRef(domRef, inputRef), {
-    select() {
-      if (inputRef.current) {
-        inputRef.current.select();
-      }
-    },
 
-    getInputElement() {
-      return inputRef.current;
-    }
 
-  }));
-  let {
-    styleProps
-  } = useStyleProps(otherProps);
-  let ElementType = multiLine ? 'textarea' : 'input';
-  let isInvalid = validationState === 'invalid';
-
-  if (icon) {
-    let UNSAFE_className = classNames($d6ccebc39ce6c9807064e14b8824ec$$interop$default, icon.props && icon.props.UNSAFE_className, 'spectrum-Textfield-icon');
-    icon = /*#__PURE__*/cloneElement(icon, {
-      UNSAFE_className,
-      size: 'S'
-    });
-  }
 
-  let validationIcon = isInvalid ? /*#__PURE__*/_react.createElement(_spectrumIconsUiAlertMedium, null) : /*#__PURE__*/_react.createElement(_spectrumIconsUiCheckmarkMedium, null);
-  let validation = /*#__PURE__*/cloneElement(validationIcon, {
-    UNSAFE_className: classNames($d6ccebc39ce6c9807064e14b8824ec$$interop$default, 'spectrum-Textfield-validationIcon', validationIconClassName)
-  });
 
-  let textField = /*#__PURE__*/_react.createElement("div", {
-    className: classNames($d6ccebc39ce6c9807064e14b8824ec$$interop$default, 'spectrum-Textfield', {
-      'spectrum-Textfield--invalid': isInvalid,
-      'spectrum-Textfield--valid': validationState === 'valid',
-      'spectrum-Textfield--loadable': loadingIndicator,
-      'spectrum-Textfield--quiet': isQuiet,
-      'spectrum-Textfield--multiline': multiLine
-    })
-  }, /*#__PURE__*/_react.createElement(FocusRing, {
-    focusRingClass: classNames($d6ccebc39ce6c9807064e14b8824ec$$interop$default, 'focus-ring'),
-    isTextInput: true,
-    autoFocus: autoFocus
-  }, /*#__PURE__*/_react.createElement(ElementType, _babelRuntimeHelpersExtends({}, mergeProps(inputProps, hoverProps), {
-    ref: inputRef,
-    rows: multiLine ? 1 : undefined,
-    className: classNames($d6ccebc39ce6c9807064e14b8824ec$$interop$default, 'spectrum-Textfield-input', {
-      'spectrum-Textfield-inputIcon': icon,
-      'is-hovered': isHovered
-    }, inputClassName)
-  }))), icon, validationState && !isLoading ? validation : null, isLoading && loadingIndicator, wrapperChildren);
-
-  if (label) {
-    let labelWrapperClass = classNames($a0bedb1888ff92cb3407d1a60d76e$$interop$default, 'spectrum-Field', {
-      'spectrum-Field--positionTop': labelPosition === 'top',
-      'spectrum-Field--positionSide': labelPosition === 'side'
-    }, styleProps.className);
-    textField = /*#__PURE__*/_react.cloneElement(textField, mergeProps(textField.props, {
-      className: classNames($a0bedb1888ff92cb3407d1a60d76e$$interop$default, 'spectrum-Field-field', {
-        'spectrum-Field-field--multiline': multiLine
-      })
+function $28a8e7f0f5565188$var$TextArea(props, ref) {
+    props = $ho8OK$reactspectrumprovider.useProviderProps(props);
+    let { isDisabled: isDisabled = false , isQuiet: isQuiet = false , isReadOnly: isReadOnly = false , isRequired: isRequired = false , onChange: onChange , ...otherProps } = props;
+    // not in stately because this is so we know when to re-measure, which is a spectrum design
+    let [inputValue, setInputValue] = $ho8OK$reactstatelyutils.useControlledState(props.value, props.defaultValue, ()=>{
+    });
+    let inputRef = $ho8OK$react.useRef();
+    let onHeightChange = $ho8OK$react.useCallback(()=>{
+        if (isQuiet) {
+            let input = inputRef.current;
+            let prevAlignment = input.style.alignSelf;
+            input.style.alignSelf = 'start';
+            input.style.height = 'auto';
+            input.style.height = `${input.scrollHeight}px`;
+            input.style.alignSelf = prevAlignment;
+        }
+    }, [
+        isQuiet,
+        inputRef
+    ]);
+    $ho8OK$reactariautils.useLayoutEffect(()=>{
+        if (inputRef.current) onHeightChange();
+    }, [
+        onHeightChange,
+        inputValue,
+        inputRef
+    ]);
+    let { labelProps: labelProps , inputProps: inputProps , descriptionProps: descriptionProps , errorMessageProps: errorMessageProps  } = $ho8OK$reactariatextfield.useTextField({
+        ...props,
+        onChange: $ho8OK$reactariautils.chain(onChange, setInputValue),
+        inputElementType: 'textarea'
+    }, inputRef);
+    return(/*#__PURE__*/ ($parcel$interopDefault($ho8OK$react)).createElement($6e29805efde3b095$export$d22444a338b6e3c2, {
+        ...otherProps,
+        ref: ref,
+        inputRef: inputRef,
+        labelProps: labelProps,
+        inputProps: inputProps,
+        descriptionProps: descriptionProps,
+        errorMessageProps: errorMessageProps,
+        multiLine: true,
+        isDisabled: isDisabled,
+        isQuiet: isQuiet,
+        isReadOnly: isReadOnly,
+        isRequired: isRequired
     }));
-    return /*#__PURE__*/_react.createElement("div", _babelRuntimeHelpersExtends({}, styleProps, {
-      ref: domRef,
-      className: labelWrapperClass
-    }), /*#__PURE__*/_react.createElement(Label, _babelRuntimeHelpersExtends({}, labelProps, {
-      labelPosition: labelPosition,
-      labelAlign: labelAlign,
-      isRequired: isRequired,
-      necessityIndicator: necessityIndicator
-    }), label), textField);
-  }
-
-  return /*#__PURE__*/_react.cloneElement(textField, mergeProps(textField.props, _babelRuntimeHelpersExtends({}, styleProps, {
-    ref: domRef
-  })));
-}
-
-const TextFieldBase = /*#__PURE__*/forwardRef($e7a3dfeb4bff45d199cec4325445e2$var$TextFieldBase);
-exports.TextFieldBase = TextFieldBase;
-
-function $b063c3295c2860c57a7ba2b2561c3d34$var$TextArea(props, ref) {
-  props = useProviderProps(props);
-
-  let {
-    isDisabled = false,
-    isQuiet = false,
-    isReadOnly = false,
-    isRequired = false,
-    onChange
-  } = props,
-      otherProps = _babelRuntimeHelpersObjectWithoutPropertiesLoose(props, ["isDisabled", "isQuiet", "isReadOnly", "isRequired", "onChange"]); // not in stately because this is so we know when to re-measure, which is a spectrum design
-
-
-  let [inputValue, setInputValue] = useControlledState(props.value, props.defaultValue, () => {});
-  let inputRef = useRef();
-  let onHeightChange = useCallback(() => {
-    if (isQuiet) {
-      let input = inputRef.current;
-      let prevAlignment = input.style.alignSelf;
-      input.style.alignSelf = 'start';
-      input.style.height = 'auto';
-      input.style.height = input.scrollHeight + "px";
-      input.style.alignSelf = prevAlignment;
-    }
-  }, [isQuiet, inputRef]);
-  useLayoutEffect(() => {
-    if (inputRef.current) {
-      onHeightChange();
-    }
-  }, [onHeightChange, inputValue, inputRef]);
-  let {
-    labelProps,
-    inputProps
-  } = useTextField(_babelRuntimeHelpersExtends({}, props, {
-    onChange: chain(onChange, setInputValue),
-    inputElementType: 'textarea'
-  }), inputRef);
-  return /*#__PURE__*/_react.createElement(TextFieldBase, _babelRuntimeHelpersExtends({}, otherProps, {
-    ref: ref,
-    inputRef: inputRef,
-    labelProps: labelProps,
-    inputProps: inputProps,
-    multiLine: true,
-    isDisabled: isDisabled,
-    isQuiet: isQuiet,
-    isReadOnly: isReadOnly,
-    isRequired: isRequired
-  }));
 }
 /**
  * TextAreas are multiline text inputs, useful for cases where users have
  * a sizable amount of text to enter. They allow for all customizations that
  * are available to text fields.
- */
-
-
-let TextArea = /*#__PURE__*/_react.forwardRef($b063c3295c2860c57a7ba2b2561c3d34$var$TextArea);
-
-exports.TextArea = TextArea;
-
-function $db9dd8b68ff637ff703d9fd0385e7$var$TextField(props, ref) {
-  props = useProviderProps(props);
-  let inputRef = useRef();
-  let {
-    labelProps,
-    inputProps
-  } = useTextField(props, inputRef);
-  return /*#__PURE__*/_react.createElement(TextFieldBase, _babelRuntimeHelpersExtends({}, props, {
-    labelProps: labelProps,
-    inputProps: inputProps,
-    ref: ref,
-    inputRef: inputRef
-  }));
+ */ let $28a8e7f0f5565188$export$f5c9f3c2c4054eec = /*#__PURE__*/ ($parcel$interopDefault($ho8OK$react)).forwardRef($28a8e7f0f5565188$var$TextArea);
+
+
+var $45e136a6db2b5d33$exports = {};
+
+$parcel$export($45e136a6db2b5d33$exports, "TextField", () => $45e136a6db2b5d33$export$2c73285ae9390cec);
+
+
+
+
+function $45e136a6db2b5d33$var$TextField(props, ref) {
+    props = $ho8OK$reactspectrumprovider.useProviderProps(props);
+    let inputRef = $ho8OK$react.useRef();
+    let { labelProps: labelProps , inputProps: inputProps , descriptionProps: descriptionProps , errorMessageProps: errorMessageProps  } = $ho8OK$reactariatextfield.useTextField(props, inputRef);
+    return(/*#__PURE__*/ ($parcel$interopDefault($ho8OK$react)).createElement($6e29805efde3b095$export$d22444a338b6e3c2, {
+        ...props,
+        labelProps: labelProps,
+        inputProps: inputProps,
+        descriptionProps: descriptionProps,
+        errorMessageProps: errorMessageProps,
+        ref: ref,
+        inputRef: inputRef
+    }));
 }
 /**
  * TextFields are text inputs that allow users to input custom text entries
  * with a keyboard. Various decorations can be displayed around the field to
  * communicate the entry requirements.
- */
+ */ const $45e136a6db2b5d33$export$2c73285ae9390cec = /*#__PURE__*/ $ho8OK$react.forwardRef($45e136a6db2b5d33$var$TextField);
+
+
+
+$parcel$exportWildcard(module.exports, $28a8e7f0f5565188$exports);
+$parcel$exportWildcard(module.exports, $45e136a6db2b5d33$exports);
+$parcel$exportWildcard(module.exports, $6e29805efde3b095$exports);
 
 
-const TextField = /*#__PURE__*/forwardRef($db9dd8b68ff637ff703d9fd0385e7$var$TextField);
-exports.TextField = TextField;
 //# sourceMappingURL=main.js.map