@react-spectrum/textfield 3.3.0 → 3.3.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/main.css CHANGED
@@ -1,2 +1 @@
1
- ._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:not(._spectrum-Textfield--quiet_61339)._spectrum-Textfield--multiline_61339 ._spectrum-Textfield-input_61339:not(:disabled){resize:vertical}._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{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{border-color:var(--spectrum-semantic-negative-color-state-hover,var(--spectrum-global-color-red-600))}._spectrum-Textfield-input_61339._spectrum-Textfield--invalid_61339: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){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_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))}
2
- /*# sourceMappingURL=main.css.map */
1
+ .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,MSPゴシック,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 CHANGED
@@ -1,272 +1,263 @@
1
- var {
2
- useTextField
3
- } = require("@react-aria/textfield");
4
-
5
- var {
6
- useProviderProps
7
- } = require("@react-spectrum/provider");
8
-
9
- var {
10
- useControlledState
11
- } = require("@react-stately/utils");
12
-
13
- var {
14
- useHover
15
- } = require("@react-aria/interactions");
16
-
17
- var {
18
- FocusRing
19
- } = require("@react-aria/focus");
20
-
21
- var {
22
- Field
23
- } = require("@react-spectrum/label");
24
-
25
- var {
26
- classNames,
27
- createFocusableRef
28
- } = require("@react-spectrum/utils");
29
-
30
- var _spectrumIconsUiCheckmarkMedium = $parcel$interopDefault(require("@spectrum-icons/ui/CheckmarkMedium"));
31
-
32
- var _spectrumIconsUiAlertMedium = $parcel$interopDefault(require("@spectrum-icons/ui/AlertMedium"));
33
-
34
- var _react2 = require("react");
35
-
36
- var _react = $parcel$interopDefault(_react2);
37
-
38
- var {
39
- useCallback,
40
- useRef,
41
- cloneElement,
42
- forwardRef,
43
- useImperativeHandle
44
- } = _react2;
45
-
46
- var {
47
- chain,
48
- useLayoutEffect,
49
- mergeProps
50
- } = require("@react-aria/utils");
51
-
52
- var _babelRuntimeHelpersObjectWithoutPropertiesLoose = $parcel$interopDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
53
-
54
- var _babelRuntimeHelpersExtends = $parcel$interopDefault(require("@babel/runtime/helpers/extends"));
55
-
56
1
  require("./main.css");
2
+ var $74aPB$reactariautils = require("@react-aria/utils");
3
+ var $74aPB$react = require("react");
4
+ var $74aPB$reactstatelyutils = require("@react-stately/utils");
5
+ var $74aPB$reactspectrumprovider = require("@react-spectrum/provider");
6
+ var $74aPB$reactariatextfield = require("@react-aria/textfield");
7
+ var $74aPB$spectrumiconsuiAlertMedium = require("@spectrum-icons/ui/AlertMedium");
8
+ var $74aPB$spectrumiconsuiCheckmarkMedium = require("@spectrum-icons/ui/CheckmarkMedium");
9
+ var $74aPB$reactspectrumutils = require("@react-spectrum/utils");
10
+ var $74aPB$reactspectrumlabel = require("@react-spectrum/label");
11
+ var $74aPB$reactariafocus = require("@react-aria/focus");
12
+ var $74aPB$reactariainteractions = require("@react-aria/interactions");
13
+
14
+ function $parcel$exportWildcard(dest, source) {
15
+ Object.keys(source).forEach(function(key) {
16
+ if (key === 'default' || key === '__esModule' || dest.hasOwnProperty(key)) {
17
+ return;
18
+ }
19
+
20
+ Object.defineProperty(dest, key, {
21
+ enumerable: true,
22
+ get: function get() {
23
+ return source[key];
24
+ }
25
+ });
26
+ });
57
27
 
28
+ return dest;
29
+ }
58
30
  function $parcel$interopDefault(a) {
59
31
  return a && a.__esModule ? a.default : a;
60
32
  }
