@obolnetwork/obol-ui 1.0.4 → 1.0.5

package/dist/components/atoms/LogoCard/LogoCard.d.ts

@@ -1,6 +1,7 @@
 export declare const LogoCard: (props: {
     image: string;
     heading: string;
+    logoCardLink?: string;
     width?: string;
     height?: string;
 }) => JSX.Element;

package/dist/components/utils/types.d.ts

@@ -19,6 +19,7 @@ export interface EcosystemCardProps {
     heading: string;
     subheading?: string;
     links?: SocialNetwork[];
+    logoCardLink?: string;
 }
 export interface EcosystemTabsProps {
     tab: string;

package/dist/index.es.js

@@ -1122,19 +1122,20 @@ var MediaQueryKeys = {
 
 var LogoCard = function (props) {
     var screenDownSm = useMediaQuery(MediaQueryKeys.sm);
-    return (jsx(Box, __assign({ className: "logo-card", css: {
+    return (jsx(Box, __assign({ as: "a", className: "logo-card", css: {
             position: "relative",
             width: "288px",
             height: "120px",
             borderRadius: "$4",
             backgroundColor: "$bg04",
+            "&:hover": { cursor: "pointer", backgroundColor: "$bg05" },
             p: "$sm",
             "@sm": {
                 width: "42%",
                 height: "auto",
                 p: "$xxs",
             },
-        } }, { children: !screenDownSm ? (jsx(Image$1, { src: props.image, layout: "fill", objectFit: "scale-down", alt: props.heading })) : (jsx(Image$1, { src: props.image, layout: "responsive", objectFit: "fill", width: props.width, height: props.height, alt: props.heading })) })));
+        }, target: "_blank", href: props.logoCardLink }, { children: !screenDownSm ? (jsx(Image$1, { src: props.image, layout: "fill", objectFit: "scale-down", alt: props.heading })) : (jsx(Image$1, { src: props.image, layout: "responsive", objectFit: "fill", width: props.width, height: props.height, alt: props.heading })) })));
 };
 
 // Exports

package/dist/index.js

@@ -1152,19 +1152,20 @@ var MediaQueryKeys = {
 
 var LogoCard = function (props) {
     var screenDownSm = useMediaQuery(MediaQueryKeys.sm);
-    return (jsxRuntime.jsx(Box, __assign({ className: "logo-card", css: {
+    return (jsxRuntime.jsx(Box, __assign({ as: "a", className: "logo-card", css: {
             position: "relative",
             width: "288px",
             height: "120px",
             borderRadius: "$4",
             backgroundColor: "$bg04",
+            "&:hover": { cursor: "pointer", backgroundColor: "$bg05" },
             p: "$sm",
             "@sm": {
                 width: "42%",
                 height: "auto",
                 p: "$xxs",
             },
-        } }, { children: !screenDownSm ? (jsxRuntime.jsx(Image__default["default"], { src: props.image, layout: "fill", objectFit: "scale-down", alt: props.heading })) : (jsxRuntime.jsx(Image__default["default"], { src: props.image, layout: "responsive", objectFit: "fill", width: props.width, height: props.height, alt: props.heading })) })));
+        }, target: "_blank", href: props.logoCardLink }, { children: !screenDownSm ? (jsxRuntime.jsx(Image__default["default"], { src: props.image, layout: "fill", objectFit: "scale-down", alt: props.heading })) : (jsxRuntime.jsx(Image__default["default"], { src: props.image, layout: "responsive", objectFit: "fill", width: props.width, height: props.height, alt: props.heading })) })));
 };
 
 // Exports

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@obolnetwork/obol-ui",
-  "version": "1.0.4",
+  "version": "1.0.5",
   "main": "dist/index.js",
   "module": "dist/index.es.js",
   "license": "MIT",