@react-spectrum/button - npm Package Compare versions

Comparing version 3.0.0-nightly.774 to 3.0.0-nightly.778

dist/main.js

@@ -224,2 +224,4 @@ var {
 function $fee777d101ae103380e7aba8c00fbda$var$FieldButton(props, ref) {
+  props = useSlotProps(props, 'button');
+
   let {
@@ -231,5 +233,6 @@ isQuiet,
     autoFocus,
-    isActive
+    isActive,
+    focusRingStyles
   } = props,
-      otherProps = _babelRuntimeHelpersObjectWithoutPropertiesLoose(props, ["isQuiet", "isDisabled", "validationState", "children", "autoFocus", "isActive"]);
+      otherProps = _babelRuntimeHelpersObjectWithoutPropertiesLoose(props, ["isQuiet", "isDisabled", "validationState", "children", "autoFocus", "isActive", "focusRingStyles"]);
 
@@ -250,4 +253,5 @@ let domRef = useFocusableRef(ref);
   } = useStyleProps(otherProps);
+  let focusRingClass = focusRingStyles ? classNames(focusRingStyles, 'focus-ring') : null;
   return /*#__PURE__*/_react.createElement(FocusRing, {
-    focusRingClass: classNames($a9040831959d0ed42473e9713dd4b23$$interop$default, 'focus-ring'),
+    focusRingClass: classNames($a9040831959d0ed42473e9713dd4b23$$interop$default, 'focus-ring', focusRingClass),
     autoFocus: autoFocus
@@ -254,0 +258,0 @@ }, /*#__PURE__*/_react.createElement("button", _babelRuntimeHelpersExtends({}, mergeProps(buttonProps, hoverProps), {

dist/module.js

@@ -187,2 +187,4 @@ import { useToggleState } from "@react-stately/toggle";
 function $c625b8542216f3af615209ec995fde6$var$FieldButton(props, ref) {
+  props = useSlotProps(props, 'button');
+
   let {
@@ -194,5 +196,6 @@ isQuiet,
     autoFocus,
-    isActive
+    isActive,
+    focusRingStyles
   } = props,
-      otherProps = _babelRuntimeHelpersEsmObjectWithoutPropertiesLoose(props, ["isQuiet", "isDisabled", "validationState", "children", "autoFocus", "isActive"]);
+      otherProps = _babelRuntimeHelpersEsmObjectWithoutPropertiesLoose(props, ["isQuiet", "isDisabled", "validationState", "children", "autoFocus", "isActive", "focusRingStyles"]);
 
@@ -213,4 +216,5 @@ let domRef = useFocusableRef(ref);
   } = useStyleProps(otherProps);
+  let focusRingClass = focusRingStyles ? classNames(focusRingStyles, 'focus-ring') : null;
   return /*#__PURE__*/_react.createElement(FocusRing, {
-    focusRingClass: classNames($a0b8eb4b46824fd288195a4db8814b$$interop$default, 'focus-ring'),
+    focusRingClass: classNames($a0b8eb4b46824fd288195a4db8814b$$interop$default, 'focus-ring', focusRingClass),
     autoFocus: autoFocus
@@ -217,0 +221,0 @@ }, /*#__PURE__*/_react.createElement("button", _babelRuntimeHelpersEsmExtends({}, mergeProps(buttonProps, hoverProps), {

dist/types.d.ts

 import React, { JSXElementConstructor } from "react";
 import { SpectrumButtonProps, SpectrumActionButtonProps, ButtonProps, SpectrumLogicButtonProps, SpectrumToggleButtonProps } from "@react-types/button";
+import { CSSModule } from "@react-types/provider";
 import { DOMProps, StyleProps } from "@react-types/shared";
@@ -19,2 +20,3 @@ /**
     validationState?: 'valid' | 'invalid';
+    focusRingStyles?: CSSModule;
 }
@@ -21,0 +23,0 @@ export let FieldButton: React.ForwardRefExoticComponent<FieldButtonProps & React.RefAttributes<import("@react-types/shared").FocusableRefValue<HTMLElement, HTMLElement>>>;

package.json

 {
   "name": "@react-spectrum/button",
-  "version": "3.0.0-nightly.774+f8a02707",
+  "version": "3.0.0-nightly.778+32a59e19",
   "description": "Spectrum UI components in React",
@@ -35,16 +35,17 @@ "license": "Apache-2.0",
     "@babel/runtime": "^7.6.2",
-    "@react-aria/button": "3.0.0-nightly.774+f8a02707",
-    "@react-aria/focus": "3.0.0-nightly.774+f8a02707",
-    "@react-aria/interactions": "3.0.0-nightly.774+f8a02707",
-    "@react-aria/utils": "3.0.0-nightly.774+f8a02707",
-    "@react-spectrum/text": "3.1.2-nightly.2452+f8a02707",
-    "@react-spectrum/utils": "3.0.0-nightly.774+f8a02707",
-    "@react-stately/toggle": "3.0.0-nightly.774+f8a02707",
-    "@react-types/button": "3.2.2-nightly.2452+f8a02707",
-    "@react-types/shared": "3.0.0-nightly.774+f8a02707",
-    "@spectrum-icons/ui": "3.0.0-nightly.774+f8a02707"
+    "@react-aria/button": "3.0.0-nightly.778+32a59e19",
+    "@react-aria/focus": "3.0.0-nightly.778+32a59e19",
+    "@react-aria/interactions": "3.0.0-nightly.778+32a59e19",
+    "@react-aria/utils": "3.0.0-nightly.778+32a59e19",
+    "@react-spectrum/text": "3.1.2-nightly.2456+32a59e19",
+    "@react-spectrum/utils": "3.0.0-nightly.778+32a59e19",
+    "@react-stately/toggle": "3.0.0-nightly.778+32a59e19",
+    "@react-types/button": "3.2.2-nightly.2456+32a59e19",
+    "@react-types/provider": "3.2.1-nightly.2456+32a59e19",
+    "@react-types/shared": "3.0.0-nightly.778+32a59e19",
+    "@spectrum-icons/ui": "3.0.0-nightly.778+32a59e19"
   },
   "devDependencies": {
-    "@adobe/spectrum-css-temp": "3.0.0-nightly.774+f8a02707",
-    "@react-spectrum/test-utils": "3.0.0-nightly.774+f8a02707"
+    "@adobe/spectrum-css-temp": "3.0.0-nightly.778+32a59e19",
+    "@react-spectrum/test-utils": "3.0.0-nightly.778+32a59e19"
   },
@@ -58,3 +59,3 @@ "peerDependencies": {
   },
-  "gitHead": "f8a02707da1932fe5d0a12acc7a8c1d646fa133c"
+  "gitHead": "32a59e198acd249536c92347767eedfcd3470590"
 }

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Manifest confusion

Supply chain risk

This package has inconsistent metadata. This could be malicious or caused by an error when publishing the package.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Manifest confusion

Supply chain risk

This package has inconsistent metadata. This could be malicious or caused by an error when publishing the package.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

223309

increased by0.8%

Lines of code

1468

increased by0.89%

Worsened metrics

Dependency count

14

increased by7.69%

Dependency changes

• + Added@react-types/provider@3.2.1-nightly.2456+32a59e19

• Updated@react-aria/button@3.0.0-nightly.778+32a59e19

• Updated@react-aria/focus@3.0.0-nightly.778+32a59e19

• Updated@react-aria/interactions@3.0.0-nightly.778+32a59e19

• Updated@react-aria/utils@3.0.0-nightly.778+32a59e19

• Updated@react-spectrum/text@3.1.2-nightly.2456+32a59e19

• Updated@react-spectrum/utils@3.0.0-nightly.778+32a59e19

• Updated@react-stately/toggle@3.0.0-nightly.778+32a59e19

• Updated@react-types/button@3.2.2-nightly.2456+32a59e19

• Updated@react-types/shared@3.0.0-nightly.778+32a59e19

• Updated@spectrum-icons/ui@3.0.0-nightly.778+32a59e19