@telia-ace/widget-components-image-link 1.1.1-rc.2 → 1.1.1-rc.4

package/image-link-cc3f21dc.js

@@ -0,0 +1,11 @@
+"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`
+    a {
+        display: block;
+        &:focus-visible {
+            ${i.borderTabStyle};
+        }
+    }
+    img {
+        max-width: 100%;
+    }
+`;exports.default=u;

package/image-link-df3cdeed.mjs

@@ -0,0 +1,21 @@
+import { jsx as a } from "react/jsx-runtime";
+import o from "@emotion/styled";
+import { useProperties as s, Link as n, borderTabStyle as p } from "@telia-ace/widget-ui";
+import { appendClassNames as c } from "@telia-ace/widget-utilities";
+const h = ({ className: m, ...t }) => {
+  const { route: e, image: r, ariaLabel: i, altLabel: l } = s();
+  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 }) });
+}, d = o.div`
+    a {
+        display: block;
+        &:focus-visible {
+            ${p};
+        }
+    }
+    img {
+        max-width: 100%;
+    }
+`;
+export {
+  h as default
+};

package/index.js

@@ -1 +1 @@
-"use strict";const e=require("./index-6cc1b5e6.js");require("@emotion/react");require("react/jsx-runtime");require("react");require("@emotion/styled");require("react-transition-group");require("react-dom");require("react-router-dom");module.exports=e.ImageLinkComponent;
+"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

@@ -1,11 +1,5 @@
-import { I as d } from "./index-3743be8d.mjs";
-import "@emotion/react";
-import "react/jsx-runtime";
-import "react";
-import "@emotion/styled";
-import "react-transition-group";
-import "react-dom";
-import "react-router-dom";
+import { createReactComponent as t } from "@telia-ace/widget-ui";
+const n = (e) => t(e, "image-link", import("./image-link-df3cdeed.mjs"));
 export {
-  d as default
+  n as default
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@telia-ace/widget-components-image-link",
-  "version": "1.1.1-rc.2",
+  "version": "1.1.1-rc.4",
   "main": "./index.js",
   "types": "./index.d.ts",
   "exports": {
@@ -10,9 +10,9 @@
     }
   },
   "dependencies": {
-    "@telia-ace/widget-core": "^1.1.1-rc.2",
-    "@telia-ace/widget-ui": "^1.1.1-rc.2",
-    "@telia-ace/widget-utilities": "^1.1.1-rc.2",
+    "@telia-ace/widget-core": "^1.1.1-rc.4",
+    "@telia-ace/widget-ui": "^1.1.1-rc.4",
+    "@telia-ace/widget-utilities": "^1.1.1-rc.4",
     "@webprovisions/platform": "^1.1.4"
   },
   "peerDependencies": {

package/image-link-c554a5db.mjs

@@ -1,25 +0,0 @@
-import { jsx as r } from "react/jsx-runtime";
-import m from "@emotion/styled";
-import "@emotion/react";
-import { C as p, a as l, L as n, b as c } from "./index-3743be8d.mjs";
-import { useContext as b } from "react";
-import "react-dom";
-import "react-transition-group";
-import "react-router-dom";
-const d = () => b(p), N = ({ className: e, ...s }) => {
-  const { route: a, image: t, ariaLabel: o, altLabel: i } = d();
-  return /* @__PURE__ */ r(u, { ...s, className: l(e, "humany-image-link"), children: a ? /* @__PURE__ */ r(n, { routeName: a, "aria-label": o, children: /* @__PURE__ */ r("img", { src: t, alt: i }) }) : /* @__PURE__ */ r("img", { src: t, alt: i, "aria-label": o }) });
-}, u = m.div`
-    a {
-        display: block;
-        &:focus-visible {
-            ${c};
-        }
-    }
-    img {
-        max-width: 100%;
-    }
-`;
-export {
-  N as default
-};

package/image-link-d0831756.js

@@ -1,11 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),l=require("@emotion/styled");require("@emotion/react");const r=require("./index-6cc1b5e6.js"),u=require("react");require("react-dom");require("react-transition-group");require("react-router-dom");const c=()=>u.useContext(r.ComponentPropertyContext),m=({className:t,...o})=>{const{route:i,image:a,ariaLabel:s,altLabel:n}=c();return e.jsx(p,{...o,className:r.appendClassNames(t,"humany-image-link"),children:i?e.jsx(r.Link,{routeName:i,"aria-label":s,children:e.jsx("img",{src:a,alt:n})}):e.jsx("img",{src:a,alt:n,"aria-label":s})})},p=l.div`
-    a {
-        display: block;
-        &:focus-visible {
-            ${r.borderTabStyle};
-        }
-    }
-    img {
-        max-width: 100%;
-    }
-`;exports.default=m;