docs: add documentation section to README with link to complete documentation website

Author: ledutu2

README.md

@@ -2,6 +2,10 @@
 
 A comprehensive React Native component library with modern, customizable, and accessible components.
 
+## 📖 Documentation
+
+🌐 **[Complete Documentation Website](https://rn-base-component-docs.vercel.app/)** - Interactive documentation with examples and API references
+
 ## Features
 
 - 🎯 **Modern Components** - Built with the latest React Native patterns

src/components/TextInput/README.md

@@ -498,7 +498,7 @@ const customTheme = extendTheme({
       labelStyle: {
         // Default label style
         fontSize: 14,
-        fontWeight: '500',
+        fontWeight: 'normal',
         marginBottom: 4,
         color: '#333333',
       },
@@ -549,7 +549,7 @@ TextInputTheme: {
   },
   labelStyle: {
     fontSize: 14,
-    fontWeight: '500',
+    fontWeight: 'normal',
     marginBottom: 4,                    // base.spacing.tiny
     color: '#27272a',                   // base.colors.darkText
   },

src/components/Typography/Typography.tsx

@@ -33,17 +33,17 @@ type TypographyProps = {
 export const typographyVariantStyles: Record<TypographyVariant, TypographyVariantStyles> = {
   h1: {
     fontSize: 28,
-    fontWeight: '700',
+    fontWeight: 'bold',
     lineHeight: 32,
   },
   h2: {
     fontSize: 24,
-    fontWeight: '700',
+    fontWeight: 'bold',
     lineHeight: 28,
   },
   regular: {
     fontSize: 16,
-    fontWeight: '400',
+    fontWeight: 'normal',
     lineHeight: 24,
   },
   bold: {

src/theme/components/CodeInput.ts

@@ -102,7 +102,7 @@ export const CodeInputTheme: CodeInputThemeProps = {
   },
   textStyle: {
     fontSize: 18,
-    fontWeight: '600',
+    fontWeight: 'normal',
     color: base.colors.black,
   },
   focusTextStyle: {

src/theme/components/Slider.ts

@@ -124,7 +124,6 @@ export const SliderTheme: SliderThemeProps = {
   labelStyle: {
     color: base.colors.white,
     fontSize: 12,
-    fontWeight: '500',
   },
   thumbStyle: {
     backgroundColor: base.colors.white,

src/theme/components/TextInput.ts

@@ -91,7 +91,6 @@ export const TextInputTheme: TextInputThemeProps = {
   },
   labelStyle: {
     fontSize: 14,
-    fontWeight: '500',
     marginBottom: base.spacing.tiny,
     color: base.colors.darkText,
   },

src/theme/components/Typography.ts

@@ -20,17 +20,17 @@ export const TypographyTheme: TypographyThemeProps = {
   variantStyles: {
     h1: {
       fontSize: 28,
-      fontWeight: '700',
+      fontWeight: 'bold',
       lineHeight: 32,
     },
     h2: {
       fontSize: 24,
-      fontWeight: '700',
+      fontWeight: 'bold',
       lineHeight: 28,
     },
     regular: {
       fontSize: 16,
-      fontWeight: '400',
+      fontWeight: 'normal',
       lineHeight: 24,
     },
     bold: {