@servesall/atoms 1.0.53 → 1.0.55

package/src/Icons/Assets/sportsResources.json

@@ -0,0 +1,156 @@
+{
+  "ip": 0,
+  "fr": 60,
+  "v": "5.1.20",
+  "assets": [],
+  "layers": [
+    {
+      "ty": 4,
+      "nm": "sportsResources",
+      "ip": 0,
+      "st": 0,
+      "ind": 1,
+      "hix": 1,
+      "ks": {
+        "o": { "a": 0, "k": 100 },
+        "or": { "a": 0, "k": [0, 0, 0] },
+        "a": { "a": 0, "k": [13, 13, 0] },
+        "p": {
+          "s": true,
+          "x": { "a": 0, "k": 12.0435 },
+          "y": { "a": 0, "k": 12.040000000000001 }
+        },
+        "rx": { "a": 0, "k": 0 },
+        "ry": { "a": 0, "k": 0 },
+        "rz": { "a": 0, "k": 0 },
+        "s": { "a": 0, "k": [82.6, 82.6] }
+      },
+      "shapes": [
+        {
+          "ty": "gr",
+          "nm": "sportsResources shape group",
+          "it": [
+            {
+              "ty": "sh",
+              "ks": {
+                "a": 0,
+                "k": {
+                  "c": true,
+                  "v": [
+                    [7.51497936, 6.89857483],
+                    [15.9999695, 3.55728149],
+                    [24.4849599, 6.89857483],
+                    [28.4439697, 16.0012817],
+                    [24.4849599, 25.1039886],
+                    [15.9999695, 28.445282],
+                    [7.51497936, 25.1039886],
+                    [3.55596924, 16.0012817]
+                  ],
+                  "i": [
+                    [-2.43587955, 2.2715682999999993],
+                    [-3.2791888, 0],
+                    [-2.222857099999999, -2.0729154000000003],
+                    [0, -3.5934422],
+                    [2.435880000000001, -2.271568300000002],
+                    [3.279189999999998, 0],
+                    [2.22285748, 2.0729167000000004],
+                    [0, 3.5934422999999995]
+                  ],
+                  "o": [
+                    [2.22285748, -2.0729152400000004],
+                    [3.2791887999999982, 0],
+                    [2.435880000000001, 2.2715682999999993],
+                    [0, 3.5934422999999995],
+                    [-2.222857099999999, 2.0729167000000004],
+                    [-3.2791888, 0],
+                    [-2.43587955, -2.271568300000002],
+                    [0, -3.5934422]
+                  ]
+                }
+              }
+            },
+            {
+              "ty": "sh",
+              "ks": {
+                "a": 0,
+                "k": {
+                  "c": false,
+                  "v": [
+                    [7.51497936, 6.89857483],
+                    [11.9900061, 16.0012817],
+                    [7.51497936, 25.1039886]
+                  ],
+                  "i": [
+                    [0, 0],
+                    [0, -5.3079871999999995],
+                    [0.64608606, -1.2463124000000008]
+                  ],
+                  "o": [
+                    [0.64608606, 1.2840248700000005],
+                    [0, 5.307987300000001],
+                    [0, 0]
+                  ]
+                }
+              }
+            },
+            {
+              "ty": "sh",
+              "ks": {
+                "a": 0,
+                "k": {
+                  "c": false,
+                  "v": [
+                    [24.4849599, 6.89857483],
+                    [20.0216777, 16.0012817],
+                    [24.4849599, 25.1039886]
+                  ],
+                  "i": [
+                    [0, 0],
+                    [0, -5.3079871999999995],
+                    [-1.0484797000000015, -1.244083400000001]
+                  ],
+                  "o": [
+                    [-1.0484797000000015, 1.2649065599999991],
+                    [0, 5.307987300000001],
+                    [0, 0]
+                  ]
+                }
+              }
+            },
+            {
+              "ty": "st",
+              "o": { "a": 0, "k": 100 },
+              "c": { "a": 0, "k": [0, 0, 0, 1] },
+              "lc": 2,
+              "lj": 2,
+              "ml": 1,
+              "w": { "a": 0, "k": 1 },
+              "d": [
+                { "n": "d", "v": { "a": 0, "k": 0 }, "nm": "0" },
+                { "n": "g", "v": { "a": 0, "k": 0 }, "nm": "1" }
+              ]
+            },
+            {
+              "ty": "fl",
+              "o": { "a": 0, "k": 0 },
+              "c": { "a": 0, "k": [0, 0, 0, 0] },
+              "r": 1
+            },
+            {
+              "ty": "tr",
+              "o": { "a": 0, "k": 100 },
+              "a": { "a": 0, "k": [0, 0] },
+              "s": { "a": 0, "k": [100, 100] },
+              "p": { "a": 0, "k": [-3, -3] },
+              "r": { "a": 0, "k": 0 }
+            }
+          ]
+        }
+      ],
+      "op": 1
+    }
+  ],
+  "op": 1,
+  "w": 25,
+  "h": 25
+}

