@telia-ace/widget-components-image-link 0.0.1

package/image-link-31e91045.mjs

@@ -0,0 +1,28 @@
+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/image-link-850d4a3c.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-component.d.ts

@@ -0,0 +1,10 @@
+import { Container } from '@webprovisions/platform';
+
+export type ImageLinkComponentProps = {
+    route: string;
+    image: string;
+    ariaLabel: string;
+    altLabel: string;
+};
+declare const ImageLinkComponent: (container: Container) => Promise<void>;
+export default ImageLinkComponent;

package/image-link.d.ts

@@ -0,0 +1,7 @@
+import { default as React } from 'react';
+
+type Props = {
+    className: string;
+};
+declare const ImageLink: React.FC<Props>;
+export default ImageLink;

package/index.d.ts

@@ -0,0 +1,3 @@
+import { default as ImageLinkComponent } from './image-link-component';
+
+export default ImageLinkComponent;

package/index.js

@@ -0,0 +1 @@
+"use strict";const t=require("@telia-ace/widget-ui"),r=e=>t.createReactComponent(e,"image-link",Promise.resolve().then(()=>require("./image-link-850d4a3c.js")));module.exports=r;

package/index.mjs

@@ -0,0 +1,5 @@
+import { createReactComponent as t } from "@telia-ace/widget-ui";
+const n = (e) => t(e, "image-link", import("./image-link-31e91045.mjs"));
+export {
+  n as default
+};

package/package.json

@@ -0,0 +1,23 @@
+{
+  "name": "@telia-ace/widget-components-image-link",
+  "version": "0.0.1",
+  "main": "./index.js",
+  "types": "./index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./index.mjs",
+      "require": "./index.js"
+    }
+  },
+  "dependencies": {
+    "@telia-ace/widget-core": "*",
+    "@telia-ace/widget-ui": "*",
+    "@telia-ace/widget-utilities": "*",
+    "@webprovisions/platform": "^1.1.4"
+  },
+  "peerDependencies": {
+    "@emotion/react": "11.11.1",
+    "@emotion/styled": "11.11.0",
+    "react": "18.2.0"
+  }
+}