@react-spectrum/textfield 3.13.5 → 3.14.1

package/dist/sr-SP.mjs

@@ -0,0 +1,8 @@
+var $81877e065529dfa7$exports = {};
+$81877e065529dfa7$exports = {
+    "valid": `Va\u{17E}e\u{107}e`
+};
+
+
+export {$81877e065529dfa7$exports as default};
+//# sourceMappingURL=sr-SP.module.js.map

package/dist/sr-SP.module.js

@@ -0,0 +1,8 @@
+var $81877e065529dfa7$exports = {};
+$81877e065529dfa7$exports = {
+    "valid": `Va\u{17E}e\u{107}e`
+};
+
+
+export {$81877e065529dfa7$exports as default};
+//# sourceMappingURL=sr-SP.module.js.map

package/dist/sr-SP.module.js.map

@@ -0,0 +1 @@
+{"mappings":";AAAA,4BAAiB;IAAG,SAAS,CAAC,kBAAM,CAAC;AACrC","sources":["packages/@react-spectrum/textfield/intl/sr-SP.json"],"sourcesContent":["{\n  \"valid\": \"Važeće\"\n}\n"],"names":[],"version":3,"file":"sr-SP.module.js.map"}

package/dist/sv-SE.main.js

@@ -0,0 +1,6 @@
+module.exports = {
+    "valid": `Giltig`
+};
+
+
+//# sourceMappingURL=sv-SE.main.js.map

package/dist/sv-SE.main.js.map

@@ -0,0 +1 @@
+{"mappings":"AAAA,iBAAiB;IAAG,SAAS,CAAC,MAAM,CAAC;AACrC","sources":["packages/@react-spectrum/textfield/intl/sv-SE.json"],"sourcesContent":["{\n  \"valid\": \"Giltig\"\n}\n"],"names":[],"version":3,"file":"sv-SE.main.js.map"}

package/dist/sv-SE.mjs

@@ -0,0 +1,8 @@
+var $081d502afa41074a$exports = {};
+$081d502afa41074a$exports = {
+    "valid": `Giltig`
+};
+
+
+export {$081d502afa41074a$exports as default};
+//# sourceMappingURL=sv-SE.module.js.map

package/dist/sv-SE.module.js

@@ -0,0 +1,8 @@
+var $081d502afa41074a$exports = {};
+$081d502afa41074a$exports = {
+    "valid": `Giltig`
+};
+
+
+export {$081d502afa41074a$exports as default};
+//# sourceMappingURL=sv-SE.module.js.map

package/dist/sv-SE.module.js.map

@@ -0,0 +1 @@
+{"mappings":";AAAA,4BAAiB;IAAG,SAAS,CAAC,MAAM,CAAC;AACrC","sources":["packages/@react-spectrum/textfield/intl/sv-SE.json"],"sourcesContent":["{\n  \"valid\": \"Giltig\"\n}\n"],"names":[],"version":3,"file":"sv-SE.module.js.map"}

package/dist/tr-TR.main.js

@@ -0,0 +1,6 @@
+module.exports = {
+    "valid": `Ge\xe7erli`
+};
+
+
+//# sourceMappingURL=tr-TR.main.js.map

package/dist/tr-TR.main.js.map

@@ -0,0 +1 @@
+{"mappings":"AAAA,iBAAiB;IAAG,SAAS,CAAC,UAAO,CAAC;AACtC","sources":["packages/@react-spectrum/textfield/intl/tr-TR.json"],"sourcesContent":["{\n  \"valid\": \"Geçerli\"\n}\n"],"names":[],"version":3,"file":"tr-TR.main.js.map"}

package/dist/tr-TR.mjs

@@ -0,0 +1,8 @@
+var $ad0d0cc7ce385ded$exports = {};
+$ad0d0cc7ce385ded$exports = {
+    "valid": `Ge\xe7erli`
+};
+
+
+export {$ad0d0cc7ce385ded$exports as default};
+//# sourceMappingURL=tr-TR.module.js.map