package/src/Icons/Assets/time.json

@@ -0,0 +1 @@
+{"ip":0,"fr":60,"v":"5.1.20","assets":[],"layers":[{"ty":4,"nm":"clock","ip":0,"st":0,"ind":2,"hix":1,"ks":{"o":{"a":0,"k":100},"or":{"a":0,"k":[0,0,0]},"a":{"a":0,"k":[12,12,0]},"p":{"s":true,"x":{"a":0,"k":13.4405},"y":{"a":0,"k":13.82}},"rx":{"a":0,"k":0},"ry":{"a":0,"k":0},"rz":{"a":0,"k":0},"s":{"a":0,"k":[108.60000000000001,108.60000000000001]}},"shapes":[{"ty":"gr","nm":"clock shape group","it":[{"ty":"sh","ks":{"a":0,"k":{"c":true,"v":[[21.6639366,10.9986547],[10.9999377,0.334655762],[0.3359375,10.9986547],[10.9999377,21.6626549]],"i":[[0,5.889563500000001],[5.889564499999999,0],[0,-5.88956418],[-5.88956452,0]],"o":[[0,-5.88956418],[-5.88956452,0],[0,5.889563500000001],[5.889564499999999,0]]}}},{"ty":"sh","ks":{"a":0,"k":{"c":false,"v":[[10.9999377,5.84798844],[10.9999377,10.9986547],[14.5559374,12.6519895]],"i":[[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0]]}}},{"ty":"st","o":{"a":0,"k":100},"c":{"a":0,"k":[0,0,0,1]},"lc":2,"lj":2,"ml":1,"w":{"a":0,"k":1},"d":[{"n":"d","v":{"a":0,"k":0},"nm":"0"},{"n":"g","v":{"a":0,"k":0},"nm":"1"}]},{"ty":"fl","o":{"a":0,"k":0},"c":{"a":0,"k":[0,0,0,0]},"r":1},{"ty":"tr","o":{"a":0,"k":100},"a":{"a":0,"k":[0,0]},"s":{"a":0,"k":[100,100]},"p":{"a":0,"k":[1,1]},"r":{"a":0,"k":0}}]}],"op":1}],"op":1,"w":27,"h":28}

package/src/Icons/Assets/toursResources.json

