mg-library 1.0.653 → 1.0.655

package/blocks.js

@@ -5,8 +5,8 @@ import MaterialCommunityIcons from 'react-native-vector-icons/MaterialCommunityI
 import * as ImageManipulator from 'expo-image-manipulator';
 import { Camera, CameraType, CameraView } from 'expo-camera';
 import axios from 'axios';
-import { Divider, Button as NBButton, Icon as NBIcon, Popover as NBPopover, Input as NBInput } from 'native-base';
-import { Box } from '@gluestack-ui/themed';
+import { Button as NBButton, Icon as NBIcon, Popover as NBPopover, Input as NBInput } from 'native-base';
+import { Box, Divider } from '@gluestack-ui/themed';
 import { uploadFile } from '@uploadcare/upload-client';
 import { useSafeAreaInsets } from 'react-native-safe-area-context';
 

package/components.js

@@ -1,26 +1,29 @@
-//import { Text } from 'native-base';
 import { Box, Text } from '@gluestack-ui/themed';
 import { MGDivider } from './blocks.js';
 
 const categoryMap = {
-    h1: { fontSize: '4xl', fontWeight: 'bold' },
-    h2: { fontSize: '3xl', fontWeight: 'bold' },
-    h3: { fontSize: '2xl', fontWeight: 'bold' },
-    h4: { fontSize: 'xl', fontWeight: 'semibold' },
-    h5: { fontSize: 'lg', fontWeight: 'semibold' },
-    h6: { fontSize: 'md', fontWeight: 'semibold' },
-    s1: { fontSize: 'md', fontWeight: 'medium' },
-    s2: { fontSize: 'sm', fontWeight: 'medium' },
-    p1: { fontSize: 'md', fontWeight: 'normal' },
-    p2: { fontSize: 'sm', fontWeight: 'normal' },
-    label: { fontSize: 'sm', fontWeight: 'medium' },
-    c1: { fontSize: 'xs' },
-    c2: { fontSize: '2xs' },
+    h1: { size: '4xl', fontWeight: '$bold' },
+    h2: { size: '3xl', fontWeight: '$bold' },
+    h3: { size: '2xl', fontWeight: '$bold' },
+    h4: { size: 'xl', fontWeight: '$semibold' },
+    h5: { size: 'lg', fontWeight: '$semibold' },
+    h6: { size: 'md', fontWeight: '$semibold' },
+    s1: { size: 'md', fontWeight: '$medium' },
+    s2: { size: 'sm', fontWeight: '$medium' },
+    p1: { size: 'md', fontWeight: '$normal' },
+    p2: { size: 'sm', fontWeight: '$normal' },
+    label: { size: 'sm', fontWeight: '$medium' },
+    c1: { size: 'xs' },
+    c2: { size: '2xs' },
 };
 
-export function MGText({ category = 'p1', style, ...props }) {
+export function MGText({ category = 'p1', style, children, ...props }) {
     const styleProps = categoryMap[category] || categoryMap.p1;
-    return <Text {...styleProps} {...props} style={style} />;
+    return (
+        <Text {...styleProps} {...props} style={style}>
+            {children}
+        </Text>
+    );
 }
 
 export function MGCard({ children, header = null, footer = null, style = {}, ...props }) {

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "mg-library",
-    "version": "1.0.653",
+    "version": "1.0.655",
     "description": "",
     "main": "index.js",
     "scripts": {