61
-
62
- // ASSET: /Users/govett/dev/react-spectrum-v3/node_modules/@adobe/spectrum-css-temp/components/textfield/vars.css
63
- var $d6ccebc39ce6c9807064e14b8824ec$exports = {};
64
- $d6ccebc39ce6c9807064e14b8824ec$exports = {
65
- "spectrum-Textfield": "_spectrum-Textfield_61339",
66
- "spectrum-Textfield--quiet": "_spectrum-Textfield--quiet_61339",
67
- "spectrum-Textfield--multiline": "_spectrum-Textfield--multiline_61339",
68
- "spectrum-Textfield-input": "_spectrum-Textfield-input_61339",
69
- "is-placeholder": "_is-placeholder_61339",
70
- "is-hovered": "_is-hovered_61339",
71
- "spectrum-Textfield--valid": "_spectrum-Textfield--valid_61339",
72
- "spectrum-Textfield--invalid": "_spectrum-Textfield--invalid_61339",
73
- "spectrum-Textfield--loadable": "_spectrum-Textfield--loadable_61339",
74
- "spectrum-Textfield-validationIcon": "_spectrum-Textfield-validationIcon_61339",
75
- "spectrum-Textfield-icon": "_spectrum-Textfield-icon_61339",
76
- "spectrum-Textfield-inputIcon": "_spectrum-Textfield-inputIcon_61339",
77
- "spectrum-Textfield-circleLoader": "_spectrum-Textfield-circleLoader_61339",
78
- "is-focused": "_is-focused_61339",
79
- "focus-ring": "_focus-ring_61339",
80
- "is-disabled": "_is-disabled_61339"
81
- };
82
- var $d6ccebc39ce6c9807064e14b8824ec$$interop$default = $parcel$interopDefault($d6ccebc39ce6c9807064e14b8824ec$exports);
83
-
84
- function $e7a3dfeb4bff45d199cec4325445e2$var$TextFieldBase(props, ref) {
85
- let {
86
- label,
87
- validationState,
88
- icon,
89
- isQuiet = false,
90
- isDisabled,
91
- multiLine,
92
- autoFocus,
93
- inputClassName,
94
- wrapperChildren,
95
- labelProps,
96
- inputProps,
97
- descriptionProps,
98
- errorMessageProps,
99
- inputRef,
100
- isLoading,
101
- loadingIndicator,
102
- validationIconClassName
103
- } = props;
104
- let {
105
- hoverProps,
106
- isHovered
107
- } = useHover({
108
- isDisabled
109
- });
110
- let domRef = useRef(null);
111
- let defaultInputRef = useRef(null);
112
- inputRef = inputRef || defaultInputRef; // Expose imperative interface for ref
113
-
114
- useImperativeHandle(ref, () => _babelRuntimeHelpersExtends({}, createFocusableRef(domRef, inputRef), {
115
- select() {
116
- if (inputRef.current) {
117
- inputRef.current.select();
118
- }
119
- },
120
-
121
- getInputElement() {
122
- return inputRef.current;
33
+ function $parcel$export(e, n, v, s) {
34
+ Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
35
+ }
36
+ var $eec649e464f3832d$exports = {};
37
+
38
+ $parcel$export($eec649e464f3832d$exports, "TextArea", () => $eec649e464f3832d$export$f5c9f3c2c4054eec);
39
+
40
+
41
+ var $86793250183ac29e$exports = {};
42
+
43
+ $parcel$export($86793250183ac29e$exports, "TextFieldBase", () => $86793250183ac29e$export$d22444a338b6e3c2);
44
+
45
+
46
+
47
+
48
+
49
+
50
+
51
+ var $40cb3a00c193680f$exports = {};
52
+
53
+ $parcel$export($40cb3a00c193680f$exports, "spectrum-Textfield-input", () => $40cb3a00c193680f$export$1ac009feb2b0bd0c, (v) => $40cb3a00c193680f$export$1ac009feb2b0bd0c = v);
54
+ $parcel$export($40cb3a00c193680f$exports, "spectrum-Textfield", () => $40cb3a00c193680f$export$2c8a10299d8b3418, (v) => $40cb3a00c193680f$export$2c8a10299d8b3418 = v);
55
+ $parcel$export($40cb3a00c193680f$exports, "spectrum-Textfield--quiet", () => $40cb3a00c193680f$export$bffd5e3d61a81737, (v) => $40cb3a00c193680f$export$bffd5e3d61a81737 = v);
56
+ $parcel$export($40cb3a00c193680f$exports, "spectrum-Textfield--multiline", () => $40cb3a00c193680f$export$9699f1c538a448a0, (v) => $40cb3a00c193680f$export$9699f1c538a448a0 = v);
57
+ $parcel$export($40cb3a00c193680f$exports, "is-placeholder", () => $40cb3a00c193680f$export$e5b2f5233e4e5194, (v) => $40cb3a00c193680f$export$e5b2f5233e4e5194 = v);
58
+ $parcel$export($40cb3a00c193680f$exports, "is-hovered", () => $40cb3a00c193680f$export$b8813cd5d7824ce7, (v) => $40cb3a00c193680f$export$b8813cd5d7824ce7 = v);
59
+ $parcel$export($40cb3a00c193680f$exports, "spectrum-Textfield--valid", () => $40cb3a00c193680f$export$c2abbc3f970170b7, (v) => $40cb3a00c193680f$export$c2abbc3f970170b7 = v);
60
+ $parcel$export($40cb3a00c193680f$exports, "spectrum-Textfield--invalid", () => $40cb3a00c193680f$export$58e50b10d30123df, (v) => $40cb3a00c193680f$export$58e50b10d30123df = v);
61
+ $parcel$export($40cb3a00c193680f$exports, "spectrum-Textfield--loadable", () => $40cb3a00c193680f$export$14fd30fea6f1348c, (v) => $40cb3a00c193680f$export$14fd30fea6f1348c = v);
62
+ $parcel$export($40cb3a00c193680f$exports, "spectrum-Textfield-validationIcon", () => $40cb3a00c193680f$export$cf0ead5b44db0da3, (v) => $40cb3a00c193680f$export$cf0ead5b44db0da3 = v);
63
+ $parcel$export($40cb3a00c193680f$exports, "spectrum-Textfield-icon", () => $40cb3a00c193680f$export$222d1ccd1870be1d, (v) => $40cb3a00c193680f$export$222d1ccd1870be1d = v);
64
+ $parcel$export($40cb3a00c193680f$exports, "spectrum-Textfield-inputIcon", () => $40cb3a00c193680f$export$c1cdcaa5fe76a871, (v) => $40cb3a00c193680f$export$c1cdcaa5fe76a871 = v);
65
+ $parcel$export($40cb3a00c193680f$exports, "spectrum-Textfield-circleLoader", () => $40cb3a00c193680f$export$82a249fb4d6127, (v) => $40cb3a00c193680f$export$82a249fb4d6127 = v);
66
+ $parcel$export($40cb3a00c193680f$exports, "is-focused", () => $40cb3a00c193680f$export$e7dc768d35940237, (v) => $40cb3a00c193680f$export$e7dc768d35940237 = v);
67
+ $parcel$export($40cb3a00c193680f$exports, "focus-ring", () => $40cb3a00c193680f$export$f39a09f249340e2a, (v) => $40cb3a00c193680f$export$f39a09f249340e2a = v);
68
+ $parcel$export($40cb3a00c193680f$exports, "is-disabled", () => $40cb3a00c193680f$export$d35bc1e505d1ebbf, (v) => $40cb3a00c193680f$export$d35bc1e505d1ebbf = v);
69
+ var $40cb3a00c193680f$export$1ac009feb2b0bd0c;
70
+ var $40cb3a00c193680f$export$2c8a10299d8b3418;
71
+ var $40cb3a00c193680f$export$bffd5e3d61a81737;
72
+ var $40cb3a00c193680f$export$9699f1c538a448a0;
73
+ var $40cb3a00c193680f$export$e5b2f5233e4e5194;
74
+ var $40cb3a00c193680f$export$b8813cd5d7824ce7;
75
+ var $40cb3a00c193680f$export$c2abbc3f970170b7;
76
+ var $40cb3a00c193680f$export$58e50b10d30123df;
77
+ var $40cb3a00c193680f$export$14fd30fea6f1348c;
78
+ var $40cb3a00c193680f$export$cf0ead5b44db0da3;
79
+ var $40cb3a00c193680f$export$222d1ccd1870be1d;
80
+ var $40cb3a00c193680f$export$c1cdcaa5fe76a871;
81
+ var $40cb3a00c193680f$export$82a249fb4d6127;
82
+ var $40cb3a00c193680f$export$e7dc768d35940237;
83
+ var $40cb3a00c193680f$export$f39a09f249340e2a;
84
+ var $40cb3a00c193680f$export$d35bc1e505d1ebbf;
85
+ $40cb3a00c193680f$export$1ac009feb2b0bd0c = "spectrum-Textfield-input_73bc77";
86
+ $40cb3a00c193680f$export$2c8a10299d8b3418 = "spectrum-Textfield_73bc77";
87
+ $40cb3a00c193680f$export$bffd5e3d61a81737 = "spectrum-Textfield--quiet_73bc77";
88
+ $40cb3a00c193680f$export$9699f1c538a448a0 = "spectrum-Textfield--multiline_73bc77";
89
+ $40cb3a00c193680f$export$e5b2f5233e4e5194 = "is-placeholder_73bc77";
90
+ $40cb3a00c193680f$export$b8813cd5d7824ce7 = "is-hovered_73bc77";
91
+ $40cb3a00c193680f$export$c2abbc3f970170b7 = "spectrum-Textfield--valid_73bc77";
92
+ $40cb3a00c193680f$export$58e50b10d30123df = "spectrum-Textfield--invalid_73bc77";
93
+ $40cb3a00c193680f$export$14fd30fea6f1348c = "spectrum-Textfield--loadable_73bc77";
94
+ $40cb3a00c193680f$export$cf0ead5b44db0da3 = "spectrum-Textfield-validationIcon_73bc77";
95
+ $40cb3a00c193680f$export$222d1ccd1870be1d = "spectrum-Textfield-icon_73bc77";
96
+ $40cb3a00c193680f$export$c1cdcaa5fe76a871 = "spectrum-Textfield-inputIcon_73bc77";
97
+ $40cb3a00c193680f$export$82a249fb4d6127 = "spectrum-Textfield-circleLoader_73bc77";
98
+ $40cb3a00c193680f$export$e7dc768d35940237 = "is-focused_73bc77";
99
+ $40cb3a00c193680f$export$f39a09f249340e2a = "focus-ring_73bc77";
100
+ $40cb3a00c193680f$export$d35bc1e505d1ebbf = "is-disabled_73bc77";
101
+
102
+
103
+
104
+ function $86793250183ac29e$var$TextFieldBase(props, ref) {
105
+ 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;
106
+ let { hoverProps: hoverProps , isHovered: isHovered } = $74aPB$reactariainteractions.useHover({
107
+ isDisabled: isDisabled
108
+ });
109
+ let domRef = $74aPB$react.useRef(null);
110
+ let defaultInputRef = $74aPB$react.useRef(null);
111
+ inputRef = inputRef || defaultInputRef;
112
+ // Expose imperative interface for ref
113
+ $74aPB$react.useImperativeHandle(ref, ()=>({
114
+ ...$74aPB$reactspectrumutils.createFocusableRef(domRef, inputRef),
115
+ select () {
116
+ if (inputRef.current) inputRef.current.select();
117
+ },
118
+ getInputElement () {
119
+ return inputRef.current;
120
+ }
121
+ })
122
+ );
123
+ let ElementType = multiLine ? 'textarea' : 'input';
124
+ let isInvalid = validationState === 'invalid';
125
+ if (icon) {
126
+ let UNSAFE_className = $74aPB$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($40cb3a00c193680f$exports)), icon.props && icon.props.UNSAFE_className, 'spectrum-Textfield-icon');
127
+ icon = /*#__PURE__*/ $74aPB$react.cloneElement(icon, {
128
+ UNSAFE_className: UNSAFE_className,
129
+ size: 'S'
130
+ });
123
131
  }
132
+ let validationIcon = isInvalid ? /*#__PURE__*/ ($parcel$interopDefault($74aPB$react)).createElement(($parcel$interopDefault($74aPB$spectrumiconsuiAlertMedium)), null) : /*#__PURE__*/ ($parcel$interopDefault($74aPB$react)).createElement(($parcel$interopDefault($74aPB$spectrumiconsuiCheckmarkMedium)), null);
133
+ let validation = /*#__PURE__*/ $74aPB$react.cloneElement(validationIcon, {
134
+ UNSAFE_className: $74aPB$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($40cb3a00c193680f$exports)), 'spectrum-Textfield-validationIcon', validationIconClassName)
135
+ });
136
+ let textField = /*#__PURE__*/ ($parcel$interopDefault($74aPB$react)).createElement("div", {
137
+ className: $74aPB$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($40cb3a00c193680f$exports)), 'spectrum-Textfield', {
138
+ 'spectrum-Textfield--invalid': isInvalid,
139
+ 'spectrum-Textfield--valid': validationState === 'valid',
140
+ 'spectrum-Textfield--loadable': loadingIndicator,
141
+ 'spectrum-Textfield--quiet': isQuiet,
142
+ 'spectrum-Textfield--multiline': multiLine
143
+ })
144
+ }, /*#__PURE__*/ ($parcel$interopDefault($74aPB$react)).createElement($74aPB$reactariafocus.FocusRing, {
145
+ focusRingClass: $74aPB$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($40cb3a00c193680f$exports)), 'focus-ring'),
146
+ isTextInput: true,
147
+ autoFocus: autoFocus
148
+ }, /*#__PURE__*/ ($parcel$interopDefault($74aPB$react)).createElement(ElementType, {
149
+ ...$74aPB$reactariautils.mergeProps(inputProps, hoverProps),
150
+ ref: inputRef,
151
+ rows: multiLine ? 1 : undefined,
152
+ className: $74aPB$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($40cb3a00c193680f$exports)), 'spectrum-Textfield-input', {
153
+ 'spectrum-Textfield-inputIcon': icon,
154
+ 'is-hovered': isHovered
155
+ }, inputClassName)
156
+ })), icon, validationState && !isLoading ? validation : null, isLoading && loadingIndicator, wrapperChildren);
157
+ if (label) textField = /*#__PURE__*/ ($parcel$interopDefault($74aPB$react)).cloneElement(textField, $74aPB$reactariautils.mergeProps(textField.props, {
158
+ className: multiLine ? 'spectrum-Field-field--multiline' : ''
159
+ }));
160
+ return(/*#__PURE__*/ ($parcel$interopDefault($74aPB$react)).createElement($74aPB$reactspectrumlabel.Field, {
161
+ ...props,
162
+ labelProps: labelProps,
163
+ descriptionProps: descriptionProps,
164
+ errorMessageProps: errorMessageProps,
165
+ showErrorIcon: false,
166
+ ref: domRef
167
+ }, textField));
168
+ }
169
+ const $86793250183ac29e$export$d22444a338b6e3c2 = /*#__PURE__*/ $74aPB$react.forwardRef($86793250183ac29e$var$TextFieldBase);
124
170
 