@@ -0,0 +1,228 @@
+{
+  "ip": 0,
+  "fr": 60,
+  "v": "5.1.20",
+  "assets": [],
+  "layers": [
+    {
+      "ty": 4,
+      "nm": "toursResources",
+      "ip": 0,
+      "st": 0,
+      "ind": 1,
+      "hix": 1,
+      "ks": {
+        "o": { "a": 0, "k": 100 },
+        "or": { "a": 0, "k": [0, 0, 0] },
+        "a": { "a": 0, "k": [13, 9, 0] },
+        "p": {
+          "s": true,
+          "x": { "a": 0, "k": 13.621 },
+          "y": { "a": 0, "k": 12.04 }
+        },
+        "rx": { "a": 0, "k": 0 },
+        "ry": { "a": 0, "k": 0 },
+        "rz": { "a": 0, "k": 0 },
+        "s": { "a": 0, "k": [100, 100, 100] }
+      },
+      "shapes": [
+        {
+          "ty": "gr",
+          "nm": "toursResources shape group",
+          "it": [
+            {
+              "ty": "sh",
+              "ks": {
+                "a": 0,
+                "k": {
+                  "c": false,
+                  "v": [
+                    [6.20812066, 22.4253184],
+                    [9.14678701, 24.2866516],
+                    [12.0907873, 22.4133174]
+                  ],
+                  "i": [
+                    [0, 0],
+                    [-1.2986666400000004, 0],
+                    [-0.5186667000000007, 1.1066666000000005]
+                  ],
+                  "o": [
+                    [0.5199999800000006, 1.1000000000000014],
+                    [1.3026666899999988, 0],
+                    [0, 0]
+                  ]
+                }
+              }
+            },
+            {
+              "ty": "sh",
+              "ks": {
+                "a": 0,
+                "k": {
+                  "c": true,
+                  "v": [
+                    [28.2907867, 21.0373179],
+                    [25.041453, 17.7879842],
+                    [21.7921206, 21.0373179],
+                    [25.041453, 24.2866516]
+                  ],
+                  "i": [
+                    [0, 1.7945572999999975],
+                    [1.794557300000001, 0],
+                    [0, -1.7945571999999999],
+                    [-1.7945571999999999, 0]
+                  ],
+                  "o": [
+                    [0, -1.7945571999999999],
+                    [-1.7945571999999999, 0],
+                    [0, 1.7945572999999975],
+                    [1.794557300000001, 0]
+                  ]
+                }
+              }
+            },
+            {
+              "ty": "sh",
+              "ks": {
+                "a": 0,
+                "k": {
+                  "c": false,
+                  "v": [
+                    [22.2654533, 15.0493177],
+                    [19.708121, 7.71331787],
+                    [16.1534538, 7.71331787]
+                  ],
+                  "i": [
+                    [0, 0],
+                    [0, 0],
+                    [0, 0]
+                  ],
+                  "o": [
+                    [0, 0],
+                    [0, 0],
+                    [0, 0]
+                  ]
+                }
+              }
+            },
+            {
+              "ty": "sh",
+              "ks": {
+                "a": 0,
+                "k": {
+                  "c": false,
+                  "v": [
+                    [11.5601203, 10.597318],
+                    [8.48812071, 10.597318],
+                    [5.54412047, 9.3053182],
+                    [4.90012042, 8.60531807]
+                  ],
+                  "i": [
+                    [0, 0],
+                    [0, 0],
+                    [0.7573333599999996, 0.8239999999999998],
+                    [0, 0]
+                  ],
+                  "o": [
+                    [0, 0],
+                    [-1.1186666400000007, 0],
+                    [0, 0],
+                    [0, 0]
+                  ]
+                }
+              }
+            },
+            {
+              "ty": "sh",
+              "ks": {
+                "a": 0,
+                "k": {
+                  "c": false,
+                  "v": [
+                    [25.041453, 14.4373182],
+                    [18.5867869, 19.6506513],
+                    [18.5894547, 19.6506513],
+                    [14.5841204, 19.6506513],
+                    [9.14545441, 14.2119853],
+                    [3.70678711, 19.6506513],
+                    [14.5841204, 19.6506513]
+                  ],
+                  "i": [
+                    [0, 0],
+                    [0.6373333000000017, -2.9786666000000004],
+                    [0, 0],
+                    [0, 0],
+                    [3.0039999900000005, 0],
+                    [0, -3.0040000000000013],
+                    [0, 0]
+                  ],
+                  "o": [
+                    [-3.1693333999999993, 0],
+                    [0, 0],
+                    [0, 0],
+                    [0, -3.0040000000000013],
+                    [-3.0040000299999994, 0],
+                    [0, 0],
+                    [0, 0]
+                  ]
+                }
+              }
+            },
+            {
+              "ty": "sh",
+              "ks": {
+                "a": 0,
+                "k": {
+                  "c": false,
+                  "v": [
+                    [24.296121, 10.597318],
+                    [24.296121, 8.60531807]
+                  ],
+                  "i": [
+                    [0, 0],
+                    [0, 0]
+                  ],
+                  "o": [
+                    [0, 0],
+                    [0, 0]
+                  ]
+                }
+              }
+            },
+            {
+              "ty": "st",
+              "o": { "a": 0, "k": 100 },
+              "c": { "a": 0, "k": [0, 0, 0, 1] },
+              "lc": 2,
+              "lj": 2,
+              "ml": 1,
+              "w": { "a": 0, "k": 1 },
+              "d": [
+                { "n": "d", "v": { "a": 0, "k": 0 }, "nm": "0" },
+                { "n": "g", "v": { "a": 0, "k": 0 }, "nm": "1" }
+              ]
+            },
+            {
+              "ty": "fl",
+              "o": { "a": 0, "k": 0 },
+              "c": { "a": 0, "k": [0, 0, 0, 0] },
+              "r": 1
+            },
+            {
+              "ty": "tr",
+              "o": { "a": 0, "k": 100 },
+              "a": { "a": 0, "k": [0, 0] },
+              "s": { "a": 0, "k": [100, 100] },
+              "p": { "a": 0, "k": [-3, -7] },
+              "r": { "a": 0, "k": 0 }
+            }
+          ]
+        }
+      ],
+      "op": 1
+    }
+  ],
+  "op": 1,
+  "w": 28,
+  "h": 25
+}

