ikualo-ui-kit-mobile 0.3.0 → 0.3.1

package/assets/images/svgs/HugImage.tsx

@@ -0,0 +1,16 @@
+import React from 'react';
+import Svg, { Path } from 'react-native-svg';
+
+interface IFProps {
+    style?: any;
+}
+export const HugImage = (props: IFProps) => {
+    const { style } = props;
+
+    return (
+        <Svg width="346" height="255" viewBox="0 0 346 255" fill="none" style={style} >
+            <Path d="M8.57811 27.9715C19.187 26.6325 29.926 26.7189 40.524 28.1335C39.3199 27.9715 38.1159 27.8096 36.9226 27.6476C48.1606 29.181 59.1492 32.1832 69.6062 36.5568L66.3628 35.1961C76.2665 39.3753 85.6279 44.7641 94.1541 51.3191C93.2429 50.6172 92.3208 49.9152 91.4096 49.2133C98.9161 55.0232 105.685 61.697 111.532 69.17C110.827 68.2628 110.122 67.3449 109.416 66.4378C114.233 72.658 118.344 79.3643 121.446 86.5888C120.991 85.5089 120.535 84.4398 120.08 83.3599C122.531 89.1914 124.267 95.2497 125.135 101.513C124.972 100.314 124.809 99.1157 124.646 97.9278C125.438 103.986 125.449 110.109 124.646 116.167C124.809 114.969 124.972 113.77 125.135 112.582C124.354 118.122 122.9 123.522 120.73 128.673L122.097 125.444C120.145 129.99 117.65 134.267 114.623 138.198C115.328 137.29 116.033 136.372 116.739 135.465C113.94 139.029 110.74 142.204 107.149 144.969C108.061 144.267 108.983 143.565 109.894 142.863C106.065 145.757 101.91 148.154 97.4951 150.044L100.738 148.683C96.009 150.67 91.0734 152.042 85.9859 152.755L89.5873 152.269C84.8469 152.895 80.0632 152.938 75.3119 152.312C76.516 152.474 77.7201 152.636 78.9133 152.798C74.9431 152.236 71.0814 151.21 67.3716 149.699C68.4563 150.152 69.5302 150.606 70.615 151.059C67.2848 149.655 64.1716 147.852 61.2861 145.66C62.1973 146.362 63.1194 147.064 64.0305 147.765C60.9824 145.4 58.2597 142.679 55.8949 139.634C56.6 140.541 57.3051 141.459 58.0102 142.366C55.6888 139.321 53.758 136.038 52.2285 132.528C52.6841 133.608 53.1396 134.677 53.5952 135.757C52.1308 132.29 51.1003 128.673 50.5688 124.947C50.7315 126.146 50.8942 127.344 51.0569 128.532C50.6013 125.12 50.5796 121.697 51.0352 118.284C50.8725 119.483 50.7098 120.681 50.5471 121.869C50.9701 118.997 51.7295 116.2 52.8359 113.511L51.4691 116.74C52.7925 113.651 54.5173 110.79 56.5566 108.122L54.4414 110.854C57.3051 107.183 60.6787 103.997 64.356 101.135C63.4448 101.837 62.5227 102.539 61.6115 103.241C69.4435 97.2475 78.3818 92.7983 87.4395 88.9646L84.1961 90.3253C99.1005 84.0834 114.808 79.969 130.819 77.82C129.615 77.982 128.41 78.144 127.217 78.306C145.333 75.9302 163.708 76.0598 181.824 78.4679C180.62 78.306 179.415 78.144 178.222 77.982C196.847 80.509 215.093 85.4333 232.427 92.6795L229.184 91.3188C244.251 97.6579 258.602 105.671 271.576 115.595L268.831 113.489C278.724 121.113 287.739 129.817 295.419 139.655C294.714 138.748 294.008 137.83 293.303 136.923C300.235 145.865 305.941 155.66 310.356 166.059L308.989 162.83C313.534 173.662 316.647 185.033 318.231 196.664C318.068 195.465 317.905 194.266 317.743 193.078C319.261 204.515 319.283 216.091 317.743 227.527C317.905 226.329 318.068 225.13 318.231 223.942C317.689 227.819 317.276 232.074 315.931 235.778C316.387 234.698 316.842 233.629 317.298 232.549C317.135 232.938 316.962 233.272 316.734 233.629L318.849 230.897C318.708 231.102 318.535 231.296 318.339 231.469L321.084 229.363C320.899 229.525 320.693 229.644 320.466 229.73C321.55 229.277 322.624 228.823 323.709 228.37L323.351 228.456C324.555 228.294 325.759 228.132 326.952 227.97L326.562 227.992C327.766 228.154 328.97 228.316 330.163 228.478L329.914 228.434L333.157 229.795L332.962 229.698C333.873 230.4 334.795 231.102 335.706 231.804L335.554 231.653C336.259 232.56 336.965 233.478 337.67 234.385L337.572 234.201C338.028 235.281 338.483 236.35 338.939 237.43L338.885 237.225C339.047 238.424 339.21 239.622 339.373 240.81C339.351 240.659 339.351 240.497 339.373 240.346C339.21 241.544 339.047 242.743 338.885 243.931C338.906 243.769 338.95 243.618 339.015 243.467C338.559 244.547 338.104 245.616 337.648 246.696C337.702 246.555 337.778 246.436 337.865 246.318L335.75 249.05L335.88 248.909L333.135 251.015L333.276 250.929L330.033 252.29L330.185 252.257H322.971L323.123 252.29C322.038 251.836 320.964 251.382 319.88 250.929L320.032 251.037C318.415 249.428 316.788 247.808 315.172 246.199L315.313 246.393C317.439 249.32 319.804 251.609 323.416 252.592C326.659 253.477 330.988 253.078 333.862 251.231C336.758 249.374 339.308 246.609 340.089 243.164C340.859 239.817 340.826 235.659 338.722 232.765C336.585 229.817 334.025 227.128 330.326 226.253C326.67 225.389 322.874 225.713 319.576 227.614C315.085 230.195 312.33 235.216 312.243 240.335C312.156 245.454 314.89 250.173 319.261 252.991C324.501 256.361 331.443 255.216 336.14 251.598C340.815 248.002 342.334 242.722 343.375 237.225C344.189 232.916 344.786 228.553 345.263 224.19C346.847 209.741 345.794 195.055 342.909 180.821C337.116 152.323 322.179 125.919 301.222 105.746C279.961 85.2713 253.406 70.725 225.517 61.3082C211.112 56.4487 196.327 53.3493 181.26 51.3839C167.179 49.5481 152.926 49.0621 138.759 50.1096C123.692 51.2111 108.625 53.7273 94.1541 58.1009C86.5066 60.4119 79.0869 63.2953 71.7648 66.481C65.5601 69.1807 59.4529 72.2045 53.7363 75.8438C40.7735 84.0835 28.9606 95.7464 25.088 111.038C21.606 124.785 24.3721 139.699 31.6833 151.772C39.1572 164.104 51.0027 173.381 64.92 177.387C78.3492 181.253 93.6334 180.368 106.607 175.227C110.436 173.716 114.222 172.085 117.78 170.012C121.175 168.025 124.31 165.649 127.369 163.187C133.01 158.651 137.75 152.852 141.514 146.707C149.281 134.051 152.948 118.597 152.253 103.813C151.516 88.1655 146.374 73.1008 137.88 59.9368C129.452 46.8807 118.637 36.0384 106.216 26.7836C94.9351 18.3712 82.1459 12.0537 68.8468 7.47494C55.6671 2.92853 41.5437 0.477149 27.5612 0.055986C21.2155 -0.138397 14.8697 0.174776 8.57811 0.973906C6.71234 0.909111 4.96589 1.28708 3.34961 2.1402C1.66825 2.68016 0.214682 3.61967 -1.01109 4.92636C-3.36499 7.26976 -5.13314 11.1034 -4.99212 14.4727C-4.84025 17.9608 -3.67957 21.5893 -1.02193 24.0191C1.4296 26.2653 5.09606 28.4143 8.56726 27.9715H8.57811Z" fill="#7B7BFF1A" fill-opacity="0.1" />
+        </Svg>
+
+    );
+};