package/dist/tr-TR.module.js

@@ -0,0 +1,8 @@
+var $ad0d0cc7ce385ded$exports = {};
+$ad0d0cc7ce385ded$exports = {
+    "valid": `Ge\xe7erli`
+};
+
+
+export {$ad0d0cc7ce385ded$exports as default};
+//# sourceMappingURL=tr-TR.module.js.map

package/dist/tr-TR.module.js.map

@@ -0,0 +1 @@
+{"mappings":";AAAA,4BAAiB;IAAG,SAAS,CAAC,UAAO,CAAC;AACtC","sources":["packages/@react-spectrum/textfield/intl/tr-TR.json"],"sourcesContent":["{\n  \"valid\": \"Geçerli\"\n}\n"],"names":[],"version":3,"file":"tr-TR.module.js.map"}

package/dist/types.d.ts.map

@@ -1 +1 @@
-{"mappings":";;;AAwBA,4BAA6B,SAAQ,IAAI,CAAC,sBAAsB,EAAE,UAAU,GAAG,UAAU,CAAC,EAAE,WAAW,EAAE,OAAO,CAAC,gBAAgB,CAAC;IAChI,eAAe,CAAC,EAAE,YAAY,GAAG,YAAY,EAAE,CAAC;IAChD,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,uBAAuB,CAAC,EAAE,MAAM,CAAC;IACjC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,oBAAoB,gBAAgB,CAAC,CAAC;IACnD,UAAU,EAAE,oBAAoB,gBAAgB,CAAC,GAAG,uBAAuB,mBAAmB,CAAC,CAAC;IAChG,gBAAgB,CAAC,EAAE,eAAe,WAAW,CAAC,CAAC;IAC/C,iBAAiB,CAAC,EAAE,eAAe,WAAW,CAAC,CAAC;IAChD,QAAQ,CAAC,EAAE,UAAU,gBAAgB,GAAG,mBAAmB,GAAG,IAAI,CAAC,CAAC;IACpE,gBAAgB,CAAC,EAAE,YAAY,CAAC;IAChC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,gBAAgB,CAAC,EAAE,OAAO,CAAA;CAC3B;AAED,OAAO,MAAM,8IA8HX,CAAC;AChJH;;;;GAIG;AACH,OAAO,MAAM,yHAmEX,CAAC;AC1EH;;;;GAIG;AACH,OAAO,MAAM,wHAkBX,CAAC;ACzBH,YAAY,EAAC,sBAAsB,EAAE,qBAAqB,EAAC,MAAM,wBAAwB,CAAC","sources":["packages/@react-spectrum/textfield/src/packages/@react-spectrum/textfield/src/TextFieldBase.tsx","packages/@react-spectrum/textfield/src/packages/@react-spectrum/textfield/src/TextArea.tsx","packages/@react-spectrum/textfield/src/packages/@react-spectrum/textfield/src/TextField.tsx","packages/@react-spectrum/textfield/src/packages/@react-spectrum/textfield/src/index.ts","packages/@react-spectrum/textfield/src/index.ts"],"sourcesContent":[null,null,null,null,"/*\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/// <reference types=\"css-module-types\" />\n\nexport {TextArea} from './TextArea';\nexport {TextField} from './TextField';\nexport {TextFieldBase} from './TextFieldBase';\nexport type {SpectrumTextFieldProps, SpectrumTextAreaProps} from '@react-types/textfield';\n"],"names":[],"version":3,"file":"types.d.ts.map"}
+{"mappings":";;;AA2BA,4BAA6B,SAAQ,IAAI,CAAC,sBAAsB,EAAE,UAAU,GAAG,UAAU,CAAC,EAAE,WAAW,EAAE,OAAO,CAAC,gBAAgB,CAAC;IAChI,eAAe,CAAC,EAAE,YAAY,GAAG,YAAY,EAAE,CAAC;IAChD,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,uBAAuB,CAAC,EAAE,MAAM,CAAC;IACjC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,oBAAoB,gBAAgB,CAAC,CAAC;IACnD,UAAU,EAAE,oBAAoB,gBAAgB,CAAC,GAAG,uBAAuB,mBAAmB,CAAC,CAAC;IAChG,gBAAgB,CAAC,EAAE,eAAe,WAAW,CAAC,CAAC;IAC/C,iBAAiB,CAAC,EAAE,eAAe,WAAW,CAAC,CAAC;IAChD,QAAQ,CAAC,EAAE,UAAU,gBAAgB,GAAG,mBAAmB,GAAG,IAAI,CAAC,CAAC;IACpE,gBAAgB,CAAC,EAAE,YAAY,CAAC;IAChC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,gBAAgB,CAAC,EAAE,OAAO,CAAA;CAC3B;AAED,OAAO,MAAM,8IA2IX,CAAC;AChKH;;;;GAIG;AACH,OAAO,MAAM,yHAuEX,CAAC;AC9EH;;;;GAIG;AACH,OAAO,MAAM,wHAsBX,CAAC;AC7BH,YAAY,EAAC,sBAAsB,EAAE,qBAAqB,EAAC,MAAM,wBAAwB,CAAC","sources":["packages/@react-spectrum/textfield/src/packages/@react-spectrum/textfield/src/TextFieldBase.tsx","packages/@react-spectrum/textfield/src/packages/@react-spectrum/textfield/src/TextArea.tsx","packages/@react-spectrum/textfield/src/packages/@react-spectrum/textfield/src/TextField.tsx","packages/@react-spectrum/textfield/src/packages/@react-spectrum/textfield/src/index.ts","packages/@react-spectrum/textfield/src/index.ts"],"sourcesContent":[null,null,null,null,"/*\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/// <reference types=\"css-module-types\" />\n\nexport {TextArea} from './TextArea';\nexport {TextField} from './TextField';\nexport {TextFieldBase} from './TextFieldBase';\nexport type {SpectrumTextFieldProps, SpectrumTextAreaProps} from '@react-types/textfield';\n"],"names":[],"version":3,"file":"types.d.ts.map"}

