Publish v1.2.2

core/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@react-native-material/core",
-  "version": "1.2.1",
+  "version": "1.2.2",
   "description": "Modular and customizable Material Design UI components for React Native",
   "main": "lib/index.js",
   "types": "lib/index.d.ts",

docs/.gitignore

@@ -18,3 +18,4 @@
 npm-debug.log*
 yarn-debug.log*
 yarn-error.log*
+.yarn

docs/blog/index.md

@@ -18,12 +18,9 @@ Then start using the power of Material Design in your React Native app.
 import React from "react";
 import { Button } from "@react-native-material/core";
 
-export default function App() {
-  return (
-    <Button
-      title="Click Me"
-      style={{ alignSelf: "center", marginTop: 40 }}
-    />
-  );
-}
+const App = () => (
+  <Button title="Click Me" style={{ alignSelf: "center", marginTop: 40 }}/>
+);
+
+export default App;
 ```

docs/docs/api/activity-indicator.md

@@ -13,7 +13,7 @@ import ActivityIndicator from "@react-native-material/core/ActivityIndicator";
 ## Props
 
 ```ts
-interface ActivityIndicatorProps extends NativeActivityIndicatorProps {
+interface ActivityIndicatorProps extends RNActivityIndicatorProps {
   color?: PaletteColor;
 }
 

docs/docs/api/button.md

@@ -13,7 +13,7 @@ import Button from "@react-native-material/core/Button";
 ## Props
 
 ```ts
-interface ButtonProps extends SurfaceProps {
+interface ButtonProps extends Omit<SurfaceProps, "hitSlop">, Omit<PressableProps, "style" | "children"> {
   title: string | React.ReactElement | ((props: { color: string }) => React.ReactElement | null) | null;
 
   leading?: React.ReactElement | ((props: { color: string; size: number }) => React.ReactElement | null) | null;
@@ -38,6 +38,10 @@ interface ButtonProps extends SurfaceProps {
 
   loadingIndicatorPosition?: "leading" | "trailing" | "overlay";
 
+  pressableContainerStyle?: StyleProp<ViewStyle>;
+
+  contentContainerStyle?: PressableProps["style"];
+
   titleStyle?: StyleProp<TextStyle>;
 
   leadingContainerStyle?: StyleProp<ViewStyle>;

docs/docs/api/fab.md

@@ -13,7 +13,7 @@ import FAB from "@react-native-material/core/FAB";
 ## Props
 
 ```ts
-interface FABProps extends SurfaceProps {
+interface FABProps extends Omit<SurfaceProps, "hitSlop">, Omit<PressableProps, "style" | "children"> {
   icon?: React.ReactElement | ((props: { color: string; size: number }) => React.ReactElement | null) | null;
 
   label?: string | React.ReactElement | ((props: { color: string }) => React.ReactElement | null) | null;
@@ -34,7 +34,9 @@ interface FABProps extends SurfaceProps {
 
   visible?: boolean;
 
-  contentContainerStyle?: StyleProp<ViewStyle>;
+  pressableContainerStyle?: StyleProp<ViewStyle>;
+
+  contentContainerStyle?: PressableProps["style"];
 
   iconContainerStyle?: StyleProp<ViewStyle>;
 

docs/docs/api/icon-button.md

@@ -13,10 +13,12 @@ import IconButton from "@react-native-material/core/IconButton";
 ## Props
 
 ```ts
-interface IconButtonProps extends TouchableProps {
+interface IconButtonProps extends Omit<ViewProps, "hitSlop">, Omit<PressableProps, "style" | "children"> {
   icon?: React.ReactElement;
 
   color?: PaletteColor;
+
+  contentContainerStyle?: PressableProps["style"];
 }
 
 ```

docs/docs/api/pressable.md

@@ -0,0 +1,28 @@
+# Pressable
+
+API documentation for the React Native Pressable component. Learn about the available props.
+
+## Import
+
+```js
+import { Pressable } from "@react-native-material/core";
+// or
+import Pressable from "@react-native-material/core/Pressable";
+```
+
+## Props
+
+```ts
+interface PressableProps extends RNPressableProps {
+  pressEffect?: "none" | "highlight" | "ripple" | "android-ripple";
+
+  pressEffectColor?: string;
+
+  onMouseEnter?: () => void;
+
+  onMouseLeave?: () => void;
+
+  style?: any;
+}
+
+```

docs/docs/api/surface.md

@@ -13,12 +13,12 @@ import Surface from "@react-native-material/core/Surface";
 ## Props
 
 ```ts
-interface SurfaceProps extends Omit<TouchableProps, "hitSlop"> {
+interface SurfaceProps extends Omit<ViewProps, "style"> {
   category?: ShapeCategory;
 
   elevation?: Elevation;
 
-  hitSlop?: ViewProps["hitSlop"];
+  style?: Animated.WithAnimatedValue<StyleProp<ViewStyle>>;
 }
 
 ```

docs/docs/api/switch.md

@@ -13,5 +13,8 @@ import Switch from "@react-native-material/core/Switch";
 ## Props
 
 ```ts
-null
+interface SwitchProps extends RNSwitchProps {
+  tintColor?: PaletteColor;
+}
+
 ```

docs/docs/api/text.md

@@ -13,7 +13,7 @@ import Text from "@react-native-material/core/Text";
 ## Props
 
 ```ts
-interface TextProps extends NativeTextProps {
+interface TextProps extends RNTextProps {
   variant?: TypographyVariant;
 }
 

docs/docs/getting-started.md

@@ -22,9 +22,11 @@ Here's a quick example to get you started, **it's literally all you need**:
 import React from "react";
 import { Button } from "@react-native-material/core";
 
-export default function App() {
-  return <Button title="Click Me" onPress={() => alert("🎉🎉🎉")}/>;
-}
+const App = () => (
+  <Button title="Click Me" onPress={() => alert("🎉🎉🎉")}/>
+);
+
+export default App;
 ```
 
 Yes, this really is all you need to get started, as you can see in this live and interactive demo:
@@ -33,15 +35,11 @@ Yes, this really is all you need to get started, as you can see in this live and
 import React from "react";
 import { Button } from "@react-native-material/core";
 
-export default function App() {
-  return (
-    <Button
-      title="Click Me"
-      style={{ alignSelf: "center", marginTop: 40 }}
-      onPress={() => alert("🎉🎉🎉")}
-    />
-  );
-}
+const App = () => (
+  <Button title="Click Me" style={{ alignSelf: "center", marginTop: 40 }}/>
+);
+
+export default App;
 ```
 
 ## Community help
@@ -75,4 +73,4 @@ our contribution process.
 ## License
 
 This library is licensed under the MIT License - see
-the [LICENSE](https://github.com/yamankatby/react-native-material/blob/main/LICENSE) file for details.
+the [LICENSE](https://github.com/yamankatby/react-native-material/blob/main/LICENSE) file for details.

docs/docusaurus.config.js

@@ -75,9 +75,9 @@ const darkCodeTheme = require('prism-react-renderer/themes/dracula');
           },
           {
             type: 'dropdown',
-            label: 'v1.2.1',
+            label: 'v1.2.2',
             items: [
-              { label: 'v1.2.1', to: '/' },
+              { label: 'v1.2.2', to: '/' },
               {
                 label: 'v1.1.0',
                 href: 'https://react-native-material-38lpom7xc-yamankatby.vercel.app/docs/getting-started'

docs/preview.js

@@ -1,7 +1,7 @@
 const defaults = {
   name: "Example",
   description: "Simple code example",
-  dependencies: "@react-native-material/[email protected].1",
+  dependencies: "@react-native-material/[email protected].2",
   loading: "lazy",
   supportedPlatforms: "mydevice,ios,android,web",
   platform: "web",