@react-spectrum/textfield 3.11.0 → 3.11.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (6) hide show
  1. package/dist/import.mjs +2 -0
  2. package/dist/main.css +650 -1
  3. package/dist/main.css.map +1 -0
  4. package/dist/main.js +2 -0
  5. package/dist/module.js +2 -0
  6. package/package.json +10 -10
package/dist/import.mjs CHANGED
@@ -1,3 +1,5 @@
1
+ "use client";
2
+
1
3
  import "./main.css";
2
4
  import {useLayoutEffect as $evhxb$useLayoutEffect, chain as $evhxb$chain, mergeProps as $evhxb$mergeProps} from "@react-aria/utils";
3
5
  import $evhxb$react, {useRef as $evhxb$useRef, useCallback as $evhxb$useCallback, useImperativeHandle as $evhxb$useImperativeHandle, cloneElement as $evhxb$cloneElement, forwardRef as $evhxb$forwardRef} from "react";
package/dist/main.css CHANGED
@@ -1 +1,650 @@
1
- .YO3Nla_i18nFontFamily{font-synthesis:weight;font-family:adobe-clean,Source Sans Pro,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Ubuntu,Trebuchet MS,Lucida Grande,sans-serif}.YO3Nla_i18nFontFamily:lang(ar){font-family:myriad-arabic,adobe-clean,Source Sans Pro,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Ubuntu,Trebuchet MS,Lucida Grande,sans-serif}.YO3Nla_i18nFontFamily:lang(he){font-family:myriad-hebrew,adobe-clean,Source Sans Pro,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Ubuntu,Trebuchet MS,Lucida Grande,sans-serif}.YO3Nla_i18nFontFamily:lang(zh){font-family:adobe-clean-han-traditional,source-han-traditional,MingLiu,Heiti TC Light,sans-serif}.YO3Nla_i18nFontFamily:lang(zh-Hans){font-family:adobe-clean-han-simplified-c,source-han-simplified-c,SimSun,Heiti SC Light,sans-serif}.YO3Nla_i18nFontFamily:lang(zh-Hant){font-family:adobe-clean-han-traditional,source-han-traditional,MingLiu,Microsoft JhengHei UI,Microsoft JhengHei,Heiti TC Light,sans-serif}.YO3Nla_i18nFontFamily:lang(zh-SG),.YO3Nla_i18nFontFamily:lang(zh-CN){font-family:adobe-clean-han-simplified-c,source-han-simplified-c,SimSun,Heiti SC Light,sans-serif}.YO3Nla_i18nFontFamily:lang(ko){font-family:adobe-clean-han-korean,source-han-korean,Malgun Gothic,Apple Gothic,sans-serif}.YO3Nla_i18nFontFamily:lang(ja){font-family:adobe-clean-han-japanese,Hiragino Kaku Gothic ProN,ヒラギノ角ゴ ProN W3,Osaka,YuGothic,Yu Gothic,メイリオ,Meiryo,ＭＳ Ｐゴシック,MS PGothic,sans-serif}.YO3Nla_spectrum-FocusRing-ring{--spectrum-focus-ring-border-radius:var(--spectrum-textfield-border-radius,var(--spectrum-alias-border-radius-regular));--spectrum-focus-ring-gap:var(--spectrum-alias-input-focusring-gap);--spectrum-focus-ring-size:var(--spectrum-alias-input-focusring-size);--spectrum-focus-ring-border-size:0px;--spectrum-focus-ring-color:var(--spectrum-high-contrast-focus-ring-color,var(--spectrum-alias-focus-ring-color,var(--spectrum-alias-focus-color)))}.YO3Nla_spectrum-FocusRing-ring:after{border-radius:calc(var(--spectrum-focus-ring-border-radius) + var(--spectrum-focus-ring-gap));content:"";margin:calc(-1*var(--spectrum-focus-ring-border-size));pointer-events:none;transition:box-shadow var(--spectrum-global-animation-duration-100,.13s)ease-out,margin var(--spectrum-global-animation-duration-100,.13s)ease-out;display:block;position:absolute;top:0;bottom:0;left:0;right:0}.YO3Nla_spectrum-FocusRing.YO3Nla_focus-ring:after{margin:calc(var(--spectrum-focus-ring-gap)*-1 - var(--spectrum-focus-ring-border-size));box-shadow:0 0 0 var(--spectrum-focus-ring-size)var(--spectrum-focus-ring-color)}.YO3Nla_spectrum-FocusRing--quiet:after{border-radius:0}.YO3Nla_spectrum-FocusRing--quiet.YO3Nla_focus-ring:after{margin:0 0 calc(var(--spectrum-focus-ring-gap)*-1 - var(--spectrum-focus-ring-border-size))0;box-shadow:0 var(--spectrum-focus-ring-size)0 var(--spectrum-focus-ring-color)}.YO3Nla_spectrum-Textfield{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}.YO3Nla_spectrum-Textfield.YO3Nla_spectrum-Textfield--quiet.YO3Nla_spectrum-Textfield--multiline .YO3Nla_spectrum-Textfield-input{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}.YO3Nla_spectrum-Textfield-input{box-sizing:border-box;border:var(--spectrum-alias-input-border-size)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;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-height,var(--spectrum-alias-single-line-height));text-overflow:ellipsis;transition:border-color var(--spectrum-global-animation-duration-100,.13s)ease-in-out,box-shadow var(--spectrum-global-animation-duration-100,.13s)ease-in-out;-webkit-appearance:none;-moz-appearance:textfield;outline:none;inline-size:100%;margin:0;overflow:visible}.YO3Nla_spectrum-Textfield-input::placeholder,.YO3Nla_spectrum-Textfield-input.YO3Nla_is-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));font-synthesis:none;transition:color var(--spectrum-global-animation-duration-100,.13s)ease-in-out;opacity:1}.YO3Nla_spectrum-Textfield-input::-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,.13s)ease-in-out;opacity:1}.YO3Nla_spectrum-Textfield-input:lang(ja)::placeholder,.YO3Nla_spectrum-Textfield-input:lang(ja).YO3Nla_is-placeholder{font-style:normal}.YO3Nla_spectrum-Textfield-input:lang(ja)::-moz-placeholder{font-style:normal}.YO3Nla_spectrum-Textfield-input:lang(zh)::placeholder,.YO3Nla_spectrum-Textfield-input:lang(zh).YO3Nla_is-placeholder{font-style:normal}.YO3Nla_spectrum-Textfield-input:lang(zh)::-moz-placeholder{font-style:normal}.YO3Nla_spectrum-Textfield-input:lang(ko)::placeholder,.YO3Nla_spectrum-Textfield-input:lang(ko).YO3Nla_is-placeholder{font-style:normal}.YO3Nla_spectrum-Textfield-input:lang(ko)::-moz-placeholder{font-style:normal}.YO3Nla_spectrum-Textfield-input:lang(ar)::placeholder,.YO3Nla_spectrum-Textfield-input:lang(ar).YO3Nla_is-placeholder{font-style:normal}.YO3Nla_spectrum-Textfield-input:lang(ar)::-moz-placeholder{font-style:normal}.YO3Nla_spectrum-Textfield-input:lang(he)::placeholder,.YO3Nla_spectrum-Textfield-input:lang(he).YO3Nla_is-placeholder{font-style:normal}.YO3Nla_spectrum-Textfield-input:lang(he)::-moz-placeholder{font-style:normal}.YO3Nla_spectrum-Textfield-input.YO3Nla_is-hovered::placeholder{font-weight:var(--spectrum-textfield-placeholder-text-font-weight,var(--spectrum-global-font-weight-regular))}.YO3Nla_spectrum-Textfield-input:disabled{resize:none;opacity:1}.YO3Nla_spectrum-Textfield-input:disabled::placeholder,.YO3Nla_spectrum-Textfield-input:disabled.YO3Nla_is-placeholder{font-weight:var(--spectrum-textfield-placeholder-text-font-weight,var(--spectrum-global-font-weight-regular))}.YO3Nla_spectrum-Textfield-input::-ms-clear{width:0;height:0}.YO3Nla_spectrum-Textfield-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.YO3Nla_spectrum-Textfield-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.YO3Nla_spectrum-Textfield-input:-moz-ui-invalid{box-shadow:none}.YO3Nla_spectrum-Textfield--multiline .YO3Nla_spectrum-Textfield-input{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);resize:none;height:auto;overflow:auto}.YO3Nla_spectrum-Textfield--quiet .YO3Nla_spectrum-Textfield-input{border-width:0 0 var(--spectrum-alias-input-border-size)0;border-radius:0;padding-inline-start:var(--spectrum-textfield-quiet-padding-x,0);padding-inline-end:var(--spectrum-textfield-quiet-padding-x,0)}.YO3Nla_spectrum-Textfield--valid .YO3Nla_spectrum-Textfield-input{padding-inline-end: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)))}.YO3Nla_spectrum-Textfield--invalid .YO3Nla_spectrum-Textfield-input,.YO3Nla_spectrum-Textfield--loadable .YO3Nla_spectrum-Textfield-input{padding-inline-end: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)))}.YO3Nla_spectrum-Textfield-wrapper.YO3Nla_spectrum-Textfield-wrapper--quiet{grid-template-rows:auto}.YO3Nla_spectrum-Textfield-wrapper .YO3Nla_spectrum-Textfield--multiline{flex:auto;min-height:0}.YO3Nla_spectrum-Textfield-wrapper .YO3Nla_spectrum-Textfield--multiline .YO3Nla_spectrum-Textfield-input{line-height:var(--spectrum-textfield-text-line-height,var(--spectrum-alias-body-text-line-height))}.YO3Nla_spectrum-Textfield-wrapper .YO3Nla_spectrum-Textfield--multiline.YO3Nla_spectrum-Textfield--quiet{flex:0 auto;max-height:100%}.YO3Nla_spectrum-Textfield-wrapper .YO3Nla_spectrum-Textfield--multiline.YO3Nla_spectrum-Textfield--quiet .YO3Nla_spectrum-Textfield-input{max-height:100%}.YO3Nla_spectrum-Textfield-validationIcon{pointer-events:all;transition:color var(--spectrum-global-animation-duration-100,.13s)ease-in-out;padding-inline-end:calc(var(--spectrum-textfield-padding-x,var(--spectrum-global-dimension-size-150))/2);position:absolute}.YO3Nla_spectrum-Textfield--quiet .YO3Nla_spectrum-Textfield-validationIcon{padding-inline-end:0}.YO3Nla_spectrum-Textfield--invalid .YO3Nla_spectrum-Textfield-validationIcon{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(calc(var(--spectrum-textfield-icon-frame)/2) - calc(var(--spectrum-icon-alert-medium-height,var(--spectrum-global-dimension-size-225))/2))}.YO3Nla_spectrum-Textfield--invalid .YO3Nla_spectrum-Textfield-validationIcon:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){right:calc(calc(var(--spectrum-textfield-icon-frame)/2) - calc(var(--spectrum-icon-alert-medium-width,var(--spectrum-global-dimension-size-225))/2))}.YO3Nla_spectrum-Textfield--invalid .YO3Nla_spectrum-Textfield-validationIcon:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){right:calc(calc(var(--spectrum-textfield-icon-frame)/2) - calc(var(--spectrum-icon-alert-medium-width,var(--spectrum-global-dimension-size-225))/2))}.YO3Nla_spectrum-Textfield--invalid .YO3Nla_spectrum-Textfield-validationIcon:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){right:calc(calc(var(--spectrum-textfield-icon-frame)/2) - calc(var(--spectrum-icon-alert-medium-width,var(--spectrum-global-dimension-size-225))/2))}.YO3Nla_spectrum-Textfield--invalid .YO3Nla_spectrum-Textfield-validationIcon:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:calc(calc(var(--spectrum-textfield-icon-frame)/2) - calc(var(--spectrum-icon-alert-medium-width,var(--spectrum-global-dimension-size-225))/2))}.YO3Nla_spectrum-Textfield--invalid .YO3Nla_spectrum-Textfield-validationIcon:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:calc(calc(var(--spectrum-textfield-icon-frame)/2) - calc(var(--spectrum-icon-alert-medium-width,var(--spectrum-global-dimension-size-225))/2))}.YO3Nla_spectrum-Textfield--valid .YO3Nla_spectrum-Textfield-validationIcon{width:var(--spectrum-icon-checkmark-medium-width);height:var(--spectrum-icon-checkmark-medium-height);top:calc(calc(var(--spectrum-textfield-icon-frame)/2) - calc(var(--spectrum-icon-checkmark-medium-height)/2))}.YO3Nla_spectrum-Textfield--valid .YO3Nla_spectrum-Textfield-validationIcon:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){right:var(--spectrum-global-dimension-size-150)}.YO3Nla_spectrum-Textfield--valid .YO3Nla_spectrum-Textfield-validationIcon:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){right:var(--spectrum-global-dimension-size-150)}.YO3Nla_spectrum-Textfield--valid .YO3Nla_spectrum-Textfield-validationIcon:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){right:var(--spectrum-global-dimension-size-150)}.YO3Nla_spectrum-Textfield--valid .YO3Nla_spectrum-Textfield-validationIcon:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:var(--spectrum-global-dimension-size-150)}.YO3Nla_spectrum-Textfield--valid .YO3Nla_spectrum-Textfield-validationIcon:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:var(--spectrum-global-dimension-size-150)}.YO3Nla_spectrum-Textfield .YO3Nla_spectrum-Textfield-icon{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,.13s)ease-in-out;display:block;position:absolute}.YO3Nla_spectrum-Textfield .YO3Nla_spectrum-Textfield-icon:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){left:var(--spectrum-global-dimension-size-150)}.YO3Nla_spectrum-Textfield .YO3Nla_spectrum-Textfield-icon:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){left:var(--spectrum-global-dimension-size-150)}.YO3Nla_spectrum-Textfield .YO3Nla_spectrum-Textfield-icon:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){left:var(--spectrum-global-dimension-size-150)}.YO3Nla_spectrum-Textfield .YO3Nla_spectrum-Textfield-icon:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:var(--spectrum-global-dimension-size-150)}.YO3Nla_spectrum-Textfield .YO3Nla_spectrum-Textfield-icon:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:var(--spectrum-global-dimension-size-150)}.YO3Nla_spectrum-Textfield-input.YO3Nla_spectrum-Textfield-inputIcon{padding-inline-start:calc(var(--spectrum-global-dimension-size-150) + var(--spectrum-global-dimension-size-225) + var(--spectrum-global-dimension-size-65))}.YO3Nla_spectrum-Textfield--quiet .YO3Nla_spectrum-Textfield-input.YO3Nla_spectrum-Textfield-inputIcon{padding-inline-start:calc(var(--spectrum-global-dimension-size-100) + var(--spectrum-icon-info-medium-width,var(--spectrum-global-dimension-size-225)))}.YO3Nla_spectrum-Textfield--quiet .YO3Nla_spectrum-Textfield-input.YO3Nla_spectrum-Textfield-inputIcon~.YO3Nla_spectrum-Textfield-icon:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){left:0}.YO3Nla_spectrum-Textfield--quiet .YO3Nla_spectrum-Textfield-input.YO3Nla_spectrum-Textfield-inputIcon~.YO3Nla_spectrum-Textfield-icon:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){left:0}.YO3Nla_spectrum-Textfield--quiet .YO3Nla_spectrum-Textfield-input.YO3Nla_spectrum-Textfield-inputIcon~.YO3Nla_spectrum-Textfield-icon:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){left:0}.YO3Nla_spectrum-Textfield--quiet .YO3Nla_spectrum-Textfield-input.YO3Nla_spectrum-Textfield-inputIcon~.YO3Nla_spectrum-Textfield-icon:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:0}.YO3Nla_spectrum-Textfield--quiet .YO3Nla_spectrum-Textfield-input.YO3Nla_spectrum-Textfield-inputIcon~.YO3Nla_spectrum-Textfield-icon:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:0}.YO3Nla_spectrum-Textfield-input.YO3Nla_spectrum-Textfield-inputIcon.YO3Nla_spectrum-Textfield--multiline{height:var(--spectrum-textfield-height,var(--spectrum-alias-single-line-height));min-height:var(--spectrum-textfield-height,var(--spectrum-alias-single-line-height))}.YO3Nla_spectrum-Textfield--loadable .YO3Nla_spectrum-Textfield-circleLoader{top:calc(calc(var(--spectrum-textfield-icon-frame)/2) - calc(var(--spectrum-loader-circle-small-width,var(--spectrum-global-dimension-static-size-200))/2));position:absolute}.YO3Nla_spectrum-Textfield--loadable .YO3Nla_spectrum-Textfield-circleLoader:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){right:calc(calc(calc(var(--spectrum-textfield-icon-frame)/2) - calc(var(--spectrum-icon-alert-medium-width,var(--spectrum-global-dimension-size-225))/2)) + calc(var(--spectrum-textfield-padding-x,var(--spectrum-global-dimension-size-150))/2))}.YO3Nla_spectrum-Textfield--loadable .YO3Nla_spectrum-Textfield-circleLoader:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){right:calc(calc(calc(var(--spectrum-textfield-icon-frame)/2) - calc(var(--spectrum-icon-alert-medium-width,var(--spectrum-global-dimension-size-225))/2)) + calc(var(--spectrum-textfield-padding-x,var(--spectrum-global-dimension-size-150))/2))}.YO3Nla_spectrum-Textfield--loadable .YO3Nla_spectrum-Textfield-circleLoader:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){right:calc(calc(calc(var(--spectrum-textfield-icon-frame)/2) - calc(var(--spectrum-icon-alert-medium-width,var(--spectrum-global-dimension-size-225))/2)) + calc(var(--spectrum-textfield-padding-x,var(--spectrum-global-dimension-size-150))/2))}.YO3Nla_spectrum-Textfield--loadable .YO3Nla_spectrum-Textfield-circleLoader:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:calc(calc(calc(var(--spectrum-textfield-icon-frame)/2) - calc(var(--spectrum-icon-alert-medium-width,var(--spectrum-global-dimension-size-225))/2)) + calc(var(--spectrum-textfield-padding-x,var(--spectrum-global-dimension-size-150))/2))}.YO3Nla_spectrum-Textfield--loadable .YO3Nla_spectrum-Textfield-circleLoader:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:calc(calc(calc(var(--spectrum-textfield-icon-frame)/2) - calc(var(--spectrum-icon-alert-medium-width,var(--spectrum-global-dimension-size-225))/2)) + calc(var(--spectrum-textfield-padding-x,var(--spectrum-global-dimension-size-150))/2))}.YO3Nla_spectrum-Textfield--quiet:is(.YO3Nla_spectrum-Textfield--loadable .YO3Nla_spectrum-Textfield-circleLoader){padding-inline-end:0}.YO3Nla_spectrum-Textfield-input{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))}.YO3Nla_spectrum-Textfield-input::placeholder,.YO3Nla_spectrum-Textfield-input.YO3Nla_is-placeholder{color:var(--spectrum-textfield-placeholder-text-color,var(--spectrum-alias-placeholder-text-color))}.YO3Nla_spectrum-Textfield-input.YO3Nla_is-hovered{border-color:var(--spectrum-textfield-border-color-hover,var(--spectrum-alias-border-color-hover));box-shadow:none}.YO3Nla_spectrum-Textfield-input.YO3Nla_is-hovered::placeholder,.YO3Nla_spectrum-Textfield-input.YO3Nla_is-hovered.YO3Nla_is-placeholder{color:var(--spectrum-textfield-placeholder-text-color-hover,var(--spectrum-alias-placeholder-text-color-hover))}.YO3Nla_spectrum-Textfield-input: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))}.YO3Nla_spectrum-Textfield-input:active::placeholder,.YO3Nla_spectrum-Textfield-input:active.YO3Nla_is-placeholder{color:var(--spectrum-textfield-placeholder-text-color-down,var(--spectrum-alias-placeholder-text-color-down))}.YO3Nla_spectrum-Textfield-input:focus,.YO3Nla_spectrum-Textfield-input.YO3Nla_is-focused{border-color:var(--spectrum-textfield-border-color-key-focus,var(--spectrum-alias-border-color-focus))}.YO3Nla_spectrum-Textfield-input.YO3Nla_focus-ring: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))}.YO3Nla_spectrum-Textfield-input[disabled]{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))}.YO3Nla_spectrum-Textfield-input[disabled]::placeholder,.YO3Nla_spectrum-Textfield-input[disabled].YO3Nla_is-placeholder{color:var(--spectrum-textfield-placeholder-text-color-disabled,var(--spectrum-alias-text-color-disabled))}.YO3Nla_spectrum-Textfield-input[disabled]~.YO3Nla_spectrum-Textfield-icon{fill:var(--spectrum-textfield-icon-color-disabled,var(--spectrum-global-color-gray-500))}.YO3Nla_spectrum-Textfield-input.YO3Nla_is-disabled{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))}.YO3Nla_spectrum-Textfield-input.YO3Nla_is-disabled::placeholder,.YO3Nla_spectrum-Textfield-input.YO3Nla_is-disabled.YO3Nla_is-placeholder{color:var(--spectrum-textfield-placeholder-text-color-disabled,var(--spectrum-alias-text-color-disabled))}.YO3Nla_spectrum-Textfield-input.YO3Nla_is-disabled~.YO3Nla_spectrum-Textfield-icon{fill:var(--spectrum-textfield-icon-color-disabled,var(--spectrum-global-color-gray-500))}.YO3Nla_spectrum-Textfield-input.YO3Nla_spectrum-Textfield--invalid{border-color:var(--spectrum-textfield-border-color-error,var(--spectrum-semantic-negative-color-default))}.YO3Nla_spectrum-Textfield-input.YO3Nla_spectrum-Textfield--invalid.YO3Nla_is-hovered,.YO3Nla_spectrum-Textfield-input.YO3Nla_spectrum-Textfield--invalid:active,.YO3Nla_spectrum-Textfield-input.YO3Nla_spectrum-Textfield--invalid:focus,.YO3Nla_spectrum-Textfield-input.YO3Nla_spectrum-Textfield--invalid.YO3Nla_is-focused{border-color:var(--spectrum-textfield-border-color-key-focus,var(--spectrum-alias-border-color-focus))}.YO3Nla_spectrum-Textfield-input.YO3Nla_spectrum-Textfield--invalid.YO3Nla_focus-ring: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))}.YO3Nla_spectrum-Textfield--quiet .YO3Nla_spectrum-Textfield-input{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))}.YO3Nla_spectrum-Textfield--quiet .YO3Nla_spectrum-Textfield-input.YO3Nla_is-hovered{border-color:var(--spectrum-textfield-quiet-border-color-hover,var(--spectrum-alias-border-color-hover))}.YO3Nla_spectrum-Textfield--quiet .YO3Nla_spectrum-Textfield-input:active{border-color:var(--spectrum-textfield-quiet-border-color-down,var(--spectrum-alias-border-color-mouse-focus))}.YO3Nla_spectrum-Textfield--quiet .YO3Nla_spectrum-Textfield-input:focus,.YO3Nla_spectrum-Textfield--quiet .YO3Nla_spectrum-Textfield-input.YO3Nla_is-focused{border-color:var(--spectrum-textfield-quiet-border-color-key-focus,var(--spectrum-alias-border-color-focus))}.YO3Nla_spectrum-Textfield--quiet .YO3Nla_spectrum-Textfield-input.YO3Nla_focus-ring: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))}.YO3Nla_spectrum-Textfield--quiet .YO3Nla_spectrum-Textfield-input:disabled,.YO3Nla_spectrum-Textfield--quiet .YO3Nla_spectrum-Textfield-input.YO3Nla_is-disabled{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))}.YO3Nla_spectrum-Textfield.YO3Nla_spectrum-Textfield--invalid .YO3Nla_spectrum-Textfield-input{border-color:var(--spectrum-textfield-border-color-error,var(--spectrum-semantic-negative-color-default))}.YO3Nla_spectrum-Textfield.YO3Nla_spectrum-Textfield--invalid .YO3Nla_spectrum-Textfield-input.YO3Nla_is-hovered{border-color:var(--spectrum-textfield-border-color-error-hover,var(--spectrum-semantic-negative-color-state-hover))}.YO3Nla_spectrum-Textfield.YO3Nla_spectrum-Textfield--invalid .YO3Nla_spectrum-Textfield-input:active{border-color:var(--spectrum-textfield-border-color-error-down,var(--spectrum-semantic-negative-color-state-down))}.YO3Nla_spectrum-Textfield.YO3Nla_spectrum-Textfield--invalid .YO3Nla_spectrum-Textfield-input:focus,.YO3Nla_spectrum-Textfield.YO3Nla_spectrum-Textfield--invalid .YO3Nla_spectrum-Textfield-input.YO3Nla_is-focused{border-color:var(--spectrum-textfield-border-color-key-focus,var(--spectrum-alias-border-color-focus))}.YO3Nla_spectrum-Textfield.YO3Nla_spectrum-Textfield--invalid .YO3Nla_spectrum-Textfield-input.YO3Nla_focus-ring: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))}.YO3Nla_spectrum-Textfield--quiet.YO3Nla_spectrum-Textfield--invalid .YO3Nla_spectrum-Textfield-input.YO3Nla_focus-ring:not(:active){box-shadow:0 1px 0 var(--spectrum-textfield-quiet-border-color-key-focus,var(--spectrum-alias-border-color-focus))}.YO3Nla_spectrum-Textfield--valid .YO3Nla_spectrum-Textfield-validationIcon{fill:var(--spectrum-alert-success-icon-color,var(--spectrum-semantic-positive-color-icon))}.YO3Nla_spectrum-Textfield--invalid .YO3Nla_spectrum-Textfield-validationIcon{fill:var(--spectrum-alert-error-icon-color,var(--spectrum-semantic-negative-color-icon))}@media (forced-colors:active){.YO3Nla_spectrum-Textfield-input{--spectrum-textfield-border-color:CanvasText;--spectrum-textfield-text-color-disabled:GrayText;--spectrum-textfield-border-color-disabled:GrayText;--spectrum-textfield-quiet-border-color-disabled:GrayText;--spectrum-textfield-quiet-border-color-key-focus:Highlight;--spectrum-textfield-border-color-key-focus:Highlight;--spectrum-textfield-placeholder-text-color:GrayText;--spectrum-textfield-placeholder-text-color-hover:GrayText}.YO3Nla_spectrum-Textfield-input.YO3Nla_focus-ring{outline:2px solid Highlight;outline:2px solid Highlight}.YO3Nla_spectrum-Textfield--quiet .YO3Nla_spectrum-Textfield-input.YO3Nla_focus-ring{forced-color-adjust:none;box-shadow:0 1px 0 0 var(--spectrum-textfield-quiet-border-color-key-focus,var(--spectrum-alias-border-color-focus));outline:0}.YO3Nla_spectrum-Textfield--quiet .YO3Nla_spectrum-Textfield-input.YO3Nla_focus-ring .YO3Nla_spectrum-Textfield-input{border-color:var(--spectrum-textfield-quiet-border-color-key-focus,var(--spectrum-alias-border-color-focus))}}
1
+ .YO3Nla_i18nFontFamily {
2
+ font-synthesis: weight;
3
+ font-family: adobe-clean, Source Sans Pro, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Trebuchet MS, Lucida Grande, sans-serif;
4
+ }
5
+
6
+ .YO3Nla_i18nFontFamily:lang(ar) {
7
+ font-family: myriad-arabic, adobe-clean, Source Sans Pro, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Trebuchet MS, Lucida Grande, sans-serif;
8
+ }
9
+
10
+ .YO3Nla_i18nFontFamily:lang(he) {
11
+ font-family: myriad-hebrew, adobe-clean, Source Sans Pro, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Trebuchet MS, Lucida Grande, sans-serif;
12
+ }
13
+
14
+ .YO3Nla_i18nFontFamily:lang(zh) {
15
+ font-family: adobe-clean-han-traditional, source-han-traditional, MingLiu, Heiti TC Light, sans-serif;
16
+ }
17
+
18
+ .YO3Nla_i18nFontFamily:lang(zh-Hans) {
19
+ font-family: adobe-clean-han-simplified-c, source-han-simplified-c, SimSun, Heiti SC Light, sans-serif;
20
+ }
21
+
22
+ .YO3Nla_i18nFontFamily:lang(zh-Hant) {
23
+ font-family: adobe-clean-han-traditional, source-han-traditional, MingLiu, Microsoft JhengHei UI, Microsoft JhengHei, Heiti TC Light, sans-serif;
24
+ }
25
+
26
+ .YO3Nla_i18nFontFamily:lang(zh-SG) {
27
+ font-family: adobe-clean-han-simplified-c, source-han-simplified-c, SimSun, Heiti SC Light, sans-serif;
28
+ }
29
+
30
+ .YO3Nla_i18nFontFamily:lang(zh-CN) {
31
+ font-family: adobe-clean-han-simplified-c, source-han-simplified-c, SimSun, Heiti SC Light, sans-serif;
32
+ }
33
+
34
+ .YO3Nla_i18nFontFamily:lang(ko) {
35
+ font-family: adobe-clean-han-korean, source-han-korean, Malgun Gothic, Apple Gothic, sans-serif;
36
+ }
37
+
38
+ .YO3Nla_i18nFontFamily:lang(ja) {
39
+ font-family: adobe-clean-han-japanese, Hiragino Kaku Gothic ProN, ヒラギノ角ゴ ProN W3, Osaka, YuGothic, Yu Gothic, メイリオ, Meiryo, ＭＳ Ｐゴシック, MS PGothic, sans-serif;
40
+ }
41
+
42
+ .YO3Nla_spectrum-FocusRing-ring {
43
+ --spectrum-focus-ring-border-radius: var(--spectrum-textfield-border-radius, var(--spectrum-alias-border-radius-regular));
44
+ --spectrum-focus-ring-gap: var(--spectrum-alias-input-focusring-gap);
45
+ --spectrum-focus-ring-size: var(--spectrum-alias-input-focusring-size);
46
+ --spectrum-focus-ring-border-size: 0px;
47
+ --spectrum-focus-ring-color: var(--spectrum-high-contrast-focus-ring-color, var(--spectrum-alias-focus-ring-color, var(--spectrum-alias-focus-color)));
48
+ }
49
+
50
+ .YO3Nla_spectrum-FocusRing-ring:after {
51
+ border-radius: calc(var(--spectrum-focus-ring-border-radius) + var(--spectrum-focus-ring-gap));
52
+ content: "";
53
+ margin: calc(-1 * var(--spectrum-focus-ring-border-size));
54
+ pointer-events: none;
55
+ transition: box-shadow var(--spectrum-global-animation-duration-100, .13s) ease-out, margin var(--spectrum-global-animation-duration-100, .13s) ease-out;
56
+ display: block;
57
+ position: absolute;
58
+ top: 0;
59
+ bottom: 0;
60
+ left: 0;
61
+ right: 0;
62
+ }
63
+
64
+ .YO3Nla_spectrum-FocusRing {
65
+ }
66
+
67
+ .YO3Nla_spectrum-FocusRing.YO3Nla_focus-ring:after {
68
+ margin: calc(var(--spectrum-focus-ring-gap) * -1 - var(--spectrum-focus-ring-border-size));
69
+ box-shadow: 0 0 0 var(--spectrum-focus-ring-size) var(--spectrum-focus-ring-color);
70
+ }
71
+
72
+ .YO3Nla_spectrum-FocusRing--quiet:after {
73
+ border-radius: 0;
74
+ }
75
+
76
+ .YO3Nla_spectrum-FocusRing--quiet.YO3Nla_focus-ring:after {
77
+ margin: 0 0 calc(var(--spectrum-focus-ring-gap) * -1 - var(--spectrum-focus-ring-border-size)) 0;
78
+ box-shadow: 0 var(--spectrum-focus-ring-size) 0 var(--spectrum-focus-ring-color);
79
+ }
80
+
81
+ .YO3Nla_spectrum-Textfield {
82
+ min-width: var(--spectrum-textfield-min-width, var(--spectrum-global-dimension-size-600));
83
+ width: var(--spectrum-alias-single-line-width, var(--spectrum-global-dimension-size-2400));
84
+ display: inline-flex;
85
+ position: relative;
86
+ }
87
+
88
+ .YO3Nla_spectrum-Textfield.YO3Nla_spectrum-Textfield--quiet.YO3Nla_spectrum-Textfield--multiline .YO3Nla_spectrum-Textfield-input {
89
+ height: var(--spectrum-textfield-height, var(--spectrum-alias-single-line-height));
90
+ min-height: var(--spectrum-textfield-height, var(--spectrum-alias-single-line-height));
91
+ overflow-x: hidden;
92
+ }
93
+
94
+ .YO3Nla_spectrum-Textfield--quiet {
95
+ }
96
+
97
+ .YO3Nla_spectrum-Textfield-input {
98
+ box-sizing: border-box;
99
+ border: var(--spectrum-alias-input-border-size) solid;
100
+ border-radius: var(--spectrum-textfield-border-radius, var(--spectrum-alias-border-radius-regular));
101
+ 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);
102
+ text-indent: 0;
103
+ height: var(--spectrum-textfield-height, var(--spectrum-alias-single-line-height));
104
+ vertical-align: top;
105
+ font-size: var(--spectrum-textfield-text-size, var(--spectrum-alias-font-size-default));
106
+ line-height: var(--spectrum-textfield-height, var(--spectrum-alias-single-line-height));
107
+ text-overflow: ellipsis;
108
+ transition: border-color var(--spectrum-global-animation-duration-100, .13s) ease-in-out, box-shadow var(--spectrum-global-animation-duration-100, .13s) ease-in-out;
109
+ -webkit-appearance: none;
110
+ -moz-appearance: textfield;
111
+ outline: none;
112
+ inline-size: 100%;
113
+ margin: 0;
114
+ overflow: visible;
115
+ }
116
+
117
+ .YO3Nla_spectrum-Textfield-input::placeholder {
118
+ font-weight: var(--spectrum-textfield-placeholder-text-font-weight, var(--spectrum-global-font-weight-regular));
119
+ font-style: var(--spectrum-textfield-placeholder-text-font-style, var(--spectrum-global-font-style-italic));
120
+ font-synthesis: none;
121
+ transition: color var(--spectrum-global-animation-duration-100, .13s) ease-in-out;
122
+ opacity: 1;
123
+ }
124
+
125
+ .YO3Nla_spectrum-Textfield-input.YO3Nla_is-placeholder {
126
+ font-weight: var(--spectrum-textfield-placeholder-text-font-weight, var(--spectrum-global-font-weight-regular));
127
+ font-style: var(--spectrum-textfield-placeholder-text-font-style, var(--spectrum-global-font-style-italic));
128
+ font-synthesis: none;
129
+ transition: color var(--spectrum-global-animation-duration-100, .13s) ease-in-out;
130
+ opacity: 1;
131
+ }
132
+
133
+ .YO3Nla_spectrum-Textfield-input::-moz-placeholder {
134
+ font-weight: var(--spectrum-textfield-placeholder-text-font-weight, var(--spectrum-global-font-weight-regular));
135
+ font-style: var(--spectrum-textfield-placeholder-text-font-style, var(--spectrum-global-font-style-italic));
136
+ transition: color var(--spectrum-global-animation-duration-100, .13s) ease-in-out;
137
+ opacity: 1;
138
+ }
139
+
140
+ .YO3Nla_spectrum-Textfield-input:lang(ja)::placeholder {
141
+ font-style: normal;
142
+ }
143
+
144
+ .YO3Nla_spectrum-Textfield-input:lang(ja).YO3Nla_is-placeholder {
145
+ font-style: normal;
146
+ }
147
+
148
+ .YO3Nla_spectrum-Textfield-input:lang(ja)::-moz-placeholder {
149
+ font-style: normal;
150
+ }
151
+
152
+ .YO3Nla_spectrum-Textfield-input:lang(zh)::placeholder {
153
+ font-style: normal;
154
+ }
155
+
156
+ .YO3Nla_spectrum-Textfield-input:lang(zh).YO3Nla_is-placeholder {
157
+ font-style: normal;
158
+ }
159
+
160
+ .YO3Nla_spectrum-Textfield-input:lang(zh)::-moz-placeholder {
161
+ font-style: normal;
162
+ }
163
+
164
+ .YO3Nla_spectrum-Textfield-input:lang(ko)::placeholder {
165
+ font-style: normal;
166
+ }
167
+
168
+ .YO3Nla_spectrum-Textfield-input:lang(ko).YO3Nla_is-placeholder {
169
+ font-style: normal;
170
+ }
171
+
172
+ .YO3Nla_spectrum-Textfield-input:lang(ko)::-moz-placeholder {
173
+ font-style: normal;
174
+ }
175
+
176
+ .YO3Nla_spectrum-Textfield-input:lang(ar)::placeholder {
177
+ font-style: normal;
178
+ }
179
+
180
+ .YO3Nla_spectrum-Textfield-input:lang(ar).YO3Nla_is-placeholder {
181
+ font-style: normal;
182
+ }
183
+
184
+ .YO3Nla_spectrum-Textfield-input:lang(ar)::-moz-placeholder {
185
+ font-style: normal;
186
+ }
187
+
188
+ .YO3Nla_spectrum-Textfield-input:lang(he)::placeholder {
189
+ font-style: normal;
190
+ }
191
+
192
+ .YO3Nla_spectrum-Textfield-input:lang(he).YO3Nla_is-placeholder {
193
+ font-style: normal;
194
+ }
195
+
196
+ .YO3Nla_spectrum-Textfield-input:lang(he)::-moz-placeholder {
197
+ font-style: normal;
198
+ }
199
+
200
+ .YO3Nla_spectrum-Textfield-input.YO3Nla_is-hovered::placeholder {
201
+ font-weight: var(--spectrum-textfield-placeholder-text-font-weight, var(--spectrum-global-font-weight-regular));
202
+ }
203
+
204
+ .YO3Nla_spectrum-Textfield-input:disabled {
205
+ resize: none;
206
+ opacity: 1;
207
+ }
208
+
209
+ .YO3Nla_spectrum-Textfield-input:disabled::placeholder {
210
+ font-weight: var(--spectrum-textfield-placeholder-text-font-weight, var(--spectrum-global-font-weight-regular));
211
+ }
212
+
213
+ .YO3Nla_spectrum-Textfield-input:disabled.YO3Nla_is-placeholder {
214
+ font-weight: var(--spectrum-textfield-placeholder-text-font-weight, var(--spectrum-global-font-weight-regular));
215
+ }
216
+
217
+ .YO3Nla_spectrum-Textfield-input::-ms-clear {
218
+ width: 0;
219
+ height: 0;
220
+ }
221
+
222
+ .YO3Nla_spectrum-Textfield-input::-webkit-inner-spin-button {
223
+ -webkit-appearance: none;
224
+ margin: 0;
225
+ }
226
+
227
+ .YO3Nla_spectrum-Textfield-input::-webkit-outer-spin-button {
228
+ -webkit-appearance: none;
229
+ margin: 0;
230
+ }
231
+
232
+ .YO3Nla_spectrum-Textfield-input:-moz-ui-invalid {
233
+ box-shadow: none;
234
+ }
235
+
236
+ .YO3Nla_spectrum-Textfield--multiline .YO3Nla_spectrum-Textfield-input {
237
+ min-height: var(--spectrum-global-dimension-size-700);
238
+ 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);
239
+ resize: none;
240
+ height: auto;
241
+ overflow: auto;
242
+ }
243
+
244
+ .YO3Nla_spectrum-Textfield--quiet .YO3Nla_spectrum-Textfield-input {
245
+ border-width: 0 0 var(--spectrum-alias-input-border-size) 0;
246
+ border-radius: 0;
247
+ padding-inline-start: var(--spectrum-textfield-quiet-padding-x, 0);
248
+ padding-inline-end: var(--spectrum-textfield-quiet-padding-x, 0);
249
+ }
250
+
251
+ .YO3Nla_spectrum-Textfield--valid .YO3Nla_spectrum-Textfield-input {
252
+ padding-inline-end: 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)));
253
+ }
254
+
255
+ .YO3Nla_spectrum-Textfield--invalid .YO3Nla_spectrum-Textfield-input {
256
+ padding-inline-end: 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)));
257
+ }
258
+
259
+ .YO3Nla_spectrum-Textfield--loadable .YO3Nla_spectrum-Textfield-input {
260
+ padding-inline-end: 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)));
261
+ }
262
+
263
+ .YO3Nla_spectrum-Textfield-wrapper.YO3Nla_spectrum-Textfield-wrapper--quiet {
264
+ grid-template-rows: auto;
265
+ }
266
+
267
+ .YO3Nla_spectrum-Textfield-wrapper .YO3Nla_spectrum-Textfield--multiline {
268
+ flex: auto;
269
+ min-height: 0;
270
+ }
271
+
272
+ .YO3Nla_spectrum-Textfield-wrapper .YO3Nla_spectrum-Textfield--multiline .YO3Nla_spectrum-Textfield-input {
273
+ line-height: var(--spectrum-textfield-text-line-height, var(--spectrum-alias-body-text-line-height));
274
+ }
275
+
276
+ .YO3Nla_spectrum-Textfield-wrapper .YO3Nla_spectrum-Textfield--multiline.YO3Nla_spectrum-Textfield--quiet {
277
+ flex: 0 auto;
278
+ max-height: 100%;
279
+ }
280
+
281
+ .YO3Nla_spectrum-Textfield-wrapper .YO3Nla_spectrum-Textfield--multiline.YO3Nla_spectrum-Textfield--quiet .YO3Nla_spectrum-Textfield-input {
282
+ max-height: 100%;
283
+ }
284
+
285
+ .YO3Nla_spectrum-Textfield-validationIcon {
286
+ pointer-events: all;
287
+ transition: color var(--spectrum-global-animation-duration-100, .13s) ease-in-out;
288
+ padding-inline-end: calc(var(--spectrum-textfield-padding-x, var(--spectrum-global-dimension-size-150)) / 2);
289
+ position: absolute;
290
+ }
291
+
292
+ .YO3Nla_spectrum-Textfield--quiet .YO3Nla_spectrum-Textfield-validationIcon {
293
+ padding-inline-end: 0;
294
+ }
295
+
296
+ .YO3Nla_spectrum-Textfield--invalid .YO3Nla_spectrum-Textfield-validationIcon {
297
+ width: var(--spectrum-icon-alert-medium-width, var(--spectrum-global-dimension-size-225));
298
+ height: var(--spectrum-icon-alert-medium-height, var(--spectrum-global-dimension-size-225));
299
+ top: calc(calc(var(--spectrum-textfield-icon-frame) / 2) - calc(var(--spectrum-icon-alert-medium-height, var(--spectrum-global-dimension-size-225)) / 2));
300
+ }
301
+
302
+ .YO3Nla_spectrum-Textfield--invalid .YO3Nla_spectrum-Textfield-validationIcon:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
303
+ right: calc(calc(var(--spectrum-textfield-icon-frame) / 2) - calc(var(--spectrum-icon-alert-medium-width, var(--spectrum-global-dimension-size-225)) / 2));
304
+ }
305
+
306
+ .YO3Nla_spectrum-Textfield--invalid .YO3Nla_spectrum-Textfield-validationIcon:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
307
+ right: calc(calc(var(--spectrum-textfield-icon-frame) / 2) - calc(var(--spectrum-icon-alert-medium-width, var(--spectrum-global-dimension-size-225)) / 2));
308
+ }
309
+
310
+ .YO3Nla_spectrum-Textfield--invalid .YO3Nla_spectrum-Textfield-validationIcon:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
311
+ left: calc(calc(var(--spectrum-textfield-icon-frame) / 2) - calc(var(--spectrum-icon-alert-medium-width, var(--spectrum-global-dimension-size-225)) / 2));
312
+ }
313
+
314
+ .YO3Nla_spectrum-Textfield--invalid .YO3Nla_spectrum-Textfield-validationIcon:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
315
+ left: calc(calc(var(--spectrum-textfield-icon-frame) / 2) - calc(var(--spectrum-icon-alert-medium-width, var(--spectrum-global-dimension-size-225)) / 2));
316
+ }
317
+
318
+ .YO3Nla_spectrum-Textfield--valid .YO3Nla_spectrum-Textfield-validationIcon {
319
+ width: var(--spectrum-icon-checkmark-medium-width);
320
+ height: var(--spectrum-icon-checkmark-medium-height);
321
+ top: calc(calc(var(--spectrum-textfield-icon-frame) / 2) - calc(var(--spectrum-icon-checkmark-medium-height) / 2));
322
+ }
323
+
324
+ .YO3Nla_spectrum-Textfield--valid .YO3Nla_spectrum-Textfield-validationIcon:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
325
+ right: var(--spectrum-global-dimension-size-150);
326
+ }
327
+
328
+ .YO3Nla_spectrum-Textfield--valid .YO3Nla_spectrum-Textfield-validationIcon:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
329
+ right: var(--spectrum-global-dimension-size-150);
330
+ }
331
+
332
+ .YO3Nla_spectrum-Textfield--valid .YO3Nla_spectrum-Textfield-validationIcon:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
333
+ left: var(--spectrum-global-dimension-size-150);
334
+ }
335
+
336
+ .YO3Nla_spectrum-Textfield--valid .YO3Nla_spectrum-Textfield-validationIcon:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
337
+ left: var(--spectrum-global-dimension-size-150);
338
+ }
339
+
340
+ .YO3Nla_spectrum-Textfield .YO3Nla_spectrum-Textfield-icon {
341
+ height: var(--spectrum-icon-info-medium-height, var(--spectrum-global-dimension-size-225));
342
+ width: var(--spectrum-icon-info-medium-width, var(--spectrum-global-dimension-size-225));
343
+ top: var(--spectrum-global-dimension-size-85);
344
+ transition: fill var(--spectrum-global-animation-duration-100, .13s) ease-in-out;
345
+ display: block;
346
+ position: absolute;
347
+ }
348
+
349
+ .YO3Nla_spectrum-Textfield .YO3Nla_spectrum-Textfield-icon:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
350
+ left: var(--spectrum-global-dimension-size-150);
351
+ }
352
+
353
+ .YO3Nla_spectrum-Textfield .YO3Nla_spectrum-Textfield-icon:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
354
+ left: var(--spectrum-global-dimension-size-150);
355
+ }
356
+
357
+ .YO3Nla_spectrum-Textfield .YO3Nla_spectrum-Textfield-icon:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
358
+ right: var(--spectrum-global-dimension-size-150);
359
+ }
360
+
361
+ .YO3Nla_spectrum-Textfield .YO3Nla_spectrum-Textfield-icon:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
362
+ right: var(--spectrum-global-dimension-size-150);
363
+ }
364
+
365
+ .YO3Nla_spectrum-Textfield-input.YO3Nla_spectrum-Textfield-inputIcon {
366
+ padding-inline-start: calc(var(--spectrum-global-dimension-size-150) + var(--spectrum-global-dimension-size-225) + var(--spectrum-global-dimension-size-65));
367
+ }
368
+
369
+ .YO3Nla_spectrum-Textfield--quiet .YO3Nla_spectrum-Textfield-input.YO3Nla_spectrum-Textfield-inputIcon {
370
+ padding-inline-start: calc(var(--spectrum-global-dimension-size-100) + var(--spectrum-icon-info-medium-width, var(--spectrum-global-dimension-size-225)));
371
+ }
372
+
373
+ .YO3Nla_spectrum-Textfield--quiet .YO3Nla_spectrum-Textfield-input.YO3Nla_spectrum-Textfield-inputIcon ~ .YO3Nla_spectrum-Textfield-icon:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
374
+ left: 0;
375
+ }
376
+
377
+ .YO3Nla_spectrum-Textfield--quiet .YO3Nla_spectrum-Textfield-input.YO3Nla_spectrum-Textfield-inputIcon ~ .YO3Nla_spectrum-Textfield-icon:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
378
+ left: 0;
379
+ }
380
+
381
+ .YO3Nla_spectrum-Textfield--quiet .YO3Nla_spectrum-Textfield-input.YO3Nla_spectrum-Textfield-inputIcon ~ .YO3Nla_spectrum-Textfield-icon:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
382
+ right: 0;
383
+ }
384
+
385
+ .YO3Nla_spectrum-Textfield--quiet .YO3Nla_spectrum-Textfield-input.YO3Nla_spectrum-Textfield-inputIcon ~ .YO3Nla_spectrum-Textfield-icon:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
386
+ right: 0;
387
+ }
388
+
389
+ .YO3Nla_spectrum-Textfield-input.YO3Nla_spectrum-Textfield-inputIcon.YO3Nla_spectrum-Textfield--multiline {
390
+ height: var(--spectrum-textfield-height, var(--spectrum-alias-single-line-height));
391
+ min-height: var(--spectrum-textfield-height, var(--spectrum-alias-single-line-height));
392
+ }
393
+
394
+ .YO3Nla_spectrum-Textfield--loadable .YO3Nla_spectrum-Textfield-circleLoader {
395
+ top: calc(calc(var(--spectrum-textfield-icon-frame) / 2) - calc(var(--spectrum-loader-circle-small-width, var(--spectrum-global-dimension-static-size-200)) / 2));
396
+ position: absolute;
397
+ }
398
+
399
+ .YO3Nla_spectrum-Textfield--loadable .YO3Nla_spectrum-Textfield-circleLoader:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
400
+ right: calc(calc(calc(var(--spectrum-textfield-icon-frame) / 2) - calc(var(--spectrum-icon-alert-medium-width, var(--spectrum-global-dimension-size-225)) / 2)) + calc(var(--spectrum-textfield-padding-x, var(--spectrum-global-dimension-size-150)) / 2));
401
+ }
402
+
403
+ .YO3Nla_spectrum-Textfield--loadable .YO3Nla_spectrum-Textfield-circleLoader:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
404
+ right: calc(calc(calc(var(--spectrum-textfield-icon-frame) / 2) - calc(var(--spectrum-icon-alert-medium-width, var(--spectrum-global-dimension-size-225)) / 2)) + calc(var(--spectrum-textfield-padding-x, var(--spectrum-global-dimension-size-150)) / 2));
405
+ }
406
+
407
+ .YO3Nla_spectrum-Textfield--loadable .YO3Nla_spectrum-Textfield-circleLoader:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
408
+ left: calc(calc(calc(var(--spectrum-textfield-icon-frame) / 2) - calc(var(--spectrum-icon-alert-medium-width, var(--spectrum-global-dimension-size-225)) / 2)) + calc(var(--spectrum-textfield-padding-x, var(--spectrum-global-dimension-size-150)) / 2));
409
+ }
410
+
411
+ .YO3Nla_spectrum-Textfield--loadable .YO3Nla_spectrum-Textfield-circleLoader:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
412
+ left: calc(calc(calc(var(--spectrum-textfield-icon-frame) / 2) - calc(var(--spectrum-icon-alert-medium-width, var(--spectrum-global-dimension-size-225)) / 2)) + calc(var(--spectrum-textfield-padding-x, var(--spectrum-global-dimension-size-150)) / 2));
413
+ }
414
+
415
+ .YO3Nla_spectrum-Textfield--quiet:is(.YO3Nla_spectrum-Textfield--loadable .YO3Nla_spectrum-Textfield-circleLoader) {
416
+ padding-inline-end: 0;
417
+ }
418
+
419
+ .YO3Nla_spectrum-Textfield-input {
420
+ background-color: var(--spectrum-textfield-background-color, var(--spectrum-global-color-gray-50));
421
+ border-color: var(--spectrum-textfield-border-color, var(--spectrum-alias-border-color));
422
+ color: var(--spectrum-textfield-text-color, var(--spectrum-alias-text-color));
423
+ }
424
+
425
+ .YO3Nla_spectrum-Textfield-input::placeholder {
426
+ color: var(--spectrum-textfield-placeholder-text-color, var(--spectrum-alias-placeholder-text-color));
427
+ }
428
+
429
+ .YO3Nla_spectrum-Textfield-input.YO3Nla_is-placeholder {
430
+ color: var(--spectrum-textfield-placeholder-text-color, var(--spectrum-alias-placeholder-text-color));
431
+ }
432
+
433
+ .YO3Nla_spectrum-Textfield-input.YO3Nla_is-hovered {
434
+ border-color: var(--spectrum-textfield-border-color-hover, var(--spectrum-alias-border-color-hover));
435
+ box-shadow: none;
436
+ }
437
+
438
+ .YO3Nla_spectrum-Textfield-input.YO3Nla_is-hovered::placeholder {
439
+ color: var(--spectrum-textfield-placeholder-text-color-hover, var(--spectrum-alias-placeholder-text-color-hover));
440
+ }
441
+
442
+ .YO3Nla_spectrum-Textfield-input.YO3Nla_is-hovered.YO3Nla_is-placeholder {
443
+ color: var(--spectrum-textfield-placeholder-text-color-hover, var(--spectrum-alias-placeholder-text-color-hover));
444
+ }
445
+
446
+ .YO3Nla_spectrum-Textfield-input:active {
447
+ background-color: var(--spectrum-textfield-background-color-down, var(--spectrum-global-color-gray-50));
448
+ border-color: var(--spectrum-textfield-border-color-down, var(--spectrum-alias-border-color-mouse-focus));
449
+ color: var(--spectrum-textfield-text-color-down, var(--spectrum-alias-text-color-down));
450
+ }
451
+
452
+ .YO3Nla_spectrum-Textfield-input:active::placeholder {
453
+ color: var(--spectrum-textfield-placeholder-text-color-down, var(--spectrum-alias-placeholder-text-color-down));
454
+ }
455
+
456
+ .YO3Nla_spectrum-Textfield-input:active.YO3Nla_is-placeholder {
457
+ color: var(--spectrum-textfield-placeholder-text-color-down, var(--spectrum-alias-placeholder-text-color-down));
458
+ }
459
+
460
+ .YO3Nla_spectrum-Textfield-input:focus {
461
+ border-color: var(--spectrum-textfield-border-color-key-focus, var(--spectrum-alias-border-color-focus));
462
+ }
463
+
464
+ .YO3Nla_spectrum-Textfield-input.YO3Nla_is-focused {
465
+ border-color: var(--spectrum-textfield-border-color-key-focus, var(--spectrum-alias-border-color-focus));
466
+ }
467
+
468
+ .YO3Nla_spectrum-Textfield-input.YO3Nla_focus-ring:not(:active) {
469
+ border-color: var(--spectrum-textfield-border-color-key-focus, var(--spectrum-alias-border-color-focus));
470
+ box-shadow: 0 0 0 1px var(--spectrum-textfield-border-color-key-focus, var(--spectrum-alias-border-color-focus));
471
+ }
472
+
473
+ .YO3Nla_spectrum-Textfield-input[disabled] {
474
+ background-color: var(--spectrum-textfield-background-color-disabled, var(--spectrum-global-color-gray-200));
475
+ border-color: var(--spectrum-textfield-border-color-disabled, var(--spectrum-alias-border-color-transparent));
476
+ color: var(--spectrum-textfield-text-color-disabled, var(--spectrum-alias-text-color-disabled));
477
+ -webkit-text-fill-color: var(--spectrum-textfield-text-color-disabled, var(--spectrum-alias-text-color-disabled));
478
+ }
479
+
480
+ .YO3Nla_spectrum-Textfield-input[disabled]::placeholder {
481
+ color: var(--spectrum-textfield-placeholder-text-color-disabled, var(--spectrum-alias-text-color-disabled));
482
+ }
483
+
484
+ .YO3Nla_spectrum-Textfield-input[disabled].YO3Nla_is-placeholder {
485
+ color: var(--spectrum-textfield-placeholder-text-color-disabled, var(--spectrum-alias-text-color-disabled));
486
+ }
487
+
488
+ .YO3Nla_spectrum-Textfield-input[disabled] ~ .YO3Nla_spectrum-Textfield-icon {
489
+ fill: var(--spectrum-textfield-icon-color-disabled, var(--spectrum-global-color-gray-500));
490
+ }
491
+
492
+ .YO3Nla_spectrum-Textfield-input.YO3Nla_is-disabled {
493
+ background-color: var(--spectrum-textfield-background-color-disabled, var(--spectrum-global-color-gray-200));
494
+ border-color: var(--spectrum-textfield-border-color-disabled, var(--spectrum-alias-border-color-transparent));
495
+ color: var(--spectrum-textfield-text-color-disabled, var(--spectrum-alias-text-color-disabled));
496
+ -webkit-text-fill-color: var(--spectrum-textfield-text-color-disabled, var(--spectrum-alias-text-color-disabled));
497
+ }
498
+
499
+ .YO3Nla_spectrum-Textfield-input.YO3Nla_is-disabled::placeholder {
500
+ color: var(--spectrum-textfield-placeholder-text-color-disabled, var(--spectrum-alias-text-color-disabled));
501
+ }
502
+
503
+ .YO3Nla_spectrum-Textfield-input.YO3Nla_is-disabled.YO3Nla_is-placeholder {
504
+ color: var(--spectrum-textfield-placeholder-text-color-disabled, var(--spectrum-alias-text-color-disabled));
505
+ }
506
+
507
+ .YO3Nla_spectrum-Textfield-input.YO3Nla_is-disabled ~ .YO3Nla_spectrum-Textfield-icon {
508
+ fill: var(--spectrum-textfield-icon-color-disabled, var(--spectrum-global-color-gray-500));
509
+ }
510
+
511
+ .YO3Nla_spectrum-Textfield-input.YO3Nla_spectrum-Textfield--invalid {
512
+ border-color: var(--spectrum-textfield-border-color-error, var(--spectrum-semantic-negative-color-default));
513
+ }
514
+
515
+ .YO3Nla_spectrum-Textfield-input.YO3Nla_spectrum-Textfield--invalid.YO3Nla_is-hovered {
516
+ border-color: var(--spectrum-textfield-border-color-key-focus, var(--spectrum-alias-border-color-focus));
517
+ }
518
+
519
+ .YO3Nla_spectrum-Textfield-input.YO3Nla_spectrum-Textfield--invalid:active {
520
+ border-color: var(--spectrum-textfield-border-color-key-focus, var(--spectrum-alias-border-color-focus));
521
+ }
522
+
523
+ .YO3Nla_spectrum-Textfield-input.YO3Nla_spectrum-Textfield--invalid:focus {
524
+ border-color: var(--spectrum-textfield-border-color-key-focus, var(--spectrum-alias-border-color-focus));
525
+ }
526
+
527
+ .YO3Nla_spectrum-Textfield-input.YO3Nla_spectrum-Textfield--invalid.YO3Nla_is-focused {
528
+ border-color: var(--spectrum-textfield-border-color-key-focus, var(--spectrum-alias-border-color-focus));
529
+ }
530
+
531
+ .YO3Nla_spectrum-Textfield-input.YO3Nla_spectrum-Textfield--invalid.YO3Nla_focus-ring:not(:active) {
532
+ border-color: var(--spectrum-textfield-border-color-key-focus, var(--spectrum-alias-border-color-focus));
533
+ box-shadow: 0 0 0 1px var(--spectrum-textfield-border-color-key-focus, var(--spectrum-alias-border-color-focus));
534
+ }
535
+
536
+ .YO3Nla_spectrum-Textfield--quiet .YO3Nla_spectrum-Textfield-input {
537
+ background-color: var(--spectrum-textfield-quiet-background-color, var(--spectrum-alias-background-color-transparent));
538
+ border-color: var(--spectrum-textfield-quiet-border-color, var(--spectrum-alias-border-color));
539
+ }
540
+
541
+ .YO3Nla_spectrum-Textfield--quiet .YO3Nla_spectrum-Textfield-input.YO3Nla_is-hovered {
542
+ border-color: var(--spectrum-textfield-quiet-border-color-hover, var(--spectrum-alias-border-color-hover));
543
+ }
544
+
545
+ .YO3Nla_spectrum-Textfield--quiet .YO3Nla_spectrum-Textfield-input:active {
546
+ border-color: var(--spectrum-textfield-quiet-border-color-down, var(--spectrum-alias-border-color-mouse-focus));
547
+ }
548
+
549
+ .YO3Nla_spectrum-Textfield--quiet .YO3Nla_spectrum-Textfield-input:focus {
550
+ border-color: var(--spectrum-textfield-quiet-border-color-key-focus, var(--spectrum-alias-border-color-focus));
551
+ }
552
+
553
+ .YO3Nla_spectrum-Textfield--quiet .YO3Nla_spectrum-Textfield-input.YO3Nla_is-focused {
554
+ border-color: var(--spectrum-textfield-quiet-border-color-key-focus, var(--spectrum-alias-border-color-focus));
555
+ }
556
+
557
+ .YO3Nla_spectrum-Textfield--quiet .YO3Nla_spectrum-Textfield-input.YO3Nla_focus-ring:not(:active) {
558
+ border-color: var(--spectrum-textfield-border-color-key-focus, var(--spectrum-alias-border-color-focus));
559
+ box-shadow: 0 1px 0 var(--spectrum-textfield-border-color-key-focus, var(--spectrum-alias-border-color-focus));
560
+ }
561
+
562
+ .YO3Nla_spectrum-Textfield--quiet .YO3Nla_spectrum-Textfield-input:disabled {
563
+ background-color: var(--spectrum-textfield-quiet-background-color-disabled, var(--spectrum-alias-background-color-transparent));
564
+ border-color: var(--spectrum-textfield-quiet-border-color-disabled, var(--spectrum-alias-border-color-mid));
565
+ }
566
+
567
+ .YO3Nla_spectrum-Textfield--quiet .YO3Nla_spectrum-Textfield-input.YO3Nla_is-disabled {
568
+ background-color: var(--spectrum-textfield-quiet-background-color-disabled, var(--spectrum-alias-background-color-transparent));
569
+ border-color: var(--spectrum-textfield-quiet-border-color-disabled, var(--spectrum-alias-border-color-mid));
570
+ }
571
+
572
+ .YO3Nla_spectrum-Textfield.YO3Nla_spectrum-Textfield--invalid .YO3Nla_spectrum-Textfield-input {
573
+ border-color: var(--spectrum-textfield-border-color-error, var(--spectrum-semantic-negative-color-default));
574
+ }
575
+
576
+ .YO3Nla_spectrum-Textfield.YO3Nla_spectrum-Textfield--invalid .YO3Nla_spectrum-Textfield-input.YO3Nla_is-hovered {
577
+ border-color: var(--spectrum-textfield-border-color-error-hover, var(--spectrum-semantic-negative-color-state-hover));
578
+ }
579
+
580
+ .YO3Nla_spectrum-Textfield.YO3Nla_spectrum-Textfield--invalid .YO3Nla_spectrum-Textfield-input:active {
581
+ border-color: var(--spectrum-textfield-border-color-error-down, var(--spectrum-semantic-negative-color-state-down));
582
+ }
583
+
584
+ .YO3Nla_spectrum-Textfield.YO3Nla_spectrum-Textfield--invalid .YO3Nla_spectrum-Textfield-input:focus {
585
+ border-color: var(--spectrum-textfield-border-color-key-focus, var(--spectrum-alias-border-color-focus));
586
+ }
587
+
588
+ .YO3Nla_spectrum-Textfield.YO3Nla_spectrum-Textfield--invalid .YO3Nla_spectrum-Textfield-input.YO3Nla_is-focused {
589
+ border-color: var(--spectrum-textfield-border-color-key-focus, var(--spectrum-alias-border-color-focus));
590
+ }
591
+
592
+ .YO3Nla_spectrum-Textfield.YO3Nla_spectrum-Textfield--invalid .YO3Nla_spectrum-Textfield-input.YO3Nla_focus-ring:not(:active) {
593
+ border-color: var(--spectrum-textfield-border-color-key-focus, var(--spectrum-alias-border-color-focus));
594
+ box-shadow: 0 0 0 1px var(--spectrum-textfield-border-color-key-focus, var(--spectrum-alias-border-color-focus));
595
+ }
596
+
597
+ .YO3Nla_spectrum-Textfield--quiet.YO3Nla_spectrum-Textfield--invalid .YO3Nla_spectrum-Textfield-input.YO3Nla_focus-ring:not(:active) {
598
+ box-shadow: 0 1px 0 var(--spectrum-textfield-quiet-border-color-key-focus, var(--spectrum-alias-border-color-focus));
599
+ }
600
+
601
+ .YO3Nla_spectrum-Textfield--valid .YO3Nla_spectrum-Textfield-validationIcon {
602
+ fill: var(--spectrum-alert-success-icon-color, var(--spectrum-semantic-positive-color-icon));
603
+ }
604
+
605
+ .YO3Nla_spectrum-Textfield--invalid .YO3Nla_spectrum-Textfield-validationIcon {
606
+ fill: var(--spectrum-alert-error-icon-color, var(--spectrum-semantic-negative-color-icon));
607
+ }
608
+
609
+ @media (forced-colors: active) {
610
+ .YO3Nla_spectrum-Textfield-input {
611
+ --spectrum-textfield-border-color: CanvasText;
612
+ --spectrum-textfield-text-color-disabled: GrayText;
613
+ --spectrum-textfield-border-color-disabled: GrayText;
614
+ --spectrum-textfield-quiet-border-color-disabled: GrayText;
615
+ --spectrum-textfield-quiet-border-color-key-focus: Highlight;
616
+ --spectrum-textfield-border-color-key-focus: Highlight;
617
+ --spectrum-textfield-placeholder-text-color: GrayText;
618
+ --spectrum-textfield-placeholder-text-color-hover: GrayText;
619
+ }
620
+
621
+ .YO3Nla_spectrum-Textfield-input.YO3Nla_focus-ring {
622
+ outline: 2px solid Highlight;
623
+ }
624
+
625
+ .YO3Nla_spectrum-Textfield-input.YO3Nla_focus-ring {
626
+ outline: 2px solid Highlight;
627
+ }
628
+
629
+ .YO3Nla_spectrum-Textfield--quiet .YO3Nla_spectrum-Textfield-input.YO3Nla_focus-ring {
630
+ forced-color-adjust: none;
631
+ box-shadow: 0 1px 0 0 var(--spectrum-textfield-quiet-border-color-key-focus, var(--spectrum-alias-border-color-focus));
632
+ outline: 0;
633
+ }
634
+
635
+ .YO3Nla_spectrum-Textfield--quiet .YO3Nla_spectrum-Textfield-input.YO3Nla_focus-ring .YO3Nla_spectrum-Textfield-input {
636
+ border-color: var(--spectrum-textfield-quiet-border-color-key-focus, var(--spectrum-alias-border-color-focus));
637
+ }
638
+
639
+ .YO3Nla_spectrum-Textfield--quiet .YO3Nla_spectrum-Textfield-input.YO3Nla_focus-ring {
640
+ forced-color-adjust: none;
641
+ box-shadow: 0 1px 0 0 var(--spectrum-textfield-quiet-border-color-key-focus, var(--spectrum-alias-border-color-focus));
642
+ outline: 0;
643
+ }
644
+
645
+ .YO3Nla_spectrum-Textfield--quiet .YO3Nla_spectrum-Textfield-input.YO3Nla_focus-ring .YO3Nla_spectrum-Textfield-input {
646
+ border-color: var(--spectrum-textfield-quiet-border-color-key-focus, var(--spectrum-alias-border-color-focus));
647
+ }
648
+ }
649
+
650
+ /*# sourceMappingURL=main.css.map */
package/dist/main.css.map ADDED
@@ -0,0 +1 @@
1
+ {"mappings":"AA4DA;;;;;AAIE;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAKF;;;;;;;;AAOE;;;;;;;;;;;;;;AAiBF;;;AAII;;;;;AAQF;;;;AAKE;;;;;AAOJ;;;;;;;AAQE;;;;;;AAOF;;;AAIA;;;;;;;;;;;;;;;;;;;;AA4CE;;;;;;;;AAAA;;;;;;;;AAYA;;;;;;;AAWE;;;;AAAA;;;;AAIA;;;;AAJA;;;;AAAA;;;;AAIA;;;;AAJA;;;;AAAA;;;;AAIA;;;;AAJA;;;;AAAA;;;;AAIA;;;;AAJA;;;;AAAA;;;;AAIA;;;;AAMA;;;;AAKF;;;;;AAME;;;;AAAA;;;;AAQF;;;;;AAOA;;;;;AAAA;;;;;AAOA;;;;AAIA;;;;;;;;AAUA;;;;;;;AASA;;;;AAIA;;;;AAIA;;;;AAKF;;;;AAIA;;;;;AAKE;;;;AAIA;;;;;AAME;;;;AAOJ;;;;;;;AASE;;;;AAKF;;;;;;AAAA;;;;AAAA;;;;AAAA;;;;AAAA;;;;AAOA;;;;;;AAAA;;;;AAAA;;;;AAAA;;;;AAAA;;;;AASA;;;;;;;;;AAAA;;;;AAAA;;;;AAAA;;;;AAAA;;;;AAaA;;;;AASE;;;;AAIE;;;;AAAA;;;;AAAA;;;;AAAA;;;;AAKF;;;;;AAQF;;;;;AAAA;;;;AAAA;;;;AAAA;;;;AAAA;;;;AAME;;;;AAiBF;;;;;;AAKE;;;;AAAA;;;;AAKA;;;;;AAIE;;;;AAAA;;;;AAMF;;;;;;AAKE;;;;AAAA;;;;AAMF;;;;AAAA;;;;AAME;;;;;AAMF;;;;;;;AASE;;;;AAAA;;;;AAKA;;;;AAdF;;;;;;;AASE;;;;AAAA;;;;AAKA;;;;AAKF;;;;AAGE;;;;AAIA;;;;AAIA;;;;AAAA;;;;AAME;;;;;AAOJ;;;;;AAIE;;;;AAIA;;;;AAIA;;;;AAAA;;;;AAME;;;;;AAMF;;;;;AAAA;;;;;AAOF;;;;AAGE;;;;AAIA;;;;AAIA;;;;AAAA;;;;AAME;;;;;AASA;;;;AASJ;;;;AAIA;;;;AAKF;EACE;;;;;;;;;;;EASE;;;;EAAA;;;;EAKE;;;;;;EAKE;;;;EALF;;;;;;EAKE","sources":["packages/@adobe/spectrum-css-temp/components/textfield/vars.css"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n@import './index.css';\n@import './skin.css';\n"],"names":[],"version":3,"file":"main.css.map"}
package/dist/main.js CHANGED
@@ -1,3 +1,5 @@
1
+ "use client";
2
+
1
3
  require("./main.css");
2
4
  var $74aPB$reactariautils = require("@react-aria/utils");
3
5
  var $74aPB$react = require("react");
package/dist/module.js CHANGED
@@ -1,3 +1,5 @@
1
+ "use client";
2
+
1
3
  import "./main.css";
2
4
  import {useLayoutEffect as $evhxb$useLayoutEffect, chain as $evhxb$chain, mergeProps as $evhxb$mergeProps} from "@react-aria/utils";
3
5
  import $evhxb$react, {useRef as $evhxb$useRef, useCallback as $evhxb$useCallback, useImperativeHandle as $evhxb$useImperativeHandle, cloneElement as $evhxb$cloneElement, forwardRef as $evhxb$forwardRef} from "react";
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@react-spectrum/textfield",
3
- "version": "3.11.0",
3
+ "version": "3.11.2",
4
4
  "description": "Spectrum UI components in React",
5
5
  "license": "Apache-2.0",
6
6
  "main": "dist/main.js",
@@ -36,17 +36,17 @@
36
36
  "url": "https://github.com/adobe/react-spectrum"
37
37
  },
38
38
  "dependencies": {
39
- "@react-aria/focus": "^3.15.0",
40
- "@react-aria/interactions": "^3.20.0",
41
- "@react-aria/textfield": "^3.13.0",
42
- "@react-aria/utils": "^3.22.0",
43
- "@react-spectrum/form": "^3.7.0",
44
- "@react-spectrum/label": "^3.16.0",
45
- "@react-spectrum/utils": "^3.11.2",
39
+ "@react-aria/focus": "^3.16.0",
40
+ "@react-aria/interactions": "^3.20.1",
41
+ "@react-aria/textfield": "^3.14.1",
42
+ "@react-aria/utils": "^3.23.0",
43
+ "@react-spectrum/form": "^3.7.2",
44
+ "@react-spectrum/label": "^3.16.2",
45
+ "@react-spectrum/utils": "^3.11.3",
46
46
  "@react-stately/utils": "^3.9.0",
47
47
  "@react-types/shared": "^3.22.0",
48
48
  "@react-types/textfield": "^3.9.0",
49
- "@spectrum-icons/ui": "^3.6.2",
49
+ "@spectrum-icons/ui": "^3.6.3",
50
50
  "@swc/helpers": "^0.5.0"
51
51
  },
52
52
  "devDependencies": {
@@ -60,5 +60,5 @@
60
60
  "publishConfig": {
61
61
  "access": "public"
62
62
  },
63
- "gitHead": "9ce2f674eab2cc8912800d3162dcf00a1ce94274"
63
+ "gitHead": "80fcbf54206ca1ffb011f28fabcfc982d97bca5f"
64
64
  }