125
- }));
126
- let ElementType = multiLine ? 'textarea' : 'input';
127
- let isInvalid = validationState === 'invalid';
128
171
 
129
- if (icon) {
130
- let UNSAFE_className = classNames($d6ccebc39ce6c9807064e14b8824ec$$interop$default, icon.props && icon.props.UNSAFE_className, 'spectrum-Textfield-icon');
131
- icon = /*#__PURE__*/cloneElement(icon, {
132
- UNSAFE_className,
133
- size: 'S'
134
- });
135
- }
136
172
 
137
- let validationIcon = isInvalid ? /*#__PURE__*/_react.createElement(_spectrumIconsUiAlertMedium, null) : /*#__PURE__*/_react.createElement(_spectrumIconsUiCheckmarkMedium, null);
138
- let validation = /*#__PURE__*/cloneElement(validationIcon, {
139
- UNSAFE_className: classNames($d6ccebc39ce6c9807064e14b8824ec$$interop$default, 'spectrum-Textfield-validationIcon', validationIconClassName)
140
- });
141
173
 
142
- let textField = /*#__PURE__*/_react.createElement("div", {
143
- className: classNames($d6ccebc39ce6c9807064e14b8824ec$$interop$default, 'spectrum-Textfield', {
144
- 'spectrum-Textfield--invalid': isInvalid,
145
- 'spectrum-Textfield--valid': validationState === 'valid',
146
- 'spectrum-Textfield--loadable': loadingIndicator,
147
- 'spectrum-Textfield--quiet': isQuiet,
148
- 'spectrum-Textfield--multiline': multiLine
149
- })
150
- }, /*#__PURE__*/_react.createElement(FocusRing, {
151
- focusRingClass: classNames($d6ccebc39ce6c9807064e14b8824ec$$interop$default, 'focus-ring'),
152
- isTextInput: true,
153
- autoFocus: autoFocus
154
- }, /*#__PURE__*/_react.createElement(ElementType, _babelRuntimeHelpersExtends({}, mergeProps(inputProps, hoverProps), {
155
- ref: inputRef,
156
- rows: multiLine ? 1 : undefined,
157
- className: classNames($d6ccebc39ce6c9807064e14b8824ec$$interop$default, 'spectrum-Textfield-input', {
158
- 'spectrum-Textfield-inputIcon': icon,
159
- 'is-hovered': isHovered
160
- }, inputClassName)
161
- }))), icon, validationState && !isLoading ? validation : null, isLoading && loadingIndicator, wrapperChildren);
162
-
163
- if (label) {
164
- textField = /*#__PURE__*/_react.cloneElement(textField, mergeProps(textField.props, {
165
- className: multiLine ? 'spectrum-Field-field--multiline' : ''
166
- }));
167
- }
168
-
169
- return /*#__PURE__*/_react.createElement(Field, _babelRuntimeHelpersExtends({}, props, {
170
- labelProps: labelProps,
171
- descriptionProps: descriptionProps,
172
- errorMessageProps: errorMessageProps,
173
- showErrorIcon: false,
174
- ref: domRef
175
- }), textField);
176
- }
177
174
 
