@react-types/button - npm Package Compare versions

Comparing version 3.0.0-nightly-873f6fe9a-250127 to 3.0.0-nightly-88db698bf-250730

package.json

 {
   "name": "@react-types/button",
-  "version": "3.0.0-nightly-873f6fe9a-250127",
+  "version": "3.0.0-nightly-88db698bf-250730",
   "description": "Spectrum UI components in React",
@@ -12,3 +12,3 @@ "license": "Apache-2.0",
   "dependencies": {
-    "@react-types/shared": "3.0.0-nightly-873f6fe9a-250127"
+    "@react-types/shared": "3.0.0-nightly-88db698bf-250730"
   },
@@ -15,0 +15,0 @@ "peerDependencies": {

src/index.d.ts

@@ -71,7 +71,30 @@ /*
    */
-  preventFocusOnPress?: boolean
+  preventFocusOnPress?: boolean,
+  /**
+   * The `<form>` element to associate the button with.
+   * The value of this attribute must be the id of a `<form>` in the same document.
+   * See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/button#form).
+   */
+  form?: string,
+  /**
+   * The URL that processes the information submitted by the button.
+   * Overrides the action attribute of the button's form owner.
+   */
+  formAction?: string,
+  /** Indicates how to encode the form data that is submitted. */
+  formEncType?: string,
+  /** Indicates the HTTP method used to submit the form. */
+  formMethod?: string,
+  /** Indicates that the form is not to be validated when it is submitted. */
+  formNoValidate?: boolean,
+  /** Overrides the target attribute of the button's form owner. */
+  formTarget?: string,
+  /** Submitted as a pair with the button's value as part of the form data. */
+  name?: string,
+  /** The value associated with the button's name when it's submitted with the form data. */
+  value?: string
 }
 
 export interface AriaButtonProps<T extends ElementType = 'button'> extends ButtonProps, LinkButtonProps<T>, AriaBaseButtonProps {}
-export interface AriaToggleButtonProps<T extends ElementType = 'button'> extends ToggleButtonProps, AriaBaseButtonProps, AriaButtonElementTypeProps<T> {}
+export interface AriaToggleButtonProps<T extends ElementType = 'button'> extends ToggleButtonProps, Omit<AriaBaseButtonProps, 'aria-current' | 'form' | 'formAction' | 'formEncType' | 'formMethod' | 'formNoValidate' | 'formTarget' | 'name' | 'value' | 'type'>, AriaButtonElementTypeProps<T> {}
 export interface AriaToggleButtonGroupItemProps<E extends ElementType = 'button'> extends Omit<AriaToggleButtonProps<E>, 'id' | 'isSelected' | 'defaultSelected' | 'onChange'> {
@@ -84,3 +107,3 @@ /** An identifier for the item in the `selectedKeys` of a ToggleButtonGroup. */
 type LegacyButtonVariant = 'cta' | 'overBackground';
-export interface SpectrumButtonProps<T extends ElementType = 'button'> extends AriaBaseButtonProps, ButtonProps, LinkButtonProps<T>, StyleProps {
+export interface SpectrumButtonProps<T extends ElementType = 'button'> extends AriaBaseButtonProps, Omit<ButtonProps, 'onClick'>, LinkButtonProps<T>, StyleProps {
   /** The [visual style](https://spectrum.adobe.com/page/button/#Options) of the button. */
@@ -103,3 +126,3 @@ variant: 'accent' | 'primary' | 'secondary' | 'negative' | LegacyButtonVariant,
 
-export interface SpectrumActionButtonProps extends AriaBaseButtonProps, ButtonProps, StyleProps {
+export interface SpectrumActionButtonProps extends AriaBaseButtonProps, Omit<ButtonProps, 'onClick'>, StyleProps {
   /** Whether the button should be displayed with a [quiet style](https://spectrum.adobe.com/page/action-button/#Quiet). */
@@ -111,3 +134,3 @@ isQuiet?: boolean,
 
-export interface SpectrumLogicButtonProps extends AriaBaseButtonProps, ButtonProps, StyleProps {
+export interface SpectrumLogicButtonProps extends AriaBaseButtonProps, Omit<ButtonProps, 'onClick'>, StyleProps {
   /** The type of boolean sequence to be represented by the LogicButton. */
@@ -117,5 +140,5 @@ variant: 'and' | 'or'
 
-export interface SpectrumToggleButtonProps extends ToggleButtonProps, SpectrumActionButtonProps {
+export interface SpectrumToggleButtonProps extends Omit<ToggleButtonProps, 'onClick'>, Omit<SpectrumActionButtonProps, 'aria-current' | 'type' | 'form' | 'formAction' | 'formEncType' | 'formMethod' | 'formNoValidate' | 'formTarget' | 'name' | 'value'> {
   /** Whether the button should be displayed with an [emphasized style](https://spectrum.adobe.com/page/action-button/#Emphasis). */
   isEmphasized?: boolean
 }

No alert changes

Improved metrics

Total package byte prevSize

7697

21.42%

Lines of code

129

22.86%

Dependency changes

• + Added

  @react-types/shared@3.0.0-nightly-88db698bf-250730
  (transitive)

• - Removed

  @react-types/shared@3.0.0-nightly-873f6fe9a-250127
  (transitive)

• Updated

  @react-types/shared@3.0.0-nightly-88db698bf-250730