@react-types/shared 3.19.0 → 3.21.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@react-types/shared",
-  "version": "3.19.0",
+  "version": "3.21.0",
   "description": "Spectrum UI components in React",
   "license": "Apache-2.0",
   "types": "src/index.d.ts",
@@ -14,5 +14,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "d4dfe4bb842a914f10045ee63fc6b92f034c5b30"
+  "gitHead": "4122e44d1991c90507d630d35ed297f89db435d3"
 }

package/src/collections.d.ts

@@ -11,8 +11,9 @@
  */
 
 import {Key, ReactElement, ReactNode} from 'react';
+import {LinkDOMProps} from './dom';
 
-export interface ItemProps<T> {
+export interface ItemProps<T> extends LinkDOMProps {
   /** Rendered contents of the item or child items. */
   children: ReactNode,
   /** Rendered contents of the item if `children` contains child items. */

package/src/dna.d.ts

@@ -475,7 +475,8 @@ export type BorderSizeValue =
   | 'thin'
   | 'thick'
   | 'thicker'
-  | 'thickest';
+  | 'thickest'
+  | 'none';
 
 export type BorderRadiusValue =
   | 'xsmall'

package/src/dom.d.ts

@@ -17,6 +17,8 @@ import {
   CompositionEventHandler,
   CSSProperties,
   FormEventHandler,
+  HTMLAttributeAnchorTarget,
+  HTMLAttributeReferrerPolicy,
   DOMAttributes as ReactDOMAttributes,
   ReactEventHandler
 } from 'react';
@@ -167,6 +169,22 @@ export interface TextInputDOMProps extends DOMProps, InputDOMProps, TextInputDOM
   inputMode?: 'none' | 'text' | 'tel' | 'url' | 'email' | 'numeric' | 'decimal' | 'search'
 }
 
+// Make sure to update filterDOMProps.ts when updating this.
+export interface LinkDOMProps {
+  /** A URL to link to. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#href). */
+  href?: string,
+  /** The target window for the link. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#target). */
+  target?: HTMLAttributeAnchorTarget,
+  /** The relationship between the linked resource and the current page. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/rel). */
+  rel?: string,
+  /** Causes the browser to download the linked URL. A string may be provided to suggest a file name. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#download). */
+  download?: boolean | string,
+  /** A space-separated list of URLs to ping when the link is followed. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#ping). */
+  ping?: string,
+  /** How much of the referrer to send when following the link. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#referrerpolicy). */
+  referrerPolicy?: HTMLAttributeReferrerPolicy
+}
+
 /** Any focusable element, including both HTML and SVG elements. */
 export interface FocusableElement extends Element, HTMLOrSVGElement {}
 
@@ -178,3 +196,7 @@ export interface DOMAttributes<T = FocusableElement> extends AriaAttributes, Rea
   style?: CSSProperties | undefined,
   className?: string | undefined
 }
+
+export interface GroupDOMAttributes extends Omit<DOMAttributes<HTMLElement>, 'role'> {
+  role?: 'group' | 'region' | 'presentation'
+}

package/src/inputs.d.ts

@@ -15,13 +15,17 @@ import {ReactNode} from 'react';
 export type ValidationState = 'valid' | 'invalid';
 
 export interface Validation {
+  /** Whether user input is required on the input before form submission. */
+  isRequired?: boolean,
+  /** Whether the input value is invalid. */
+  isInvalid?: boolean,
+  /** @deprecated Use `isInvalid` instead. */
+  validationState?: ValidationState
+}
+
+export interface SpectrumFieldValidation extends Omit<Validation, 'isInvalid' | 'validationState'> {
   /** Whether the input should display its "valid" or "invalid" visual styling. */
-  validationState?: ValidationState,
-  /**
-   * Whether user input is required on the input before form submission.
-   * Often paired with the `necessityIndicator` prop to add a visual indicator to the input.
-   */
-  isRequired?: boolean
+  validationState?: ValidationState
 }
 
 export interface InputBase {
@@ -78,7 +82,7 @@ export interface HelpTextProps {
 }
 
 // Spectrum specific types. Extends `Validation` so that the `validationState` prop is available.
-export interface SpectrumHelpTextProps extends HelpTextProps, Validation {
+export interface SpectrumHelpTextProps extends HelpTextProps {
   /** Whether the description is displayed with lighter text. */
   isDisabled?: boolean,
   /** Whether an error icon is rendered. */