178
- const TextFieldBase = /*#__PURE__*/forwardRef($e7a3dfeb4bff45d199cec4325445e2$var$TextFieldBase);
179
- exports.TextFieldBase = TextFieldBase;
180
-
181
- function $b063c3295c2860c57a7ba2b2561c3d34$var$TextArea(props, ref) {
182
- props = useProviderProps(props);
183
-
184
- let {
185
- isDisabled = false,
186
- isQuiet = false,
187
- isReadOnly = false,
188
- isRequired = false,
189
- onChange
190
- } = props,
191
- 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
192
-
193
-
194
- let [inputValue, setInputValue] = useControlledState(props.value, props.defaultValue, () => {});
195
- let inputRef = useRef();
196
- let onHeightChange = useCallback(() => {
197
- if (isQuiet) {
198
- let input = inputRef.current;
199
- let prevAlignment = input.style.alignSelf;
200
- input.style.alignSelf = 'start';
201
- input.style.height = 'auto';
202
- input.style.height = input.scrollHeight + "px";
203
- input.style.alignSelf = prevAlignment;
204
- }
205
- }, [isQuiet, inputRef]);
206
- useLayoutEffect(() => {
207
- if (inputRef.current) {
208
- onHeightChange();
209
- }
210
- }, [onHeightChange, inputValue, inputRef]);
211
- let {
212
- labelProps,
213
- inputProps,
214
- descriptionProps,
215
- errorMessageProps
216
- } = useTextField(_babelRuntimeHelpersExtends({}, props, {
217
- onChange: chain(onChange, setInputValue),
218
- inputElementType: 'textarea'
219
- }), inputRef);
220
- return /*#__PURE__*/_react.createElement(TextFieldBase, _babelRuntimeHelpersExtends({}, otherProps, {
221
- ref: ref,
222
- inputRef: inputRef,
223
- labelProps: labelProps,
224
- inputProps: inputProps,
225
- descriptionProps: descriptionProps,
226
- errorMessageProps: errorMessageProps,
227
- multiLine: true,
228
- isDisabled: isDisabled,
229
- isQuiet: isQuiet,
230
- isReadOnly: isReadOnly,
231
- isRequired: isRequired
232
- }));
175
+ function $eec649e464f3832d$var$TextArea(props, ref) {
176
+ props = $74aPB$reactspectrumprovider.useProviderProps(props);
177
+ let { isDisabled: isDisabled = false , isQuiet: isQuiet = false , isReadOnly: isReadOnly = false , isRequired: isRequired = false , onChange: onChange , ...otherProps } = props;
178
+ // not in stately because this is so we know when to re-measure, which is a spectrum design
179
+ let [inputValue, setInputValue] = $74aPB$reactstatelyutils.useControlledState(props.value, props.defaultValue, ()=>{
180
+ });
181
+ let inputRef = $74aPB$react.useRef();
182
+ let onHeightChange = $74aPB$react.useCallback(()=>{
183
+ if (isQuiet) {
184
+ let input = inputRef.current;
185
+ let prevAlignment = input.style.alignSelf;
186
+ input.style.alignSelf = 'start';
187
+ input.style.height = 'auto';
188
+ input.style.height = `${input.scrollHeight}px`;
189
+ input.style.alignSelf = prevAlignment;
190
+ }
191
+ }, [
192
+ isQuiet,
193
+ inputRef
194
+ ]);
195
+ $74aPB$reactariautils.useLayoutEffect(()=>{
196
+ if (inputRef.current) onHeightChange();
197
+ }, [
198
+ onHeightChange,
199
+ inputValue,
200
+ inputRef
201
+ ]);
202
+ let { labelProps: labelProps , inputProps: inputProps , descriptionProps: descriptionProps , errorMessageProps: errorMessageProps } = $74aPB$reactariatextfield.useTextField({
203
+ ...props,
204
+ onChange: $74aPB$reactariautils.chain(onChange, setInputValue),
205
+ inputElementType: 'textarea'
206
+ }, inputRef);
207
+ return(/*#__PURE__*/ ($parcel$interopDefault($74aPB$react)).createElement($86793250183ac29e$export$d22444a338b6e3c2, {
208
+ ...otherProps,
209
+ ref: ref,
210
+ inputRef: inputRef,
211
+ labelProps: labelProps,
212
+ inputProps: inputProps,
213
+ descriptionProps: descriptionProps,
214
+ errorMessageProps: errorMessageProps,
215
+ multiLine: true,
216
+ isDisabled: isDisabled,
217
+ isQuiet: isQuiet,
218
+ isReadOnly: isReadOnly,
219
+ isRequired: isRequired
220
+ }));
233
221
  }
234
222
  /**
235
223
  * TextAreas are multiline text inputs, useful for cases where users have
236
224
  * a sizable amount of text to enter. They allow for all customizations that
237
225
  * are available to text fields.
238
- */
239
-
240
-
241
- let TextArea = /*#__PURE__*/_react.forwardRef($b063c3295c2860c57a7ba2b2561c3d34$var$TextArea);
242
-
243
- exports.TextArea = TextArea;
244
-
245
- function $db9dd8b68ff637ff703d9fd0385e7$var$TextField(props, ref) {
246
- props = useProviderProps(props);
247
- let inputRef = useRef();
248
- let {
249
- labelProps,
250
- inputProps,
251
- descriptionProps,
252
- errorMessageProps
253
- } = useTextField(props, inputRef);
254
- return /*#__PURE__*/_react.createElement(TextFieldBase, _babelRuntimeHelpersExtends({}, props, {
255
- labelProps: labelProps,
256
- inputProps: inputProps,
257
- descriptionProps: descriptionProps,
258
- errorMessageProps: errorMessageProps,
259
- ref: ref,
260
- inputRef: inputRef
261
- }));
226
+ */ let $eec649e464f3832d$export$f5c9f3c2c4054eec = /*#__PURE__*/ ($parcel$interopDefault($74aPB$react)).forwardRef($eec649e464f3832d$var$TextArea);
227
+
228
+
229
+ var $34fd51d50eb4b056$exports = {};
230
+
231
+ $parcel$export($34fd51d50eb4b056$exports, "TextField", () => $34fd51d50eb4b056$export$2c73285ae9390cec);
232
+
233
+
234
+
235
+
236
+ function $34fd51d50eb4b056$var$TextField(props, ref) {
237
+ props = $74aPB$reactspectrumprovider.useProviderProps(props);
238
+ let inputRef = $74aPB$react.useRef();
239
+ let { labelProps: labelProps , inputProps: inputProps , descriptionProps: descriptionProps , errorMessageProps: errorMessageProps } = $74aPB$reactariatextfield.useTextField(props, inputRef);
240
+ return(/*#__PURE__*/ ($parcel$interopDefault($74aPB$react)).createElement($86793250183ac29e$export$d22444a338b6e3c2, {
241
+ ...props,
242
+ labelProps: labelProps,
243
+ inputProps: inputProps,
244
+ descriptionProps: descriptionProps,
245
+ errorMessageProps: errorMessageProps,
246
+ ref: ref,
247
+ inputRef: inputRef
248
+ }));
262
249
  }
263
250
  /**
264
251
  * TextFields are text inputs that allow users to input custom text entries
265
252
  * with a keyboard. Various decorations can be displayed around the field to
266
253
  * communicate the entry requirements.
267
- */
254
+ */ const $34fd51d50eb4b056$export$2c73285ae9390cec = /*#__PURE__*/ $74aPB$react.forwardRef($34fd51d50eb4b056$var$TextField);
255
+
256
+
257
+
258
+ $parcel$exportWildcard(module.exports, $eec649e464f3832d$exports);
259
+ $parcel$exportWildcard(module.exports, $34fd51d50eb4b056$exports);
260
+ $parcel$exportWildcard(module.exports, $86793250183ac29e$exports);
268
261
 
269
262
 
270
- const TextField = /*#__PURE__*/forwardRef($db9dd8b68ff637ff703d9fd0385e7$var$TextField);
271
- exports.TextField = TextField;
272
263
  //# sourceMappingURL=main.js.map