package/dist/uk-UA.main.js

@@ -0,0 +1,6 @@
+module.exports = {
+    "valid": `\u{414}\u{456}\u{439}\u{441}\u{43D}\u{438}\u{439}`
+};
+
+
+//# sourceMappingURL=uk-UA.main.js.map

package/dist/uk-UA.main.js.map

@@ -0,0 +1 @@
+{"mappings":"AAAA,iBAAiB;IAAG,SAAS,CAAC,iDAAO,CAAC;AACtC","sources":["packages/@react-spectrum/textfield/intl/uk-UA.json"],"sourcesContent":["{\n  \"valid\": \"Дійсний\"\n}\n"],"names":[],"version":3,"file":"uk-UA.main.js.map"}

package/dist/uk-UA.mjs

@@ -0,0 +1,8 @@
+var $4b42de5fe4f4a48e$exports = {};
+$4b42de5fe4f4a48e$exports = {
+    "valid": `\u{414}\u{456}\u{439}\u{441}\u{43D}\u{438}\u{439}`
+};
+
+
+export {$4b42de5fe4f4a48e$exports as default};
+//# sourceMappingURL=uk-UA.module.js.map

package/dist/uk-UA.module.js

@@ -0,0 +1,8 @@
+var $4b42de5fe4f4a48e$exports = {};
+$4b42de5fe4f4a48e$exports = {
+    "valid": `\u{414}\u{456}\u{439}\u{441}\u{43D}\u{438}\u{439}`
+};
+
+
+export {$4b42de5fe4f4a48e$exports as default};
+//# sourceMappingURL=uk-UA.module.js.map

package/dist/uk-UA.module.js.map

