@spark-web/button 1.5.1 → 1.5.3

package/CHANGELOG.md

@@ -1,5 +1,23 @@
 # @spark-web/button
 
+## 1.5.3
+
+### Patch Changes
+
+- [#511](https://github.com/brighte-labs/spark-web/pull/511)
+  [`a2b6d91`](https://github.com/brighte-labs/spark-web/commit/a2b6d9160b7e50c6a3a9747cddc6a2891ce99ec5)
+  Thanks [@michtntbrighte](https://github.com/michtntbrighte)! - Add target to
+  ButtonLink props to support opening on new tab.
+
+## 1.5.2
+
+### Patch Changes
+
+- [#451](https://github.com/brighte-labs/spark-web/pull/451)
+  [`02b6077`](https://github.com/brighte-labs/spark-web/commit/02b60775c2ea8e2f2c3ef27c5d4030e1b343fb92)
+  Thanks [@michtntbrighte](https://github.com/michtntbrighte)! - Fix button
+  loading and disabled state
+
 ## 1.5.1
 
 ### Patch Changes

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

@@ -397,8 +397,6 @@ var Button = /*#__PURE__*/react.forwardRef(function (_ref, forwardedRef) {
     _useButtonStyles2 = _slicedToArray(_useButtonStyles, 2),
     boxProps = _useButtonStyles2[0],
     buttonStyles = _useButtonStyles2[1];
-  var isDisabled = disabled || loading;
-  var isLoading = loading && !disabled;
   var variant = variants[prominence][tone];
   return /*#__PURE__*/jsxRuntime.jsxs(BaseButton, _objectSpread(_objectSpread({}, boxProps), {}, {
     "aria-controls": ariaControls,
@@ -407,17 +405,17 @@ var Button = /*#__PURE__*/react.forwardRef(function (_ref, forwardedRef) {
     "aria-label": props.label,
     className: css.css(buttonStyles),
     data: data,
-    disabled: isDisabled,
+    disabled: loading || disabled,
     id: id,
     onClick: onClick,
     ref: forwardedRef,
     type: type,
     children: [resolveButtonChildren(_objectSpread(_objectSpread({}, props), {}, {
-      isLoading: isLoading,
+      isLoading: loading,
       prominence: prominence,
       size: size,
       tone: tone
-    })), isLoading && /*#__PURE__*/jsxRuntime.jsx(Loading, {
+    })), loading && /*#__PURE__*/jsxRuntime.jsx(Loading, {
       tone: variant === null || variant === void 0 ? void 0 : variant.textTone
     })]
   }));
@@ -444,11 +442,12 @@ function Loading(_ref2) {
   });
 }
 
-var _excluded = ["data", "href", "id", "prominence", "size", "tone"];
+var _excluded = ["data", "href", "target", "id", "prominence", "size", "tone"];
 /** The appearance of a `Button`, with the semantics of a link. */
 var ButtonLink = ts.forwardRefWithAs(function (_ref, forwardedRef) {
   var data = _ref.data,
     href = _ref.href,
+    target = _ref.target,
     id = _ref.id,
     _ref$prominence = _ref.prominence,
     prominence = _ref$prominence === void 0 ? 'high' : _ref$prominence,
@@ -476,6 +475,7 @@ var ButtonLink = ts.forwardRefWithAs(function (_ref, forwardedRef) {
     data: data,
     href: href,
     id: id,
+    target: target,
     ref: forwardedRef,
     children: resolveButtonChildren(_objectSpread(_objectSpread({}, consumerProps), {}, {
       isLoading: false,

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

@@ -397,8 +397,6 @@ var Button = /*#__PURE__*/react.forwardRef(function (_ref, forwardedRef) {
     _useButtonStyles2 = _slicedToArray(_useButtonStyles, 2),
     boxProps = _useButtonStyles2[0],
     buttonStyles = _useButtonStyles2[1];
-  var isDisabled = disabled || loading;
-  var isLoading = loading && !disabled;
   var variant = variants[prominence][tone];
   return /*#__PURE__*/jsxRuntime.jsxs(BaseButton, _objectSpread(_objectSpread({}, boxProps), {}, {
     "aria-controls": ariaControls,
@@ -407,17 +405,17 @@ var Button = /*#__PURE__*/react.forwardRef(function (_ref, forwardedRef) {
     "aria-label": props.label,
     className: css.css(buttonStyles),
     data: data,
-    disabled: isDisabled,
+    disabled: loading || disabled,
     id: id,
     onClick: onClick,
     ref: forwardedRef,
     type: type,
     children: [resolveButtonChildren(_objectSpread(_objectSpread({}, props), {}, {
-      isLoading: isLoading,
+      isLoading: loading,
       prominence: prominence,
       size: size,
       tone: tone
-    })), isLoading && /*#__PURE__*/jsxRuntime.jsx(Loading, {
+    })), loading && /*#__PURE__*/jsxRuntime.jsx(Loading, {
       tone: variant === null || variant === void 0 ? void 0 : variant.textTone
     })]
   }));
@@ -444,11 +442,12 @@ function Loading(_ref2) {
   });
 }
 
-var _excluded = ["data", "href", "id", "prominence", "size", "tone"];
+var _excluded = ["data", "href", "target", "id", "prominence", "size", "tone"];
 /** The appearance of a `Button`, with the semantics of a link. */
 var ButtonLink = ts.forwardRefWithAs(function (_ref, forwardedRef) {
   var data = _ref.data,
     href = _ref.href,
+    target = _ref.target,
     id = _ref.id,
     _ref$prominence = _ref.prominence,
     prominence = _ref$prominence === void 0 ? 'high' : _ref$prominence,
@@ -476,6 +475,7 @@ var ButtonLink = ts.forwardRefWithAs(function (_ref, forwardedRef) {
     data: data,
     href: href,
     id: id,
+    target: target,
     ref: forwardedRef,
     children: resolveButtonChildren(_objectSpread(_objectSpread({}, consumerProps), {}, {
       isLoading: false,

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

@@ -393,8 +393,6 @@ var Button = /*#__PURE__*/forwardRef(function (_ref, forwardedRef) {
     _useButtonStyles2 = _slicedToArray(_useButtonStyles, 2),
     boxProps = _useButtonStyles2[0],
     buttonStyles = _useButtonStyles2[1];
-  var isDisabled = disabled || loading;
-  var isLoading = loading && !disabled;
   var variant = variants[prominence][tone];
   return /*#__PURE__*/jsxs(BaseButton, _objectSpread(_objectSpread({}, boxProps), {}, {
     "aria-controls": ariaControls,
@@ -403,17 +401,17 @@ var Button = /*#__PURE__*/forwardRef(function (_ref, forwardedRef) {
     "aria-label": props.label,
     className: css(buttonStyles),
     data: data,
-    disabled: isDisabled,
+    disabled: loading || disabled,
     id: id,
     onClick: onClick,
     ref: forwardedRef,
     type: type,
     children: [resolveButtonChildren(_objectSpread(_objectSpread({}, props), {}, {
-      isLoading: isLoading,
+      isLoading: loading,
       prominence: prominence,
       size: size,
       tone: tone
-    })), isLoading && /*#__PURE__*/jsx(Loading, {
+    })), loading && /*#__PURE__*/jsx(Loading, {
       tone: variant === null || variant === void 0 ? void 0 : variant.textTone
     })]
   }));
@@ -440,11 +438,12 @@ function Loading(_ref2) {
   });
 }
 
-var _excluded = ["data", "href", "id", "prominence", "size", "tone"];
+var _excluded = ["data", "href", "target", "id", "prominence", "size", "tone"];
 /** The appearance of a `Button`, with the semantics of a link. */
 var ButtonLink = forwardRefWithAs(function (_ref, forwardedRef) {
   var data = _ref.data,
     href = _ref.href,
+    target = _ref.target,
     id = _ref.id,
     _ref$prominence = _ref.prominence,
     prominence = _ref$prominence === void 0 ? 'high' : _ref$prominence,
@@ -472,6 +471,7 @@ var ButtonLink = forwardRefWithAs(function (_ref, forwardedRef) {
     data: data,
     href: href,
     id: id,
+    target: target,
     ref: forwardedRef,
     children: resolveButtonChildren(_objectSpread(_objectSpread({}, consumerProps), {}, {
       isLoading: false,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@spark-web/button",
-  "version": "1.5.1",
+  "version": "1.5.3",
   "homepage": "https://github.com/brighte-labs/spark-web#readme",
   "repository": {
     "type": "git",
@@ -15,7 +15,7 @@
     "README.md"
   ],
   "dependencies": {
-    "@babel/runtime": "^7.19.0",
+    "@babel/runtime": "^7.25.0",
     "@emotion/css": "^11.11.2",
     "@spark-web/a11y": "^1.4.0",
     "@spark-web/box": "^1.2.0",