@servesall/atoms 1.0.52 → 1.0.58

package/src/Text/H5.js

@@ -0,0 +1,30 @@
+import React from "react";
+import PropTypes from "prop-types";
+import { H5 } from "./Text.style";
+
+const H5Text = ({
+  children,
+  style,
+  align = "left",
+  color,
+  fontFamily,
+  ...rest
+}) => {
+  return (
+    <H5
+      {...rest}
+      style={style}
+      align={align}
+      color={color}
+      fontFamily={fontFamily}
+    >
+      {children}
+    </H5>
+  );
+};
+
+H5Text.propTypes = {
+  style: PropTypes.object,
+};
+
+export default H5Text;

package/src/Text/Text.style.js

@@ -36,6 +36,15 @@ export const H4 = styled.Text`
   ${(props) => props.style};
 `;
 
+export const H5 = styled.Text`
+  font-size: ${(props) => props.theme.xssmall};
+  font-family: ${(props) => props.fontFamily || props.theme.fontFamily1};
+  text-align: ${(props) => props.align};
+  color: ${(props) => props.color || props.theme.color2};
+  line-height: ${(props) => props.theme.xssmall};
+  ${(props) => props.style};
+`;
+
 export const Span = styled.Text`
   font-size: ${(props) => props.theme.small};
   font-family: ${(props) => props.fontFamily || props.theme.fontFamily1};

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",
@@ -24,5 +26,6 @@ const colors = {
   color15: "#00cec9",
   color16: "#636e72",
   color17: "#6c5ce7",
+  color18: "#81ecec",
 };
 export default colors;

package/src/Theme/definitions/fonts.js

@@ -1,4 +1,5 @@
 const fonts = {
+  xssmall: "14px",
   xsmall: "16px",
   lhXsmall: "15px",
   small: "18px",

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}