@jobber/components 7.14.1 → 7.14.2

package/dist/Button/Button.d.ts

@@ -2,10 +2,11 @@ import React from "react";
 import type { ButtonProps } from "./Button.types";
 import { ButtonIcon, ButtonLabel } from "./ButtonInternals";
 type ButtonElement = HTMLAnchorElement | HTMLButtonElement;
-type ButtonRuntimeProps = ButtonProps & React.HTMLAttributes<ButtonElement> & {
+type ButtonRuntimeProps = ButtonProps & Pick<React.HTMLAttributes<ButtonElement>, "aria-controls" | "aria-haspopup" | "aria-expanded" | "aria-label" | "onKeyDown" | "onKeyUp" | "onFocus" | "onBlur" | "onPointerDown" | "onPointerUp" | "onPointerEnter" | "onPointerLeave" | "onMouseEnter" | "onMouseLeave" | "onTouchStart" | "onTouchEnd" | "onContextMenu" | "tabIndex" | "title"> & {
     readonly className?: string;
     readonly ref?: React.Ref<ButtonElement>;
     readonly style?: React.CSSProperties;
+    readonly [key: `data-${string}`]: unknown;
 };
 declare function Button(props: ButtonRuntimeProps): React.JSX.Element;
 declare namespace Button {

package/dist/Button-cjs.js

@@ -80,7 +80,8 @@ function ButtonWrapper(props) {
     const { combined } = useButtonStyles(props);
     const isLinkButton = Boolean(url || to);
     const buttonClassNames = classnames(combined, UNSAFE_className.container, className);
-    const sharedTagProps = Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, rest), { className: buttonClassNames, id, style: Object.assign(Object.assign({}, style), UNSAFE_style.container) }), (!disabled && {
+    const dataAttributes = Object.fromEntries(Object.entries(rest).filter(([key]) => key.startsWith("data-")));
+    const sharedTagProps = Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, dataAttributes), { className: buttonClassNames, id, style: Object.assign(Object.assign({}, style), UNSAFE_style.container) }), (!disabled && {
         onClick: (event) => {
             onClick === null || onClick === void 0 ? void 0 : onClick(event);
         },

package/dist/Button-es.js

@@ -78,7 +78,8 @@ function ButtonWrapper(props) {
     const { combined } = useButtonStyles(props);
     const isLinkButton = Boolean(url || to);
     const buttonClassNames = classnames(combined, UNSAFE_className.container, className);
-    const sharedTagProps = Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, rest), { className: buttonClassNames, id, style: Object.assign(Object.assign({}, style), UNSAFE_style.container) }), (!disabled && {
+    const dataAttributes = Object.fromEntries(Object.entries(rest).filter(([key]) => key.startsWith("data-")));
+    const sharedTagProps = Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, dataAttributes), { className: buttonClassNames, id, style: Object.assign(Object.assign({}, style), UNSAFE_style.container) }), (!disabled && {
         onClick: (event) => {
             onClick === null || onClick === void 0 ? void 0 : onClick(event);
         },

package/dist/docs/Button/Button.md

@@ -908,6 +908,7 @@ export const styles = StyleSheet.create({
 | `ariaExpanded` | `boolean` | No | — |  |
 | `ariaHaspopup` | `boolean` | No | — |  |
 | `ariaLabel` | `string` | No | — |  |
+| `className` | `string` | No | — |  |
 | `disabled` | `boolean` | No | — |  |
 | `external` | `boolean` | No | — |  |
 | `fullWidth` | `boolean` | No | — |  |
@@ -917,10 +918,12 @@ export const styles = StyleSheet.create({
 | `label` | `string` | No | — |  |
 | `loading` | `boolean` | No | — |  |
 | `name` | `string` | No | — |  |
-| `onClick` | `((event: MouseEvent<HTMLAnchorElement | HTMLButtonElement, MouseEvent>) => void) & MouseEventHandler<ButtonElement>` | No | — |  |
-| `onMouseDown` | `((event: MouseEvent<HTMLAnchorElement | HTMLButtonElement, MouseEvent>) => void) & MouseEventHandler<ButtonElement>` | No | — |  |
+| `onClick` | `(event: MouseEvent<HTMLAnchorElement | HTMLButtonElement, MouseEvent>) => void` | No | — |  |
+| `onMouseDown` | `(event: MouseEvent<HTMLAnchorElement | HTMLButtonElement, MouseEvent>) => void` | No | — |  |
 | `ref` | `Ref<ButtonElement>` | No | — |  |
+| `role` | `string` | No | — | Used to override the default button role. |
 | `size` | `ButtonSize` | No | — |  |
+| `style` | `CSSProperties` | No | — |  |
 | `submit` | `boolean` | No | — | Allows the button to submit a form |
 | `to` | `LocationDescriptor<unknown> | ((location: Location<unknown>) => LocationDescriptor<unknown>)` | No | — | **Deprecated**: to will be removed in the next major version @deprecated |
 | `type` | `ButtonType` | No | — |  |

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jobber/components",
-  "version": "7.14.1",
+  "version": "7.14.2",
   "license": "MIT",
   "type": "module",
   "main": "dist/index.cjs",
@@ -583,5 +583,5 @@
     "> 1%",
     "IE 10"
   ],
-  "gitHead": "ff6902159ff1dc5baf938ffd349c558e4f581bb3"
+  "gitHead": "6975929e15bee2078a0d3b7a75828b2052bd2836"
 }