package/src/Switch/index.js

@@ -0,0 +1,77 @@
+import React, { useState, useEffect, useRef } from "react";
+import { View } from "react-native";
+import LottieView from "lottie-react-native";
+import switchIcon from "./switch.json";
+import { RoundedBtn } from "../Buttons";
+import colors from "../Theme/definitions/colors";
+import { Center } from "../Layout";
+
+const CheckMark = ({ isEnabled, micro }) => {
+  const loadingRef = useRef();
+  return (
+    <View
+      style={{
+        position: "absolute",
+        top: micro ? -7 : 10,
+        right: micro ? -7 : 10,
+        width: 30,
+        height: 30,
+        borderRadius: 15,
+        borderWidth: 1,
+        borderColor: isEnabled ? colors.color1 : colors.color10,
+        backgroundColor: colors.color1,
+      }}
+    >
+      <Center>
+        {isEnabled && (
+          <LottieView
+            ref={loadingRef}
+            style={{
+              height: 30,
+              width: 30,
+            }}
+            autoPlay={true}
+            loop={false}
+            source={switchIcon}
+          />
+        )}
+      </Center>
+    </View>
+  );
+};
+
+export default function Switch({
+  children,
+  enabled = true,
+  value = false,
+  onValueChange = () => {},
+  micro = false,
+}) {
+  const [isEnabled, setIsEnabled] = useState(value);
+  const toggleSwitch = () => {
+    enabled &&
+      setIsEnabled((previousState) => {
+        onValueChange(!previousState);
+        return !previousState;
+      });
+  };
+
+  useEffect(() => {
+    setIsEnabled(value);
+  }, [value]);
+
+  return (
+    <RoundedBtn
+      style={{
+        borderWidth: 1,
+        borderColor: isEnabled ? colors.color15 : colors.color10,
+        opacity: enabled ? 1 : 0.6,
+      }}
+      color={colors.color1}
+      onClick={toggleSwitch}
+    >
+      <CheckMark isEnabled={isEnabled} micro={micro} />
+      {children}
+    </RoundedBtn>
+  );
+}

package/src/Switch/switch.json

