@solid-aria/button - npm Package Compare versions

Comparing version 0.0.1 to 0.0.2

dist/index.d.ts

@@ -80,2 +80,6 @@ import { ElementType, PressEvents, FocusableProps, FocusableDOMProps, AriaLabelingProps } from '@solid-aria/types';
     allowFocusWhenDisabled?: boolean;
+    /**
+     * Handler that is called when the click is released over the target.
+     */
+    onClick?: (e: MouseEvent) => void;
 }
@@ -82,0 +86,0 @@ interface AriaButtonProps<T extends ElementType = "button"> extends ButtonProps, LinkButtonProps<T>, AriaBaseButtonProps {

dist/index.js

 // src/createButton.ts
 import { createFocusable } from "@solid-aria/focus";
 import { createPress } from "@solid-aria/interactions";
-import { combineProps, filterDOMProps } from "@solid-aria/utils";
+import { filterDOMProps } from "@solid-aria/utils";
+import { combineProps } from "@solid-primitives/props";
 import { createMemo, mergeProps, splitProps } from "solid-js";
@@ -47,3 +48,9 @@ function createButton(props, ref) {
       "aria-pressed": props["aria-pressed"],
-      tabIndex: props.allowFocusWhenDisabled && props.isDisabled ? -1 : focusableProps().tabIndex
+      tabIndex: props.allowFocusWhenDisabled && props.isDisabled ? -1 : focusableProps().tabIndex,
+      onClick: (e) => {
+        if (props.onClick) {
+          props.onClick(e);
+          console.warn("onClick is deprecated, please use onPress");
+        }
+      }
     });
@@ -56,3 +63,4 @@ });
 import { createToggleState } from "@solid-aria/toggle";
-import { chain, combineProps as combineProps2 } from "@solid-aria/utils";
+import { combineProps as combineProps2 } from "@solid-primitives/props";
+import { chain } from "@solid-primitives/utils";
 import { createMemo as createMemo2, mergeProps as mergeProps2 } from "solid-js";
@@ -62,3 +70,3 @@ function createToggleButton(props, ref) {
   const createButtonProps = mergeProps2(props, {
-    onPress: chain(state.toggle, props.onPress)
+    onPress: chain([state.toggle, props.onPress])
   });
@@ -65,0 +73,0 @@ const { isPressed, buttonProps: baseButtonProps } = createButton(createButtonProps, ref);

package.json

 {
   "name": "@solid-aria/button",
-  "version": "0.0.1",
+  "version": "0.0.2",
   "private": false,
@@ -34,11 +34,12 @@ "description": "Primitives for building accessible button component.",
   "dependencies": {
-    "@solid-aria/focus": "^0.0.4",
-    "@solid-aria/interactions": "^0.0.4",
-    "@solid-aria/toggle": "^0.0.5",
-    "@solid-aria/types": "^0.0.3",
-    "@solid-aria/utils": "^0.0.4"
+    "@solid-aria/focus": "^0.0.5",
+    "@solid-aria/interactions": "^0.0.5",
+    "@solid-aria/toggle": "^0.0.6",
+    "@solid-aria/types": "^0.0.4",
+    "@solid-aria/utils": "^0.0.5"
   },
   "peerDependencies": {
-    "@solid-primitives/utils": "^1.3.0",
-    "solid-js": "^1.3.15"
+    "@solid-primitives/props": "^2.1.2",
+    "@solid-primitives/utils": "^2.0.1",
+    "solid-js": "^1.4.0"
   },
@@ -45,0 +46,0 @@ "publishConfig": {

No alert changes

Improved metrics

Total package byte prevSize

21906

increased by3.39%

Lines of code

297

increased by7.22%

Worsened metrics

Dependency count

8

increased by14.29%

Dependency changes

• + Added@solid-aria/focus@0.0.5(transitive)

• + Added@solid-aria/interactions@0.0.5(transitive)

• + Added@solid-aria/toggle@0.0.6(transitive)

• + Added@solid-aria/types@0.0.4(transitive)

• + Added@solid-aria/utils@0.0.5(transitive)

• + Added@solid-primitives/props@2.2.2(transitive)

• + Added@solid-primitives/utils@2.2.13.1.0(transitive)

• - Removed@solid-aria/focus@0.0.4(transitive)

• - Removed@solid-aria/interactions@0.0.4(transitive)

• - Removed@solid-aria/toggle@0.0.5(transitive)

• - Removed@solid-aria/types@0.0.3(transitive)

• - Removed@solid-aria/utils@0.0.4(transitive)

• - Removed@solid-primitives/utils@1.5.2(transitive)

• Updated@solid-aria/focus@^0.0.5

• Updated@solid-aria/interactions@^0.0.5

• Updated@solid-aria/toggle@^0.0.6

• Updated@solid-aria/types@^0.0.4

• Updated@solid-aria/utils@^0.0.5