@momo-kits/foundation 0.154.1-beta.0 → 0.154.1-beta.2

package/Layout/utils.ts

@@ -1,5 +1,5 @@
-import React, { Fragment, ReactElement, useEffect, useState } from 'react';
-import { Dimensions } from 'react-native';
+import React, { Fragment, ReactElement } from 'react';
+import { useWindowDimensions } from 'react-native';
 
 /**
  * validate children type
@@ -39,20 +39,8 @@ const validateChildren = (
 };
 
 const useGridSystem = () => {
-  const [numberOfColumns, setNumberOfColumns] = useState(
-    Dimensions.get('window').width > 600 ? 24 : 12,
-  );
-
-  useEffect(() => {
-    const subscription: any = Dimensions.addEventListener('change', () => {
-      const newColumns = Dimensions.get('window').width > 600 ? 24 : 12;
-      if (newColumns !== numberOfColumns) {
-        setNumberOfColumns(newColumns);
-      }
-    });
-    return () => subscription?.remove();
-  }, [numberOfColumns]);
-
+  const windowSize = useWindowDimensions();
+  const numberOfColumns = windowSize.width > 600 ? 24 : 12;
   return { numberOfColumns };
 };
 

package/Text/index.tsx

@@ -5,6 +5,7 @@ import { Typography, TypographyWeight } from './types';
 import { ApplicationContext, SkeletonContext } from '../Context';
 import { scaleSize, useScaleSize } from './utils';
 import { Skeleton } from '../Skeleton';
+import { Colors } from '../Consts';
 
 const SFProText: TypographyWeight = {
   100: 'Thin',
@@ -34,6 +35,20 @@ const AlegreyaSans: TypographyWeight = {
   bold: 'Bold',
 };
 
+const BarlowCondensed: TypographyWeight = {
+  100: 'Thin',
+  200: 'ExtraLight',
+  300: 'Light',
+  400: 'Regular',
+  500: 'Medium',
+  600: 'SemiBold',
+  700: 'Bold',
+  800: 'ExtraBold',
+  900: 'Black',
+  normal: 'Regular',
+  bold: 'Bold',
+};
+
 const FontStyle: { [key: string]: string } = {
   italic: 'Italic',
   normal: '',
@@ -104,6 +119,10 @@ const TypoStyles = (
       fontFamily = `${font}-${AlegreyaSans[fontWeight]}${style}`;
       break;
     }
+    case 'BarlowCondensed': {
+      fontFamily = `${font}-${BarlowCondensed[fontWeight]}${style}`;
+      break;
+    }
     case 'Montserrat-Bold':
     case 'iCielPanton-Black':
     case 'iCielBCCubano-Normal':
@@ -175,6 +194,8 @@ const Text: React.FC<TextProps> = ({
         textStyle,
         {
           color: color ?? theme.colors.text.default,
+          borderWidth: 1,
+          borderColor: Colors.green_06,
         },
       ]}
     >

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@momo-kits/foundation",
-    "version": "0.154.1-beta.0",
+    "version": "0.154.1-beta.2",
     "description": "React Native Component Kits",
     "main": "index.ts",
     "scripts": {},