@@ -0,0 +1 @@
+{"ip":0,"fr":60,"v":"5.1.20","assets":[],"layers":[{"ty":4,"nm":"success","ip":0,"st":0,"ind":1,"hix":1,"ks":{"o":{"a":0,"k":100},"or":{"a":0,"k":[0,0,0]},"a":{"a":0,"k":[75,75,0]},"p":{"s":true,"x":{"a":1,"k":[{"t":0,"s":[50],"e":[50.05400195600987],"i":{"x":[0.515],"y":[0.955]},"o":{"x":[0.455],"y":[0.03]}},{"t":12}]},"y":{"a":1,"k":[{"t":0,"s":[50],"e":[49.946001956009866],"i":{"x":[0.515],"y":[0.955]},"o":{"x":[0.455],"y":[0.03]}},{"t":12}]}},"rx":{"a":0,"k":0},"ry":{"a":0,"k":0},"rz":{"a":0,"k":0},"s":{"a":1,"k":[{"t":0,"s":[11,11],"e":[66.7,66.7],"i":{"x":[0.515,0.515],"y":[0.955,0.955]},"o":{"x":[0.455,0.455],"y":[0.03,0.03]}},{"t":12}]}},"shapes":[{"ty":"gr","nm":"success shape group","it":[{"ty":"rc","s":{"a":0,"k":[69,15]},"r":{"a":0,"k":7},"p":{"a":0,"k":[85.2835427,75.5]}},{"ty":"st","o":{"a":0,"k":0},"w":{"a":0,"k":0},"c":{"a":0,"k":[0,0,0,0]},"lc":3,"lj":1,"ml":1},{"ty":"fl","o":{"a":0,"k":100},"r":2,"c":{"a":0,"k":[1,1,1,1]}},{"ty":"tr","o":{"a":0,"k":100},"a":{"a":0,"k":[0,0]},"s":{"a":0,"k":[100,100]},"p":{"a":0,"k":[-28.156,92.301]},"r":{"a":0,"k":310.02746294528845}}]},{"ty":"gr","nm":"success shape group","it":[{"ty":"rc","s":{"a":0,"k":[43,15]},"r":{"a":0,"k":7},"p":{"a":0,"k":[58.5,85.6007333]}},{"ty":"st","o":{"a":0,"k":0},"w":{"a":0,"k":0},"c":{"a":0,"k":[0,0,0,0]},"lc":3,"lj":1,"ml":1},{"ty":"fl","o":{"a":0,"k":100},"r":2,"c":{"a":0,"k":[1,1,1,1]}},{"ty":"tr","o":{"a":0,"k":100},"a":{"a":0,"k":[0,0]},"s":{"a":0,"k":[100,100]},"p":{"a":0,"k":[85.687,-14.236]},"r":{"a":0,"k":50.019215514920866}}]},{"ty":"gr","nm":"success shape group","it":[{"ty":"el","p":{"a":0,"k":[75,75]},"s":{"a":0,"k":[150,150]}},{"ty":"st","o":{"a":0,"k":0},"w":{"a":0,"k":0},"c":{"a":0,"k":[0,0,0,0]},"lc":3,"lj":1,"ml":1},{"ty":"fl","o":{"a":0,"k":100},"r":2,"c":{"a":0,"k":[0.3333333333333333,0.9372549019607843,0.7686274509803922,1]}},{"ty":"tr","o":{"a":0,"k":100},"a":{"a":0,"k":[0,0]},"s":{"a":0,"k":[100,100]},"p":{"a":0,"k":[-0.784,0]},"r":{"a":0,"k":0}}]}],"op":12}],"op":12,"w":100,"h":100}

package/src/Theme/definitions/colors.js

