fix: image card link hover (#995)

* fix: image card link hover

Author: qradle-yndx

src/sub-blocks/ImageCard/ImageCard.scss

@@ -73,3 +73,9 @@ $block: '.#{$ns}image-card';
         }
     }
 }
+
+a#{$block} {
+    @include reset-link-style();
+    @include reset-link-hover();
+    @include card($hover: true);
+}

src/sub-blocks/ImageCard/__stories__/ImageCard.stories.tsx

@@ -158,12 +158,14 @@ export const Margins = MultipleTemplate.bind({});
 export const DirectionReverse = MultipleTemplate.bind({});
 export const Content = ContentTemplate.bind({});
 export const BackgroundColor = MultipleTemplate.bind({});
+export const WithUrl = MultipleTemplate.bind({});
 export const Border = BorderTemplate.bind({});
 export const BorderRadius = BorderRadiusTemplate.bind({});
 export const ControlPosition = ControlPositionTemplate.bind({});
 
 DirectionReverse.args = {direction: 'reverse'} as Partial<ImageCardProps>;
 BackgroundColor.args = {...data.backgroundColor.content};
+WithUrl.args = {...data.withUrl.content};
 ControlPosition.args = undefined;
 ControlPosition.argTypes = {
     title: {table: {disable: true}},

src/sub-blocks/ImageCard/__stories__/data.json

@@ -48,6 +48,11 @@
       "backgroundColor": "#ccf0d2"
     }
   },
+  "withUrl": {
+    "content": {
+      "url": "https://example.com"
+    }
+  },
   "content": {
     "url": "https://example.com",
     "links": [