@@ -0,0 +1 @@
+{"mappings":";AAAA,4BAAiB;IAAG,SAAS,CAAC,iDAAO,CAAC;AACtC","sources":["packages/@react-spectrum/textfield/intl/uk-UA.json"],"sourcesContent":["{\n  \"valid\": \"Дійсний\"\n}\n"],"names":[],"version":3,"file":"uk-UA.module.js.map"}

package/dist/zh-CN.main.js

@@ -0,0 +1,6 @@
+module.exports = {
+    "valid": `\u{6709}\u{6548}`
+};
+
+
+//# sourceMappingURL=zh-CN.main.js.map

package/dist/zh-CN.main.js.map

@@ -0,0 +1 @@
+{"mappings":"AAAA,iBAAiB;IAAG,SAAS,CAAC,gBAAE,CAAC;AACjC","sources":["packages/@react-spectrum/textfield/intl/zh-CN.json"],"sourcesContent":["{\n  \"valid\": \"有效\"\n}\n"],"names":[],"version":3,"file":"zh-CN.main.js.map"}

package/dist/zh-CN.mjs

@@ -0,0 +1,8 @@
+var $f8e04371a00272fc$exports = {};
+$f8e04371a00272fc$exports = {
+    "valid": `\u{6709}\u{6548}`
+};
+
+
+export {$f8e04371a00272fc$exports as default};
+//# sourceMappingURL=zh-CN.module.js.map

package/dist/zh-CN.module.js

@@ -0,0 +1,8 @@
+var $f8e04371a00272fc$exports = {};
+$f8e04371a00272fc$exports = {
+    "valid": `\u{6709}\u{6548}`
+};
+
+
+export {$f8e04371a00272fc$exports as default};
+//# sourceMappingURL=zh-CN.module.js.map

package/dist/zh-CN.module.js.map

@@ -0,0 +1 @@
+{"mappings":";AAAA,4BAAiB;IAAG,SAAS,CAAC,gBAAE,CAAC;AACjC","sources":["packages/@react-spectrum/textfield/intl/zh-CN.json"],"sourcesContent":["{\n  \"valid\": \"有效\"\n}\n"],"names":[],"version":3,"file":"zh-CN.module.js.map"}

package/dist/zh-TW.main.js

@@ -0,0 +1,6 @@
+module.exports = {
+    "valid": `\u{6709}\u{6548}`
+};
+
+
+//# sourceMappingURL=zh-TW.main.js.map

package/dist/zh-TW.main.js.map

@@ -0,0 +1 @@
+{"mappings":"AAAA,iBAAiB;IAAG,SAAS,CAAC,gBAAE,CAAC;AACjC","sources":["packages/@react-spectrum/textfield/intl/zh-TW.json"],"sourcesContent":["{\n  \"valid\": \"有效\"\n}\n"],"names":[],"version":3,"file":"zh-TW.main.js.map"}

package/dist/zh-TW.mjs

@@ -0,0 +1,8 @@
+var $e6b6e66aee4d7622$exports = {};
+$e6b6e66aee4d7622$exports = {
+    "valid": `\u{6709}\u{6548}`
+};
+
+
+export {$e6b6e66aee4d7622$exports as default};
+//# sourceMappingURL=zh-TW.module.js.map

package/dist/zh-TW.module.js

@@ -0,0 +1,8 @@
+var $e6b6e66aee4d7622$exports = {};
+$e6b6e66aee4d7622$exports = {
+    "valid": `\u{6709}\u{6548}`
+};
+
+
+export {$e6b6e66aee4d7622$exports as default};
+//# sourceMappingURL=zh-TW.module.js.map

package/dist/zh-TW.module.js.map

