@adobe/react-spectrum 3.47.1 → 3.47.2

package/dist/private/tags_vars.css

@@ -1,38 +1,38 @@
 .MUkjgG_i18nFontFamily {
   font-synthesis: weight;
   font-family: adobe-clean, Source Sans Pro, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Trebuchet MS, Lucida Grande, sans-serif;
-}
 
-.MUkjgG_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;
-}
+  &:lang(ar) {
+    font-family: myriad-arabic, adobe-clean, Source Sans Pro, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Trebuchet MS, Lucida Grande, sans-serif;
+  }
 
-.MUkjgG_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;
-}
+  &:lang(he) {
+    font-family: myriad-hebrew, adobe-clean, Source Sans Pro, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Trebuchet MS, Lucida Grande, sans-serif;
+  }
 
-.MUkjgG_i18nFontFamily:lang(zh) {
-  font-family: adobe-clean-han-traditional, source-han-traditional, MingLiu, Heiti TC Light, sans-serif;
-}
+  &:lang(zh) {
+    font-family: adobe-clean-han-traditional, source-han-traditional, MingLiu, Heiti TC Light, sans-serif;
+  }
 
-.MUkjgG_i18nFontFamily:lang(zh-Hans) {
-  font-family: adobe-clean-han-simplified-c, source-han-simplified-c, SimSun, Heiti SC Light, sans-serif;
-}
+  &:lang(zh-Hans) {
+    font-family: adobe-clean-han-simplified-c, source-han-simplified-c, SimSun, Heiti SC Light, sans-serif;
+  }
 
-.MUkjgG_i18nFontFamily:lang(zh-Hant) {
-  font-family: adobe-clean-han-traditional, source-han-traditional, MingLiu, Microsoft JhengHei UI, Microsoft JhengHei, Heiti TC Light, sans-serif;
-}
+  &:lang(zh-Hant) {
+    font-family: adobe-clean-han-traditional, source-han-traditional, MingLiu, Microsoft JhengHei UI, Microsoft JhengHei, Heiti TC Light, sans-serif;
+  }
 
-.MUkjgG_i18nFontFamily:lang(zh-SG), .MUkjgG_i18nFontFamily:lang(zh-CN) {
-  font-family: adobe-clean-han-simplified-c, source-han-simplified-c, SimSun, Heiti SC Light, sans-serif;
-}
+  &:lang(zh-SG), &:lang(zh-CN) {
+    font-family: adobe-clean-han-simplified-c, source-han-simplified-c, SimSun, Heiti SC Light, sans-serif;
+  }
 
-.MUkjgG_i18nFontFamily:lang(ko) {
-  font-family: adobe-clean-han-korean, source-han-korean, Malgun Gothic, Apple Gothic, sans-serif;
-}
+  &:lang(ko) {
+    font-family: adobe-clean-han-korean, source-han-korean, Malgun Gothic, Apple Gothic, sans-serif;
+  }
 
-.MUkjgG_i18nFontFamily:lang(ja) {
-  font-family: adobe-clean-han-japanese, Hiragino Kaku Gothic ProN, ヒラギノ角ゴ ProN W3, Osaka, YuGothic, Yu Gothic, メイリオ, Meiryo, ＭＳ Ｐゴシック, MS PGothic, sans-serif;
+  &:lang(ja) {
+    font-family: adobe-clean-han-japanese, Hiragino Kaku Gothic ProN, ヒラギノ角ゴ ProN W3, Osaka, YuGothic, Yu Gothic, メイリオ, Meiryo, ＭＳ Ｐゴシック, MS PGothic, sans-serif;
+  }
 }
 
 .MUkjgG_spectrum-FocusRing-ring {
@@ -41,58 +41,68 @@
   --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)));
-}
 
-.MUkjgG_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,
+  &: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;
-  inset: 0;
+    display: block;
+    position: absolute;
+    inset: 0;
+  }
 }
 
-.MUkjgG_spectrum-FocusRing.MUkjgG_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);
+.MUkjgG_spectrum-FocusRing {
+  &.MUkjgG_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);
+    }
+  }
 }
 
-.MUkjgG_spectrum-FocusRing--quiet:after {
-  border-radius: 0;
-}
+.MUkjgG_spectrum-FocusRing--quiet {
+  &:after {
+    border-radius: 0;
+  }
 
-.MUkjgG_spectrum-FocusRing--quiet.MUkjgG_focus-ring:after {
-  margin: 0 0 calc(var(--spectrum-focus-ring-gap) * -1 - var(--spectrum-focus-ring-border-size))
+  &.MUkjgG_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);
+      box-shadow: 0 var(--spectrum-focus-ring-size) 0 var(--spectrum-focus-ring-color);
+    }
+  }
 }
 
 @media (forced-colors: active) {
   .MUkjgG_spectrum-FocusRing, .MUkjgG_spectrum-FocusRing-ring, .MUkjgG_spectrum-FocusRing--quiet {
     --spectrum-high-contrast-focus-ring-color: Highlight;
-  }
 
-  :is(.MUkjgG_spectrum-FocusRing, .MUkjgG_spectrum-FocusRing-ring, .MUkjgG_spectrum-FocusRing--quiet):after {
-    forced-color-adjust: none;
+    &:after {
+      forced-color-adjust: none;
+    }
   }
 }
 
 .MUkjgG_spectrum-Tags {
   display: inline;
-}
 
-.MUkjgG_spectrum-Tags.MUkjgG_focus-ring {
-  box-shadow: 0 0 0 2px var(--spectrum-tag-border-color-key-focus, var(--spectrum-alias-border-color-focus));
-  outline: none;
-  display: block;
+  &.MUkjgG_focus-ring {
+    box-shadow: 0 0 0 2px var(--spectrum-tag-border-color-key-focus, var(--spectrum-alias-border-color-focus));
+    outline: none;
+    display: block;
+  }
 }
 