@@ -1,18 +1,20 @@
 const colors = {
   color1: "#FFFFFF",
-  color2: "#2d3436",
+  color2: "#000000",
   color3: "#74b9ff",
+  color3light: "#E1F0FF",
   color4: "#0984e3",
   color5: "#ffeaa7",
   color5light: "#FFF9E5",
   color5border: "#E4E0D2",
   color6: "#ff7675",
+  color6light: "#FFDCDB",
   color7: "#dfe6e9",
   color8: "#F8F9FB",
   color9: "#FFA15F",
   color9light: "#FFF0E6",
   color9border: "#DDD1C9",
-  color10: "#f6f7fb",
+  color10: "#F2F3F7",
   color11: "#00b894",
   color11light: "#EEFFFC",
   color11border: "#D2E3E0",

package/src/Theme/definitions/layout.js

@@ -1,7 +1,7 @@
 const layout = {
-  margin: '20px',
-  padding: '10px',
-  borderRadius: '8px',
-  borderRadiusSmall: '8px'
+  margin: "16px",
+  padding: "10px",
+  borderRadius: "8px",
+  borderRadiusSmall: "8px",
 };
 export default layout;

package/src/index.js

@@ -33,6 +33,7 @@ import Icon from "./Icons";
 import FlatList from "./FlatList";
 import Header from "./Header";
 import BottomNavBar from "./BottomNavBar";
+import Switch from "./Switch";
 
 export {
   ThemeWrapper,
@@ -74,4 +75,5 @@ export {
   FlatList,
   Header,
   BottomNavBar,
+  Switch,
 };

package/src/Icons/Assets/DiningTable.json

@@ -1 +0,0 @@
-{"ip":0,"fr":60,"v":"5.1.20","assets":[],"layers":[{"ty":4,"nm":"dining-table","ip":0,"st":0,"ind":1,"hix":1,"ks":{"o":{"a":0,"k":100},"or":{"a":0,"k":[0,0,0]},"a":{"a":0,"k":[14,12,0]},"p":{"s":true,"x":{"a":0,"k":17.911999999999995},"y":{"a":0,"k":13.027000000000001}},"rx":{"a":0,"k":0},"ry":{"a":0,"k":0},"rz":{"a":0,"k":0},"s":{"a":0,"k":[100,100,100]}},"shapes":[{"ty":"gr","nm":"dining-table shape group","it":[{"ty":"sh","ks":{"a":0,"k":{"c":false,"v":[[3.55603027,10.66799],[5.07469686,19.5546578],[10.6666972,19.5559904],[12.4440308,26.6653252]],"i":[[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]]}}},{"ty":"sh","ks":{"a":0,"k":{"c":false,"v":[[28.4440308,10.66799],[26.9253642,19.5546578],[21.3333639,19.5559904],[19.5560303,26.6653252]],"i":[[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]]}}},{"ty":"sh","ks":{"a":0,"k":{"c":false,"v":[[10.6666972,10.6666562],[10.6666972,5.33465576],[16.0000305,5.33465576],[16.0000305,10.6666562]],"i":[[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]]}}},{"ty":"sh","ks":{"a":0,"k":{"c":false,"v":[[8.88936329,14.2226561],[23.1106974,14.2226561]],"i":[[0,0],[0,0]],"o":[[0,0],[0,0]]}}},{"ty":"sh","ks":{"a":0,"k":{"c":false,"v":[[16.0000305,14.2226561],[16.0000305,26.6653252]],"i":[[0,0],[0,0]],"o":[[0,0],[0,0]]}}},{"ty":"sh","ks":{"a":0,"k":{"c":false,"v":[[5.07469686,19.5546578],[3.55603027,26.6653252]],"i":[[0,0],[0,0]],"o":[[0,0],[0,0]]}}},{"ty":"sh","ks":{"a":0,"k":{"c":false,"v":[[26.9253642,19.5546578],[28.4440308,26.6653252]],"i":[[0,0],[0,0]],"o":[[0,0],[0,0]]}}},{"ty":"sh","ks":{"a":0,"k":{"c":false,"v":[[19.5560303,10.6666562],[19.5560303,7.11332268]],"i":[[0,0],[0,0]],"o":[[0,0],[0,0]]}}},{"ty":"st","o":{"a":0,"k":100},"c":{"a":0,"k":[0,0,0,1]},"lc":2,"lj":2,"ml":1,"w":{"a":0,"k":1.5},"d":[{"n":"d","v":{"a":0,"k":0},"nm":"0"},{"n":"g","v":{"a":0,"k":0},"nm":"1"}]},{"ty":"fl","o":{"a":0,"k":0},"c":{"a":0,"k":[0,0,0,0]},"r":1},{"ty":"tr","o":{"a":0,"k":100},"a":{"a":0,"k":[0,0]},"s":{"a":0,"k":[100,100]},"p":{"a":0,"k":[-2,-4]},"r":{"a":0,"k":0}}]},{"ty":"gr","nm":"dining-table shape group","it":[{"ty":"sh","ks":{"a":0,"k":{"c":true,"v":[[0,0],[32,0],[32,32],[0,32]],"i":[[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]]}}},{"ty":"st","o":{"a":0,"k":0},"w":{"a":0,"k":0},"c":{"a":0,"k":[0,0,0,0]},"lc":3,"lj":1,"ml":1},{"ty":"fl","o":{"a":0,"k":0},"c":{"a":0,"k":[0,0,0,0]},"r":1},{"ty":"tr","o":{"a":0,"k":100},"a":{"a":0,"k":[0,0]},"s":{"a":0,"k":[100,100]},"p":{"a":0,"k":[-2,-4]},"r":{"a":0,"k":0}}]}],"op":1}],"op":1,"w":36,"h":27}