🚀 Socket Launch Week Day 5:Introducing Repository Access Permissions and Custom Roles.Learn more →
@spark-web/text-link
Advanced tools
@spark-web/text-link - npm Package Compare versions
+5
-12
| # @spark-web/text-link | ||
| ## 5.3.0-rc.0 | ||
| ## 5.3.0 | ||
| ### Minor Changes | ||
| - update react version and other packages | ||
| - [#672](https://github.com/brighte-labs/spark-web/pull/672) | ||
| [`5b4f47f`](https://github.com/brighte-labs/spark-web/commit/5b4f47f27d74de2092a7707f812cc596da5bc2d0) | ||
| Thanks [@mkt-brighte](https://github.com/mkt-brighte)! - Added styling props | ||
| for text link button (tone, textDecoration and weight) | ||
| ### Patch Changes | ||
| - Updated dependencies []: | ||
| - @spark-web/theme@5.12.0-rc.0 | ||
| - @spark-web/utils@5.1.0-rc.0 | ||
| - @spark-web/a11y@5.3.0-rc.0 | ||
| - @spark-web/link@5.1.0-rc.0 | ||
| - @spark-web/text@5.3.0-rc.0 | ||
| - @spark-web/box@6.0.0-rc.0 | ||
| ## 5.2.0 | ||
@@ -20,0 +13,0 @@ |
| import type { DataAttributeMap } from '@spark-web/utils/internal'; | ||
| import type { HTMLAttributes } from 'react'; | ||
| import type { TextLinkProps } from "./text-link.js"; | ||
| export declare type TextLinkButtonProps = { | ||
| /** Sets data attributes on the component. */ | ||
| data?: DataAttributeMap; | ||
| } & HTMLAttributes<HTMLSpanElement>; | ||
| } & HTMLAttributes<HTMLSpanElement> & Omit<TextLinkProps, 'href'>; | ||
| /** The appearance of `TextLink`, with the semantics of a `<button/>`. */ | ||
@@ -11,2 +12,2 @@ export declare const TextLinkButton: import("react").ForwardRefExoticComponent<{ | ||
| data?: DataAttributeMap | undefined; | ||
| } & HTMLAttributes<HTMLSpanElement> & import("react").RefAttributes<HTMLSpanElement>>; | ||
| } & HTMLAttributes<HTMLSpanElement> & Omit<TextLinkProps, "href"> & import("react").RefAttributes<HTMLSpanElement>>; |
@@ -25,3 +25,3 @@ /// <reference types="react" /> | ||
| as?: Comp | undefined; | ||
| ref?: import("react").Ref<Comp extends "symbol" | "text" | "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" | "textPath" | "tspan" | "use" | "view" | keyof HTMLElementTagNameMap ? (HTMLElementTagNameMap & Pick<SVGElementTagNameMap, "symbol" | "text" | "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" | "textPath" | "tspan" | "use" | "view">)[Comp] : Comp extends new (...args: any) => any ? InstanceType<Comp> : undefined> | 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; | ||
| } & Omit<import("react").PropsWithoutRef<import("react").ComponentProps<Comp>>, "as"> & { | ||
@@ -33,5 +33,5 @@ /** Sets data attributes on the component. */ | ||
| /** Override the weight of the Text Link */ | ||
| weight?: "medium" | "light" | "bold" | "thin" | "black" | "extralight" | "regular" | "semibold" | "extrabold" | undefined; | ||
| weight?: "bold" | "medium" | "light" | "thin" | "black" | "extralight" | "regular" | "semibold" | "extrabold" | undefined; | ||
| /** Override the textDecoration of the Text Link */ | ||
| textDecoration?: TextDecoration | undefined; | ||
| } & LinkComponentProps) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>; |
@@ -71,3 +71,3 @@ 'use strict'; | ||
| var _excluded = ["data"]; | ||
| var _excluded = ["data", "tone", "weight", "textDecoration"]; | ||
| // NOTE: Rather than a native `button` element, we render a `span` with the ARIA | ||
@@ -82,4 +82,7 @@ // role of "button" to avoid issues with text behaviour. Resolves: | ||
| var data = _ref.data, | ||
| tone = _ref.tone, | ||
| weight = _ref.weight, | ||
| textDecoration = _ref.textDecoration, | ||
| consumerProps = _objectWithoutProperties(_ref, _excluded); | ||
| var styles = useTextLink('span'); | ||
| var styles = useTextLink('span', tone, weight, textDecoration); | ||
| var internalRef = react$1.useRef(null); | ||
@@ -86,0 +89,0 @@ var ref = utils.useComposedRefs(internalRef, forwardedRef); |
@@ -71,3 +71,3 @@ 'use strict'; | ||
| var _excluded = ["data"]; | ||
| var _excluded = ["data", "tone", "weight", "textDecoration"]; | ||
| // NOTE: Rather than a native `button` element, we render a `span` with the ARIA | ||
@@ -82,4 +82,7 @@ // role of "button" to avoid issues with text behaviour. Resolves: | ||
| var data = _ref.data, | ||
| tone = _ref.tone, | ||
| weight = _ref.weight, | ||
| textDecoration = _ref.textDecoration, | ||
| consumerProps = _objectWithoutProperties(_ref, _excluded); | ||
| var styles = useTextLink('span'); | ||
| var styles = useTextLink('span', tone, weight, textDecoration); | ||
| var internalRef = react$1.useRef(null); | ||
@@ -86,0 +89,0 @@ var ref = utils.useComposedRefs(internalRef, forwardedRef); |
@@ -67,3 +67,3 @@ import _objectSpread from '@babel/runtime/helpers/esm/objectSpread2'; | ||
| var _excluded = ["data"]; | ||
| var _excluded = ["data", "tone", "weight", "textDecoration"]; | ||
| // NOTE: Rather than a native `button` element, we render a `span` with the ARIA | ||
@@ -78,4 +78,7 @@ // role of "button" to avoid issues with text behaviour. Resolves: | ||
| var data = _ref.data, | ||
| tone = _ref.tone, | ||
| weight = _ref.weight, | ||
| textDecoration = _ref.textDecoration, | ||
| consumerProps = _objectWithoutProperties(_ref, _excluded); | ||
| var styles = useTextLink('span'); | ||
| var styles = useTextLink('span', tone, weight, textDecoration); | ||
| var internalRef = useRef(null); | ||
@@ -82,0 +85,0 @@ var ref = useComposedRefs(internalRef, forwardedRef); |
+10
-10
| { | ||
| "name": "@spark-web/text-link", | ||
| "version": "5.3.0-rc.0", | ||
| "version": "5.3.0", | ||
| "homepage": "https://github.com/brighte-labs/spark-web#readme", | ||
@@ -20,15 +20,15 @@ "repository": { | ||
| "@emotion/react": "^11.14.0", | ||
| "@spark-web/a11y": "^5.3.0-rc.0", | ||
| "@spark-web/box": "^6.0.0-rc.0", | ||
| "@spark-web/link": "^5.1.0-rc.0", | ||
| "@spark-web/text": "^5.3.0-rc.0", | ||
| "@spark-web/theme": "^5.12.0-rc.0", | ||
| "@spark-web/utils": "^5.1.0-rc.0" | ||
| "@spark-web/a11y": "^5.0.0", | ||
| "@spark-web/box": "^5.0.0", | ||
| "@spark-web/link": "^5.0.0", | ||
| "@spark-web/text": "^5.1.0", | ||
| "@spark-web/theme": "^5.7.0", | ||
| "@spark-web/utils": "^5.0.0" | ||
| }, | ||
| "devDependencies": { | ||
| "@types/react": "^19.1.0", | ||
| "react": "^19.1.0" | ||
| "@types/react": "^18.2.0", | ||
| "react": "^18.2.0" | ||
| }, | ||
| "peerDependencies": { | ||
| "react": ">=19.1.0" | ||
| "react": ">=17.0.2" | ||
| }, | ||
@@ -35,0 +35,0 @@ "engines": { |
Fixed alerts
No v1
QualityPackage is not semver >=1. This means it is not stable and does not support ^ ranges.
Improved metrics
- Total package byte prevSize
43360
1.32%- Lines of code
359
2.87%- Number of low quality alerts
1
-50%Dependency changes
+ Added
@spark-web/box@5.2.2(transitive)Updated
@spark-web/a11y@^5.0.0Updated
@spark-web/box@^5.0.0Updated
@spark-web/link@^5.0.0Updated
@spark-web/text@^5.1.0Updated
@spark-web/theme@^5.7.0Updated
@spark-web/utils@^5.0.0