@quintype/native-components 2.28.2 → 2.28.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@quintype/native-components",
-  "version": "2.28.2",
+  "version": "2.28.4",
   "description": "",
   "main": "src/index.js",
   "scripts": {

package/src/components/ResponsiveImage/index.js

@@ -29,6 +29,10 @@ const ResponsiveImageBase = (props) => {
       borderRadius: 12,
       overflow: "hidden",
     },
+    props.imageWidth && {
+      width: props.imageWidth,
+      height: (props.imageWidth * 9) / 16,
+    },
   ])
 
   const flattenedImageStyle = StyleSheet.flatten([
@@ -97,6 +101,7 @@ const ResponsiveImageBase = (props) => {
         source={sourceURI}
         resizeMode={FastImage.resizeMode.contain}
         {...props}
+        onLoad={()=>setPlaceholder(false)}
       />
     )
   }

package/src/components/SecondaryStoryCard/styles.js

@@ -16,7 +16,6 @@ export const storyStyles = ({ COLORS, FONT_SIZE, FONT_FAMILY, lineHeightMultipli
     gap: 10,
   },
   image: {
-    marginBottom: 4,
     marginTop: storyCardOptions.enableSectionName ? FONT_SIZE.h4 * lineHeightMultiplier + 8 : 4,
   },
   icon: {

package/src/components/StoryTemplateIcon/index.js

@@ -55,4 +55,4 @@ export const StoryTemplateIcon = ({
     default:
       return null;
   }
-};
+};

package/src/components/StoryTemplateIcon/styles.js

@@ -20,4 +20,4 @@ export const storyTemplateIconStyles = (COLORS, FONT_SIZE, cardType) => StyleShe
     borderRadius: 50,
     backgroundColor: COLORS.BRAND_3,
   },
-});
+});

package/src/components/index.js

@@ -40,7 +40,7 @@ export { IconText } from './IconText';
 export { CustomSwitch } from './CustomSwitch';
 export { RelatedStoriesCard } from './RelatedStoriesCard';
 export { References } from './References';
+export { StoryTemplateIcon } from './StoryTemplateIcon'
 export { StoryCardDetailsRow } from './StoryCardDetailsRow';
 export { TextA } from './TextA'
-export { TextQ } from './TextQ'
-export { StoryTemplateIcon } from './StoryTemplateIcon'
+export { TextQ } from './TextQ'