-.MUkjgG_spectrum-Tags-container:not(.MUkjgG_spectrum-Tags-container--empty) {
-  margin-inline-start: calc(calc(var(--spectrum-taggroup-tag-gap-x, var(--spectrum-global-dimension-size-100)) / 2) * -1);
-  margin-inline-end: calc(var(--spectrum-taggroup-tag-gap-x, var(--spectrum-global-dimension-size-100)) / 2);
+.MUkjgG_spectrum-Tags-container {
+  &:not(.MUkjgG_spectrum-Tags-container--empty) {
+    margin-inline-start: calc(calc(var(--spectrum-taggroup-tag-gap-x, var(--spectrum-global-dimension-size-100)) / 2) * -1);
+    margin-inline-end: calc(var(--spectrum-taggroup-tag-gap-x, var(--spectrum-global-dimension-size-100)) / 2);
+  }
 }
 
 .MUkjgG_spectrum-Tag {
@@ -119,76 +129,80 @@
   padding-inline-start: calc(var(--spectrum-tag-padding-x, var(--spectrum-global-dimension-size-125)) - var(--spectrum-tag-border-size, var(--spectrum-alias-border-size-thin)));
   display: inline-grid;
   position: relative;
-}
 
-.MUkjgG_spectrum-Tag[data-href] {
-  cursor: pointer;
-}
+  &[data-href] {
+    cursor: pointer;
+  }
 
-.MUkjgG_spectrum-Tag.MUkjgG_is-disabled {
-  cursor: default;
-  pointer-events: none;
-}
+  &.MUkjgG_is-disabled {
+    cursor: default;
+    pointer-events: none;
+  }
 
-.MUkjgG_spectrum-Tag .MUkjgG_spectrum-Tag-removeButton {
-  height: calc(var(--spectrum-tag-height, var(--spectrum-global-dimension-size-300)) - (2 * var(--spectrum-tag-border-size, var(--spectrum-alias-border-size-thin))));
-  width: var(--spectrum-global-dimension-size-300);
-  grid-area: MUkjgG_action;
-}
+  & .MUkjgG_spectrum-Tag-removeButton {
+    height: calc(var(--spectrum-tag-height, var(--spectrum-global-dimension-size-300)) - (2 * var(--spectrum-tag-border-size, var(--spectrum-alias-border-size-thin))));
+    width: var(--spectrum-global-dimension-size-300);
+    grid-area: MUkjgG_action;
+  }
 
-.MUkjgG_spectrum-Tag .MUkjgG_spectrum-Tag-cell {
-  text-overflow: ellipsis;
-  grid-template-columns: auto 1fr auto;
-  grid-template-areas: "MUkjgG_decoration MUkjgG_content MUkjgG_action";
-  align-items: center;
-  display: grid;
-  overflow: hidden;
-}
+  & .MUkjgG_spectrum-Tag-cell {
+    text-overflow: ellipsis;
+    grid-template-columns: auto 1fr auto;
+    grid-template-areas: "MUkjgG_decoration MUkjgG_content MUkjgG_action";
+    align-items: center;
+    display: grid;
+    overflow: hidden;
+  }
 
-.MUkjgG_spectrum-Tag .MUkjgG_spectrum-Tag-icon, .MUkjgG_spectrum-Tag .MUkjgG_spectrum-Tag-avatar {
-  grid-area: MUkjgG_decoration;
-  margin-inline-end: var(--spectrum-global-dimension-size-100);
-}
+  & .MUkjgG_spectrum-Tag-icon, & .MUkjgG_spectrum-Tag-avatar {
+    grid-area: MUkjgG_decoration;
+    margin-inline-end: var(--spectrum-global-dimension-size-100);
+  }
 
-.MUkjgG_spectrum-Tag .MUkjgG_spectrum-Tag-content {
-  line-height: calc(var(--spectrum-tag-height, var(--spectrum-global-dimension-size-300)) - calc(var(--spectrum-tag-border-size, var(--spectrum-alias-border-size-thin)) * 2));
-  font-size: var(--spectrum-tag-text-size, var(--spectrum-global-dimension-font-size-75));
-  white-space: nowrap;
-  text-overflow: ellipsis;
-  outline: none;
-  flex: auto;
-  grid-area: MUkjgG_content;
-  margin-inline-end: var(--spectrum-tag-padding-x, var(--spectrum-global-dimension-size-125));
-  overflow: hidden;
-}
+  & .MUkjgG_spectrum-Tag-content {
+    line-height: calc(var(--spectrum-tag-height, var(--spectrum-global-dimension-size-300)) - calc(var(--spectrum-tag-border-size, var(--spectrum-alias-border-size-thin)) * 2));
+    font-size: var(--spectrum-tag-text-size, var(--spectrum-global-dimension-font-size-75));
+    white-space: nowrap;
+    text-overflow: ellipsis;
+    outline: none;
+    flex: auto;
+    grid-area: MUkjgG_content;
+    margin-inline-end: var(--spectrum-tag-padding-x, var(--spectrum-global-dimension-size-125));
+    overflow: hidden;
+  }
 
-.MUkjgG_spectrum-Tag.MUkjgG_spectrum-Tag--removable .MUkjgG_spectrum-Tag-content {
-  margin-inline-end: 0;
+  &.MUkjgG_spectrum-Tag--removable {
+    & .MUkjgG_spectrum-Tag-content {
+      margin-inline-end: 0;
+    }
+  }
 }
 
 .MUkjgG_spectrum-Tags-actions {
   display: inline;
-}
 
-.MUkjgG_spectrum-Tags-actions .MUkjgG_spectrum-Tags-actionButton {
-  height: var(--spectrum-tag-height, var(--spectrum-global-dimension-size-300));
-  font-size: var(--spectrum-tag-text-size, var(--spectrum-global-dimension-font-size-75));
-  margin: calc(var(--spectrum-taggroup-tag-gap-y, var(--spectrum-global-dimension-size-100)) / 2)
+  & .MUkjgG_spectrum-Tags-actionButton {
+    height: var(--spectrum-tag-height, var(--spectrum-global-dimension-size-300));
+    font-size: var(--spectrum-tag-text-size, var(--spectrum-global-dimension-font-size-75));
+    margin: calc(var(--spectrum-taggroup-tag-gap-y, var(--spectrum-global-dimension-size-100)) / 2)
     calc(var(--spectrum-taggroup-tag-gap-x, var(--spectrum-global-dimension-size-100)) / 2);
-  display: inline;
-}
-
-.MUkjgG_spectrum-Tags-actions .MUkjgG_spectrum-Tags-actionButton.MUkjgG_spectrum-Tags-actionButton > span {
-  padding-inline-start: var(--spectrum-tag-padding-x, var(--spectrum-global-dimension-size-125));
-  padding-inline-end: var(--spectrum-tag-padding-x, var(--spectrum-global-dimension-size-125));
+    display: inline;
+
+    &.MUkjgG_spectrum-Tags-actionButton {
+      & > span {
+        padding-inline-start: var(--spectrum-tag-padding-x, var(--spectrum-global-dimension-size-125));
+        padding-inline-end: var(--spectrum-tag-padding-x, var(--spectrum-global-dimension-size-125));
+      }
+    }
+  }
 }
 
 .MUkjgG_spectrum-Tags-fieldWrapper.MUkjgG_spectrum-Tags-fieldWrapper {
   width: unset;
-}
 
-.MUkjgG_spectrum-Tags-fieldWrapper.MUkjgG_spectrum-Tags-fieldWrapper:not(.MUkjgG_spectrum-Tags-fieldWrapper--positionSide) {
-  display: grid;
+  &:not(.MUkjgG_spectrum-Tags-fieldWrapper--positionSide) {
+    display: grid;
+  }
 }
 
 .MUkjgG_spectrum-Tags-empty-state {
@@ -199,56 +213,60 @@
   color: var(--spectrum-tag-text-color, var(--spectrum-global-color-gray-700));
   background-color: var(--spectrum-tag-background-color, var(--spectrum-global-color-gray-75));
   border-color: var(--spectrum-tag-border-color, var(--spectrum-global-color-gray-600));
-}
 
-.MUkjgG_spectrum-Tag.MUkjgG_is-hovered {
-  background-color: var(--spectrum-tag-background-color-hover, var(--spectrum-global-color-gray-75));
-  color: var(--spectrum-tag-text-color-hover, var(--spectrum-global-color-gray-900));
-  border-color: var(--spectrum-tag-border-color-hover, var(--spectrum-global-color-gray-900));
-}
+  &.MUkjgG_is-hovered {
+    background-color: var(--spectrum-tag-background-color-hover, var(--spectrum-global-color-gray-75));
+    color: var(--spectrum-tag-text-color-hover, var(--spectrum-global-color-gray-900));
+    border-color: var(--spectrum-tag-border-color-hover, var(--spectrum-global-color-gray-900));
+  }
 
-.MUkjgG_spectrum-Tag.MUkjgG_focus-ring {
-  background-color: var(--spectrum-tag-background-color-key-focus, var(--spectrum-global-color-gray-75));
-  color: var(--spectrum-tag-text-color-key-focus, var(--spectrum-global-color-gray-900));
-  border-color: var(--spectrum-tag-border-color-key-focus, var(--spectrum-alias-border-color-focus));
-}
+  &.MUkjgG_focus-ring {
+    background-color: var(--spectrum-tag-background-color-key-focus, var(--spectrum-global-color-gray-75));
+    color: var(--spectrum-tag-text-color-key-focus, var(--spectrum-global-color-gray-900));
+    border-color: var(--spectrum-tag-border-color-key-focus, var(--spectrum-alias-border-color-focus));
 
-.MUkjgG_spectrum-Tag.MUkjgG_focus-ring:after {
-  box-shadow: 0 0 0 var(--spectrum-focus-ring-border-size)
+    &:after {
+      box-shadow: 0 0 0 var(--spectrum-focus-ring-border-size)
         var(--spectrum-tag-border-color-key-focus, var(--spectrum-alias-border-color-focus));
-}
-
-.MUkjgG_spectrum-Tag.MUkjgG_is-disabled {
-  color: var(--spectrum-tag-text-color-disabled, var(--spectrum-global-color-gray-500));
-  background-color: var(--spectrum-tag-background-color-disabled, var(--spectrum-global-color-gray-200));
-  border-color: var(--spectrum-tag-border-color-disabled, var(--spectrum-global-color-gray-200));
-}
-
-.MUkjgG_spectrum-Tag.MUkjgG_is-disabled .MUkjgG_spectrum-Tag-avatar {
-  opacity: var(--spectrum-avatar-small-opacity-disabled, .3);
-}
-
-.MUkjgG_spectrum-Tag.MUkjgG_spectrum-Tag--removable.MUkjgG_is-hovered {
-  color: var(--spectrum-tag-removable-text-color-hover, var(--spectrum-global-color-gray-900));
-}
-
-.MUkjgG_spectrum-Tag.MUkjgG_spectrum-Tag--removable:active {
-  color: var(--spectrum-tag-removable-text-color-down, var(--spectrum-global-color-gray-700));
-}
+    }
+  }
 
-.MUkjgG_spectrum-Tag.MUkjgG_spectrum-Tag--removable.MUkjgG_is-focused {
-  color: var(--spectrum-tag-removable-text-color-key-focus, var(--spectrum-global-color-gray-700));
-}
+  &.MUkjgG_is-disabled {
+    color: var(--spectrum-tag-text-color-disabled, var(--spectrum-global-color-gray-500));
+    background-color: var(--spectrum-tag-background-color-disabled, var(--spectrum-global-color-gray-200));
+    border-color: var(--spectrum-tag-border-color-disabled, var(--spectrum-global-color-gray-200));
 
-.MUkjgG_spectrum-Tag.MUkjgG_spectrum-Tag--removable .MUkjgG_spectrum-Tag-removeButton.MUkjgG_is-focused {
-  border: 2px solid var(--spectrum-tag-removable-border-color-key-focus, var(--spectrum-alias-border-color-focus));
-  border-radius: var(--spectrum-alias-border-radius-regular, var(--spectrum-global-dimension-size-50));
-  background-color: var(--spectrum-tag-removable-button-background-color-key-focus, var(--spectrum-global-color-gray-600));
-  color: var(--spectrum-tag-removable-button-icon-color-key-focus, var(--spectrum-global-color-gray-900));
-}
+    & .MUkjgG_spectrum-Tag-avatar {
+      opacity: var(--spectrum-avatar-small-opacity-disabled, .3);
+    }
+  }
 
-.MUkjgG_spectrum-Tag.MUkjgG_spectrum-Tag--removable .MUkjgG_spectrum-Tag-removeButton.MUkjgG_is-hovered {
-  color: var(--spectrum-tag-removable-button-icon-color-hover, var(--spectrum-global-color-gray-900));
+  &.MUkjgG_spectrum-Tag--removable {
+    &.MUkjgG_is-hovered {
+      color: var(--spectrum-tag-removable-text-color-hover, var(--spectrum-global-color-gray-900));
+    }
+
+    &:active {
+      color: var(--spectrum-tag-removable-text-color-down, var(--spectrum-global-color-gray-700));
+    }
+
+    &.MUkjgG_is-focused {
+      color: var(--spectrum-tag-removable-text-color-key-focus, var(--spectrum-global-color-gray-700));
+    }
+
+    & .MUkjgG_spectrum-Tag-removeButton {
+      &.MUkjgG_is-focused {
+        border: 2px solid var(--spectrum-tag-removable-border-color-key-focus, var(--spectrum-alias-border-color-focus));
+        border-radius: var(--spectrum-alias-border-radius-regular, var(--spectrum-global-dimension-size-50));
+        background-color: var(--spectrum-tag-removable-button-background-color-key-focus, var(--spectrum-global-color-gray-600));
+        color: var(--spectrum-tag-removable-button-icon-color-key-focus, var(--spectrum-global-color-gray-900));
+      }
+
+      &.MUkjgG_is-hovered {
+        color: var(--spectrum-tag-removable-button-icon-color-hover, var(--spectrum-global-color-gray-900));
+      }
+    }
+  }
 }
 
 @media (forced-colors: active) {

package/dist/private/tags_vars.css.map

@@ -1 +1 @@
-{"mappings":"AA4DA;;;;;AAKE;;;;AAKA;;;;AAKA;;;;AAIA;;;;AAIA;;;;AAKA;;;;AAQA;;;;AAIA;;;;AAMF;;;;;;;;AAUE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0HA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsHE;;;;AAIA;;;;AAKE","sources":["packages/@adobe/spectrum-css-temp/components/tags/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":"tags_vars.css.map"}
+{"mappings":"AA4DA;;;;EAKE;;;;EAKA;;;;EAKA;;;;EAIA;;;;EAIA;;;;EAKA;;;;EAQA;;;;EAIA;;;;;AAMF;;;;;;;EAUE;;;;;;;;;;;;;EAsBE;;;;;;;;AAQF;;;;;EAKE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAuFF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAsCF;;;;;;;;;EAUI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IA0EA;;;;IAIA;;;;;;;;IAOE;;;;;;;;MAQJ","sources":["packages/@adobe/spectrum-css-temp/components/tags/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":"tags_vars.css.map"}

package/dist/private/textfield/TextFieldBase.cjs.map

@@ -1 +1 @@
-{"mappings":"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","sources":["packages/@adobe/react-spectrum/src/textfield/TextFieldBase.tsx"],"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\nimport AlertMedium from '@spectrum-icons/ui/AlertMedium';\nimport CheckmarkMedium from '@spectrum-icons/ui/CheckmarkMedium';\nimport {classNames} from '../utils/classNames';\nimport {createFocusableRef} from '../utils/useDOMRef';\nimport {Field} from '../label/Field';\n// @ts-ignore\nimport intlMessages from '../../intl/textfield/*.json';\nimport {mergeProps} from 'react-aria/mergeProps';\nimport {PressEvents, RefObject, ValidationResult} from '@react-types/shared';\nimport React, {\n  cloneElement,\n  forwardRef,\n  HTMLAttributes,\n  InputHTMLAttributes,\n  LabelHTMLAttributes,\n  ReactElement,\n  Ref,\n  TextareaHTMLAttributes,\n  useImperativeHandle,\n  useRef\n} from 'react';\nimport {SpectrumTextFieldProps, TextFieldRef} from './TextField';\nimport styles from '@adobe/spectrum-css-temp/components/textfield/vars.css';\nimport {useFocusRing} from 'react-aria/useFocusRing';\nimport {useHover} from 'react-aria/useHover';\nimport {useId} from 'react-aria/useId';\nimport {useLocalizedStringFormatter} from 'react-aria/useLocalizedStringFormatter';\n\ninterface TextFieldBaseProps\n  extends\n    Omit<SpectrumTextFieldProps, 'onChange' | 'validate'>,\n    PressEvents,\n    Partial<ValidationResult> {\n  wrapperChildren?: ReactElement | ReactElement[];\n  inputClassName?: string;\n  validationIconClassName?: string;\n  multiLine?: boolean;\n  labelProps?: LabelHTMLAttributes<HTMLLabelElement>;\n  inputProps: InputHTMLAttributes<HTMLInputElement> | TextareaHTMLAttributes<HTMLTextAreaElement>;\n  descriptionProps?: HTMLAttributes<HTMLElement>;\n  errorMessageProps?: HTMLAttributes<HTMLElement>;\n  inputRef?: RefObject<HTMLInputElement | HTMLTextAreaElement | null>;\n  loadingIndicator?: ReactElement;\n  isLoading?: boolean;\n  disableFocusRing?: boolean;\n}\n\nexport const TextFieldBase = forwardRef(function TextFieldBase(\n  props: TextFieldBaseProps,\n  ref: Ref<TextFieldRef<HTMLInputElement | HTMLTextAreaElement>>\n) {\n  let {\n    validationState = props.isInvalid ? 'invalid' : null,\n    icon,\n    isQuiet = false,\n    isDisabled,\n    multiLine,\n    autoFocus,\n    inputClassName,\n    wrapperChildren,\n    labelProps,\n    inputProps,\n    descriptionProps,\n    errorMessageProps,\n    inputRef: userInputRef,\n    isLoading,\n    loadingIndicator,\n    validationIconClassName,\n    disableFocusRing\n  } = props;\n  let {hoverProps, isHovered} = useHover({isDisabled});\n  let domRef = useRef<HTMLDivElement>(null);\n  let defaultInputRef = useRef<HTMLInputElement | HTMLTextAreaElement>(null);\n  let inputRef = userInputRef || defaultInputRef;\n\n  // Expose imperative interface for ref\n  useImperativeHandle(ref, () => ({\n    ...createFocusableRef(domRef, inputRef),\n    select() {\n      if (inputRef.current) {\n        inputRef.current.select();\n      }\n    },\n    getInputElement() {\n      return inputRef.current;\n    }\n  }));\n\n  let ElementType: React.ElementType = multiLine ? 'textarea' : 'input';\n  let isInvalid = validationState === 'invalid' && !isDisabled;\n\n  if (icon) {\n    let UNSAFE_className = classNames(\n      styles,\n      icon.props && (icon.props as any).UNSAFE_className,\n      'spectrum-Textfield-icon'\n    );\n\n    icon = cloneElement(icon, {\n      UNSAFE_className,\n      size: 'S'\n    } as any);\n  }\n\n  let stringFormatter = useLocalizedStringFormatter(intlMessages, '@react-spectrum/textfield');\n  let validId = useId();\n  let validationIcon = isInvalid ? (\n    <AlertMedium />\n  ) : (\n    <CheckmarkMedium id={validId} aria-hidden aria-label={stringFormatter.format('valid')} />\n  );\n  let validation = cloneElement(validationIcon, {\n    UNSAFE_className: classNames(\n      styles,\n      'spectrum-Textfield-validationIcon',\n      validationIconClassName\n    )\n  });\n\n  // Add validation icon IDREF to aria-describedby when validationState is valid\n  let inputPropsAriaDescribedBy = inputProps['aria-describedby'];\n  if (\n    !isInvalid &&\n    validationState === 'valid' &&\n    !isLoading &&\n    !isDisabled &&\n    (!inputPropsAriaDescribedBy || !inputPropsAriaDescribedBy.includes(validId))\n  ) {\n    inputProps['aria-describedby'] = [inputPropsAriaDescribedBy, validId].join(' ').trim();\n  }\n\n  let {focusProps, isFocusVisible} = useFocusRing({\n    isTextInput: true,\n    autoFocus\n  });\n\n  let textField = (\n    <div\n      className={classNames(styles, 'spectrum-Textfield', {\n        'spectrum-Textfield--invalid': isInvalid,\n        'spectrum-Textfield--valid': validationState === 'valid' && !isDisabled,\n        'spectrum-Textfield--loadable': loadingIndicator,\n        'spectrum-Textfield--quiet': isQuiet,\n        'spectrum-Textfield--multiline': multiLine,\n        'focus-ring': !disableFocusRing && isFocusVisible\n      })}>\n      <ElementType\n        {...mergeProps(inputProps, hoverProps, focusProps)}\n        ref={inputRef as any}\n        rows={multiLine ? 1 : undefined}\n        className={classNames(\n          styles,\n          'spectrum-Textfield-input',\n          {\n            'spectrum-Textfield-inputIcon': icon,\n            'is-hovered': isHovered\n          },\n          inputClassName\n        )}\n      />\n      {icon}\n      {validationState && !isLoading && !isDisabled ? validation : null}\n      {isLoading && loadingIndicator}\n      {wrapperChildren}\n    </div>\n  );\n\n  return (\n    <Field\n      {...props}\n      labelProps={labelProps}\n      descriptionProps={descriptionProps}\n      errorMessageProps={errorMessageProps}\n      wrapperClassName={classNames(styles, 'spectrum-Textfield-wrapper', {\n        'spectrum-Textfield-wrapper--quiet': isQuiet\n      })}\n      showErrorIcon={false}\n      ref={domRef}>\n      {textField}\n    </Field>\n  );\n});\n"],"names":[],"version":3,"file":"TextFieldBase.cjs.map"}
+{"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;;;;;;;AAgDM,MAAM,0DAAgB,CAAA,GAAA,uBAAS,EAAE,SAAS,cAC/C,KAAyB,EACzB,GAA8D;IAE9D,IAAI,mBACF,kBAAkB,MAAM,SAAS,GAAG,YAAY,YAChD,IAAI,WACJ,UAAU,mBACV,UAAU,aACV,SAAS,aACT,SAAS,kBACT,cAAc,mBACd,eAAe,cACf,UAAU,cACV,UAAU,oBACV,gBAAgB,qBAChB,iBAAiB,EACjB,UAAU,YAAY,aACtB,SAAS,oBACT,gBAAgB,2BAChB,uBAAuB,oBACvB,gBAAgB,EACjB,GAAG;IACJ,IAAI,cAAC,UAAU,aAAE,SAAS,EAAC,GAAG,CAAA,GAAA,iCAAO,EAAE;oBAAC;IAAU;IAClD,IAAI,SAAS,CAAA,GAAA,mBAAK,EAAkB;IACpC,IAAI,kBAAkB,CAAA,GAAA,mBAAK,EAA0C;IACrE,IAAI,WAAW,gBAAgB;IAE/B,sCAAsC;IACtC,CAAA,GAAA,gCAAkB,EAAE,KAAK,IAAO,CAAA;YAC9B,GAAG,CAAA,GAAA,4CAAiB,EAAE,QAAQ,SAAS;YACvC;gBACE,IAAI,SAAS,OAAO,EAClB,SAAS,OAAO,CAAC,MAAM;YAE3B;YACA;gBACE,OAAO,SAAS,OAAO;YACzB;QACF,CAAA;IAEA,IAAI,cAAiC,YAAY,aAAa;IAC9D,IAAI,YAAY,oBAAoB,aAAa,CAAC;IAElD,IAAI,MAAM;QACR,IAAI,mBAAmB,CAAA,GAAA,oCAAS,EAC9B,CAAA,GAAA,mDAAK,GACL,KAAK,KAAK,IAAI,AAAC,KAAK,KAAK,CAAS,gBAAgB,EAClD;QAGF,qBAAO,CAAA,GAAA,yBAAW,EAAE,MAAM;8BACxB;YACA,MAAM;QACR;IACF;IAEA,IAAI,kBAAkB,CAAA,GAAA,uEAA0B,EAAE,CAAA,GAAA,mDAAW,GAAG;IAChE,IAAI,UAAU,CAAA,GAAA,2BAAI;IAClB,IAAI,iBAAiB,0BACnB,0DAAC,CAAA,GAAA,2DAAU,yBAEX,0DAAC,CAAA,GAAA,+DAAc;QAAE,IAAI;QAAS,eAAA;QAAY,cAAY,gBAAgB,MAAM,CAAC;;IAE/E,IAAI,2BAAa,CAAA,GAAA,yBAAW,EAAE,gBAAgB;QAC5C,kBAAkB,CAAA,GAAA,oCAAS,EACzB,CAAA,GAAA,mDAAK,GACL,qCACA;IAEJ;IAEA,8EAA8E;IAC9E,IAAI,4BAA4B,UAAU,CAAC,mBAAmB;IAC9D,IACE,CAAC,aACD,oBAAoB,WACpB,CAAC,aACD,CAAC,cACA,CAAA,CAAC,6BAA6B,CAAC,0BAA0B,QAAQ,CAAC,QAAO,GAE1E,UAAU,CAAC,mBAAmB,GAAG;QAAC;QAA2B;KAAQ,CAAC,IAAI,CAAC,KAAK,IAAI;IAGtF,IAAI,cAAC,UAAU,kBAAE,cAAc,EAAC,GAAG,CAAA,GAAA,yCAAW,EAAE;QAC9C,aAAa;mBACb;IACF;IAEA,IAAI,0BACF,0DAAC;QACC,WAAW,CAAA,GAAA,oCAAS,EAAE,CAAA,GAAA,mDAAK,GAAG,sBAAsB;YAClD,+BAA+B;YAC/B,6BAA6B,oBAAoB,WAAW,CAAC;YAC7D,gCAAgC;YAChC,6BAA6B;YAC7B,iCAAiC;YACjC,cAAc,CAAC,oBAAoB;QACrC;qBACA,0DAAC;QACE,GAAG,CAAA,GAAA,qCAAS,EAAE,YAAY,YAAY,WAAW;QAClD,KAAK;QACL,MAAM,YAAY,IAAI;QACtB,WAAW,CAAA,GAAA,oCAAS,EAClB,CAAA,GAAA,mDAAK,GACL,4BACA;YACE,gCAAgC;YAChC,cAAc;QAChB,GACA;QAGH,MACA,mBAAmB,CAAC,aAAa,CAAC,aAAa,aAAa,MAC5D,aAAa,kBACb;IAIL,qBACE,0DAAC,CAAA,GAAA,+BAAI;QACF,GAAG,KAAK;QACT,YAAY;QACZ,kBAAkB;QAClB,mBAAmB;QACnB,kBAAkB,CAAA,GAAA,oCAAS,EAAE,CAAA,GAAA,mDAAK,GAAG,8BAA8B;YACjE,qCAAqC;QACvC;QACA,eAAe;QACf,KAAK;OACJ;AAGP","sources":["packages/@adobe/react-spectrum/src/textfield/TextFieldBase.tsx"],"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\nimport AlertMedium from '@spectrum-icons/ui/AlertMedium';\nimport CheckmarkMedium from '@spectrum-icons/ui/CheckmarkMedium';\nimport {classNames} from '../utils/classNames';\nimport {createFocusableRef} from '../utils/useDOMRef';\nimport {Field} from '../label/Field';\nimport intlMessages from '../../intl/textfield/*.json';\nimport {mergeProps} from 'react-aria/mergeProps';\nimport {PressEvents, RefObject, ValidationResult} from '@react-types/shared';\nimport React, {\n  cloneElement,\n  forwardRef,\n  HTMLAttributes,\n  InputHTMLAttributes,\n  LabelHTMLAttributes,\n  ReactElement,\n  Ref,\n  TextareaHTMLAttributes,\n  useImperativeHandle,\n  useRef\n} from 'react';\nimport {SpectrumTextFieldProps, TextFieldRef} from './TextField';\nimport styles from '@adobe/spectrum-css-temp/components/textfield/vars.css';\nimport {useFocusRing} from 'react-aria/useFocusRing';\nimport {useHover} from 'react-aria/useHover';\nimport {useId} from 'react-aria/useId';\nimport {useLocalizedStringFormatter} from 'react-aria/useLocalizedStringFormatter';\n\ninterface TextFieldBaseProps\n  extends\n    Omit<SpectrumTextFieldProps, 'onChange' | 'validate'>,\n    PressEvents,\n    Partial<ValidationResult> {\n  wrapperChildren?: ReactElement | ReactElement[];\n  inputClassName?: string;\n  validationIconClassName?: string;\n  multiLine?: boolean;\n  labelProps?: LabelHTMLAttributes<HTMLLabelElement>;\n  inputProps: InputHTMLAttributes<HTMLInputElement> | TextareaHTMLAttributes<HTMLTextAreaElement>;\n  descriptionProps?: HTMLAttributes<HTMLElement>;\n  errorMessageProps?: HTMLAttributes<HTMLElement>;\n  inputRef?: RefObject<HTMLInputElement | HTMLTextAreaElement | null>;\n  loadingIndicator?: ReactElement;\n  isLoading?: boolean;\n  disableFocusRing?: boolean;\n}\n\nexport const TextFieldBase = forwardRef(function TextFieldBase(\n  props: TextFieldBaseProps,\n  ref: Ref<TextFieldRef<HTMLInputElement | HTMLTextAreaElement>>\n) {\n  let {\n    validationState = props.isInvalid ? 'invalid' : null,\n    icon,\n    isQuiet = false,\n    isDisabled,\n    multiLine,\n    autoFocus,\n    inputClassName,\n    wrapperChildren,\n    labelProps,\n    inputProps,\n    descriptionProps,\n    errorMessageProps,\n    inputRef: userInputRef,\n    isLoading,\n    loadingIndicator,\n    validationIconClassName,\n    disableFocusRing\n  } = props;\n  let {hoverProps, isHovered} = useHover({isDisabled});\n  let domRef = useRef<HTMLDivElement>(null);\n  let defaultInputRef = useRef<HTMLInputElement | HTMLTextAreaElement>(null);\n  let inputRef = userInputRef || defaultInputRef;\n\n  // Expose imperative interface for ref\n  useImperativeHandle(ref, () => ({\n    ...createFocusableRef(domRef, inputRef),\n    select() {\n      if (inputRef.current) {\n        inputRef.current.select();\n      }\n    },\n    getInputElement() {\n      return inputRef.current;\n    }\n  }));\n\n  let ElementType: React.ElementType = multiLine ? 'textarea' : 'input';\n  let isInvalid = validationState === 'invalid' && !isDisabled;\n\n  if (icon) {\n    let UNSAFE_className = classNames(\n      styles,\n      icon.props && (icon.props as any).UNSAFE_className,\n      'spectrum-Textfield-icon'\n    );\n\n    icon = cloneElement(icon, {\n      UNSAFE_className,\n      size: 'S'\n    } as any);\n  }\n\n  let stringFormatter = useLocalizedStringFormatter(intlMessages, '@react-spectrum/textfield');\n  let validId = useId();\n  let validationIcon = isInvalid ? (\n    <AlertMedium />\n  ) : (\n    <CheckmarkMedium id={validId} aria-hidden aria-label={stringFormatter.format('valid')} />\n  );\n  let validation = cloneElement(validationIcon, {\n    UNSAFE_className: classNames(\n      styles,\n      'spectrum-Textfield-validationIcon',\n      validationIconClassName\n    )\n  });\n\n  // Add validation icon IDREF to aria-describedby when validationState is valid\n  let inputPropsAriaDescribedBy = inputProps['aria-describedby'];\n  if (\n    !isInvalid &&\n    validationState === 'valid' &&\n    !isLoading &&\n    !isDisabled &&\n    (!inputPropsAriaDescribedBy || !inputPropsAriaDescribedBy.includes(validId))\n  ) {\n    inputProps['aria-describedby'] = [inputPropsAriaDescribedBy, validId].join(' ').trim();\n  }\n\n  let {focusProps, isFocusVisible} = useFocusRing({\n    isTextInput: true,\n    autoFocus\n  });\n\n  let textField = (\n    <div\n      className={classNames(styles, 'spectrum-Textfield', {\n        'spectrum-Textfield--invalid': isInvalid,\n        'spectrum-Textfield--valid': validationState === 'valid' && !isDisabled,\n        'spectrum-Textfield--loadable': loadingIndicator,\n        'spectrum-Textfield--quiet': isQuiet,\n        'spectrum-Textfield--multiline': multiLine,\n        'focus-ring': !disableFocusRing && isFocusVisible\n      })}>\n      <ElementType\n        {...mergeProps(inputProps, hoverProps, focusProps)}\n        ref={inputRef as any}\n        rows={multiLine ? 1 : undefined}\n        className={classNames(\n          styles,\n          'spectrum-Textfield-input',\n          {\n            'spectrum-Textfield-inputIcon': icon,\n            'is-hovered': isHovered\n          },\n          inputClassName\n        )}\n      />\n      {icon}\n      {validationState && !isLoading && !isDisabled ? validation : null}\n      {isLoading && loadingIndicator}\n      {wrapperChildren}\n    </div>\n  );\n\n  return (\n    <Field\n      {...props}\n      labelProps={labelProps}\n      descriptionProps={descriptionProps}\n      errorMessageProps={errorMessageProps}\n      wrapperClassName={classNames(styles, 'spectrum-Textfield-wrapper', {\n        'spectrum-Textfield-wrapper--quiet': isQuiet\n      })}\n      showErrorIcon={false}\n      ref={domRef}>\n      {textField}\n    </Field>\n  );\n});\n"],"names":[],"version":3,"file":"TextFieldBase.cjs.map"}

package/dist/private/textfield/TextFieldBase.js.map

@@ -1 +1 @@
-{"mappings":"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","sources":["packages/@adobe/react-spectrum/src/textfield/TextFieldBase.tsx"],"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\nimport AlertMedium from '@spectrum-icons/ui/AlertMedium';\nimport CheckmarkMedium from '@spectrum-icons/ui/CheckmarkMedium';\nimport {classNames} from '../utils/classNames';\nimport {createFocusableRef} from '../utils/useDOMRef';\nimport {Field} from '../label/Field';\n// @ts-ignore\nimport intlMessages from '../../intl/textfield/*.json';\nimport {mergeProps} from 'react-aria/mergeProps';\nimport {PressEvents, RefObject, ValidationResult} from '@react-types/shared';\nimport React, {\n  cloneElement,\n  forwardRef,\n  HTMLAttributes,\n  InputHTMLAttributes,\n  LabelHTMLAttributes,\n  ReactElement,\n  Ref,\n  TextareaHTMLAttributes,\n  useImperativeHandle,\n  useRef\n} from 'react';\nimport {SpectrumTextFieldProps, TextFieldRef} from './TextField';\nimport styles from '@adobe/spectrum-css-temp/components/textfield/vars.css';\nimport {useFocusRing} from 'react-aria/useFocusRing';\nimport {useHover} from 'react-aria/useHover';\nimport {useId} from 'react-aria/useId';\nimport {useLocalizedStringFormatter} from 'react-aria/useLocalizedStringFormatter';\n\ninterface TextFieldBaseProps\n  extends\n    Omit<SpectrumTextFieldProps, 'onChange' | 'validate'>,\n    PressEvents,\n    Partial<ValidationResult> {\n  wrapperChildren?: ReactElement | ReactElement[];\n  inputClassName?: string;\n  validationIconClassName?: string;\n  multiLine?: boolean;\n  labelProps?: LabelHTMLAttributes<HTMLLabelElement>;\n  inputProps: InputHTMLAttributes<HTMLInputElement> | TextareaHTMLAttributes<HTMLTextAreaElement>;\n  descriptionProps?: HTMLAttributes<HTMLElement>;\n  errorMessageProps?: HTMLAttributes<HTMLElement>;\n  inputRef?: RefObject<HTMLInputElement | HTMLTextAreaElement | null>;\n  loadingIndicator?: ReactElement;\n  isLoading?: boolean;\n  disableFocusRing?: boolean;\n}\n\nexport const TextFieldBase = forwardRef(function TextFieldBase(\n  props: TextFieldBaseProps,\n  ref: Ref<TextFieldRef<HTMLInputElement | HTMLTextAreaElement>>\n) {\n  let {\n    validationState = props.isInvalid ? 'invalid' : null,\n    icon,\n    isQuiet = false,\n    isDisabled,\n    multiLine,\n    autoFocus,\n    inputClassName,\n    wrapperChildren,\n    labelProps,\n    inputProps,\n    descriptionProps,\n    errorMessageProps,\n    inputRef: userInputRef,\n    isLoading,\n    loadingIndicator,\n    validationIconClassName,\n    disableFocusRing\n  } = props;\n  let {hoverProps, isHovered} = useHover({isDisabled});\n  let domRef = useRef<HTMLDivElement>(null);\n  let defaultInputRef = useRef<HTMLInputElement | HTMLTextAreaElement>(null);\n  let inputRef = userInputRef || defaultInputRef;\n\n  // Expose imperative interface for ref\n  useImperativeHandle(ref, () => ({\n    ...createFocusableRef(domRef, inputRef),\n    select() {\n      if (inputRef.current) {\n        inputRef.current.select();\n      }\n    },\n    getInputElement() {\n      return inputRef.current;\n    }\n  }));\n\n  let ElementType: React.ElementType = multiLine ? 'textarea' : 'input';\n  let isInvalid = validationState === 'invalid' && !isDisabled;\n\n  if (icon) {\n    let UNSAFE_className = classNames(\n      styles,\n      icon.props && (icon.props as any).UNSAFE_className,\n      'spectrum-Textfield-icon'\n    );\n\n    icon = cloneElement(icon, {\n      UNSAFE_className,\n      size: 'S'\n    } as any);\n  }\n\n  let stringFormatter = useLocalizedStringFormatter(intlMessages, '@react-spectrum/textfield');\n  let validId = useId();\n  let validationIcon = isInvalid ? (\n    <AlertMedium />\n  ) : (\n    <CheckmarkMedium id={validId} aria-hidden aria-label={stringFormatter.format('valid')} />\n  );\n  let validation = cloneElement(validationIcon, {\n    UNSAFE_className: classNames(\n      styles,\n      'spectrum-Textfield-validationIcon',\n      validationIconClassName\n    )\n  });\n\n  // Add validation icon IDREF to aria-describedby when validationState is valid\n  let inputPropsAriaDescribedBy = inputProps['aria-describedby'];\n  if (\n    !isInvalid &&\n    validationState === 'valid' &&\n    !isLoading &&\n    !isDisabled &&\n    (!inputPropsAriaDescribedBy || !inputPropsAriaDescribedBy.includes(validId))\n  ) {\n    inputProps['aria-describedby'] = [inputPropsAriaDescribedBy, validId].join(' ').trim();\n  }\n\n  let {focusProps, isFocusVisible} = useFocusRing({\n    isTextInput: true,\n    autoFocus\n  });\n\n  let textField = (\n    <div\n      className={classNames(styles, 'spectrum-Textfield', {\n        'spectrum-Textfield--invalid': isInvalid,\n        'spectrum-Textfield--valid': validationState === 'valid' && !isDisabled,\n        'spectrum-Textfield--loadable': loadingIndicator,\n        'spectrum-Textfield--quiet': isQuiet,\n        'spectrum-Textfield--multiline': multiLine,\n        'focus-ring': !disableFocusRing && isFocusVisible\n      })}>\n      <ElementType\n        {...mergeProps(inputProps, hoverProps, focusProps)}\n        ref={inputRef as any}\n        rows={multiLine ? 1 : undefined}\n        className={classNames(\n          styles,\n          'spectrum-Textfield-input',\n          {\n            'spectrum-Textfield-inputIcon': icon,\n            'is-hovered': isHovered\n          },\n          inputClassName\n        )}\n      />\n      {icon}\n      {validationState && !isLoading && !isDisabled ? validation : null}\n      {isLoading && loadingIndicator}\n      {wrapperChildren}\n    </div>\n  );\n\n  return (\n    <Field\n      {...props}\n      labelProps={labelProps}\n      descriptionProps={descriptionProps}\n      errorMessageProps={errorMessageProps}\n      wrapperClassName={classNames(styles, 'spectrum-Textfield-wrapper', {\n        'spectrum-Textfield-wrapper--quiet': isQuiet\n      })}\n      showErrorIcon={false}\n      ref={domRef}>\n      {textField}\n    </Field>\n  );\n});\n"],"names":[],"version":3,"file":"TextFieldBase.js.map"}
+{"mappings":";;;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;;;;;;;AAgDM,MAAM,0DAAgB,CAAA,GAAA,iBAAS,EAAE,SAAS,cAC/C,KAAyB,EACzB,GAA8D;IAE9D,IAAI,mBACF,kBAAkB,MAAM,SAAS,GAAG,YAAY,YAChD,IAAI,WACJ,UAAU,mBACV,UAAU,aACV,SAAS,aACT,SAAS,kBACT,cAAc,mBACd,eAAe,cACf,UAAU,cACV,UAAU,oBACV,gBAAgB,qBAChB,iBAAiB,EACjB,UAAU,YAAY,aACtB,SAAS,oBACT,gBAAgB,2BAChB,uBAAuB,oBACvB,gBAAgB,EACjB,GAAG;IACJ,IAAI,cAAC,UAAU,aAAE,SAAS,EAAC,GAAG,CAAA,GAAA,eAAO,EAAE;oBAAC;IAAU;IAClD,IAAI,SAAS,CAAA,GAAA,aAAK,EAAkB;IACpC,IAAI,kBAAkB,CAAA,GAAA,aAAK,EAA0C;IACrE,IAAI,WAAW,gBAAgB;IAE/B,sCAAsC;IACtC,CAAA,GAAA,0BAAkB,EAAE,KAAK,IAAO,CAAA;YAC9B,GAAG,CAAA,GAAA,yCAAiB,EAAE,QAAQ,SAAS;YACvC;gBACE,IAAI,SAAS,OAAO,EAClB,SAAS,OAAO,CAAC,MAAM;YAE3B;YACA;gBACE,OAAO,SAAS,OAAO;YACzB;QACF,CAAA;IAEA,IAAI,cAAiC,YAAY,aAAa;IAC9D,IAAI,YAAY,oBAAoB,aAAa,CAAC;IAElD,IAAI,MAAM;QACR,IAAI,mBAAmB,CAAA,GAAA,yCAAS,EAC9B,CAAA,GAAA,sDAAK,GACL,KAAK,KAAK,IAAI,AAAC,KAAK,KAAK,CAAS,gBAAgB,EAClD;QAGF,qBAAO,CAAA,GAAA,mBAAW,EAAE,MAAM;8BACxB;YACA,MAAM;QACR;IACF;IAEA,IAAI,kBAAkB,CAAA,GAAA,kCAA0B,EAAE,CAAA,GAAA,8CAAW,GAAG;IAChE,IAAI,UAAU,CAAA,GAAA,YAAI;IAClB,IAAI,iBAAiB,0BACnB,gCAAC,CAAA,GAAA,iCAAU,yBAEX,gCAAC,CAAA,GAAA,qCAAc;QAAE,IAAI;QAAS,eAAA;QAAY,cAAY,gBAAgB,MAAM,CAAC;;IAE/E,IAAI,2BAAa,CAAA,GAAA,mBAAW,EAAE,gBAAgB;QAC5C,kBAAkB,CAAA,GAAA,yCAAS,EACzB,CAAA,GAAA,sDAAK,GACL,qCACA;IAEJ;IAEA,8EAA8E;IAC9E,IAAI,4BAA4B,UAAU,CAAC,mBAAmB;IAC9D,IACE,CAAC,aACD,oBAAoB,WACpB,CAAC,aACD,CAAC,cACA,CAAA,CAAC,6BAA6B,CAAC,0BAA0B,QAAQ,CAAC,QAAO,GAE1E,UAAU,CAAC,mBAAmB,GAAG;QAAC;QAA2B;KAAQ,CAAC,IAAI,CAAC,KAAK,IAAI;IAGtF,IAAI,cAAC,UAAU,kBAAE,cAAc,EAAC,GAAG,CAAA,GAAA,mBAAW,EAAE;QAC9C,aAAa;mBACb;IACF;IAEA,IAAI,0BACF,gCAAC;QACC,WAAW,CAAA,GAAA,yCAAS,EAAE,CAAA,GAAA,sDAAK,GAAG,sBAAsB;YAClD,+BAA+B;YAC/B,6BAA6B,oBAAoB,WAAW,CAAC;YAC7D,gCAAgC;YAChC,6BAA6B;YAC7B,iCAAiC;YACjC,cAAc,CAAC,oBAAoB;QACrC;qBACA,gCAAC;QACE,GAAG,CAAA,GAAA,iBAAS,EAAE,YAAY,YAAY,WAAW;QAClD,KAAK;QACL,MAAM,YAAY,IAAI;QACtB,WAAW,CAAA,GAAA,yCAAS,EAClB,CAAA,GAAA,sDAAK,GACL,4BACA;YACE,gCAAgC;YAChC,cAAc;QAChB,GACA;QAGH,MACA,mBAAmB,CAAC,aAAa,CAAC,aAAa,aAAa,MAC5D,aAAa,kBACb;IAIL,qBACE,gCAAC,CAAA,GAAA,yCAAI;QACF,GAAG,KAAK;QACT,YAAY;QACZ,kBAAkB;QAClB,mBAAmB;QACnB,kBAAkB,CAAA,GAAA,yCAAS,EAAE,CAAA,GAAA,sDAAK,GAAG,8BAA8B;YACjE,qCAAqC;QACvC;QACA,eAAe;QACf,KAAK;OACJ;AAGP","sources":["packages/@adobe/react-spectrum/src/textfield/TextFieldBase.tsx"],"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\nimport AlertMedium from '@spectrum-icons/ui/AlertMedium';\nimport CheckmarkMedium from '@spectrum-icons/ui/CheckmarkMedium';\nimport {classNames} from '../utils/classNames';\nimport {createFocusableRef} from '../utils/useDOMRef';\nimport {Field} from '../label/Field';\nimport intlMessages from '../../intl/textfield/*.json';\nimport {mergeProps} from 'react-aria/mergeProps';\nimport {PressEvents, RefObject, ValidationResult} from '@react-types/shared';\nimport React, {\n  cloneElement,\n  forwardRef,\n  HTMLAttributes,\n  InputHTMLAttributes,\n  LabelHTMLAttributes,\n  ReactElement,\n  Ref,\n  TextareaHTMLAttributes,\n  useImperativeHandle,\n  useRef\n} from 'react';\nimport {SpectrumTextFieldProps, TextFieldRef} from './TextField';\nimport styles from '@adobe/spectrum-css-temp/components/textfield/vars.css';\nimport {useFocusRing} from 'react-aria/useFocusRing';\nimport {useHover} from 'react-aria/useHover';\nimport {useId} from 'react-aria/useId';\nimport {useLocalizedStringFormatter} from 'react-aria/useLocalizedStringFormatter';\n\ninterface TextFieldBaseProps\n  extends\n    Omit<SpectrumTextFieldProps, 'onChange' | 'validate'>,\n    PressEvents,\n    Partial<ValidationResult> {\n  wrapperChildren?: ReactElement | ReactElement[];\n  inputClassName?: string;\n  validationIconClassName?: string;\n  multiLine?: boolean;\n  labelProps?: LabelHTMLAttributes<HTMLLabelElement>;\n  inputProps: InputHTMLAttributes<HTMLInputElement> | TextareaHTMLAttributes<HTMLTextAreaElement>;\n  descriptionProps?: HTMLAttributes<HTMLElement>;\n  errorMessageProps?: HTMLAttributes<HTMLElement>;\n  inputRef?: RefObject<HTMLInputElement | HTMLTextAreaElement | null>;\n  loadingIndicator?: ReactElement;\n  isLoading?: boolean;\n  disableFocusRing?: boolean;\n}\n\nexport const TextFieldBase = forwardRef(function TextFieldBase(\n  props: TextFieldBaseProps,\n  ref: Ref<TextFieldRef<HTMLInputElement | HTMLTextAreaElement>>\n) {\n  let {\n    validationState = props.isInvalid ? 'invalid' : null,\n    icon,\n    isQuiet = false,\n    isDisabled,\n    multiLine,\n    autoFocus,\n    inputClassName,\n    wrapperChildren,\n    labelProps,\n    inputProps,\n    descriptionProps,\n    errorMessageProps,\n    inputRef: userInputRef,\n    isLoading,\n    loadingIndicator,\n    validationIconClassName,\n    disableFocusRing\n  } = props;\n  let {hoverProps, isHovered} = useHover({isDisabled});\n  let domRef = useRef<HTMLDivElement>(null);\n  let defaultInputRef = useRef<HTMLInputElement | HTMLTextAreaElement>(null);\n  let inputRef = userInputRef || defaultInputRef;\n\n  // Expose imperative interface for ref\n  useImperativeHandle(ref, () => ({\n    ...createFocusableRef(domRef, inputRef),\n    select() {\n      if (inputRef.current) {\n        inputRef.current.select();\n      }\n    },\n    getInputElement() {\n      return inputRef.current;\n    }\n  }));\n\n  let ElementType: React.ElementType = multiLine ? 'textarea' : 'input';\n  let isInvalid = validationState === 'invalid' && !isDisabled;\n\n  if (icon) {\n    let UNSAFE_className = classNames(\n      styles,\n      icon.props && (icon.props as any).UNSAFE_className,\n      'spectrum-Textfield-icon'\n    );\n\n    icon = cloneElement(icon, {\n      UNSAFE_className,\n      size: 'S'\n    } as any);\n  }\n\n  let stringFormatter = useLocalizedStringFormatter(intlMessages, '@react-spectrum/textfield');\n  let validId = useId();\n  let validationIcon = isInvalid ? (\n    <AlertMedium />\n  ) : (\n    <CheckmarkMedium id={validId} aria-hidden aria-label={stringFormatter.format('valid')} />\n  );\n  let validation = cloneElement(validationIcon, {\n    UNSAFE_className: classNames(\n      styles,\n      'spectrum-Textfield-validationIcon',\n      validationIconClassName\n    )\n  });\n\n  // Add validation icon IDREF to aria-describedby when validationState is valid\n  let inputPropsAriaDescribedBy = inputProps['aria-describedby'];\n  if (\n    !isInvalid &&\n    validationState === 'valid' &&\n    !isLoading &&\n    !isDisabled &&\n    (!inputPropsAriaDescribedBy || !inputPropsAriaDescribedBy.includes(validId))\n  ) {\n    inputProps['aria-describedby'] = [inputPropsAriaDescribedBy, validId].join(' ').trim();\n  }\n\n  let {focusProps, isFocusVisible} = useFocusRing({\n    isTextInput: true,\n    autoFocus\n  });\n\n  let textField = (\n    <div\n      className={classNames(styles, 'spectrum-Textfield', {\n        'spectrum-Textfield--invalid': isInvalid,\n        'spectrum-Textfield--valid': validationState === 'valid' && !isDisabled,\n        'spectrum-Textfield--loadable': loadingIndicator,\n        'spectrum-Textfield--quiet': isQuiet,\n        'spectrum-Textfield--multiline': multiLine,\n        'focus-ring': !disableFocusRing && isFocusVisible\n      })}>\n      <ElementType\n        {...mergeProps(inputProps, hoverProps, focusProps)}\n        ref={inputRef as any}\n        rows={multiLine ? 1 : undefined}\n        className={classNames(\n          styles,\n          'spectrum-Textfield-input',\n          {\n            'spectrum-Textfield-inputIcon': icon,\n            'is-hovered': isHovered\n          },\n          inputClassName\n        )}\n      />\n      {icon}\n      {validationState && !isLoading && !isDisabled ? validation : null}\n      {isLoading && loadingIndicator}\n      {wrapperChildren}\n    </div>\n  );\n\n  return (\n    <Field\n      {...props}\n      labelProps={labelProps}\n      descriptionProps={descriptionProps}\n      errorMessageProps={errorMessageProps}\n      wrapperClassName={classNames(styles, 'spectrum-Textfield-wrapper', {\n        'spectrum-Textfield-wrapper--quiet': isQuiet\n      })}\n      showErrorIcon={false}\n      ref={domRef}>\n      {textField}\n    </Field>\n  );\n});\n"],"names":[],"version":3,"file":"TextFieldBase.js.map"}

