@purpurds/link 3.5.0 → 3.5.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/link.cjs.js +2 -2
- package/dist/link.es.js +55 -55
- package/dist/link.system.js +2 -2
- package/dist/styles.css +1 -1
- package/package.json +5 -5
- package/src/link.module.scss +2 -2
- package/src/link.stories.tsx +3 -3
package/dist/link.cjs.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const _=require("react/jsx-runtime");function v(i){return i&&i.__esModule&&Object.prototype.hasOwnProperty.call(i,"default")?i.default:i}var c={exports:{}};/*!
|
|
2
2
|
Copyright (c) 2018 Jed Watson.
|
|
3
3
|
Licensed under the MIT License (MIT), see
|
|
4
4
|
http://jedwatson.github.io/classnames
|
|
5
|
-
*/(function(
|
|
5
|
+
*/(function(i){(function(){var s={}.hasOwnProperty;function r(){for(var t="",n=0;n<arguments.length;n++){var e=arguments[n];e&&(t=u(t,p.call(this,e)))}return t}function p(t){if(typeof t=="string"||typeof t=="number")return this&&this[t]||t;if(typeof t!="object")return"";if(Array.isArray(t))return r.apply(this,t);if(t.toString!==Object.prototype.toString&&!t.toString.toString().includes("[native code]"))return t.toString();var n="";for(var e in t)s.call(t,e)&&t[e]&&(n=u(n,this&&this[e]||e));return n}function u(t,n){return n?t?t+" "+n:t+n:t}i.exports?(r.default=r,i.exports=r):window.classNames=r})()})(c);var f=c.exports;const k=v(f),x={"purpur-link":"_purpur-link_10xi4_1","purpur-link--text":"_purpur-link--text_10xi4_15","purpur-link--standalone":"_purpur-link--standalone_10xi4_15","purpur-link--navigation":"_purpur-link--navigation_10xi4_15","purpur-link--disable-visited":"_purpur-link--disable-visited_10xi4_25","purpur-link--text-negative":"_purpur-link--text-negative_10xi4_28","purpur-link--standalone-negative":"_purpur-link--standalone-negative_10xi4_28","purpur-link--navigation-negative":"_purpur-link--navigation-negative_10xi4_28","purpur-link--ensure-target-area":"_purpur-link--ensure-target-area_10xi4_67","purpur-link--silent":"_purpur-link--silent_10xi4_73"},g=k.bind(x),a="purpur-link",d={TEXT:"text",TEXT_NEGATIVE:"text-negative",STANDALONE:"standalone",STANDALONE_NEGATIVE:"standalone-negative",NAVIGATION:"navigation",NAVIGATION_NEGATIVE:"navigation-negative"},N=Object.values(d),A=({["data-testid"]:i,children:s,className:r,disableVisited:p,ensureTargetArea:u,href:t,silent:n,target:e,variant:o,...l})=>_.jsx("span",{className:g([r,a,`${a}--${o}`,{[`${a}--silent`]:n,[`${a}--negative`]:o.endsWith("negative"),[`${a}--disable-visited`]:p??n,[`${a}--ensure-target-area`]:u}]),"data-testid":i,...l,children:t?_.jsx("a",{href:t,target:e,...l,children:s}):s});exports.LINK_VARIANT=d;exports.Link=A;exports.linkVariants=N;
|
|
6
6
|
//# sourceMappingURL=link.cjs.js.map
|
package/dist/link.es.js
CHANGED
|
@@ -1,20 +1,20 @@
|
|
|
1
|
-
import { jsx as
|
|
2
|
-
function d(
|
|
3
|
-
return
|
|
1
|
+
import { jsx as _ } from "react/jsx-runtime";
|
|
2
|
+
function d(i) {
|
|
3
|
+
return i && i.__esModule && Object.prototype.hasOwnProperty.call(i, "default") ? i.default : i;
|
|
4
4
|
}
|
|
5
|
-
var
|
|
5
|
+
var c = { exports: {} };
|
|
6
6
|
/*!
|
|
7
7
|
Copyright (c) 2018 Jed Watson.
|
|
8
8
|
Licensed under the MIT License (MIT), see
|
|
9
9
|
http://jedwatson.github.io/classnames
|
|
10
10
|
*/
|
|
11
|
-
(function(
|
|
11
|
+
(function(i) {
|
|
12
12
|
(function() {
|
|
13
|
-
var
|
|
14
|
-
function
|
|
15
|
-
for (var t = "",
|
|
16
|
-
var
|
|
17
|
-
|
|
13
|
+
var s = {}.hasOwnProperty;
|
|
14
|
+
function r() {
|
|
15
|
+
for (var t = "", n = 0; n < arguments.length; n++) {
|
|
16
|
+
var e = arguments[n];
|
|
17
|
+
e && (t = u(t, p.call(this, e)));
|
|
18
18
|
}
|
|
19
19
|
return t;
|
|
20
20
|
}
|
|
@@ -24,72 +24,72 @@ var _ = { exports: {} };
|
|
|
24
24
|
if (typeof t != "object")
|
|
25
25
|
return "";
|
|
26
26
|
if (Array.isArray(t))
|
|
27
|
-
return
|
|
27
|
+
return r.apply(this, t);
|
|
28
28
|
if (t.toString !== Object.prototype.toString && !t.toString.toString().includes("[native code]"))
|
|
29
29
|
return t.toString();
|
|
30
|
-
var
|
|
31
|
-
for (var
|
|
32
|
-
|
|
33
|
-
return
|
|
30
|
+
var n = "";
|
|
31
|
+
for (var e in t)
|
|
32
|
+
s.call(t, e) && t[e] && (n = u(n, this && this[e] || e));
|
|
33
|
+
return n;
|
|
34
34
|
}
|
|
35
|
-
function u(t,
|
|
36
|
-
return
|
|
35
|
+
function u(t, n) {
|
|
36
|
+
return n ? t ? t + " " + n : t + n : t;
|
|
37
37
|
}
|
|
38
|
-
|
|
38
|
+
i.exports ? (r.default = r, i.exports = r) : window.classNames = r;
|
|
39
39
|
})();
|
|
40
|
-
})(
|
|
41
|
-
var v =
|
|
42
|
-
const f = /* @__PURE__ */ d(v),
|
|
43
|
-
"purpur-link": "_purpur-
|
|
44
|
-
"purpur-link--text": "_purpur-link--
|
|
45
|
-
"purpur-link--standalone": "_purpur-link--
|
|
46
|
-
"purpur-link--navigation": "_purpur-link--
|
|
47
|
-
"purpur-link--disable-visited": "_purpur-link--disable-
|
|
48
|
-
"purpur-link--text-negative": "_purpur-link--text-
|
|
49
|
-
"purpur-link--standalone-negative": "_purpur-link--standalone-
|
|
50
|
-
"purpur-link--navigation-negative": "_purpur-link--navigation-
|
|
51
|
-
"purpur-link--ensure-target-area": "_purpur-link--ensure-target-
|
|
52
|
-
"purpur-link--silent": "_purpur-link--
|
|
53
|
-
},
|
|
40
|
+
})(c);
|
|
41
|
+
var v = c.exports;
|
|
42
|
+
const f = /* @__PURE__ */ d(v), x = {
|
|
43
|
+
"purpur-link": "_purpur-link_10xi4_1",
|
|
44
|
+
"purpur-link--text": "_purpur-link--text_10xi4_15",
|
|
45
|
+
"purpur-link--standalone": "_purpur-link--standalone_10xi4_15",
|
|
46
|
+
"purpur-link--navigation": "_purpur-link--navigation_10xi4_15",
|
|
47
|
+
"purpur-link--disable-visited": "_purpur-link--disable-visited_10xi4_25",
|
|
48
|
+
"purpur-link--text-negative": "_purpur-link--text-negative_10xi4_28",
|
|
49
|
+
"purpur-link--standalone-negative": "_purpur-link--standalone-negative_10xi4_28",
|
|
50
|
+
"purpur-link--navigation-negative": "_purpur-link--navigation-negative_10xi4_28",
|
|
51
|
+
"purpur-link--ensure-target-area": "_purpur-link--ensure-target-area_10xi4_67",
|
|
52
|
+
"purpur-link--silent": "_purpur-link--silent_10xi4_73"
|
|
53
|
+
}, k = f.bind(x), a = "purpur-link", g = {
|
|
54
54
|
TEXT: "text",
|
|
55
55
|
TEXT_NEGATIVE: "text-negative",
|
|
56
56
|
STANDALONE: "standalone",
|
|
57
57
|
STANDALONE_NEGATIVE: "standalone-negative",
|
|
58
58
|
NAVIGATION: "navigation",
|
|
59
59
|
NAVIGATION_NEGATIVE: "navigation-negative"
|
|
60
|
-
},
|
|
61
|
-
["data-testid"]:
|
|
62
|
-
children:
|
|
63
|
-
className:
|
|
60
|
+
}, A = Object.values(g), E = ({
|
|
61
|
+
["data-testid"]: i,
|
|
62
|
+
children: s,
|
|
63
|
+
className: r,
|
|
64
64
|
disableVisited: p,
|
|
65
65
|
ensureTargetArea: u,
|
|
66
66
|
href: t,
|
|
67
|
-
silent:
|
|
68
|
-
target:
|
|
69
|
-
variant:
|
|
70
|
-
...
|
|
71
|
-
}) => /* @__PURE__ */
|
|
67
|
+
silent: n,
|
|
68
|
+
target: e,
|
|
69
|
+
variant: o,
|
|
70
|
+
...l
|
|
71
|
+
}) => /* @__PURE__ */ _(
|
|
72
72
|
"span",
|
|
73
73
|
{
|
|
74
|
-
className:
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
`${
|
|
74
|
+
className: k([
|
|
75
|
+
r,
|
|
76
|
+
a,
|
|
77
|
+
`${a}--${o}`,
|
|
78
78
|
{
|
|
79
|
-
[`${
|
|
80
|
-
[`${
|
|
81
|
-
[`${
|
|
82
|
-
[`${
|
|
79
|
+
[`${a}--silent`]: n,
|
|
80
|
+
[`${a}--negative`]: o.endsWith("negative"),
|
|
81
|
+
[`${a}--disable-visited`]: p ?? n,
|
|
82
|
+
[`${a}--ensure-target-area`]: u
|
|
83
83
|
}
|
|
84
84
|
]),
|
|
85
|
-
"data-testid":
|
|
86
|
-
...
|
|
87
|
-
children: t ? /* @__PURE__ */
|
|
85
|
+
"data-testid": i,
|
|
86
|
+
...l,
|
|
87
|
+
children: t ? /* @__PURE__ */ _("a", { href: t, target: e, ...l, children: s }) : s
|
|
88
88
|
}
|
|
89
89
|
);
|
|
90
90
|
export {
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
91
|
+
g as LINK_VARIANT,
|
|
92
|
+
E as Link,
|
|
93
|
+
A as linkVariants
|
|
94
94
|
};
|
|
95
95
|
//# sourceMappingURL=link.es.js.map
|
package/dist/link.system.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
System.register(["react"],function(
|
|
1
|
+
System.register(["react"],function(p,A){"use strict";var l;return{setters:[o=>{l=o.default}],execute:function(){function o(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var c={exports:{}};/*!
|
|
2
2
|
Copyright (c) 2018 Jed Watson.
|
|
3
3
|
Licensed under the MIT License (MIT), see
|
|
4
4
|
http://jedwatson.github.io/classnames
|
|
5
|
-
*/(function(
|
|
5
|
+
*/(function(e){(function(){var u={}.hasOwnProperty;function r(){for(var t="",n=0;n<arguments.length;n++){var i=arguments[n];i&&(t=s(t,_.call(this,i)))}return t}function _(t){if(typeof t=="string"||typeof t=="number")return this&&this[t]||t;if(typeof t!="object")return"";if(Array.isArray(t))return r.apply(this,t);if(t.toString!==Object.prototype.toString&&!t.toString.toString().includes("[native code]"))return t.toString();var n="";for(var i in t)u.call(t,i)&&t[i]&&(n=s(n,this&&this[i]||i));return n}function s(t,n){return n?t?t+" "+n:t+n:t}e.exports?(r.default=r,e.exports=r):window.classNames=r})()})(c);var f=c.exports;const k=o(f),N={"purpur-link":"_purpur-link_10xi4_1","purpur-link--text":"_purpur-link--text_10xi4_15","purpur-link--standalone":"_purpur-link--standalone_10xi4_15","purpur-link--navigation":"_purpur-link--navigation_10xi4_15","purpur-link--disable-visited":"_purpur-link--disable-visited_10xi4_25","purpur-link--text-negative":"_purpur-link--text-negative_10xi4_28","purpur-link--standalone-negative":"_purpur-link--standalone-negative_10xi4_28","purpur-link--navigation-negative":"_purpur-link--navigation-negative_10xi4_28","purpur-link--ensure-target-area":"_purpur-link--ensure-target-area_10xi4_67","purpur-link--silent":"_purpur-link--silent_10xi4_73"},g=k.bind(N),a="purpur-link",x=p("LINK_VARIANT",{TEXT:"text",TEXT_NEGATIVE:"text-negative",STANDALONE:"standalone",STANDALONE_NEGATIVE:"standalone-negative",NAVIGATION:"navigation",NAVIGATION_NEGATIVE:"navigation-negative"}),E=p("linkVariants",Object.values(x)),T=p("Link",({["data-testid"]:e,children:u,className:r,disableVisited:_,ensureTargetArea:s,href:t,silent:n,target:i,variant:d,...v})=>l.createElement("span",{className:g([r,a,`${a}--${d}`,{[`${a}--silent`]:n,[`${a}--negative`]:d.endsWith("negative"),[`${a}--disable-visited`]:_??n,[`${a}--ensure-target-area`]:s}]),"data-testid":e,...v},t?l.createElement("a",{href:t,target:i,...v},u):u))}}});
|
|
6
6
|
//# sourceMappingURL=link.system.js.map
|
package/dist/styles.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
._purpur-
|
|
1
|
+
._purpur-link_10xi4_1 a{align-items:center;cursor:pointer;display:inline-flex;gap:var(--purpur-spacing-50);text-decoration:underline}._purpur-link_10xi4_1 a:focus,._purpur-link_10xi4_1 a:active{outline:solid var(--purpur-border-width-sm) var(--purpur-color-border-interactive-focus);outline-offset:var(--purpur-spacing-25)}._purpur-link_10xi4_1 a:focus:not(:focus-visible){outline:0}._purpur-link--text_10xi4_15 a,._purpur-link--standalone_10xi4_15 a,._purpur-link--navigation_10xi4_15 a{color:var(--purpur-color-text-interactive-primary)}._purpur-link--text_10xi4_15 a:hover,._purpur-link--standalone_10xi4_15 a:hover,._purpur-link--navigation_10xi4_15 a:hover{color:var(--purpur-color-text-interactive-primary-active);background-color:var(--purpur-color-background-interactive-transparent-hover)}._purpur-link--text_10xi4_15 a:active,._purpur-link--standalone_10xi4_15 a:active,._purpur-link--navigation_10xi4_15 a:active{background-color:var(--purpur-color-background-interactive-transparent-active)}._purpur-link--text_10xi4_15 a:visited:not(._purpur-link--disable-visited_10xi4_25>a),._purpur-link--standalone_10xi4_15 a:visited:not(._purpur-link--disable-visited_10xi4_25>a),._purpur-link--navigation_10xi4_15 a:visited:not(._purpur-link--disable-visited_10xi4_25>a){color:var(--purpur-color-text-interactive-primary-active)}._purpur-link--text-negative_10xi4_28 a,._purpur-link--standalone-negative_10xi4_28 a,._purpur-link--navigation-negative_10xi4_28 a{color:var(--purpur-color-text-interactive-primary-negative)}._purpur-link--text-negative_10xi4_28 a:hover,._purpur-link--standalone-negative_10xi4_28 a:hover,._purpur-link--navigation-negative_10xi4_28 a:hover{background-color:var(--purpur-color-background-interactive-transparent-negative-hover);color:var(--purpur-color-text-interactive-primary-negative)}._purpur-link--text-negative_10xi4_28 a:active,._purpur-link--standalone-negative_10xi4_28 a:active,._purpur-link--navigation-negative_10xi4_28 a:active{background-color:var(--purpur-color-background-interactive-transparent-negative-active);color:var(--purpur-color-text-interactive-primary-negative-active)}._purpur-link--text-negative_10xi4_28 a:visited:not(._purpur-link--disable-visited_10xi4_25>a),._purpur-link--standalone-negative_10xi4_28 a:visited:not(._purpur-link--disable-visited_10xi4_25>a),._purpur-link--navigation-negative_10xi4_28 a:visited:not(._purpur-link--disable-visited_10xi4_25>a){color:var(--purpur-color-text-interactive-primary-negative-active)}._purpur-link--standalone_10xi4_15,._purpur-link--standalone-negative_10xi4_28{display:inline-block}._purpur-link--standalone_10xi4_15 a,._purpur-link--standalone-negative_10xi4_28 a{font-family:var(--purpur-typography-family-default),Helvetica,Arial,"Lucida Grande",sans-serif;font-weight:var(--purpur-typography-weight-normal);font-size:var(--purpur-typography-scale-100);line-height:var(--purpur-typography-line-height-loose);padding:var(--purpur-spacing-100) 0}._purpur-link--navigation_10xi4_15 a,._purpur-link--navigation-negative_10xi4_28 a{font-family:var(--purpur-typography-family-default),Helvetica,Arial,"Lucida Grande",sans-serif;font-weight:var(--purpur-typography-weight-normal);font-size:var(--purpur-typography-scale-100);line-height:var(--purpur-typography-line-height-loose);align-items:center;background-color:var(--purpur-color-functional-transparent);display:flex;font-weight:var(--purpur-typography-weight-medium);text-decoration:none}._purpur-link--navigation_10xi4_15 a:active,._purpur-link--navigation_10xi4_15 a:hover,._purpur-link--navigation-negative_10xi4_28 a:active,._purpur-link--navigation-negative_10xi4_28 a:hover{background-color:var(--purpur-color-functional-transparent);text-decoration:underline}._purpur-link--ensure-target-area_10xi4_67,._purpur-link--ensure-target-area_10xi4_67 a{align-items:center;display:flex;min-height:var(--purpur-spacing-600);min-width:var(--purpur-spacing-600)}._purpur-link--silent_10xi4_73 a{background-color:inherit;color:inherit;height:100%;text-decoration:none}._purpur-link--silent_10xi4_73 a:hover,._purpur-link--silent_10xi4_73 a:focus,._purpur-link--silent_10xi4_73 a:active{background-color:inherit;color:inherit}._purpur-link--silent_10xi4_73 a:focus{outline:0}._purpur-link--silent_10xi4_73:is(._purpur-link--disable-visited_10xi4_25) a:visited{color:inherit}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@purpurds/link",
|
|
3
|
-
"version": "3.5.
|
|
3
|
+
"version": "3.5.1",
|
|
4
4
|
"license": "AGPL-3.0-only",
|
|
5
5
|
"main": "./dist/link.cjs.js",
|
|
6
6
|
"types": "./dist/link.d.ts",
|
|
@@ -16,8 +16,8 @@
|
|
|
16
16
|
"source": "src/link.tsx",
|
|
17
17
|
"dependencies": {
|
|
18
18
|
"classnames": "~2.5.0",
|
|
19
|
-
"@purpurds/paragraph": "3.5.
|
|
20
|
-
"@purpurds/tokens": "3.5.
|
|
19
|
+
"@purpurds/paragraph": "3.5.1",
|
|
20
|
+
"@purpurds/tokens": "3.5.1"
|
|
21
21
|
},
|
|
22
22
|
"devDependencies": {
|
|
23
23
|
"@rushstack/eslint-patch": "~1.7.0",
|
|
@@ -41,8 +41,8 @@
|
|
|
41
41
|
"typescript": "~5.2.2",
|
|
42
42
|
"vite": "~5.1.0",
|
|
43
43
|
"vitest": "~1.4.0",
|
|
44
|
-
"@purpurds/
|
|
45
|
-
"@purpurds/
|
|
44
|
+
"@purpurds/icon": "3.5.1",
|
|
45
|
+
"@purpurds/component-rig": "1.0.0"
|
|
46
46
|
},
|
|
47
47
|
"scripts": {
|
|
48
48
|
"build:dev": "vite",
|
package/src/link.module.scss
CHANGED
|
@@ -36,7 +36,7 @@
|
|
|
36
36
|
background-color: var(--purpur-color-background-interactive-transparent-active);
|
|
37
37
|
}
|
|
38
38
|
|
|
39
|
-
&:visited:not(#{$block}--disable-visited) {
|
|
39
|
+
&:visited:not(#{$block}--disable-visited > a) {
|
|
40
40
|
color: var(--purpur-color-text-interactive-primary-active);
|
|
41
41
|
}
|
|
42
42
|
}
|
|
@@ -58,7 +58,7 @@
|
|
|
58
58
|
color: var(--purpur-color-text-interactive-primary-negative-active);
|
|
59
59
|
}
|
|
60
60
|
|
|
61
|
-
&:visited:not(#{$block}--disable-visited) {
|
|
61
|
+
&:visited:not(#{$block}--disable-visited > a) {
|
|
62
62
|
color: var(--purpur-color-text-interactive-primary-negative-active);
|
|
63
63
|
}
|
|
64
64
|
}
|
package/src/link.stories.tsx
CHANGED
|
@@ -66,7 +66,7 @@ export const Showcase: Story = {
|
|
|
66
66
|
}}
|
|
67
67
|
>
|
|
68
68
|
<Link variant={variant} {...args}>
|
|
69
|
-
<a href="https://www.telia.se" target="_blank">
|
|
69
|
+
<a href="https://www.telia.se" target="_blank" rel="noreferrer">
|
|
70
70
|
{children}
|
|
71
71
|
</a>
|
|
72
72
|
</Link>
|
|
@@ -82,7 +82,7 @@ export const WithLeftIcon: Story = {
|
|
|
82
82
|
},
|
|
83
83
|
render: ({ children, variant, ...args }) => (
|
|
84
84
|
<Link variant={variant} {...args}>
|
|
85
|
-
<a href="https://www.telia.se" target="_blank">
|
|
85
|
+
<a href="https://www.telia.se" target="_blank" rel="noreferrer">
|
|
86
86
|
<Icon svg={bloodPressure} size="xs" />
|
|
87
87
|
{children}
|
|
88
88
|
</a>
|
|
@@ -106,7 +106,7 @@ export const WithRightIcon: Story = {
|
|
|
106
106
|
}}
|
|
107
107
|
>
|
|
108
108
|
<Link variant={variant} {...args}>
|
|
109
|
-
<a href="https://www.telia.se" target="_blank">
|
|
109
|
+
<a href="https://www.telia.se" target="_blank" rel="noreferrer">
|
|
110
110
|
{children}
|
|
111
111
|
<Icon svg={endUser} size="xs" />
|
|
112
112
|
</a>
|