package/assets/images/svgs/IconAppImage.tsx

@@ -0,0 +1,17 @@
+import React from 'react';
+import Svg, { Path } from 'react-native-svg';
+
+interface IFProps {
+    style?: any;
+}
+export const IconAppImage = (props: IFProps) => {
+    const { style } = props;
+
+    return (
+        <Svg width="22" height="30" viewBox="0 0 22 30" fill="none" style={style}>
+            <Path d="M17.1715 4.82216L4.70677 4.42262C3.82863 4.39764 3.12124 3.62354 3.14563 2.72458L3.17003 1.72573C3.19442 0.826772 3.9262 0.102609 4.82874 0.12758L17.2935 0.527118C18.1716 0.552089 18.879 1.3262 18.8546 2.22516L18.8302 3.224C18.8058 4.12296 18.0496 4.84713 17.1715 4.82216Z" fill="#7B7BFF" />
+            <Path d="M17.171 10.5184L4.70628 10.1189C3.82814 10.0939 3.12075 9.31983 3.14514 8.42087L3.16953 7.42202C3.19393 6.52306 3.92571 5.7989 4.82825 5.82387L17.293 6.22341C18.1711 6.24838 18.8785 7.02248 18.8541 7.92145L18.8297 8.92029C18.8053 9.84422 18.0491 10.5434 17.171 10.5184Z" fill="#7B7BFF" />
+            <Path d="M19.9012 19.9338C19.7305 20.9327 19.828 21.4071 20.1695 21.557C20.5842 21.7318 20.7794 22.2561 20.7306 22.7056L20.1451 28.7237C20.0963 29.273 19.6573 29.7475 19.1206 29.7974C17.8766 29.8973 16.413 29.298 15.5593 28.2992C15.1446 27.7997 14.4372 27.7248 13.9494 28.1244C12.559 29.273 11.0222 29.8474 9.09519 29.8723C2.99699 29.9223 -0.198463 25.1528 0.630892 19.2097L2.19203 12.6922C2.26521 12.1179 2.75307 11.6934 3.3141 11.6684L7.3877 11.6434C8.09509 11.6434 8.63173 12.2677 8.53416 12.9919L6.94863 19.5842C6.65591 21.6818 7.48527 22.9553 9.33912 22.9553C11.7052 22.9304 13.2908 21.1824 13.5835 19.0848L15.1446 12.5673C15.2178 11.993 15.7056 11.5685 16.2667 11.5435L20.3403 11.5186C21.0477 11.5186 21.5843 12.1428 21.4867 12.867L19.9012 19.9338Z" fill="#7B7BFF" />
+        </Svg>
+    );
+};

