@react-spectrum/textfield 3.11.4 → 3.12.1

package/dist/{main.css → vars.07716e14.css}

@@ -23,11 +23,7 @@
   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) {
-  font-family: adobe-clean-han-simplified-c, source-han-simplified-c, SimSun, Heiti SC Light, sans-serif;
-}
-
-.YO3Nla_i18nFontFamily:lang(zh-CN) {
+.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;
 }
 
@@ -55,13 +51,7 @@
   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 {
+  inset: 0;
 }
 
 .YO3Nla_spectrum-FocusRing.YO3Nla_focus-ring:after {
@@ -78,6 +68,16 @@
   box-shadow: 0 var(--spectrum-focus-ring-size) 0 var(--spectrum-focus-ring-color);
 }
 
+@media (forced-colors: active) {
+  .YO3Nla_spectrum-FocusRing, .YO3Nla_spectrum-FocusRing-ring, .YO3Nla_spectrum-FocusRing--quiet {
+    --spectrum-high-contrast-focus-ring-color: Highlight;
+  }
+
+  :is(.YO3Nla_spectrum-FocusRing, .YO3Nla_spectrum-FocusRing-ring, .YO3Nla_spectrum-FocusRing--quiet):after {
+    forced-color-adjust: none;
+  }
+}
+
 .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));
@@ -91,9 +91,6 @@
   overflow-x: hidden;
 }
 
-.YO3Nla_spectrum-Textfield--quiet {
-}
-
 .YO3Nla_spectrum-Textfield-input {
   box-sizing: border-box;
   border: var(--spectrum-alias-input-border-size) solid;
@@ -114,15 +111,7 @@
   overflow: visible;
 }
 
-.YO3Nla_spectrum-Textfield-input::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.YO3Nla_is-placeholder {
+.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;
@@ -137,11 +126,7 @@
   opacity: 1;
 }
 
-.YO3Nla_spectrum-Textfield-input:lang(ja)::placeholder {
-  font-style: normal;
-}
-
-.YO3Nla_spectrum-Textfield-input:lang(ja).YO3Nla_is-placeholder {
+.YO3Nla_spectrum-Textfield-input:lang(ja)::placeholder, .YO3Nla_spectrum-Textfield-input:lang(ja).YO3Nla_is-placeholder {
   font-style: normal;
 }
 
@@ -149,11 +134,7 @@
   font-style: normal;
 }
 
-.YO3Nla_spectrum-Textfield-input:lang(zh)::placeholder {
-  font-style: normal;
-}
-
-.YO3Nla_spectrum-Textfield-input:lang(zh).YO3Nla_is-placeholder {
+.YO3Nla_spectrum-Textfield-input:lang(zh)::placeholder, .YO3Nla_spectrum-Textfield-input:lang(zh).YO3Nla_is-placeholder {
   font-style: normal;
 }
 
@@ -161,11 +142,7 @@
   font-style: normal;
 }
 
-.YO3Nla_spectrum-Textfield-input:lang(ko)::placeholder {
-  font-style: normal;
-}
-
-.YO3Nla_spectrum-Textfield-input:lang(ko).YO3Nla_is-placeholder {
+.YO3Nla_spectrum-Textfield-input:lang(ko)::placeholder, .YO3Nla_spectrum-Textfield-input:lang(ko).YO3Nla_is-placeholder {
   font-style: normal;
 }
 
@@ -173,11 +150,7 @@
   font-style: normal;
 }
 
-.YO3Nla_spectrum-Textfield-input:lang(ar)::placeholder {
-  font-style: normal;
-}
-
-.YO3Nla_spectrum-Textfield-input:lang(ar).YO3Nla_is-placeholder {
+.YO3Nla_spectrum-Textfield-input:lang(ar)::placeholder, .YO3Nla_spectrum-Textfield-input:lang(ar).YO3Nla_is-placeholder {
   font-style: normal;
 }
 
@@ -185,11 +158,7 @@
   font-style: normal;
 }
 
-.YO3Nla_spectrum-Textfield-input:lang(he)::placeholder {
-  font-style: normal;
-}
-
-.YO3Nla_spectrum-Textfield-input:lang(he).YO3Nla_is-placeholder {
+.YO3Nla_spectrum-Textfield-input:lang(he)::placeholder, .YO3Nla_spectrum-Textfield-input:lang(he).YO3Nla_is-placeholder {
   font-style: normal;
 }
 
@@ -206,11 +175,7 @@
   opacity: 1;
 }
 
-.YO3Nla_spectrum-Textfield-input:disabled::placeholder {
-  font-weight: var(--spectrum-textfield-placeholder-text-font-weight, var(--spectrum-global-font-weight-regular));
-}
-
-.YO3Nla_spectrum-Textfield-input:disabled.YO3Nla_is-placeholder {
+.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));
 }
 
