@telia-ace/widget-components-image-link 1.1.1-rc.1 → 1.1.1-rc.3
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/image-link-cc3f21dc.js +11 -0
- package/image-link-df3cdeed.mjs +21 -0
- package/index.js +1 -1
- package/index.mjs +3 -5
- package/package.json +4 -4
- package/image-link-92fae51c.mjs +0 -21
- package/image-link-a9e10159.js +0 -11
- package/index-2bd7b581.mjs +0 -7892
- package/index-6120625f.js +0 -621
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),o=require("@emotion/styled"),i=require("@telia-ace/widget-ui"),c=require("@telia-ace/widget-utilities"),u=({className:l,...n})=>{const{route:a,image:r,ariaLabel:t,altLabel:s}=i.useProperties();return e.jsx(d,{...n,className:c.appendClassNames(l,"humany-image-link"),children:a?e.jsx(i.Link,{routeName:a,"aria-label":t,children:e.jsx("img",{src:r,alt:s})}):e.jsx("img",{src:r,alt:s,"aria-label":t})})},d=o.div`
|
|
2
|
+
a {
|
|
3
|
+
display: block;
|
|
4
|
+
&:focus-visible {
|
|
5
|
+
${i.borderTabStyle};
|
|
6
|
+
}
|
|
7
|
+
}
|
|
8
|
+
img {
|
|
9
|
+
max-width: 100%;
|
|
10
|
+
}
|
|
11
|
+
`;exports.default=u;
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import { jsx as a } from "react/jsx-runtime";
|
|
2
|
+
import o from "@emotion/styled";
|
|
3
|
+
import { useProperties as s, Link as n, borderTabStyle as p } from "@telia-ace/widget-ui";
|
|
4
|
+
import { appendClassNames as c } from "@telia-ace/widget-utilities";
|
|
5
|
+
const h = ({ className: m, ...t }) => {
|
|
6
|
+
const { route: e, image: r, ariaLabel: i, altLabel: l } = s();
|
|
7
|
+
return /* @__PURE__ */ a(d, { ...t, className: c(m, "humany-image-link"), children: e ? /* @__PURE__ */ a(n, { routeName: e, "aria-label": i, children: /* @__PURE__ */ a("img", { src: r, alt: l }) }) : /* @__PURE__ */ a("img", { src: r, alt: l, "aria-label": i }) });
|
|
8
|
+
}, d = o.div`
|
|
9
|
+
a {
|
|
10
|
+
display: block;
|
|
11
|
+
&:focus-visible {
|
|
12
|
+
${p};
|
|
13
|
+
}
|
|
14
|
+
}
|
|
15
|
+
img {
|
|
16
|
+
max-width: 100%;
|
|
17
|
+
}
|
|
18
|
+
`;
|
|
19
|
+
export {
|
|
20
|
+
h as default
|
|
21
|
+
};
|
package/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";const
|
|
1
|
+
"use strict";const t=require("@telia-ace/widget-ui"),r=e=>t.createReactComponent(e,"image-link",Promise.resolve().then(()=>require("./image-link-cc3f21dc.js")));module.exports=r;
|
package/index.mjs
CHANGED
|
@@ -1,7 +1,5 @@
|
|
|
1
|
-
import {
|
|
2
|
-
|
|
3
|
-
import "react";
|
|
4
|
-
import "react-dom";
|
|
1
|
+
import { createReactComponent as t } from "@telia-ace/widget-ui";
|
|
2
|
+
const n = (e) => t(e, "image-link", import("./image-link-df3cdeed.mjs"));
|
|
5
3
|
export {
|
|
6
|
-
|
|
4
|
+
n as default
|
|
7
5
|
};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@telia-ace/widget-components-image-link",
|
|
3
|
-
"version": "1.1.1-rc.
|
|
3
|
+
"version": "1.1.1-rc.3",
|
|
4
4
|
"main": "./index.js",
|
|
5
5
|
"types": "./index.d.ts",
|
|
6
6
|
"exports": {
|
|
@@ -10,9 +10,9 @@
|
|
|
10
10
|
}
|
|
11
11
|
},
|
|
12
12
|
"dependencies": {
|
|
13
|
-
"@telia-ace/widget-core": "^1.1.1-rc.
|
|
14
|
-
"@telia-ace/widget-ui": "^1.1.1-rc.
|
|
15
|
-
"@telia-ace/widget-utilities": "^1.1.1-rc.
|
|
13
|
+
"@telia-ace/widget-core": "^1.1.1-rc.3",
|
|
14
|
+
"@telia-ace/widget-ui": "^1.1.1-rc.3",
|
|
15
|
+
"@telia-ace/widget-utilities": "^1.1.1-rc.3",
|
|
16
16
|
"@webprovisions/platform": "^1.1.4"
|
|
17
17
|
},
|
|
18
18
|
"peerDependencies": {
|
package/image-link-92fae51c.mjs
DELETED
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
import { jsx as e } from "react/jsx-runtime";
|
|
2
|
-
import { C as l, a as n, L as m, n as p, b as c } from "./index-2bd7b581.mjs";
|
|
3
|
-
import { useContext as b } from "react";
|
|
4
|
-
import "react-dom";
|
|
5
|
-
const d = () => b(l), C = ({ className: a, ...i }) => {
|
|
6
|
-
const { route: r, image: t, ariaLabel: s, altLabel: o } = d();
|
|
7
|
-
return /* @__PURE__ */ e(u, { ...i, className: n(a, "humany-image-link"), children: r ? /* @__PURE__ */ e(m, { routeName: r, "aria-label": s, children: /* @__PURE__ */ e("img", { src: t, alt: o }) }) : /* @__PURE__ */ e("img", { src: t, alt: o, "aria-label": s }) });
|
|
8
|
-
}, u = p.div`
|
|
9
|
-
a {
|
|
10
|
-
display: block;
|
|
11
|
-
&:focus-visible {
|
|
12
|
-
${c};
|
|
13
|
-
}
|
|
14
|
-
}
|
|
15
|
-
img {
|
|
16
|
-
max-width: 100%;
|
|
17
|
-
}
|
|
18
|
-
`;
|
|
19
|
-
export {
|
|
20
|
-
C as default
|
|
21
|
-
};
|
package/image-link-a9e10159.js
DELETED
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),e=require("./index-6120625f.js"),l=require("react");require("react-dom");const c=()=>l.useContext(e.ComponentPropertyContext),u=({className:t,...o})=>{const{route:a,image:i,ariaLabel:s,altLabel:n}=c();return r.jsx(m,{...o,className:e.appendClassNames(t,"humany-image-link"),children:a?r.jsx(e.Link,{routeName:a,"aria-label":s,children:r.jsx("img",{src:i,alt:n})}):r.jsx("img",{src:i,alt:n,"aria-label":s})})},m=e.newStyled.div`
|
|
2
|
-
a {
|
|
3
|
-
display: block;
|
|
4
|
-
&:focus-visible {
|
|
5
|
-
${e.borderTabStyle};
|
|
6
|
-
}
|
|
7
|
-
}
|
|
8
|
-
img {
|
|
9
|
-
max-width: 100%;
|
|
10
|
-
}
|
|
11
|
-
`;exports.default=u;
|