etendo-ui-library 1.0.78 → 1.0.79

package/.ondevice/storybook.requires.js

@@ -32,6 +32,7 @@ try {
 const getStories = () => {
   return [
     require('../components/button/Button.stories.tsx'),
+    require('../components/cards/cardDropdown/CardDropdown.stories.tsx'),
     require('../components/docs/Docs.stories.tsx'),
     require('../components/dropdown/Dropdown.stories.tsx'),
     require('../components/input/Input.stories.tsx'),

package/.storybook/main.js

@@ -1,3 +1,4 @@
+const path = require('path');
 module.exports = {
   stories: ['../components/**/*.stories.?(ts|tsx|js|jsx)'],
   addons: [
@@ -7,4 +8,16 @@ module.exports = {
     '@storybook/addon-actions',
   ],
   framework: '@storybook/react',
+  webpackFinal: async (config, {configType}) => {
+    // Exclude react-native-linear-gradient from being bundled in Storybook
+    config.resolve.alias = {
+      ...config.resolve.alias,
+      'react-native-linear-gradient': path.resolve(
+        __dirname,
+        '../node_modules/react-native-web-linear-gradient',
+      ),
+    };
+
+    return config;
+  },
 };

package/assets/images/icons/AdvanceCalendar.tsx

@@ -1,9 +1,9 @@
-import React, {CSSProperties} from 'react';
-import {Platform, ViewStyle} from 'react-native';
+import React from 'react';
+import {ImageStyle} from 'react-native';
 import {Svg, Path} from 'react-native-svg';
 
 export interface SvgImageProps {
-  style?: CSSProperties | ViewStyle;
+  style?: ImageStyle;
   fill?: string;
 }
 
@@ -14,7 +14,7 @@ export const AdvanceCalendar = ({style, fill}: SvgImageProps) => {
       height={style?.height || 32}
       viewBox="0 0 33 32"
       fill="none"
-      style={style as ViewStyle}
+      style={style}
     >
       <Path
         fill-rule="evenodd"

package/assets/images/icons/ArrowDown.tsx

@@ -1,10 +1,10 @@
-import React, {CSSProperties} from 'react';
-import {ViewStyle} from 'react-native';
+import React from 'react';
+import {ColorValue, ImageStyle} from 'react-native';
 import {Svg, Path} from 'react-native-svg';
 
 export interface SvgImageProps {
-  style?: CSSProperties;
-  fill?: string;
+  style?: ImageStyle;
+  fill?: ColorValue;
 }
 
 export const ArrowDown = ({style, fill}: SvgImageProps) => {
@@ -14,7 +14,7 @@ export const ArrowDown = ({style, fill}: SvgImageProps) => {
       height={style?.height || 29}
       viewBox="0 0 41 29"
       fill="none"
-      style={[style as ViewStyle]}
+      style={style}
     >
       <Path
         fillRule="evenodd"

package/assets/images/icons/ArrowFirst.tsx

@@ -1,9 +1,9 @@
-import React, {CSSProperties} from 'react';
-import {Platform, ViewStyle} from 'react-native';
+import React from 'react';
+import {ImageStyle} from 'react-native';
 import {Svg, Path} from 'react-native-svg';
 
 export interface SvgImageProps {
-  style?: CSSProperties;
+  style?: ImageStyle;
   fill?: string;
 }
 
@@ -14,7 +14,7 @@ export const ArrowFirst = ({style, fill}: SvgImageProps) => {
       height={style?.height || 32}
       viewBox="0 0 31 32"
       fill="none"
-      style={style as ViewStyle}
+      style={style}
     >
       <Path
         fill-rule="evenodd"

package/assets/images/icons/ArrowLast.tsx

@@ -1,9 +1,9 @@
-import React, {CSSProperties} from 'react';
-import {Platform, ViewStyle} from 'react-native';
+import React from 'react';
+import {ImageStyle} from 'react-native';
 import {Svg, Path} from 'react-native-svg';
 
 export interface SvgImageProps {
-  style?: CSSProperties;
+  style?: ImageStyle;
   fill?: string;
 }
 
@@ -14,7 +14,7 @@ export const ArrowLast = ({style, fill}: SvgImageProps) => {
       height={style?.height || 32}
       viewBox="0 0 31 32"
       fill="none"
-      style={style as ViewStyle}
+      style={style}
     >
       <Path
         fill-rule="evenodd"

package/assets/images/icons/ArrowLeft.tsx

@@ -1,9 +1,9 @@
-import React, {CSSProperties} from 'react';
-import {Platform, ViewStyle} from 'react-native';
+import React from 'react';
+import {ImageStyle} from 'react-native';
 import {Svg, Path} from 'react-native-svg';
 
 export interface SvgImageProps {
-  style?: CSSProperties;
+  style?: ImageStyle;
   fill?: string;
 }
 
@@ -14,7 +14,7 @@ export const ArrowLeft = ({style, fill}: SvgImageProps) => {
       height={style?.height || 32}
       viewBox="0 0 24 32"
       fill="none"
-      style={style as ViewStyle}
+      style={style}
     >
       <Path
         fillRule="evenodd"

package/assets/images/icons/ArrowRight.tsx

@@ -1,9 +1,9 @@
-import React, {CSSProperties} from 'react';
-import {Platform, ViewStyle} from 'react-native';
+import React from 'react';
+import {ImageStyle} from 'react-native';
 import {Svg, Path} from 'react-native-svg';
 
 export interface SvgImageProps {
-  style?: CSSProperties;
+  style?: ImageStyle;
   fill?: string;
 }
 export const ArrowRight = ({style, fill}: SvgImageProps) => {
@@ -13,7 +13,7 @@ export const ArrowRight = ({style, fill}: SvgImageProps) => {
       height={style?.height || 32}
       viewBox="0 0 23 32"
       fill="none"
-      style={style as ViewStyle}
+      style={style}
     >
       <Path
         d="M21.2914 12.5093C23.4811 14.3213 23.4811 17.6787 21.2914 19.4907L7.44262 30.9511C4.48866 33.3956 0.0229495 31.2947 0.0229495 27.4604L0.0229492 4.5396C0.0229492 0.705348 4.48865 -1.39562 7.44261 1.04888L21.2914 12.5093Z"

package/assets/images/icons/BackIcon.tsx

@@ -1,9 +1,9 @@
-import React, {CSSProperties} from 'react';
-import {Platform, ViewStyle} from 'react-native';
+import React from 'react';
+import {ImageStyle} from 'react-native';
 import {Svg, Path} from 'react-native-svg';
 
 export interface SvgImageProps {
-  style?: CSSProperties;
+  style?: ImageStyle;
   fill?: string;
 }
 
@@ -14,7 +14,7 @@ export const BackIcon = ({style, fill}: SvgImageProps) => {
       height={style?.height || 32}
       viewBox="0 0 41 32"
       fill="none"
-      style={style as ViewStyle}
+      style={style}
     >
       <Path
         fill-rule="evenodd"

package/assets/images/icons/Binoculars.tsx

@@ -1,9 +1,9 @@
-import React, {CSSProperties} from 'react';
-import {ViewStyle} from 'react-native';
+import React from 'react';
+import {ImageStyle} from 'react-native';
 import {Svg, Path} from 'react-native-svg';
 
 export interface SvgImageProps {
-  style?: CSSProperties;
+  style?: ImageStyle;
   fill?: string;
 }
 
@@ -14,7 +14,7 @@ export const Binoculars = ({style, fill}: SvgImageProps) => {
       height={style?.height || 31}
       viewBox="0 0 41 31"
       fill="none"
-      style={style as ViewStyle}
+      style={style}
     >
       <Path
         d="M23.0104 19.8761C23.0104 20.5569 23.026 21.2158 23.0104 21.8762C22.9445 23.9387 23.6157 25.9572 24.9034 27.5696C26.1912 29.182 28.0113 30.2828 30.0372 30.6747C34.6837 31.5746 39.2911 28.4978 40.1879 23.8857C40.5276 22.1417 40.3357 20.336 39.637 18.7024L33.1563 3.20882C32.1985 1.01781 29.8854 -0.254535 27.4628 0.0428161C25.1779 0.322952 23.267 2.15714 22.8539 4.46396C22.8319 4.57821 22.8038 4.69088 22.7725 4.82703H17.9444C17.91 4.65801 17.8787 4.48117 17.8411 4.30746V4.39509C17.4014 2.12113 15.5077 0.326082 13.2447 0.0428161C10.8221 -0.254535 8.509 1.01938 7.55278 3.20882L1.07053 18.7024C0.371855 20.336 0.179934 22.1417 0.519642 23.8857C1.42422 28.4837 6.02378 31.5667 10.6703 30.6747C12.6963 30.2836 14.5167 29.1834 15.805 27.5716C17.0933 25.9598 17.7652 23.9418 17.7003 21.8794C17.7003 21.6008 17.6909 21.3222 17.7003 21.0421C17.7003 21.0859 17.7003 21.1297 17.7003 21.1735L17.7112 19.8793H23.0135L23.0104 19.8761ZM9.00198 28.227C5.64035 28.1879 2.85308 25.4538 2.9548 22.1235C3.05653 18.754 5.52141 16.0732 9.05833 16.0685C12.7314 16.0685 15.3184 19.2924 15.0445 22.172C15.2917 25.1847 12.5029 28.2708 9.00198 28.2302V28.227ZM15.1446 15.6506C15.1446 15.7273 15.1321 15.8071 15.118 15.9417C12.4325 13.5426 9.40106 12.9087 5.93614 14.0199C6.27574 13.2123 6.60909 12.4204 6.9393 11.6332L9.87526 4.36223C10.1164 3.75905 10.5567 3.25657 11.123 2.93827C11.6893 2.61997 12.3474 2.50502 12.9881 2.61254C14.3214 2.85199 15.3606 4.04767 15.3356 5.38418C15.2902 8.80529 15.2135 12.2248 15.1446 15.6506ZM22.8742 7.46876V12.7538H17.8568V9.42032L17.8865 7.46876H22.8742ZM22.954 17.2454H17.7629V15.7242V15.4112H22.9493L22.954 17.2454ZM25.5629 15.6506C25.494 12.2295 25.4173 8.80999 25.3641 5.38888C25.3422 4.05237 26.3814 2.85669 27.7116 2.61724C28.3523 2.50972 29.0104 2.62467 29.5767 2.94297C30.143 3.26127 30.5833 3.76375 30.8244 4.36693L33.7651 11.6332C34.0953 12.4157 34.4286 13.2123 34.7683 14.0199C31.3033 12.9087 28.2719 13.5504 25.5864 15.9417C25.577 15.8071 25.5644 15.7226 25.5629 15.6506ZM31.7055 28.2348C28.2046 28.2755 25.4158 25.1893 25.663 22.183C25.3939 19.2987 27.9761 16.07 31.6492 16.0794C35.1861 16.0794 37.651 18.765 37.7527 22.1345C37.8544 25.457 35.0719 28.191 31.7055 28.2302V28.2348Z"

package/assets/images/icons/CalendarIcon.tsx

@@ -1,9 +1,9 @@
-import React, {CSSProperties} from 'react';
-import {ViewStyle} from 'react-native';
+import React from 'react';
+import {ImageStyle, ViewStyle} from 'react-native';
 import {Svg, Path} from 'react-native-svg';
 
 export interface SvgImageProps {
-  style?: CSSProperties;
+  style?: ImageStyle;
   fill?: string;
 }
 export const CalendarIcon = ({style, fill}: SvgImageProps) => {
@@ -13,7 +13,7 @@ export const CalendarIcon = ({style, fill}: SvgImageProps) => {
       height={style?.height || 32}
       viewBox="0 0 33 32"
       fill="none"
-      style={style as ViewStyle}
+      style={style}
     >
       <Path
         d="M8.0495 2.47674C8.0495 2.02445 8.042 1.66544 8.0495 1.3106C8.07282 0.537622 8.61841 -0.0162932 9.32558 0.000365899C10.0328 0.017025 10.53 0.554281 10.5475 1.3131C10.5559 1.67127 10.5475 2.03028 10.5475 2.4201H22.8103C22.8103 2.00779 22.7928 1.59797 22.8103 1.19066C22.8254 0.872519 22.9622 0.572341 23.1922 0.352087C23.4223 0.131833 23.7281 0.00831623 24.0466 0.00703369C24.3651 0.00575114 24.672 0.1268 24.9038 0.345194C25.1356 0.563589 25.2748 0.862656 25.2925 1.18066C25.31 1.41556 25.3 1.65212 25.3016 1.88784C25.3016 2.05443 25.3016 2.21686 25.3016 2.45259C25.6623 2.45259 25.9888 2.45259 26.3154 2.45259C28.7817 2.47674 30.6609 3.5296 31.9045 5.67029C32.4041 6.52726 32.6661 7.50202 32.6633 8.49401C32.6716 14.3122 32.6883 20.1304 32.6591 25.9478C32.6425 29.2229 29.9262 31.9584 26.6502 31.975C20.0005 32.0083 13.351 32.0083 6.70178 31.975C3.4266 31.9592 0.704506 29.2263 0.687847 25.9511C0.658971 20.1343 0.660082 14.3161 0.691179 8.49651C0.707005 5.31379 3.27334 2.67249 6.45106 2.47924C6.96083 2.45092 7.47309 2.47674 8.0495 2.47674ZM3.18088 12.3514V12.7679C3.18088 17.0715 3.18088 21.3751 3.18088 25.6787C3.18088 27.8885 4.77266 29.4836 6.99165 29.4853C13.447 29.4914 19.9022 29.4914 26.357 29.4853C28.5968 29.4853 30.1694 27.891 30.1711 25.6412C30.1711 21.3654 30.1711 17.0896 30.1711 12.8137V12.3523L3.18088 12.3514ZM3.20753 9.79925H30.1469C30.5718 5.99764 27.883 4.57162 25.3058 5.02975C25.3058 5.17302 25.3058 5.32295 25.3058 5.47288C25.3058 6.12592 25.3241 6.77895 25.2967 7.43116C25.2938 7.62308 25.2461 7.81168 25.1575 7.98194C25.0689 8.1522 24.9417 8.29941 24.7862 8.41185C24.6306 8.52429 24.451 8.59886 24.2615 8.62961C24.072 8.66036 23.878 8.64644 23.6949 8.58897C23.156 8.43404 22.8153 7.96092 22.8086 7.32371C22.7995 6.54989 22.8086 5.77608 22.8086 4.97977H10.5492C10.5492 5.14636 10.5492 5.29963 10.5492 5.44789C10.5492 6.11426 10.5634 6.78062 10.54 7.44698C10.5273 7.76501 10.3929 8.06599 10.1646 8.28773C9.9363 8.50948 9.63152 8.63504 9.31326 8.63846C8.99501 8.64188 8.6876 8.52291 8.45457 8.30612C8.22154 8.08934 8.0807 7.79131 8.06116 7.47364C8.03117 6.94804 8.05033 6.41912 8.04867 5.89102C8.04867 5.59199 8.04867 5.29213 8.04867 5.00393C5.06752 4.60328 2.81438 6.31 3.20753 9.79925Z"

package/assets/images/icons/CalendarSecundary.tsx

@@ -1,9 +1,9 @@
-import React, {CSSProperties} from 'react';
-import {Platform, ViewStyle} from 'react-native';
+import React from 'react';
+import {ImageStyle, ViewStyle} from 'react-native';
 import {Svg, Path, Defs, ClipPath, Rect, G} from 'react-native-svg';
 
 export interface SvgImageProps {
-  style?: CSSProperties;
+  style?: ImageStyle;
   fill?: string;
 }
 
@@ -14,7 +14,7 @@ export const CalendarSecundary = ({style, fill}: SvgImageProps) => {
       height={style?.height || 40}
       viewBox="0 0 41 40"
       fill="none"
-      style={style as ViewStyle}
+      style={style}
     >
       <G clip-path="url(#clip0_231_128)">
         <Path

package/assets/images/icons/CameraIcon.tsx

@@ -1,9 +1,9 @@
-import React, {CSSProperties} from 'react';
-import {ViewStyle} from 'react-native';
+import React from 'react';
+import {ImageStyle} from 'react-native';
 import {Svg, Path, G, Defs, Rect} from 'react-native-svg';
 
 export interface SvgImageProps {
-  style?: CSSProperties;
+  style?: ImageStyle;
   fill?: string;
 }
 export const CameraIcon = ({style, fill}: SvgImageProps) => {
@@ -13,7 +13,7 @@ export const CameraIcon = ({style, fill}: SvgImageProps) => {
       height={style?.height || 32}
       viewBox="0 0 41 32"
       fill="none"
-      style={style as ViewStyle}
+      style={style}
     >
       <G clip-path="url(#clip0_1_469)">
         <Path

package/assets/images/icons/CancelIcon.tsx

@@ -1,9 +1,9 @@
-import React, {CSSProperties} from 'react';
-import {ViewStyle} from 'react-native';
+import React from 'react';
+import {ImageStyle, ViewStyle} from 'react-native';
 import {Svg, Path} from 'react-native-svg';
 
 export interface SvgImageProps {
-  style?: CSSProperties;
+  style?: ImageStyle;
   fill?: string;
 }
 export const CancelIcon = ({style, fill}: SvgImageProps) => {
@@ -13,7 +13,7 @@ export const CancelIcon = ({style, fill}: SvgImageProps) => {
       height={style?.height || 32}
       viewBox="0 0 33 32"
       fill="none"
-      style={style as ViewStyle}
+      style={style}
     >
       <Path
         fill-rule="evenodd"

package/assets/images/icons/ChatIcon.tsx

@@ -1,9 +1,9 @@
-import React, {CSSProperties} from 'react';
-import {ViewStyle} from 'react-native';
+import React from 'react';
+import {ImageStyle} from 'react-native';
 import Svg, {ClipPath, Defs, G, Path, Rect} from 'react-native-svg';
 
 export interface SvgImageProps {
-  style?: CSSProperties;
+  style?: ImageStyle;
   fill?: string;
 }
 
@@ -14,7 +14,7 @@ export const ChatIcon = ({style, fill}: SvgImageProps) => {
       height={style?.height || 40}
       viewBox="0 0 41 40"
       fill="none"
-      style={style as ViewStyle}
+      style={style}
     >
       <G clip-path="url(#clip0_233_135)">
         <Path

package/assets/images/icons/CheckFalse.tsx

@@ -1,9 +1,9 @@
-import React, {CSSProperties} from 'react';
-import {ViewStyle} from 'react-native';
-import {Svg, Path, Rect} from 'react-native-svg';
+import React from 'react';
+import {ImageStyle} from 'react-native';
+import {Svg, Rect} from 'react-native-svg';
 
 export interface SvgImageProps {
-  style?: CSSProperties;
+  style?: ImageStyle;
   fill?: string;
   stroke?: string;
 }
@@ -15,7 +15,7 @@ export const CheckFalse = ({style, fill, stroke}: SvgImageProps) => {
       height={style?.height || 25}
       viewBox="0 0 25 25"
       fill="none"
-      style={style as ViewStyle}
+      style={style}
     >
       <Rect
         x="0.75"

package/assets/images/icons/CheckIcon.tsx

@@ -1,9 +1,9 @@
-import React, {CSSProperties} from 'react';
-import {ViewStyle} from 'react-native';
+import React from 'react';
+import {ImageStyle} from 'react-native';
 import {Svg, Path} from 'react-native-svg';
 
 export interface SvgImageProps {
-  style?: CSSProperties;
+  style?: ImageStyle;
   fill?: string;
 }
 
@@ -14,7 +14,7 @@ export const CheckIcon = ({style, fill}: SvgImageProps) => {
       height={style?.height || 32}
       viewBox="0 0 43 32"
       fill="none"
-      style={style as ViewStyle}
+      style={style}
     >
       <Path
         fill-rule="evenodd"

package/assets/images/icons/CheckTrue.tsx

@@ -1,9 +1,9 @@
-import React, {CSSProperties} from 'react';
-import {ViewStyle} from 'react-native';
+import React from 'react';
+import {ImageStyle} from 'react-native';
 import {Svg, Path, Rect} from 'react-native-svg';
 
 export interface SvgImageProps {
-  style?: CSSProperties;
+  style?: ImageStyle;
   fill?: string;
   stroke?: string;
 }
@@ -15,7 +15,7 @@ export const CheckTrue = ({style, fill, stroke}: SvgImageProps) => {
       height={style?.height || 25}
       viewBox="0 0 25 25"
       fill="none"
-      style={style as ViewStyle}
+      style={style}
     >
       <Rect
         x="0.75"

package/assets/images/icons/CircularArrow.tsx

@@ -1,9 +1,9 @@
-import React, {CSSProperties} from 'react';
-import {ViewStyle} from 'react-native';
+import React from 'react';
+import {ImageStyle} from 'react-native';
 import {Svg, Path} from 'react-native-svg';
 
 export interface SvgImageProps {
-  style?: CSSProperties;
+  style?: ImageStyle;
   fill?: string;
 }
 
@@ -14,7 +14,7 @@ export const CircularArrow = ({style, fill}: SvgImageProps) => {
       height={style?.height || 32}
       viewBox="0 0 31 32"
       fill="none"
-      style={style as ViewStyle}
+      style={style}
     >
       <Path
         d="M25.3154 0C26.2425 0.334371 26.6203 1.0307 26.7591 1.98282C27.0316 3.84945 27.3885 5.70353 27.7087 7.56347C27.9035 8.69114 27.2773 9.5697 26.1472 9.75862L20.1159 10.7893C19.102 10.9624 18.2167 10.358 18.0178 9.35737C17.833 8.432 18.4357 7.52335 19.4146 7.31521C20.1577 7.15638 20.9109 7.04604 21.7552 6.89724C20.9145 6.3913 20.007 6.00554 19.0593 5.75119C12.2365 3.91215 5.40111 8.54736 4.57772 15.57C3.85214 21.7559 8.2859 27.5171 14.4015 28.3363C20.7546 29.1864 26.3846 25.0285 27.4805 18.6805C27.6393 17.761 28.2896 17.1541 29.1598 17.1131C29.9682 17.0738 30.7724 17.6046 30.9295 18.4046C31.0198 18.8635 30.9705 19.3743 30.8794 19.8416C29.694 25.9439 24.7905 30.7287 18.6748 31.7745C10.1734 33.2273 2.33158 27.5112 1.08605 18.9463C-0.0616777 11.061 5.40195 3.48164 13.2287 2.06725C16.7029 1.43779 19.9931 1.91929 23.1228 3.53932C23.1955 3.57693 23.2691 3.61288 23.4271 3.69146C23.3535 3.22919 23.2908 2.83213 23.2281 2.43757C23.0141 1.0934 23.3293 0.52162 24.5656 0.000836744L25.3154 0Z"

package/assets/images/icons/ConfigurationIcon.tsx

@@ -1,9 +1,9 @@
-import React, {CSSProperties} from 'react';
-import {ViewStyle} from 'react-native';
+import React from 'react';
+import {ImageStyle} from 'react-native';
 import {Svg, Path} from 'react-native-svg';
 
 export interface SvgImageProps {
-  style?: CSSProperties;
+  style?: ImageStyle;
   fill?: string;
 }
 export const ConfigurationIcon = ({style, fill}: SvgImageProps) => {
@@ -13,7 +13,7 @@ export const ConfigurationIcon = ({style, fill}: SvgImageProps) => {
       height={style?.height || 32}
       viewBox="0 0 33 32"
       fill="none"
-      style={style as ViewStyle}
+      style={style}
     >
       <Path
         d="M6.69432 3.30194C7.02759 3.45691 7.30838 3.56356 7.565 3.71437C8.33154 4.16263 9.09197 4.62088 9.84628 5.08914C10.0762 5.23161 10.2629 5.26661 10.5303 5.13413C11.0253 4.88417 11.5535 4.70754 12.0526 4.46758C12.2031 4.39195 12.3185 4.26081 12.3742 4.10181C12.6475 3.06948 12.8983 2.03216 13.1482 0.993998C13.3324 0.240793 13.619 0 14.398 0C15.4812 0 16.5643 0 17.6475 0C18.3748 0 18.6831 0.254957 18.8498 0.949839C19.0997 2.00133 19.3555 3.05282 19.6313 4.09847C19.6884 4.25737 19.8036 4.38869 19.9537 4.46591C20.2745 4.62672 20.6545 4.68587 20.9469 4.88251C21.4993 5.25078 21.9467 5.13246 22.4508 4.78252C23.0882 4.34093 23.7731 3.9685 24.4463 3.58023C24.9829 3.27111 25.3512 3.31944 25.7944 3.75686C26.6143 4.56617 27.4286 5.38076 28.2373 6.20062C28.6856 6.65471 28.7289 7.02048 28.3981 7.58538C27.9282 8.38775 27.4516 9.18511 26.9592 9.97414C26.891 10.0679 26.8511 10.1793 26.8442 10.295C26.8372 10.4108 26.8636 10.5261 26.9201 10.6274C27.1375 11.0906 27.3058 11.578 27.5316 12.0371C27.616 12.197 27.7586 12.3184 27.9299 12.3762C28.9747 12.6537 30.027 12.9028 31.0777 13.1594C31.7376 13.3211 31.9942 13.631 31.9992 14.2992C32.0042 15.4374 32.0042 16.5761 31.9992 17.7153C31.9992 18.3611 31.7301 18.6827 31.1044 18.8351C30.0404 19.0951 28.9747 19.3451 27.9157 19.6258C27.7457 19.6886 27.6062 19.8142 27.5258 19.9766C27.3 20.4368 27.1011 20.9098 26.9301 21.393C26.8751 21.5673 26.8888 21.756 26.9684 21.9205C27.4275 22.7287 27.9207 23.5169 28.3915 24.3176C28.7348 24.9008 28.6898 25.2516 28.2148 25.734C27.425 26.5338 26.6301 27.3293 25.8302 28.1202C25.3495 28.5985 24.9554 28.6477 24.373 28.3019C23.6098 27.8486 22.8499 27.3895 22.0934 26.9246C21.8784 26.7921 21.6993 26.7521 21.4493 26.8771C20.9669 27.1171 20.4495 27.2937 19.9654 27.5262C19.8043 27.6098 19.6814 27.752 19.6221 27.9236C19.343 28.9818 19.0939 30.0482 18.8339 31.1122C18.6823 31.733 18.3573 31.9929 17.7041 31.9963C16.566 32.0013 15.4273 32.0013 14.288 31.9963C13.6398 31.9963 13.3215 31.7346 13.1657 31.1047C12.9074 30.0549 12.6433 29.0059 12.4009 27.9519C12.3837 27.8458 12.3368 27.7466 12.2658 27.6658C12.1948 27.585 12.1024 27.526 11.9993 27.4953C11.5202 27.3145 11.0452 27.1187 10.5828 26.8971C10.3512 26.7855 10.1771 26.8138 9.97126 26.9421C9.23972 27.3937 8.50068 27.8328 7.7633 28.2752C7.13591 28.6518 6.75764 28.6085 6.24023 28.0969C5.46258 27.3254 4.68743 26.5508 3.91479 25.7731C3.40237 25.2574 3.36155 24.8791 3.73898 24.2517C4.17474 23.526 4.60384 22.797 5.05209 22.0796C5.19874 21.8455 5.21873 21.6513 5.09792 21.3947C4.86962 20.9215 4.69799 20.4207 4.47053 19.9475C4.39371 19.7969 4.26133 19.6822 4.10142 19.6275C3.05576 19.3517 2.00428 19.0984 0.952787 18.8451C0.270403 18.681 0.00794728 18.3744 0.00128174 17.6837C0.00128174 16.5594 0.00128174 15.4349 0.00128174 14.3101C0.00128174 13.6385 0.262071 13.3227 0.917793 13.1628C1.96845 12.9045 3.02077 12.6579 4.06476 12.3771C4.2314 12.3329 4.38554 12.1588 4.48136 12.0046C4.59051 11.838 4.58801 11.588 4.70465 11.4281C5.19207 10.7615 5.00794 10.1783 4.57218 9.56255C4.14891 8.96432 3.80064 8.31276 3.42487 7.68037C3.02827 7.01381 3.0691 6.66804 3.60567 6.12896C4.37971 5.35159 5.14791 4.56839 5.93861 3.80769C6.15024 3.60689 6.42769 3.47774 6.69432 3.30194ZM16.0602 22.5712C19.6838 22.5104 22.6516 19.4809 22.5733 15.9231C22.49 12.3071 19.4905 9.36758 15.9461 9.4309C12.3325 9.49839 9.39136 12.4779 9.43302 16.0373C9.47468 19.6542 12.4992 22.632 16.0602 22.5712Z"

package/assets/images/icons/DeliveryBox.tsx

@@ -1,9 +1,9 @@
-import React, {CSSProperties} from 'react';
-import {ViewStyle} from 'react-native';
+import React from 'react';
+import {ImageStyle} from 'react-native';
 import {Svg, Path} from 'react-native-svg';
 
 export interface SvgImageProps {
-  style?: CSSProperties;
+  style?: ImageStyle;
   fill?: string;
 }
 
@@ -14,7 +14,7 @@ export const DeliveryBox = ({style, fill}: SvgImageProps) => {
       height={style?.height || 32}
       viewBox="0 0 33 32"
       fill="none"
-      style={style as ViewStyle}
+      style={style}
     >
       <Path
         d="M15.7874 0H16.2888C16.589 0.109064 16.9043 0.188043 17.187 0.330955C21.6843 2.60249 26.1716 4.89159 30.6746 7.14934C31.4995 7.56303 32.1432 8.07763 32.367 9.00844V23.0213C32.1432 23.9515 31.5007 24.4667 30.6746 24.881C26.1879 27.1287 21.7107 29.3946 17.2428 31.6787C16.3947 32.1106 15.5981 32.1112 14.7469 31.6555C10.4144 29.3363 6.07398 27.0316 1.72563 24.7412C0.777269 24.2398 0.327224 23.5052 0.330985 22.4315C0.344774 18.1771 0.344774 13.9234 0.330985 9.67034C0.325343 8.5421 0.77915 7.78303 1.77264 7.26028C5.91958 5.07962 10.0515 2.87265 14.1959 0.684473C14.703 0.418081 15.2546 0.228784 15.7874 0ZM16.9344 29.7068C17.0698 29.6485 17.1551 29.6159 17.2365 29.5751C21.5251 27.4022 25.8144 25.2293 30.1042 23.0564C30.3831 22.916 30.4947 22.7386 30.4941 22.4239C30.4853 18.4425 30.4832 14.4612 30.4878 10.4802C30.4878 10.3918 30.4803 10.3034 30.4753 10.1918C30.4095 10.2175 30.3712 10.2288 30.3361 10.2464C28.6124 11.1038 26.8887 11.9644 25.1625 12.8163C24.9976 12.8978 24.9744 13.0043 24.9744 13.1591C24.9782 14.3881 24.9782 15.6177 24.9744 16.8479C24.9781 16.9737 24.9706 17.0995 24.9519 17.224C24.8635 17.7054 24.4291 18.0438 23.9672 18.0025C23.7361 17.9854 23.5197 17.8829 23.36 17.715C23.2003 17.5472 23.1089 17.3258 23.1034 17.0942C23.0947 16.8755 23.0997 16.6555 23.0997 16.438V13.8681C22.9492 13.9357 22.8377 13.9821 22.7299 14.0354C20.904 14.9443 19.0812 15.8588 17.2497 16.757C17.0077 16.8755 16.9281 17.0077 16.9288 17.276C16.9384 21.2988 16.9405 25.3217 16.935 29.3445L16.9344 29.7068ZM2.21203 10.2169V10.546C2.21203 14.5061 2.20993 18.4663 2.20576 22.4264C2.20576 22.7518 2.31795 22.9354 2.60503 23.0871C6.64458 25.222 10.6814 27.3623 14.7155 29.5081C14.8133 29.5601 14.9148 29.6052 15.044 29.6673C15.0509 29.5419 15.0596 29.4473 15.0596 29.3539C15.0596 25.3006 15.0615 21.2472 15.0653 17.1939C15.0653 16.9776 14.9982 16.8629 14.8039 16.762C10.6946 14.6259 6.58733 12.4857 2.48218 10.3417C2.41072 10.3072 2.33488 10.2796 2.21203 10.2169ZM3.24688 8.61167C3.37224 8.68187 3.45749 8.73703 3.54775 8.7809C7.61696 10.9033 11.6856 13.0271 15.7535 15.1524C15.8307 15.2004 15.9196 15.2262 16.0105 15.227C16.1014 15.2277 16.1908 15.2035 16.2688 15.1568C18.137 14.2178 20.0089 13.2849 21.8843 12.3581C21.9639 12.3186 22.0404 12.2722 22.1457 12.2139C22.0592 12.16 22.0015 12.1186 21.9395 12.0886C17.8 9.89725 13.6614 7.7051 9.5237 5.51212C9.33566 5.41308 9.20466 5.44568 9.03668 5.53532C7.37564 6.42371 5.71231 7.30813 4.04668 8.18858C3.78969 8.32334 3.53897 8.46187 3.24688 8.61418V8.61167ZM11.337 4.33874C11.3997 4.37886 11.4436 4.40894 11.4887 4.43276C15.675 6.64747 19.8631 8.85967 24.053 11.0694C24.1202 11.0965 24.1921 11.1097 24.2645 11.1082C24.3369 11.1067 24.4083 11.0905 24.4742 11.0606C26.0262 10.3009 27.5713 9.52743 29.1176 8.75646C29.1966 8.71697 29.2712 8.66808 29.3621 8.6148C29.2994 8.57531 29.2662 8.55212 29.2292 8.53081C24.921 6.34828 20.6131 4.16491 16.3057 1.9807C16.0826 1.86725 15.9033 1.88668 15.6921 2.00014C14.3131 2.73788 12.9341 3.46623 11.5552 4.19959C11.485 4.23971 11.4192 4.28797 11.337 4.34125V4.33874Z"

package/assets/images/icons/DocumentIcon.tsx

@@ -1,9 +1,9 @@
-import React, {CSSProperties} from 'react';
-import {ViewStyle} from 'react-native';
+import React from 'react';
+import {ImageStyle} from 'react-native';
 import {Svg, Path} from 'react-native-svg';
 
 export interface SvgImageProps {
-  style?: CSSProperties;
+  style?: ImageStyle;
   fill?: string;
 }
 
@@ -14,7 +14,7 @@ export const DocumentIcon = ({style, fill}: SvgImageProps) => {
       height={style?.height || 32}
       viewBox="0 0 26 32"
       fill="none"
-      style={style as ViewStyle}
+      style={style}
     >
       <Path
         fill-rule="evenodd"

package/assets/images/icons/EditIcon.tsx

@@ -1,9 +1,9 @@
-import React, {CSSProperties} from 'react';
-import {ViewStyle} from 'react-native';
+import React from 'react';
+import {ImageStyle} from 'react-native';
 import {Svg, Path} from 'react-native-svg';
 
 export interface SvgImageProps {
-  style?: CSSProperties;
+  style?: ImageStyle;
   fill?: string;
 }
 
@@ -14,7 +14,7 @@ export const EditIcon = ({style, fill}: SvgImageProps) => {
       height={style?.height || 32}
       viewBox="0 0 32 32"
       fill="none"
-      style={style as ViewStyle}
+      style={style}
     >
       <Path
         fill-rule="evenodd"

package/assets/images/icons/EditNotesIcon.tsx

@@ -1,9 +1,9 @@
-import React, {CSSProperties} from 'react';
-import {ViewStyle} from 'react-native';
+import React from 'react';
+import {ImageStyle} from 'react-native';
 import {Svg, Path} from 'react-native-svg';
 
 export interface SvgImageProps {
-  style?: CSSProperties;
+  style?: ImageStyle;
   fill?: string;
 }
 export const EditNotesIcon = ({style, fill}: SvgImageProps) => {
@@ -13,7 +13,7 @@ export const EditNotesIcon = ({style, fill}: SvgImageProps) => {
       height={style?.height || 32}
       viewBox="0 0 30 32"
       fill="none"
-      style={style as ViewStyle}
+      style={style}
     >
       <Path
         fill-rule="evenodd"

package/assets/images/icons/GarbageIcon.tsx

@@ -1,9 +1,9 @@
-import React, {CSSProperties} from 'react';
-import {ViewStyle} from 'react-native';
+import React from 'react';
+import {ImageStyle, ViewStyle} from 'react-native';
 import {Svg, Path} from 'react-native-svg';
 
 export interface SvgImageProps {
-  style?: CSSProperties;
+  style?: ImageStyle;
   fill?: string;
 }
 
@@ -14,7 +14,7 @@ export const GarbageIcon = ({style, fill}: SvgImageProps) => {
       height={style?.height || 32}
       viewBox="0 0 27 32"
       fill="none"
-      style={style as ViewStyle}
+      style={style}
     >
       <Path
         fill-rule="evenodd"

package/assets/images/icons/GoIcon.tsx

@@ -1,9 +1,9 @@
-import React, {CSSProperties} from 'react';
-import {ViewStyle} from 'react-native';
+import React from 'react';
+import {ImageStyle} from 'react-native';
 import {Svg, Path} from 'react-native-svg';
 
 export interface SvgImageProps {
-  style?: CSSProperties;
+  style?: ImageStyle;
   fill?: string;
 }
 export const GoIcon = ({style, fill}: SvgImageProps) => {
@@ -13,7 +13,7 @@ export const GoIcon = ({style, fill}: SvgImageProps) => {
       height={style?.height || 32}
       viewBox="0 0 46 32"
       fill="none"
-      style={style as ViewStyle}
+      style={style}
     >
       <Path
         fill-rule="evenodd"

package/assets/images/icons/HNoteCard.tsx

@@ -1,9 +1,9 @@
-import React, {CSSProperties} from 'react';
-import {ViewStyle} from 'react-native';
+import React from 'react';
+import {ImageStyle} from 'react-native';
 import {Svg, Path, Mask, Rect} from 'react-native-svg';
 
 export interface SvgImageProps {
-  style?: CSSProperties;
+  style?: ImageStyle;
   fill?: string;
 }
 
@@ -14,7 +14,7 @@ export const HNoteCard = ({style, fill}: SvgImageProps) => {
       height={style?.height || 34}
       viewBox="0 0 43 34"
       fill="none"
-      style={style as ViewStyle}
+      style={style}
     >
       <Mask
         id="path-1-outside-1_1_520"

package/assets/images/icons/HamburgerIcon.tsx

@@ -1,9 +1,9 @@
-import React, {CSSProperties} from 'react';
-import {ViewStyle} from 'react-native';
+import React from 'react';
+import {ImageStyle} from 'react-native';
 import {Svg, Path} from 'react-native-svg';
 
 export interface SvgImageProps {
-  style?: CSSProperties;
+  style?: ImageStyle;
   fill?: string;
 }
 
@@ -14,7 +14,7 @@ export const HamburgerIcon = ({style, fill}: SvgImageProps) => {
       height={style?.height || 32}
       viewBox="0 0 41 32"
       fill="none"
-      style={style as ViewStyle}
+      style={style}
     >
       <Path
         d="M37.7336 -7.62939e-06H3.06356C1.59172 -7.62939e-06 0.39856 1.19315 0.39856 2.66499C0.39856 4.13683 1.59172 5.32999 3.06356 5.32999H37.7336C39.2054 5.32999 40.3986 4.13683 40.3986 2.66499C40.3986 1.19315 39.2054 -7.62939e-06 37.7336 -7.62939e-06Z"