@@ -252,11 +217,7 @@
   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 {
-  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--loadable .YO3Nla_spectrum-Textfield-input {
+.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)));
 }
 
@@ -299,7 +260,7 @@
   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))) {
+.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));
 }
 
@@ -321,7 +282,7 @@
   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))) {
+.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);
 }
 
@@ -346,7 +307,7 @@
   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))) {
+.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);
 }
 
@@ -370,7 +331,7 @@
   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))) {
+.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;
 }
 
@@ -396,7 +357,7 @@
   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))) {
+.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));
 }
 
@@ -422,11 +383,7 @@
   color: var(--spectrum-textfield-text-color, var(--spectrum-alias-text-color));
 }
 
-.YO3Nla_spectrum-Textfield-input::placeholder {
-  color: var(--spectrum-textfield-placeholder-text-color, var(--spectrum-alias-placeholder-text-color));
-}
-
-.YO3Nla_spectrum-Textfield-input.YO3Nla_is-placeholder {
+.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));
 }
 
@@ -435,11 +392,7 @@
   box-shadow: none;
 }
 
-.YO3Nla_spectrum-Textfield-input.YO3Nla_is-hovered::placeholder {
-  color: var(--spectrum-textfield-placeholder-text-color-hover, var(--spectrum-alias-placeholder-text-color-hover));
-}
-
-.YO3Nla_spectrum-Textfield-input.YO3Nla_is-hovered.YO3Nla_is-placeholder {
+.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));
 }
 
@@ -449,19 +402,11 @@
   color: var(--spectrum-textfield-text-color-down, var(--spectrum-alias-text-color-down));
 }
 
-.YO3Nla_spectrum-Textfield-input:active::placeholder {
+.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:active.YO3Nla_is-placeholder {
-  color: var(--spectrum-textfield-placeholder-text-color-down, var(--spectrum-alias-placeholder-text-color-down));
-}
-
-.YO3Nla_spectrum-Textfield-input:focus {
-  border-color: var(--spectrum-textfield-border-color-key-focus, var(--spectrum-alias-border-color-focus));
-}
-
-.YO3Nla_spectrum-Textfield-input.YO3Nla_is-focused {
+.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));
 }
 
@@ -477,11 +422,7 @@
   -webkit-text-fill-color: var(--spectrum-textfield-text-color-disabled, var(--spectrum-alias-text-color-disabled));
 }
 
-.YO3Nla_spectrum-Textfield-input[disabled]::placeholder {
-  color: var(--spectrum-textfield-placeholder-text-color-disabled, var(--spectrum-alias-text-color-disabled));
-}
-
-.YO3Nla_spectrum-Textfield-input[disabled].YO3Nla_is-placeholder {
+.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));
 }
 
@@ -496,11 +437,7 @@
   -webkit-text-fill-color: var(--spectrum-textfield-text-color-disabled, var(--spectrum-alias-text-color-disabled));
 }
 
-.YO3Nla_spectrum-Textfield-input.YO3Nla_is-disabled::placeholder {
-  color: var(--spectrum-textfield-placeholder-text-color-disabled, var(--spectrum-alias-text-color-disabled));
-}
-
-.YO3Nla_spectrum-Textfield-input.YO3Nla_is-disabled.YO3Nla_is-placeholder {
+.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));
 }
 
@@ -512,19 +449,7 @@
   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 {
-  border-color: var(--spectrum-textfield-border-color-key-focus, var(--spectrum-alias-border-color-focus));
-}
-
-.YO3Nla_spectrum-Textfield-input.YO3Nla_spectrum-Textfield--invalid:active {
-  border-color: var(--spectrum-textfield-border-color-key-focus, var(--spectrum-alias-border-color-focus));
-}
-
-.YO3Nla_spectrum-Textfield-input.YO3Nla_spectrum-Textfield--invalid:focus {
-  border-color: var(--spectrum-textfield-border-color-key-focus, var(--spectrum-alias-border-color-focus));
-}
-
-.YO3Nla_spectrum-Textfield-input.YO3Nla_spectrum-Textfield--invalid.YO3Nla_is-focused {
+.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));
 }
 
@@ -546,11 +471,7 @@
   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 {
-  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_is-focused {
+.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));
 }
 
@@ -559,12 +480,7 @@
   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 {
-  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--quiet .YO3Nla_spectrum-Textfield-input.YO3Nla_is-disabled {
+.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));
 }
@@ -581,11 +497,7 @@
   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 {
-  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_is-focused {
+.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));
 }
 
@@ -616,24 +528,12 @@
     --spectrum-textfield-border-color-key-focus: Highlight;
     --spectrum-textfield-placeholder-text-color: GrayText;
     --spectrum-textfield-placeholder-text-color-hover: GrayText;