package/assets/styles/elements/pages.ts

@@ -7,6 +7,11 @@ const stylePages = StyleSheet.create({
     paddingBottom: 16,
     paddingHorizontal: 16,
   },
+  'page-image-hug': {
+    position: 'absolute',
+    bottom: -12
+  },
+  'page-touchable': { flex: 1, paddingHorizontal: 16, paddingBottom: 16, backgroundColor: getGlobalTheme().colors.background }
 });
 
 export { stylePages };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ikualo-ui-kit-mobile",
-  "version": "0.3.0",
+  "version": "0.3.1",
   "main": "src/index.ts",
   "scripts": {
     "start": "expo start",

package/src/elements/cards/CardInteractive.tsx

@@ -30,7 +30,7 @@ export const CardInteractive = (props: IFCardInteractive) => {
           </View>
         </View>
         <View style={{ alignSelf: 'center' }}>
-          {iconRight ?? <FontAwesome6 name="chevron-right" size={15} color={theme.colors.blackText} />}
+          {iconRight ?? <FontAwesome6 name="chevron-right" size={15} color={theme.colors.primary} />}
         </View>
       </View>
     </TouchableRipple>

package/src/elements/headers/HeaderPage.tsx

@@ -1,10 +1,10 @@
 import { Text } from 'react-native-paper';
-import { Image, TouchableOpacity, View } from 'react-native';
+import { TouchableOpacity, View } from 'react-native';
 import { useNavigation } from '@react-navigation/native';
 import { stylesHeader } from '../../../assets/styles/elements/header';
-import { images } from '../../../assets/images/_images';
 import { FontAwesome6, Ionicons, MaterialIcons } from '@expo/vector-icons';
 import { getGlobalTheme } from '../../config/paper.config';
+import { IconAppImage } from '../../../assets/images/svgs/IconAppImage';
 
 interface IFHeaderPage {
   title: string;
@@ -28,7 +28,7 @@ export const HeaderPage = (props: IFHeaderPage) => {
   const actionsRight = [
     {
       name: 'icon',
-      component: <Image source={images.logoSmallBlack} style={stylesHeader['header-logo']} />
+      component: <IconAppImage />
     },
     {
       name: 'close',

package/src/elements/pages/PageBasic.tsx

@@ -1,20 +1,25 @@
 import { SafeAreaView } from 'react-native-safe-area-context';
 import { stylePages } from '../../../assets/styles/elements/pages';
 import { View } from 'react-native';
+import { HugImage } from '../../../assets/images/svgs/HugImage';
 
 interface IFPageBasic {
   color?: string;
   children: React.ReactNode;
   customStyles?: object;
+  showHugImage?: boolean;
+
 }
 
 export const PageBasic = (props: IFPageBasic) => {
-  const { children, customStyles } = props;
+  const { children, customStyles, showHugImage } = props;
 
   return (
     <View style={[stylePages['page-basic']]}>
       <SafeAreaView style={[stylePages['page-basic']]}>
-        <View style={[stylePages['page-basic-view'], customStyles]}>{children}</View>
+        <View style={[stylePages['page-basic-view'], customStyles]}>{children}
+          {showHugImage && <HugImage style={stylePages['page-image-hug']} />}
+        </View>
       </SafeAreaView>
     </View>
   );

package/src/elements/pages/PageTouchable.tsx

@@ -1,23 +1,27 @@
 import { View, KeyboardAvoidingView, TouchableWithoutFeedback, Keyboard } from 'react-native';
 import { SafeAreaView } from 'react-native-safe-area-context';
 import { getGlobalTheme } from '../../config/paper.config';
+import { stylePages } from '../../../assets/styles/elements/pages';
+import { HugImage } from '../../../assets/images/svgs/HugImage';
 interface IFPageTouchable {
   children: React.ReactNode;
   customStyles?: object;
+  showHugImage?: boolean;
 }
 
 export const PageTouchable = (props: IFPageTouchable) => {
   const theme = getGlobalTheme();
 
-  const { children, customStyles } = props;
+  const { children, customStyles, showHugImage } = props;
 
   return (
-    <View style={{ backgroundColor: theme.colors.background, flex: 1 }}>
+    <View style={[stylePages['page-basic']]}>
       <KeyboardAvoidingView style={{ flex: 1 }} behavior="height">
         <TouchableWithoutFeedback onPress={() => Keyboard.dismiss()}>
           <SafeAreaView style={{ flex: 1 }}>
-            <View style={{ flex: 1, paddingHorizontal: 16, paddingBottom: 16, backgroundColor: theme.colors.background, ...customStyles }}>
+            <View style={[stylePages['page-touchable'], customStyles]}>
               {children}
+              {showHugImage && <HugImage style={stylePages['page-image-hug']} />}
             </View>
           </SafeAreaView>
         </TouchableWithoutFeedback>

package/%ProgramData%/Microsoft/Windows/UUS/State/_active.uusver

@@ -1 +0,0 @@
-1309.2409.26012.0