@@ -0,0 +1 @@
+{"mappings":";AAAA,4BAAiB;IAAG,SAAS,CAAC,gBAAE,CAAC;AACjC","sources":["packages/@react-spectrum/textfield/intl/zh-TW.json"],"sourcesContent":["{\n  \"valid\": \"有效\"\n}\n"],"names":[],"version":3,"file":"zh-TW.module.js.map"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@react-spectrum/textfield",
-  "version": "3.13.5",
+  "version": "3.14.1",
   "description": "Spectrum UI components in React",
   "license": "Apache-2.0",
   "main": "dist/main.js",
@@ -40,17 +40,18 @@
     "url": "https://github.com/adobe/react-spectrum"
   },
   "dependencies": {
-    "@react-aria/focus": "^3.20.5",
-    "@react-aria/interactions": "^3.25.3",
-    "@react-aria/textfield": "^3.17.5",
-    "@react-aria/utils": "^3.29.1",
-    "@react-spectrum/form": "^3.7.16",
-    "@react-spectrum/label": "^3.16.16",
-    "@react-spectrum/utils": "^3.12.6",
-    "@react-stately/utils": "^3.10.7",
-    "@react-types/shared": "^3.30.0",
-    "@react-types/textfield": "^3.12.3",
-    "@spectrum-icons/ui": "^3.6.17",
+    "@react-aria/focus": "^3.21.1",
+    "@react-aria/i18n": "^3.12.12",
+    "@react-aria/interactions": "^3.25.5",
+    "@react-aria/textfield": "^3.18.1",
+    "@react-aria/utils": "^3.30.1",
+    "@react-spectrum/form": "^3.7.18",
+    "@react-spectrum/label": "^3.16.18",
+    "@react-spectrum/utils": "^3.12.8",
+    "@react-stately/utils": "^3.10.8",
+    "@react-types/shared": "^3.32.0",
+    "@react-types/textfield": "^3.12.5",
+    "@spectrum-icons/ui": "^3.6.19",
     "@swc/helpers": "^0.5.0"
   },
   "devDependencies": {
@@ -65,5 +66,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "a063122082d2b372e4846b58c85ae69ec73887ff"
+  "gitHead": "2c58ed3ddd9be9100af9b1d0cfd137fcdc95ba2d"
 }

package/src/TextArea.tsx

@@ -11,7 +11,7 @@
  */
 
 import {chain, useLayoutEffect} from '@react-aria/utils';
-import React, {Ref, useCallback, useRef} from 'react';
+import React, {Ref, useCallback, useEffect, useRef} from 'react';
 import {SpectrumTextAreaProps, SpectrumTextFieldBaseProps, TextFieldRef} from '@react-types/textfield';
 import {TextFieldBase} from './TextFieldBase';
 import {useControlledState} from '@react-stately/utils';
@@ -69,9 +69,13 @@ export const TextArea = React.forwardRef(function TextArea(props: SpectrumTextAr
     }
   }, [onHeightChange, inputValue, inputRef]);
 