+    --spectrum-high-contrast-focus-ring-color: Highlight;
   }
 
   .YO3Nla_spectrum-Textfield-input.YO3Nla_focus-ring {
-    outline: 2px solid Highlight;
-  }
-
-  .YO3Nla_spectrum-Textfield-input.YO3Nla_focus-ring {
-    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));
+    outline: 2px solid var(--spectrum-high-contrast-focus-ring-color);
+    outline: 2px solid var(--spectrum-high-contrast-focus-ring-color);
   }
 
   .YO3Nla_spectrum-Textfield--quiet .YO3Nla_spectrum-Textfield-input.YO3Nla_focus-ring {
@@ -646,5 +546,4 @@
     border-color: var(--spectrum-textfield-quiet-border-color-key-focus, var(--spectrum-alias-border-color-focus));
   }
 }
-
-/*# sourceMappingURL=main.css.map */
+/*# sourceMappingURL=vars.07716e14.css.map */

package/dist/vars.07716e14.css.map

@@ -0,0 +1 @@
+{"mappings":"AA4DA;;;;;AAIE;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAQA;;;;AAIA;;;;AAKF;;;;;;;;AAOE;;;;;;;;;;;AAqBE;;;;;AAQF;;;;AAKE;;;;;AAOJ;EACE;;;;EAIE;;;;;AAMJ;;;;;;;AAQE;;;;;;AAWF;;;;;;;;;;;;;;;;;;;;AA4CE;;;;;;;;AAYA;;;;;;;AAWE;;;;AAIA;;;;AAJA;;;;AAIA;;;;AAJA;;;;AAIA;;;;AAJA;;;;AAIA;;;;AAJA;;;;AAIA;;;;AAMA;;;;AAKF;;;;;AAME;;;;AAQF;;;;;AAOA;;;;;AAAA;;;;;AAOA;;;;AAIA;;;;;;;;AAUA;;;;;;;AASA;;;;AAIA;;;;AASF;;;;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;;;;AAKA;;;;;AAIE;;;;AAMF;;;;;;AAKE;;;;AAMF;;;;AAME;;;;;AAMF;;;;;;;AASE;;;;AAKA;;;;AAdF;;;;;;;AASE;;;;AAKA;;;;AAKF;;;;AAGE;;;;AAcE;;;;;AAOJ;;;;;AAIE;;;;AAIA;;;;AAIA;;;;AAME;;;;;AAMF;;;;;AAOF;;;;AAGE;;;;AAIA;;;;AAIA;;;;AAME;;;;;AASA;;;;AASJ;;;;AAIA;;;;AAKF;EACE;;;;;;;;;;;;EAUE;;;;;EAKE;;;;;;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":"vars.07716e14.css.map"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@react-spectrum/textfield",
-  "version": "3.11.4",
+  "version": "3.12.1",
   "description": "Spectrum UI components in React",
   "license": "Apache-2.0",
   "main": "dist/main.js",
@@ -36,17 +36,17 @@
     "url": "https://github.com/adobe/react-spectrum"
   },
   "dependencies": {
-    "@react-aria/focus": "^3.16.2",
-    "@react-aria/interactions": "^3.21.1",
-    "@react-aria/textfield": "^3.14.3",
-    "@react-aria/utils": "^3.23.2",
-    "@react-spectrum/form": "^3.7.4",
-    "@react-spectrum/label": "^3.16.4",
-    "@react-spectrum/utils": "^3.11.5",
-    "@react-stately/utils": "^3.9.1",
-    "@react-types/shared": "^3.22.1",
-    "@react-types/textfield": "^3.9.1",
-    "@spectrum-icons/ui": "^3.6.5",
+    "@react-aria/focus": "^3.17.1",
+    "@react-aria/interactions": "^3.21.3",
+    "@react-aria/textfield": "^3.14.5",
+    "@react-aria/utils": "^3.24.1",
+    "@react-spectrum/form": "^3.7.6",
+    "@react-spectrum/label": "^3.16.6",
+    "@react-spectrum/utils": "^3.11.7",
+    "@react-stately/utils": "^3.10.1",
+    "@react-types/shared": "^3.23.1",
+    "@react-types/textfield": "^3.9.3",
+    "@spectrum-icons/ui": "^3.6.7",
     "@swc/helpers": "^0.5.0"
   },
   "devDependencies": {
@@ -60,5 +60,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "de9f84a22583fc741c29b341d14cd35ef4cca161"
+  "gitHead": "b77d7d594dff4dcfb5359bffbcfd18142b146433"
 }

package/src/index.ts

@@ -15,4 +15,4 @@
 export {TextArea} from './TextArea';
 export {TextField} from './TextField';
 export {TextFieldBase} from './TextFieldBase';
-export type {SpectrumTextFieldProps} from '@react-types/textfield';
+export type {SpectrumTextFieldProps, SpectrumTextAreaProps} from '@react-types/textfield';

package/dist/main.css.map

@@ -1 +0,0 @@
-{"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"}