@spark-web/button 5.0.0 → 5.0.1

package/CHANGELOG.md

@@ -1,5 +1,14 @@
 # @spark-web/button
 
+## 5.0.1
+
+### Patch Changes
+
+- [#535](https://github.com/brighte-labs/spark-web/pull/535)
+  [`c1dbf2a`](https://github.com/brighte-labs/spark-web/commit/c1dbf2af1b4fb21a72034243e904580caf0152b4)
+  Thanks [@mkt-brighte](https://github.com/mkt-brighte)! - Add aria-label on
+  button
+
 ## 5.0.0
 
 ### Major Changes

package/dist/declarations/src/button-link.d.ts

@@ -5,5 +5,5 @@ export declare type ButtonLinkProps = LinkComponentProps & CommonButtonProps;
 /** The appearance of a `Button`, with the semantics of a link. */
 export declare const ButtonLink: <Comp extends import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> = "a">(props: {
     as?: Comp | undefined;
-    ref?: import("react").Ref<Comp extends "symbol" | "svg" | "animate" | "animateMotion" | "animateTransform" | "circle" | "clipPath" | "defs" | "desc" | "ellipse" | "feBlend" | "feColorMatrix" | "feComponentTransfer" | "feComposite" | "feConvolveMatrix" | "feDiffuseLighting" | "feDisplacementMap" | "feDistantLight" | "feDropShadow" | "feFlood" | "feFuncA" | "feFuncB" | "feFuncG" | "feFuncR" | "feGaussianBlur" | "feImage" | "feMerge" | "feMergeNode" | "feMorphology" | "feOffset" | "fePointLight" | "feSpecularLighting" | "feSpotLight" | "feTile" | "feTurbulence" | "filter" | "foreignObject" | "g" | "image" | "line" | "linearGradient" | "marker" | "mask" | "metadata" | "mpath" | "path" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "set" | "stop" | "switch" | "text" | "textPath" | "tspan" | "use" | "view" | keyof HTMLElementTagNameMap ? (HTMLElementTagNameMap & Pick<SVGElementTagNameMap, "symbol" | "svg" | "animate" | "animateMotion" | "animateTransform" | "circle" | "clipPath" | "defs" | "desc" | "ellipse" | "feBlend" | "feColorMatrix" | "feComponentTransfer" | "feComposite" | "feConvolveMatrix" | "feDiffuseLighting" | "feDisplacementMap" | "feDistantLight" | "feDropShadow" | "feFlood" | "feFuncA" | "feFuncB" | "feFuncG" | "feFuncR" | "feGaussianBlur" | "feImage" | "feMerge" | "feMergeNode" | "feMorphology" | "feOffset" | "fePointLight" | "feSpecularLighting" | "feSpotLight" | "feTile" | "feTurbulence" | "filter" | "foreignObject" | "g" | "image" | "line" | "linearGradient" | "marker" | "mask" | "metadata" | "mpath" | "path" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "set" | "stop" | "switch" | "text" | "textPath" | "tspan" | "use" | "view">)[Comp] : Comp extends new (...args: any) => any ? InstanceType<Comp> : undefined> | undefined;
+    ref?: import("react").Ref<Comp extends "symbol" | "text" | "clipPath" | "filter" | "mask" | "marker" | "svg" | "animate" | "animateMotion" | "animateTransform" | "circle" | "defs" | "desc" | "ellipse" | "feBlend" | "feColorMatrix" | "feComponentTransfer" | "feComposite" | "feConvolveMatrix" | "feDiffuseLighting" | "feDisplacementMap" | "feDistantLight" | "feDropShadow" | "feFlood" | "feFuncA" | "feFuncB" | "feFuncG" | "feFuncR" | "feGaussianBlur" | "feImage" | "feMerge" | "feMergeNode" | "feMorphology" | "feOffset" | "fePointLight" | "feSpecularLighting" | "feSpotLight" | "feTile" | "feTurbulence" | "foreignObject" | "g" | "image" | "line" | "linearGradient" | "metadata" | "mpath" | "path" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "set" | "stop" | "switch" | "textPath" | "tspan" | "use" | "view" | keyof HTMLElementTagNameMap ? (HTMLElementTagNameMap & Pick<SVGElementTagNameMap, "symbol" | "text" | "clipPath" | "filter" | "mask" | "marker" | "svg" | "animate" | "animateMotion" | "animateTransform" | "circle" | "defs" | "desc" | "ellipse" | "feBlend" | "feColorMatrix" | "feComponentTransfer" | "feComposite" | "feConvolveMatrix" | "feDiffuseLighting" | "feDisplacementMap" | "feDistantLight" | "feDropShadow" | "feFlood" | "feFuncA" | "feFuncB" | "feFuncG" | "feFuncR" | "feGaussianBlur" | "feImage" | "feMerge" | "feMergeNode" | "feMorphology" | "feOffset" | "fePointLight" | "feSpecularLighting" | "feSpotLight" | "feTile" | "feTurbulence" | "foreignObject" | "g" | "image" | "line" | "linearGradient" | "metadata" | "mpath" | "path" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "set" | "stop" | "switch" | "textPath" | "tspan" | "use" | "view">)[Comp] : Comp extends new (...args: any) => any ? InstanceType<Comp> : undefined> | undefined;
 } & Omit<import("react").PropsWithoutRef<import("react").ComponentProps<Comp>>, "as"> & ButtonLinkProps) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;

package/dist/declarations/src/button.d.ts

@@ -10,6 +10,8 @@ export declare type ButtonProps = CommonButtonProps & {
     'aria-describedby'?: NativeButtonProps['aria-describedby'];
     /**  Indicates whether the element, or another grouping element it controls, is currently expanded or collapsed. */
     'aria-expanded'?: NativeButtonProps['aria-expanded'];
+    /**  Defines a string value that labels the current element. */
+    'aria-label'?: NativeButtonProps['aria-label'];
     /** When true, prevents onClick from firing. */
     disabled?: boolean;
     /** When true, the button will display a loading spinner. */

package/dist/spark-web-button.cjs.dev.js

@@ -366,7 +366,7 @@ function useButtonStyles(_ref) {
   })];
 }
 
-var _excluded$1 = ["aria-controls", "aria-describedby", "aria-expanded", "data", "disabled", "id", "loading", "onClick", "css", "rounded", "prominence", "size", "tone", "type"];
+var _excluded$1 = ["aria-controls", "aria-describedby", "aria-expanded", "aria-label", "data", "disabled", "id", "loading", "onClick", "css", "rounded", "prominence", "size", "tone", "type"];
 /**
  * Buttons are used to initialize an action, their label should express what
  * action will occur when the user interacts with it.
@@ -375,6 +375,7 @@ var Button = /*#__PURE__*/react.forwardRef(function (_ref, forwardedRef) {
   var ariaControls = _ref['aria-controls'],
     ariaDescribedBy = _ref['aria-describedby'],
     ariaExpanded = _ref['aria-expanded'],
+    ariaLabel = _ref['aria-label'],
     data = _ref.data,
     disabled = _ref.disabled,
     id = _ref.id,
@@ -408,7 +409,7 @@ var Button = /*#__PURE__*/react.forwardRef(function (_ref, forwardedRef) {
     "aria-controls": ariaControls,
     "aria-describedby": ariaDescribedBy,
     "aria-expanded": ariaExpanded,
-    "aria-label": props.label,
+    "aria-label": ariaLabel !== null && ariaLabel !== void 0 ? ariaLabel : props.label,
     css: react$1.css(buttonStyles, react$1.css(customCss)),
     data: data,
     disabled: loading || disabled,

package/dist/spark-web-button.cjs.prod.js

@@ -366,7 +366,7 @@ function useButtonStyles(_ref) {
   })];
 }
 
-var _excluded$1 = ["aria-controls", "aria-describedby", "aria-expanded", "data", "disabled", "id", "loading", "onClick", "css", "rounded", "prominence", "size", "tone", "type"];
+var _excluded$1 = ["aria-controls", "aria-describedby", "aria-expanded", "aria-label", "data", "disabled", "id", "loading", "onClick", "css", "rounded", "prominence", "size", "tone", "type"];
 /**
  * Buttons are used to initialize an action, their label should express what
  * action will occur when the user interacts with it.
@@ -375,6 +375,7 @@ var Button = /*#__PURE__*/react.forwardRef(function (_ref, forwardedRef) {
   var ariaControls = _ref['aria-controls'],
     ariaDescribedBy = _ref['aria-describedby'],
     ariaExpanded = _ref['aria-expanded'],
+    ariaLabel = _ref['aria-label'],
     data = _ref.data,
     disabled = _ref.disabled,
     id = _ref.id,
@@ -408,7 +409,7 @@ var Button = /*#__PURE__*/react.forwardRef(function (_ref, forwardedRef) {
     "aria-controls": ariaControls,
     "aria-describedby": ariaDescribedBy,
     "aria-expanded": ariaExpanded,
-    "aria-label": props.label,
+    "aria-label": ariaLabel !== null && ariaLabel !== void 0 ? ariaLabel : props.label,
     css: react$1.css(buttonStyles, react$1.css(customCss)),
     data: data,
     disabled: loading || disabled,

package/dist/spark-web-button.esm.js

@@ -362,7 +362,7 @@ function useButtonStyles(_ref) {
   })];
 }
 
-var _excluded$1 = ["aria-controls", "aria-describedby", "aria-expanded", "data", "disabled", "id", "loading", "onClick", "css", "rounded", "prominence", "size", "tone", "type"];
+var _excluded$1 = ["aria-controls", "aria-describedby", "aria-expanded", "aria-label", "data", "disabled", "id", "loading", "onClick", "css", "rounded", "prominence", "size", "tone", "type"];
 /**
  * Buttons are used to initialize an action, their label should express what
  * action will occur when the user interacts with it.
@@ -371,6 +371,7 @@ var Button = /*#__PURE__*/forwardRef(function (_ref, forwardedRef) {
   var ariaControls = _ref['aria-controls'],
     ariaDescribedBy = _ref['aria-describedby'],
     ariaExpanded = _ref['aria-expanded'],
+    ariaLabel = _ref['aria-label'],
     data = _ref.data,
     disabled = _ref.disabled,
     id = _ref.id,
@@ -404,7 +405,7 @@ var Button = /*#__PURE__*/forwardRef(function (_ref, forwardedRef) {
     "aria-controls": ariaControls,
     "aria-describedby": ariaDescribedBy,
     "aria-expanded": ariaExpanded,
-    "aria-label": props.label,
+    "aria-label": ariaLabel !== null && ariaLabel !== void 0 ? ariaLabel : props.label,
     css: css(buttonStyles, css(customCss)),
     data: data,
     disabled: loading || disabled,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@spark-web/button",
-  "version": "5.0.0",
+  "version": "5.0.1",
   "homepage": "https://github.com/brighte-labs/spark-web#readme",
   "repository": {
     "type": "git",