@quintype/native-components 2.20.21 → 2.20.23

package/CHANGELOG.md

@@ -2,6 +2,20 @@
 
 All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.
 
+### [2.20.23](https://github.com/quintype/native-components/compare/v2.20.22...v2.20.23) (2024-03-11)
+
+
+### Bug Fixes
+
+* **text:** Fix text-clipping issue for Kannada font ([943c14f](https://github.com/quintype/native-components/commit/943c14f4eb02159cc41114e6cdddd7c9ba9d883a))
+
+### [2.20.22](https://github.com/quintype/native-components/compare/v2.20.21...v2.20.22) (2024-02-26)
+
+
+### Bug Fixes
+
+* **Misc.:** Regression Feb '24 ([#221](https://github.com/quintype/native-components/issues/221)) ([40262cd](https://github.com/quintype/native-components/commit/40262cdfca550796b7696021e04b73c22708d98e))
+
 ### [2.20.21](https://github.com/quintype/native-components/compare/v2.20.20...v2.20.21) (2024-02-07)
 
 ### [2.20.20](https://github.com/quintype/native-components/compare/v2.20.19...v2.20.20) (2024-01-22)

package/package.json

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

package/src/Icons/PremiumIcons/index.js

@@ -3,17 +3,20 @@ import React, { useContext } from 'react';
 import { AppTheme } from "../../utils/context";
 import PropTypes from "prop-types";
 
-const PremiumIcon = ({name, style, size, color}) => {
+const PremiumIcon = ({name, style, size, color, fallbackToCrown = false}) => {
   const { theme } = useContext(AppTheme);
   const { COLORS } = theme;
+  const iconName = name === "none" && fallbackToCrown ? "crown" : name;
+
   color = color ?? COLORS.BRAND_1;
-    return <MaterialIcon name={name} style={style} size={size} color={color} />
+    return <MaterialIcon name={iconName} style={style} size={size} color={color} />
 }
 PremiumIcon.propTypes = {
   name: PropTypes.string.isRequired,
   size: PropTypes.any.isRequired,
   color: PropTypes.string,
-  style: PropTypes.any
+  style: PropTypes.any,
+  fallbackToCrown: PropTypes.bool,
 };
 
 

package/src/components/PDFReader/index.js

@@ -42,7 +42,7 @@ export const PDFReader = ({ card, share }) => {
       <Modal animationType="slide" transparent={false} visible={modalVisible}>
         <View style={headerStyles}>
           <TouchableOpacity style={styles.headerButton} onPress={hideModal}>
-            <IonIcon name="ios-close" size={46} color={COLORS.BRAND_WHITE} />
+            <IonIcon name="close" size={24} color={COLORS.BRAND_WHITE} />
           </TouchableOpacity>
         </View>
         <Pdf

package/src/components/PDFReader/styles.js

@@ -5,14 +5,13 @@ export const pdfStyles = (COLORS, FONT_SIZE, DARK_MODE) => StyleSheet.create({
     flex: 1,
   },
   header: {
-    height: 75,
     flexDirection: 'row',
-    paddingHorizontal: 25,
+    padding: 10,
     justifyContent: 'space-between',
     alignItems: 'center',
   },
   headerButton: {
-    paddingTop: 25,
+    paddingTop: 10,
   },
   pdfText: {
     fontSize: FONT_SIZE.h2,

package/src/components/PrimaryStoryCardNew/styles.js

@@ -15,13 +15,13 @@ export const storyStyles = (COLORS = {}, FONT_SIZE = {}) => ({
   timestamp: {
     color: COLORS?.BRAND_BLACK,
     fontSize: FONT_SIZE.h5,
-    lineHeight: FONT_SIZE.h5 * 1.2,
+    lineHeight: FONT_SIZE.h5 * 1.5,
     opacity: 0.6,
     marginTop: 4,
   },
   headline: {
     fontSize: FONT_SIZE.title,
-    lineHeight: FONT_SIZE.title * 1.4,
+    lineHeight: FONT_SIZE.title * 1.6,
     color: COLORS.BRAND_BLACK,
     marginTop: 4,
   },
@@ -56,8 +56,8 @@ export const storyStyles = (COLORS = {}, FONT_SIZE = {}) => ({
     borderRadius: 50,
     backgroundColor: COLORS.BRAND_3,
   },
-  premiumIcon:{
+  premiumIcon: {
     marginTop: FONT_SIZE.h3 * 0.92,
-    marginRight:5
-  }
+    marginRight: 5,
+  },
 });

package/src/components/SecondaryStoryCardNew/styles.js

@@ -16,7 +16,7 @@ export const storyStyles = ({ COLORS, FONT_SIZE }) => StyleSheet.create({
   timestamp: {
     color: COLORS.BRAND_BLACK,
     fontSize: FONT_SIZE.h5,
-    lineHeight: FONT_SIZE.h5 * 1.2,
+    lineHeight: FONT_SIZE.h5 * 1.5,
     opacity: 0.6,
     marginTop: 4,
   },
@@ -24,7 +24,7 @@ export const storyStyles = ({ COLORS, FONT_SIZE }) => StyleSheet.create({
     color: COLORS.BRAND_BLACK,
     flexWrap: 'wrap',
     fontSize: FONT_SIZE.h3,
-    lineHeight: FONT_SIZE.h3 * 1.4,
+    lineHeight: FONT_SIZE.h3 * 1.6,
   },
   icon: {
     marginLeft: 8,
@@ -57,8 +57,8 @@ export const storyStyles = ({ COLORS, FONT_SIZE }) => StyleSheet.create({
     borderRadius: 50,
     backgroundColor: COLORS.BRAND_3,
   },
-  premiumIcon:{
+  premiumIcon: {
     marginTop: FONT_SIZE.h3 * 0.45,
-    marginRight:3
-  }
+    marginRight: 3,
+  },
 });