package/dist/private/textfield/TextFieldBase.mjs.map

@@ -1 +1 @@
-{"mappings":";;;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;;;;;;;AAiDM,MAAM,0DAAgB,CAAA,GAAA,iBAAS,EAAE,SAAS,cAC/C,KAAyB,EACzB,GAA8D;IAE9D,IAAI,mBACF,kBAAkB,MAAM,SAAS,GAAG,YAAY,YAChD,IAAI,WACJ,UAAU,mBACV,UAAU,aACV,SAAS,aACT,SAAS,kBACT,cAAc,mBACd,eAAe,cACf,UAAU,cACV,UAAU,oBACV,gBAAgB,qBAChB,iBAAiB,EACjB,UAAU,YAAY,aACtB,SAAS,oBACT,gBAAgB,2BAChB,uBAAuB,oBACvB,gBAAgB,EACjB,GAAG;IACJ,IAAI,cAAC,UAAU,aAAE,SAAS,EAAC,GAAG,CAAA,GAAA,eAAO,EAAE;oBAAC;IAAU;IAClD,IAAI,SAAS,CAAA,GAAA,aAAK,EAAkB;IACpC,IAAI,kBAAkB,CAAA,GAAA,aAAK,EAA0C;IACrE,IAAI,WAAW,gBAAgB;IAE/B,sCAAsC;IACtC,CAAA,GAAA,0BAAkB,EAAE,KAAK,IAAO,CAAA;YAC9B,GAAG,CAAA,GAAA,yCAAiB,EAAE,QAAQ,SAAS;YACvC;gBACE,IAAI,SAAS,OAAO,EAClB,SAAS,OAAO,CAAC,MAAM;YAE3B;YACA;gBACE,OAAO,SAAS,OAAO;YACzB;QACF,CAAA;IAEA,IAAI,cAAiC,YAAY,aAAa;IAC9D,IAAI,YAAY,oBAAoB,aAAa,CAAC;IAElD,IAAI,MAAM;QACR,IAAI,mBAAmB,CAAA,GAAA,yCAAS,EAC9B,CAAA,GAAA,sDAAK,GACL,KAAK,KAAK,IAAI,AAAC,KAAK,KAAK,CAAS,gBAAgB,EAClD;QAGF,qBAAO,CAAA,GAAA,mBAAW,EAAE,MAAM;8BACxB;YACA,MAAM;QACR;IACF;IAEA,IAAI,kBAAkB,CAAA,GAAA,kCAA0B,EAAE,CAAA,GAAA,+CAAW,GAAG;IAChE,IAAI,UAAU,CAAA,GAAA,YAAI;IAClB,IAAI,iBAAiB,0BACnB,gCAAC,CAAA,GAAA,iCAAU,yBAEX,gCAAC,CAAA,GAAA,qCAAc;QAAE,IAAI;QAAS,eAAA;QAAY,cAAY,gBAAgB,MAAM,CAAC;;IAE/E,IAAI,2BAAa,CAAA,GAAA,mBAAW,EAAE,gBAAgB;QAC5C,kBAAkB,CAAA,GAAA,yCAAS,EACzB,CAAA,GAAA,sDAAK,GACL,qCACA;IAEJ;IAEA,8EAA8E;IAC9E,IAAI,4BAA4B,UAAU,CAAC,mBAAmB;IAC9D,IACE,CAAC,aACD,oBAAoB,WACpB,CAAC,aACD,CAAC,cACA,CAAA,CAAC,6BAA6B,CAAC,0BAA0B,QAAQ,CAAC,QAAO,GAE1E,UAAU,CAAC,mBAAmB,GAAG;QAAC;QAA2B;KAAQ,CAAC,IAAI,CAAC,KAAK,IAAI;IAGtF,IAAI,cAAC,UAAU,kBAAE,cAAc,EAAC,GAAG,CAAA,GAAA,mBAAW,EAAE;QAC9C,aAAa;mBACb;IACF;IAEA,IAAI,0BACF,gCAAC;QACC,WAAW,CAAA,GAAA,yCAAS,EAAE,CAAA,GAAA,sDAAK,GAAG,sBAAsB;YAClD,+BAA+B;YAC/B,6BAA6B,oBAAoB,WAAW,CAAC;YAC7D,gCAAgC;YAChC,6BAA6B;YAC7B,iCAAiC;YACjC,cAAc,CAAC,oBAAoB;QACrC;qBACA,gCAAC;QACE,GAAG,CAAA,GAAA,iBAAS,EAAE,YAAY,YAAY,WAAW;QAClD,KAAK;QACL,MAAM,YAAY,IAAI;QACtB,WAAW,CAAA,GAAA,yCAAS,EAClB,CAAA,GAAA,sDAAK,GACL,4BACA;YACE,gCAAgC;YAChC,cAAc;QAChB,GACA;QAGH,MACA,mBAAmB,CAAC,aAAa,CAAC,aAAa,aAAa,MAC5D,aAAa,kBACb;IAIL,qBACE,gCAAC,CAAA,GAAA,yCAAI;QACF,GAAG,KAAK;QACT,YAAY;QACZ,kBAAkB;QAClB,mBAAmB;QACnB,kBAAkB,CAAA,GAAA,yCAAS,EAAE,CAAA,GAAA,sDAAK,GAAG,8BAA8B;YACjE,qCAAqC;QACvC;QACA,eAAe;QACf,KAAK;OACJ;AAGP","sources":["packages/@adobe/react-spectrum/src/textfield/TextFieldBase.tsx"],"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\nimport AlertMedium from '@spectrum-icons/ui/AlertMedium';\nimport CheckmarkMedium from '@spectrum-icons/ui/CheckmarkMedium';\nimport {classNames} from '../utils/classNames';\nimport {createFocusableRef} from '../utils/useDOMRef';\nimport {Field} from '../label/Field';\n// @ts-ignore\nimport intlMessages from '../../intl/textfield/*.json';\nimport {mergeProps} from 'react-aria/mergeProps';\nimport {PressEvents, RefObject, ValidationResult} from '@react-types/shared';\nimport React, {\n  cloneElement,\n  forwardRef,\n  HTMLAttributes,\n  InputHTMLAttributes,\n  LabelHTMLAttributes,\n  ReactElement,\n  Ref,\n  TextareaHTMLAttributes,\n  useImperativeHandle,\n  useRef\n} from 'react';\nimport {SpectrumTextFieldProps, TextFieldRef} from './TextField';\nimport styles from '@adobe/spectrum-css-temp/components/textfield/vars.css';\nimport {useFocusRing} from 'react-aria/useFocusRing';\nimport {useHover} from 'react-aria/useHover';\nimport {useId} from 'react-aria/useId';\nimport {useLocalizedStringFormatter} from 'react-aria/useLocalizedStringFormatter';\n\ninterface TextFieldBaseProps\n  extends\n    Omit<SpectrumTextFieldProps, 'onChange' | 'validate'>,\n    PressEvents,\n    Partial<ValidationResult> {\n  wrapperChildren?: ReactElement | ReactElement[];\n  inputClassName?: string;\n  validationIconClassName?: string;\n  multiLine?: boolean;\n  labelProps?: LabelHTMLAttributes<HTMLLabelElement>;\n  inputProps: InputHTMLAttributes<HTMLInputElement> | TextareaHTMLAttributes<HTMLTextAreaElement>;\n  descriptionProps?: HTMLAttributes<HTMLElement>;\n  errorMessageProps?: HTMLAttributes<HTMLElement>;\n  inputRef?: RefObject<HTMLInputElement | HTMLTextAreaElement | null>;\n  loadingIndicator?: ReactElement;\n  isLoading?: boolean;\n  disableFocusRing?: boolean;\n}\n\nexport const TextFieldBase = forwardRef(function TextFieldBase(\n  props: TextFieldBaseProps,\n  ref: Ref<TextFieldRef<HTMLInputElement | HTMLTextAreaElement>>\n) {\n  let {\n    validationState = props.isInvalid ? 'invalid' : null,\n    icon,\n    isQuiet = false,\n    isDisabled,\n    multiLine,\n    autoFocus,\n    inputClassName,\n    wrapperChildren,\n    labelProps,\n    inputProps,\n    descriptionProps,\n    errorMessageProps,\n    inputRef: userInputRef,\n    isLoading,\n    loadingIndicator,\n    validationIconClassName,\n    disableFocusRing\n  } = props;\n  let {hoverProps, isHovered} = useHover({isDisabled});\n  let domRef = useRef<HTMLDivElement>(null);\n  let defaultInputRef = useRef<HTMLInputElement | HTMLTextAreaElement>(null);\n  let inputRef = userInputRef || defaultInputRef;\n\n  // Expose imperative interface for ref\n  useImperativeHandle(ref, () => ({\n    ...createFocusableRef(domRef, inputRef),\n    select() {\n      if (inputRef.current) {\n        inputRef.current.select();\n      }\n    },\n    getInputElement() {\n      return inputRef.current;\n    }\n  }));\n\n  let ElementType: React.ElementType = multiLine ? 'textarea' : 'input';\n  let isInvalid = validationState === 'invalid' && !isDisabled;\n\n  if (icon) {\n    let UNSAFE_className = classNames(\n      styles,\n      icon.props && (icon.props as any).UNSAFE_className,\n      'spectrum-Textfield-icon'\n    );\n\n    icon = cloneElement(icon, {\n      UNSAFE_className,\n      size: 'S'\n    } as any);\n  }\n\n  let stringFormatter = useLocalizedStringFormatter(intlMessages, '@react-spectrum/textfield');\n  let validId = useId();\n  let validationIcon = isInvalid ? (\n    <AlertMedium />\n  ) : (\n    <CheckmarkMedium id={validId} aria-hidden aria-label={stringFormatter.format('valid')} />\n  );\n  let validation = cloneElement(validationIcon, {\n    UNSAFE_className: classNames(\n      styles,\n      'spectrum-Textfield-validationIcon',\n      validationIconClassName\n    )\n  });\n\n  // Add validation icon IDREF to aria-describedby when validationState is valid\n  let inputPropsAriaDescribedBy = inputProps['aria-describedby'];\n  if (\n    !isInvalid &&\n    validationState === 'valid' &&\n    !isLoading &&\n    !isDisabled &&\n    (!inputPropsAriaDescribedBy || !inputPropsAriaDescribedBy.includes(validId))\n  ) {\n    inputProps['aria-describedby'] = [inputPropsAriaDescribedBy, validId].join(' ').trim();\n  }\n\n  let {focusProps, isFocusVisible} = useFocusRing({\n    isTextInput: true,\n    autoFocus\n  });\n\n  let textField = (\n    <div\n      className={classNames(styles, 'spectrum-Textfield', {\n        'spectrum-Textfield--invalid': isInvalid,\n        'spectrum-Textfield--valid': validationState === 'valid' && !isDisabled,\n        'spectrum-Textfield--loadable': loadingIndicator,\n        'spectrum-Textfield--quiet': isQuiet,\n        'spectrum-Textfield--multiline': multiLine,\n        'focus-ring': !disableFocusRing && isFocusVisible\n      })}>\n      <ElementType\n        {...mergeProps(inputProps, hoverProps, focusProps)}\n        ref={inputRef as any}\n        rows={multiLine ? 1 : undefined}\n        className={classNames(\n          styles,\n          'spectrum-Textfield-input',\n          {\n            'spectrum-Textfield-inputIcon': icon,\n            'is-hovered': isHovered\n          },\n          inputClassName\n        )}\n      />\n      {icon}\n      {validationState && !isLoading && !isDisabled ? validation : null}\n      {isLoading && loadingIndicator}\n      {wrapperChildren}\n    </div>\n  );\n\n  return (\n    <Field\n      {...props}\n      labelProps={labelProps}\n      descriptionProps={descriptionProps}\n      errorMessageProps={errorMessageProps}\n      wrapperClassName={classNames(styles, 'spectrum-Textfield-wrapper', {\n        'spectrum-Textfield-wrapper--quiet': isQuiet\n      })}\n      showErrorIcon={false}\n      ref={domRef}>\n      {textField}\n    </Field>\n  );\n});\n"],"names":[],"version":3,"file":"TextFieldBase.mjs.map"}
+{"mappings":"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","sources":["packages/@adobe/react-spectrum/src/textfield/TextFieldBase.tsx"],"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\nimport AlertMedium from '@spectrum-icons/ui/AlertMedium';\nimport CheckmarkMedium from '@spectrum-icons/ui/CheckmarkMedium';\nimport {classNames} from '../utils/classNames';\nimport {createFocusableRef} from '../utils/useDOMRef';\nimport {Field} from '../label/Field';\nimport intlMessages from '../../intl/textfield/*.json';\nimport {mergeProps} from 'react-aria/mergeProps';\nimport {PressEvents, RefObject, ValidationResult} from '@react-types/shared';\nimport React, {\n  cloneElement,\n  forwardRef,\n  HTMLAttributes,\n  InputHTMLAttributes,\n  LabelHTMLAttributes,\n  ReactElement,\n  Ref,\n  TextareaHTMLAttributes,\n  useImperativeHandle,\n  useRef\n} from 'react';\nimport {SpectrumTextFieldProps, TextFieldRef} from './TextField';\nimport styles from '@adobe/spectrum-css-temp/components/textfield/vars.css';\nimport {useFocusRing} from 'react-aria/useFocusRing';\nimport {useHover} from 'react-aria/useHover';\nimport {useId} from 'react-aria/useId';\nimport {useLocalizedStringFormatter} from 'react-aria/useLocalizedStringFormatter';\n\ninterface TextFieldBaseProps\n  extends\n    Omit<SpectrumTextFieldProps, 'onChange' | 'validate'>,\n    PressEvents,\n    Partial<ValidationResult> {\n  wrapperChildren?: ReactElement | ReactElement[];\n  inputClassName?: string;\n  validationIconClassName?: string;\n  multiLine?: boolean;\n  labelProps?: LabelHTMLAttributes<HTMLLabelElement>;\n  inputProps: InputHTMLAttributes<HTMLInputElement> | TextareaHTMLAttributes<HTMLTextAreaElement>;\n  descriptionProps?: HTMLAttributes<HTMLElement>;\n  errorMessageProps?: HTMLAttributes<HTMLElement>;\n  inputRef?: RefObject<HTMLInputElement | HTMLTextAreaElement | null>;\n  loadingIndicator?: ReactElement;\n  isLoading?: boolean;\n  disableFocusRing?: boolean;\n}\n\nexport const TextFieldBase = forwardRef(function TextFieldBase(\n  props: TextFieldBaseProps,\n  ref: Ref<TextFieldRef<HTMLInputElement | HTMLTextAreaElement>>\n) {\n  let {\n    validationState = props.isInvalid ? 'invalid' : null,\n    icon,\n    isQuiet = false,\n    isDisabled,\n    multiLine,\n    autoFocus,\n    inputClassName,\n    wrapperChildren,\n    labelProps,\n    inputProps,\n    descriptionProps,\n    errorMessageProps,\n    inputRef: userInputRef,\n    isLoading,\n    loadingIndicator,\n    validationIconClassName,\n    disableFocusRing\n  } = props;\n  let {hoverProps, isHovered} = useHover({isDisabled});\n  let domRef = useRef<HTMLDivElement>(null);\n  let defaultInputRef = useRef<HTMLInputElement | HTMLTextAreaElement>(null);\n  let inputRef = userInputRef || defaultInputRef;\n\n  // Expose imperative interface for ref\n  useImperativeHandle(ref, () => ({\n    ...createFocusableRef(domRef, inputRef),\n    select() {\n      if (inputRef.current) {\n        inputRef.current.select();\n      }\n    },\n    getInputElement() {\n      return inputRef.current;\n    }\n  }));\n\n  let ElementType: React.ElementType = multiLine ? 'textarea' : 'input';\n  let isInvalid = validationState === 'invalid' && !isDisabled;\n\n  if (icon) {\n    let UNSAFE_className = classNames(\n      styles,\n      icon.props && (icon.props as any).UNSAFE_className,\n      'spectrum-Textfield-icon'\n    );\n\n    icon = cloneElement(icon, {\n      UNSAFE_className,\n      size: 'S'\n    } as any);\n  }\n\n  let stringFormatter = useLocalizedStringFormatter(intlMessages, '@react-spectrum/textfield');\n  let validId = useId();\n  let validationIcon = isInvalid ? (\n    <AlertMedium />\n  ) : (\n    <CheckmarkMedium id={validId} aria-hidden aria-label={stringFormatter.format('valid')} />\n  );\n  let validation = cloneElement(validationIcon, {\n    UNSAFE_className: classNames(\n      styles,\n      'spectrum-Textfield-validationIcon',\n      validationIconClassName\n    )\n  });\n\n  // Add validation icon IDREF to aria-describedby when validationState is valid\n  let inputPropsAriaDescribedBy = inputProps['aria-describedby'];\n  if (\n    !isInvalid &&\n    validationState === 'valid' &&\n    !isLoading &&\n    !isDisabled &&\n    (!inputPropsAriaDescribedBy || !inputPropsAriaDescribedBy.includes(validId))\n  ) {\n    inputProps['aria-describedby'] = [inputPropsAriaDescribedBy, validId].join(' ').trim();\n  }\n\n  let {focusProps, isFocusVisible} = useFocusRing({\n    isTextInput: true,\n    autoFocus\n  });\n\n  let textField = (\n    <div\n      className={classNames(styles, 'spectrum-Textfield', {\n        'spectrum-Textfield--invalid': isInvalid,\n        'spectrum-Textfield--valid': validationState === 'valid' && !isDisabled,\n        'spectrum-Textfield--loadable': loadingIndicator,\n        'spectrum-Textfield--quiet': isQuiet,\n        'spectrum-Textfield--multiline': multiLine,\n        'focus-ring': !disableFocusRing && isFocusVisible\n      })}>\n      <ElementType\n        {...mergeProps(inputProps, hoverProps, focusProps)}\n        ref={inputRef as any}\n        rows={multiLine ? 1 : undefined}\n        className={classNames(\n          styles,\n          'spectrum-Textfield-input',\n          {\n            'spectrum-Textfield-inputIcon': icon,\n            'is-hovered': isHovered\n          },\n          inputClassName\n        )}\n      />\n      {icon}\n      {validationState && !isLoading && !isDisabled ? validation : null}\n      {isLoading && loadingIndicator}\n      {wrapperChildren}\n    </div>\n  );\n\n  return (\n    <Field\n      {...props}\n      labelProps={labelProps}\n      descriptionProps={descriptionProps}\n      errorMessageProps={errorMessageProps}\n      wrapperClassName={classNames(styles, 'spectrum-Textfield-wrapper', {\n        'spectrum-Textfield-wrapper--quiet': isQuiet\n      })}\n      showErrorIcon={false}\n      ref={domRef}>\n      {textField}\n    </Field>\n  );\n});\n"],"names":[],"version":3,"file":"TextFieldBase.mjs.map"}