@spark-web/text-link - npm Package Compare versions

Comparing version 5.0.1 to 5.1.0

CHANGELOG.md

 # @spark-web/text-link
 
+## 5.1.0
+
+### Minor Changes
+
+- [#557](https://github.com/brighte-labs/spark-web/pull/557)
+  [`fec53a3`](https://github.com/brighte-labs/spark-web/commit/fec53a3455e6311534054164f0040d31218bb310)
+  Thanks [@chrischua-brighte](https://github.com/chrischua-brighte)! - Add tone
+  prop to override text context tone
+
 ## 5.0.1
@@ -4,0 +13,0 @@

dist/declarations/src/text-link.d.ts

 /// <reference types="react" />
 import type { LinkComponentProps } from '@spark-web/link';
+import type { ForegroundTone } from '@spark-web/text';
 import type { DataAttributeMap } from '@spark-web/utils/internal';
@@ -7,2 +8,4 @@ export declare type TextLinkProps = {
     data?: DataAttributeMap;
+    /** Overrides the tone of the Text Context */
+    tone?: ForegroundTone;
 } & LinkComponentProps;
@@ -21,2 +24,4 @@ /**
     data?: DataAttributeMap | undefined;
+    /** Overrides the tone of the Text Context */
+    tone?: string | number | undefined;
 } & LinkComponentProps) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;

dist/spark-web-text-link.cjs.dev.js

@@ -19,3 +19,3 @@ 'use strict';
 var TEXT_LINK_ERROR_MESSAGE = 'TextLink components must be inside `Text`.';
-function useTextLink(tag) {
+function useTextLink(tag, tone) {
   var textContext = text.useTextContext();
@@ -28,3 +28,3 @@
   var theme$1 = theme.useTheme();
-  var textColor = text.useForegroundTone(textContext.tone);
+  var textColor = text.useForegroundTone(tone !== null && tone !== void 0 ? tone : textContext.tone);
   var resetStyles = internal.resetElementStyles(tag);
@@ -41,3 +41,3 @@ var linkStyles = {
 
-var _excluded$1 = ["as", "data"];
+var _excluded$1 = ["as", "data", "tone"];
 /**
@@ -55,5 +55,6 @@ * Text links are used as navigational elements. They may appear on their own,
     var data = _ref.data,
+    tone = _ref.tone,
     consumerProps = _objectWithoutProperties(_ref, _excluded$1);
   var LinkComponent = link.useLinkComponent(ref);
-  var styles = useTextLink('a');
+  var styles = useTextLink('a', tone);
   return jsxRuntime.jsx(box.Box, _objectSpread({
@@ -60,0 +61,0 @@ as: LinkComponent,

dist/spark-web-text-link.cjs.prod.js

@@ -19,3 +19,3 @@ 'use strict';
 var TEXT_LINK_ERROR_MESSAGE = 'TextLink components must be inside `Text`.';
-function useTextLink(tag) {
+function useTextLink(tag, tone) {
   var textContext = text.useTextContext();
@@ -28,3 +28,3 @@
   var theme$1 = theme.useTheme();
-  var textColor = text.useForegroundTone(textContext.tone);
+  var textColor = text.useForegroundTone(tone !== null && tone !== void 0 ? tone : textContext.tone);
   var resetStyles = internal.resetElementStyles(tag);
@@ -41,3 +41,3 @@ var linkStyles = {
 
-var _excluded$1 = ["as", "data"];
+var _excluded$1 = ["as", "data", "tone"];
 /**
@@ -55,5 +55,6 @@ * Text links are used as navigational elements. They may appear on their own,
     var data = _ref.data,
+    tone = _ref.tone,
     consumerProps = _objectWithoutProperties(_ref, _excluded$1);
   var LinkComponent = link.useLinkComponent(ref);
-  var styles = useTextLink('a');
+  var styles = useTextLink('a', tone);
   return jsxRuntime.jsx(box.Box, _objectSpread({
@@ -60,0 +61,0 @@ as: LinkComponent,

dist/spark-web-text-link.esm.js

@@ -15,3 +15,3 @@ import _objectSpread from '@babel/runtime/helpers/esm/objectSpread2';
 var TEXT_LINK_ERROR_MESSAGE = 'TextLink components must be inside `Text`.';
-function useTextLink(tag) {
+function useTextLink(tag, tone) {
   var textContext = useTextContext();
@@ -24,3 +24,3 @@
   var theme = useTheme();
-  var textColor = useForegroundTone(textContext.tone);
+  var textColor = useForegroundTone(tone !== null && tone !== void 0 ? tone : textContext.tone);
   var resetStyles = resetElementStyles(tag);
@@ -37,3 +37,3 @@ var linkStyles = {
 
-var _excluded$1 = ["as", "data"];
+var _excluded$1 = ["as", "data", "tone"];
 /**
@@ -51,5 +51,6 @@ * Text links are used as navigational elements. They may appear on their own,
     var data = _ref.data,
+    tone = _ref.tone,
     consumerProps = _objectWithoutProperties(_ref, _excluded$1);
   var LinkComponent = useLinkComponent(ref);
-  var styles = useTextLink('a');
+  var styles = useTextLink('a', tone);
   return jsx(Box, _objectSpread({
@@ -56,0 +57,0 @@ as: LinkComponent,

package.json

 {
   "name": "@spark-web/text-link",
-  "version": "5.0.1",
+  "version": "5.1.0",
   "homepage": "https://github.com/brighte-labs/spark-web#readme",
@@ -5,0 +5,0 @@ "repository": {

No alert changes

Improved metrics

Total package byte prevSize

39066

2.06%

Lines of code

318

2.58%

No dependency changes