-  if (props.placeholder && process.env.NODE_ENV !== 'production') {
-    console.warn('Placeholders are deprecated due to accessibility issues. Please use help text instead. See the docs for details: https://react-spectrum.adobe.com/react-spectrum/TextArea.html#help-text');
-  }
+  let hasWarned = useRef(false);
+  useEffect(() => {
+    if (props.placeholder && !hasWarned.current && process.env.NODE_ENV !== 'production') {
+      console.warn('Placeholders are deprecated due to accessibility issues. Please use help text instead. See the docs for details: https://react-spectrum.adobe.com/react-spectrum/TextArea.html#help-text');
+      hasWarned.current = true;
+    }
+  }, [props.placeholder]);
 
   let result = useTextField({
     ...props,

package/src/TextField.tsx

@@ -10,7 +10,7 @@
  * governing permissions and limitations under the License.
  */
 
-import React, {forwardRef, Ref, useRef} from 'react';
+import React, {forwardRef, Ref, useEffect, useRef} from 'react';
 import {SpectrumTextFieldProps, TextFieldRef} from '@react-types/textfield';
 import {TextFieldBase} from './TextFieldBase';
 import {useFormProps} from '@react-spectrum/form';
@@ -29,9 +29,13 @@ export const TextField = forwardRef(function TextField(props: SpectrumTextFieldP
   let inputRef = useRef<HTMLInputElement>(null);
   let result = useTextField(props, inputRef);
 
-  if (props.placeholder && process.env.NODE_ENV !== 'production') {
-    console.warn('Placeholders are deprecated due to accessibility issues. Please use help text instead. See the docs for details: https://react-spectrum.adobe.com/react-spectrum/TextField.html#help-text');
-  }
+  let hasWarned = useRef(false);
+  useEffect(() => {
+    if (props.placeholder && !hasWarned.current && process.env.NODE_ENV !== 'production') {
+      console.warn('Placeholders are deprecated due to accessibility issues. Please use help text instead. See the docs for details: https://react-spectrum.adobe.com/react-spectrum/TextField.html#help-text');
+      hasWarned.current = true;
+    }
+  }, [props.placeholder]);
 
   return (
     <TextFieldBase

package/src/TextFieldBase.tsx

@@ -14,13 +14,16 @@ import AlertMedium from '@spectrum-icons/ui/AlertMedium';
 import CheckmarkMedium from '@spectrum-icons/ui/CheckmarkMedium';
 import {classNames, createFocusableRef} from '@react-spectrum/utils';
 import {Field} from '@react-spectrum/label';
-import {mergeProps} from '@react-aria/utils';
+// @ts-ignore
+import intlMessages from '../intl/*.json';
+import {mergeProps, useId} from '@react-aria/utils';
 import {PressEvents, RefObject, ValidationResult} from '@react-types/shared';
 import React, {cloneElement, forwardRef, HTMLAttributes, InputHTMLAttributes, LabelHTMLAttributes, ReactElement, Ref, TextareaHTMLAttributes, useImperativeHandle, useRef} from 'react';
 import {SpectrumTextFieldProps, TextFieldRef} from '@react-types/textfield';
 import styles from '@adobe/spectrum-css-temp/components/textfield/vars.css';
 import {useFocusRing} from '@react-aria/focus';
 import {useHover} from '@react-aria/interactions';
+import {useLocalizedStringFormatter} from '@react-aria/i18n';
 
 interface TextFieldBaseProps extends Omit<SpectrumTextFieldProps, 'onChange' | 'validate'>, PressEvents, Partial<ValidationResult> {
   wrapperChildren?: ReactElement | ReactElement[],
@@ -91,7 +94,11 @@ export const TextFieldBase = forwardRef(function TextFieldBase(props: TextFieldB
     } as any);
   }
 
-  let validationIcon = isInvalid ? <AlertMedium /> : <CheckmarkMedium />;
+  let stringFormatter = useLocalizedStringFormatter(intlMessages, '@react-spectrum/textfield');
+  let validId = useId();
+  let validationIcon = isInvalid
+    ? <AlertMedium />
+    : <CheckmarkMedium id={validId} aria-hidden aria-label={stringFormatter.format('valid')} />;
   let validation = cloneElement(validationIcon, {
     UNSAFE_className: classNames(
       styles,
@@ -100,6 +107,15 @@ export const TextFieldBase = forwardRef(function TextFieldBase(props: TextFieldB
     )
   });
 
+  // Add validation icon IDREF to aria-describedby when validationState is valid
+  let inputPropsAriaDescribedBy = inputProps['aria-describedby'];
+  if (
+    !isInvalid && validationState === 'valid' && !isLoading && !isDisabled &&
+    (!inputPropsAriaDescribedBy || !inputPropsAriaDescribedBy.includes(validId))
+  ) {
+    inputProps['aria-describedby'] = [inputPropsAriaDescribedBy, validId].join(' ').trim();
+  }
+
   let {focusProps, isFocusVisible} = useFocusRing({
     isTextInput: true,
     autoFocus