@popp0102/nova 0.8.0 → 0.9.0

package/lib/components/{Title → Heading}/config.js

@@ -1,14 +1,16 @@
 import { StyleSheet } from 'react-native';
 
 export const sizes = {
-  tiny: 16,
-  small: 20,
-  medium: 24,
-  large: 28,
+  h1: 64,
+  h2: 48,
+  h3: 28,
+  h4: 24,
+  h5: 20,
+  h6: 16,
 };
 
 export const styles = StyleSheet.create({
-  title: {
+  heading: {
     fontWeight: 'bold',
   },
 });

package/lib/components/Heading/index.js

@@ -0,0 +1,12 @@
+import { Text } from "react-native";
+import { sizes, styles } from './config';
+
+export default function Heading({ children, color = 'black', size = 'h4', fontFamily }) {
+  const fontSize = sizes[size] || sizes.h4;
+
+  return (
+    <Text style={[styles.heading, { color, fontSize, fontFamily }]}>
+      {children}
+    </Text>
+  );
+}

package/lib/index.js

@@ -5,7 +5,7 @@ export { default as Card } from './components/Card';
 export { default as IconButton } from './components/IconButton';
 export { default as Screen } from './components/Screen';
 export { default as Subtitle } from './components/Subtitle';
-export { default as Title } from './components/Title';
+export { default as Heading } from './components/Heading';
 export { default as FadeView } from './components/animations/FadeView';
 export { default as SlideView } from './components/animations/SlideView';
 export { default as ShakeView } from './components/animations/ShakeView';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@popp0102/nova",
-  "version": "0.8.0",
+  "version": "0.9.0",
   "description": "React Native component library",
   "main": "lib/index.js",
   "module": "lib/index.js",

package/lib/components/Title/index.js

@@ -1,12 +0,0 @@
-import { Text } from "react-native";
-import { sizes, styles } from './config';
-
-export default function Title({ children, color = 'black', size = 'medium' }) {
-  const fontSize = sizes[size] || sizes.medium;
-
-  return (
-    <Text style={[styles.title, { color, fontSize }]}>
-      {children}
-    </Text>
-  );
-}