@servesall/atoms 1.1.10 → 1.1.12

package/dist/bundle.cjs.js

@@ -551,7 +551,7 @@ SpanText.propTypes = {
   style: PropTypes__default["default"].object
 };
 
-var _templateObject$m, _templateObject2$d, _templateObject3$6, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21;
+var _templateObject$m, _templateObject2$d, _templateObject3$6, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21, _templateObject22;
 var DEFAULT_FLEX_DIRECTION = reactNative.Platform.OS === "web" ? "column" : "column";
 var CenterElement = styled__default["default"].View(_templateObject$m || (_templateObject$m = _taggedTemplateLiteral(["\n  align-items: center;\n  justify-content: center;\n  flex: 1;\n  flex-direction: ", ";\n  ", ";\n"])), function (props) {
   return props.flexDirection || DEFAULT_FLEX_DIRECTION;
@@ -618,74 +618,81 @@ var MarginRightElement = styled__default["default"].View(_templateObject9 || (_t
 }, function (props) {
   return props.style;
 });
-var PaddingElement = styled__default["default"].View(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n  padding: ", ";\n  flex-direction: ", ";\n  ", ";\n"])), function (props) {
+var MarginLeftElement = styled__default["default"].View(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n  margin-left: ", ";\n  flex-direction: ", ";\n  ", ";\n"])), function (props) {
+  return props.theme.margin;
+}, function (props) {
+  return props.flexDirection || DEFAULT_FLEX_DIRECTION;
+}, function (props) {
+  return props.style;
+});
+var PaddingElement = styled__default["default"].View(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n  padding: ", ";\n  flex-direction: ", ";\n  ", ";\n"])), function (props) {
   return props.theme.padding;
 }, function (props) {
   return props.flexDirection || DEFAULT_FLEX_DIRECTION;
 }, function (props) {
   return props.style;
 });
-var PaddingHorizontalElement = styled__default["default"].View(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n  padding: 0 ", ";\n  flex-direction: ", ";\n  ", ";\n"])), function (props) {
+var PaddingHorizontalElement = styled__default["default"].View(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n  padding: 0 ", ";\n  flex-direction: ", ";\n  ", ";\n"])), function (props) {
   return props.theme.padding;
 }, function (props) {
   return props.flexDirection || DEFAULT_FLEX_DIRECTION;
 }, function (props) {
   return props.style;
 });
-var PaddingVerticalElement = styled__default["default"].View(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n  padding: ", " 0;\n  flex-direction: ", ";\n  ", ";\n"])), function (props) {
+var PaddingVerticalElement = styled__default["default"].View(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["\n  padding: ", " 0;\n  flex-direction: ", ";\n  ", ";\n"])), function (props) {
   return props.theme.padding;
 }, function (props) {
   return props.flexDirection || DEFAULT_FLEX_DIRECTION;
 }, function (props) {
   return props.style;
 });
-var PaddingTopElement = styled__default["default"].View(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["\n  padding-top: ", ";\n  flex-direction: ", ";\n  ", ";\n"])), function (props) {
+var PaddingTopElement = styled__default["default"].View(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["\n  padding-top: ", ";\n  flex-direction: ", ";\n  ", ";\n"])), function (props) {
   return props.theme.padding;
 }, function (props) {
   return props.flexDirection || DEFAULT_FLEX_DIRECTION;
 }, function (props) {
   return props.style;
 });
-var PaddingBottomElement = styled__default["default"].View(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["\n  padding-bottom: ", ";\n  flex-direction: ", ";\n  ", ";\n"])), function (props) {
+var PaddingBottomElement = styled__default["default"].View(_templateObject15 || (_templateObject15 = _taggedTemplateLiteral(["\n  padding-bottom: ", ";\n  flex-direction: ", ";\n  ", ";\n"])), function (props) {
   return props.theme.padding;
 }, function (props) {
   return props.flexDirection || DEFAULT_FLEX_DIRECTION;
 }, function (props) {
   return props.style;
 });
-var PaddingLeftElement = styled__default["default"].View(_templateObject15 || (_templateObject15 = _taggedTemplateLiteral(["\n  padding-left: ", ";\n  flex-direction: ", ";\n  ", ";\n"])), function (props) {
+var PaddingLeftElement = styled__default["default"].View(_templateObject16 || (_templateObject16 = _taggedTemplateLiteral(["\n  padding-left: ", ";\n  flex-direction: ", ";\n  ", ";\n"])), function (props) {
   return props.theme.padding;
 }, function (props) {
   return props.flexDirection || DEFAULT_FLEX_DIRECTION;
 }, function (props) {
   return props.style;
 });
-var PaddingRightElement = styled__default["default"].View(_templateObject16 || (_templateObject16 = _taggedTemplateLiteral(["\n  padding-right: ", ";\n  flex-direction: ", ";\n  ", ";\n"])), function (props) {
+var PaddingRightElement = styled__default["default"].View(_templateObject17 || (_templateObject17 = _taggedTemplateLiteral(["\n  padding-right: ", ";\n  flex-direction: ", ";\n  ", ";\n"])), function (props) {
   return props.theme.padding;
 }, function (props) {
   return props.flexDirection || DEFAULT_FLEX_DIRECTION;
 }, function (props) {
   return props.style;
 });
-var RowElement = styled__default["default"].View(_templateObject17 || (_templateObject17 = _taggedTemplateLiteral(["\n  flex-direction: row;\n  ", ";\n"])), function (props) {
+var RowElement = styled__default["default"].View(_templateObject18 || (_templateObject18 = _taggedTemplateLiteral(["\n  flex-direction: row;\n  ", ";\n"])), function (props) {
   return props.style;
 });
-var StretchElement = styled__default["default"].View(_templateObject18 || (_templateObject18 = _taggedTemplateLiteral(["\n  align-items: stretch;\n  align-self: stretch;\n  flex-direction: ", ";\n  ", ";\n"])), function (props) {
+var StretchElement = styled__default["default"].View(_templateObject19 || (_templateObject19 = _taggedTemplateLiteral(["\n  align-items: stretch;\n  align-self: stretch;\n  flex-direction: ", ";\n  ", ";\n"])), function (props) {
   return props.flexDirection || DEFAULT_FLEX_DIRECTION;
 }, function (props) {
   return props.style;
 });
-var BoxElement = styled__default["default"].View(_templateObject19 || (_templateObject19 = _taggedTemplateLiteral(["\n  flex: 1;\n  flex-direction: ", ";\n  ", ";\n"])), function (props) {
+var BoxElement = styled__default["default"].View(_templateObject20 || (_templateObject20 = _taggedTemplateLiteral(["\n  flex: 1;\n  flex-direction: ", ";\n  ", ";\n"])), function (props) {
   return props.flexDirection || DEFAULT_FLEX_DIRECTION;
 }, function (props) {
   return props.style;
 });
-var FullScreenElement = styled__default["default"].View(_templateObject20 || (_templateObject20 = _taggedTemplateLiteral(["\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  z-index: 11;\n  flex-direction: ", ";\n  ", ";\n"])), function (props) {
+var FullScreenElement = styled__default["default"].View(_templateObject21 || (_templateObject21 = _taggedTemplateLiteral(["\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  z-index: 11;\n  flex-direction: ", ";\n  ", ";\n"])), function (props) {
   return props.flexDirection || DEFAULT_FLEX_DIRECTION;
 }, function (props) {
   return props.style;
 });
-var WebSmallWrapperElement = styled__default["default"].View(_templateObject21 || (_templateObject21 = _taggedTemplateLiteral(["\n  flex-direction: ", ";\n  width: 500px;\n  ", ";\n"])), function (props) {
+var WebSmallWrapperElement = styled__default["default"].View(_templateObject22 || (_templateObject22 = _taggedTemplateLiteral(["\n  flex-direction: ", ";\n  width: 500px;\n  ", ";\n"])), function (props) {
   return props.flexDirection || DEFAULT_FLEX_DIRECTION;
 }, function (props) {
   return props.style;
@@ -790,6 +797,17 @@ var MarginRight = function MarginRight(_ref) {
   }, children);
 };
 
+var MarginLeft = function MarginLeft(_ref) {
+  var children = _ref.children,
+      style = _ref.style,
+      _ref$direction = _ref.direction,
+      direction = _ref$direction === void 0 ? false : _ref$direction;
+  return /*#__PURE__*/React__default["default"].createElement(MarginLeftElement, {
+    style: style,
+    flexDirection: direction
+  }, children);
+};
+
 var Padding = function Padding(_ref) {
   var children = _ref.children,
       style = _ref.style,
@@ -38814,476 +38832,11 @@ var assets$u = [
 var layers$u = [
 	{
 		ty: 4,
-		nm: "close",
-		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: [
-					9,
-					9.5,
-					0
-				]
-			},
-			p: {
-				s: true,
-				x: {
-					a: 0,
-					k: 23.4385
-				},
-				y: {
-					a: 0,
-					k: 23.720500000000005
-				}
-			},
-			rx: {
-				a: 0,
-				k: 0
-			},
-			ry: {
-				a: 0,
-				k: 0
-			},
-			rz: {
-				a: 0,
-				k: 44.69070802020421
-			},
-			s: {
-				a: 0,
-				k: [
-					201.29999999999998,
-					201.29999999999998
-				]
-			}
-		},
-		shapes: [
-			{
-				ty: "gr",
-				nm: "close shape group",
-				it: [
-					{
-						ty: "sh",
-						ks: {
-							a: 0,
-							k: {
-								c: true,
-								v: [
-									[
-										8,
-										3
-									],
-									[
-										8,
-										1
-									],
-									[
-										10,
-										-1
-									],
-									[
-										12,
-										1
-									],
-									[
-										12,
-										3
-									],
-									[
-										12,
-										18
-									],
-									[
-										12,
-										20
-									],
-									[
-										10,
-										22
-									],
-									[
-										8,
-										20
-									]
-								],
-								i: [
-									[
-										0,
-										0
-									],
-									[
-										0,
-										0
-									],
-									[
-										-1.3333333300000003,
-										0
-									],
-									[
-										0,
-										-1.3333333330000001
-									],
-									[
-										0,
-										0
-									],
-									[
-										0,
-										0
-									],
-									[
-										0,
-										0
-									],
-									[
-										1.3333332999999996,
-										0
-									],
-									[
-										0,
-										1.3333332999999996
-									]
-								],
-								o: [
-									[
-										0,
-										0
-									],
-									[
-										0,
-										-1.3333333330000001
-									],
-									[
-										1.3333332999999996,
-										0
-									],
-									[
-										0,
-										0
-									],
-									[
-										0,
-										0
-									],
-									[
-										0,
-										0
-									],
-									[
-										0,
-										1.3333332999999996
-									],
-									[
-										-1.3333333300000003,
-										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: 100
-						},
-						r: 2,
-						c: {
-							a: 0,
-							k: [
-								0.12156862745098039,
-								0.17647058823529413,
-								0.20784313725490197,
-								1
-							]
-						}
-					},
-					{
-						ty: "tr",
-						o: {
-							a: 0,
-							k: 100
-						},
-						a: {
-							a: 0,
-							k: [
-								0,
-								0
-							]
-						},
-						s: {
-							a: 0,
-							k: [
-								100,
-								-100
-							]
-						},
-						p: {
-							a: 0,
-							k: [
-								23.496,
-								9.146
-							]
-						},
-						r: {
-							a: 0,
-							k: 225.0005261478743
-						}
-					}
-				]
-			},
-			{
-				ty: "gr",
-				nm: "close shape group",
-				it: [
-					{
-						ty: "sh",
-						ks: {
-							a: 0,
-							k: {
-								c: true,
-								v: [
-									[
-										8,
-										3
-									],
-									[
-										8,
-										1
-									],
-									[
-										10,
-										-1
-									],
-									[
-										12,
-										1
-									],
-									[
-										12,
-										3
-									],
-									[
-										12,
-										18
-									],
-									[
-										12,
-										20
-									],
-									[
-										10,
-										22
-									],
-									[
-										8,
-										20
-									]
-								],
-								i: [
-									[
-										0,
-										0
-									],
-									[
-										0,
-										0
-									],
-									[
-										-1.3333333300000003,
-										0
-									],
-									[
-										0,
-										-1.3333333330000001
-									],
-									[
-										0,
-										0
-									],
-									[
-										0,
-										0
-									],
-									[
-										0,
-										0
-									],
-									[
-										1.3333332999999996,
-										0
-									],
-									[
-										0,
-										1.3333332999999996
-									]
-								],
-								o: [
-									[
-										0,
-										0
-									],
-									[
-										0,
-										-1.3333333330000001
-									],
-									[
-										1.3333332999999996,
-										0
-									],
-									[
-										0,
-										0
-									],
-									[
-										0,
-										0
-									],
-									[
-										0,
-										0
-									],
-									[
-										0,
-										1.3333332999999996
-									],
-									[
-										-1.3333333300000003,
-										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: 100
-						},
-						r: 2,
-						c: {
-							a: 0,
-							k: [
-								0.12156862745098039,
-								0.17647058823529413,
-								0.20784313725490197,
-								1
-							]
-						}
-					},
-					{
-						ty: "tr",
-						o: {
-							a: 0,
-							k: 100
-						},
-						a: {
-							a: 0,
-							k: [
-								0,
-								0
-							]
-						},
-						s: {
-							a: 0,
-							k: [
-								100,
-								100
-							]
-						},
-						p: {
-							a: 0,
-							k: [
-								-5.496,
-								9.146
-							]
-						},
-						r: {
-							a: 0,
-							k: 315.0121957629266
-						}
-					}
-				]
-			}
-		],
-		op: 1
-	},
-	{
-		ty: 4,
-		nm: "Group 3",
+		nm: "add",
 		ip: 0,
 		st: 0,
 		ind: 1,
-		hix: 2,
+		hix: 1,
 		ks: {
 			o: {
 				a: 0,
@@ -39300,8 +38853,8 @@ var layers$u = [
 			a: {
 				a: 0,
 				k: [
-					12,
-					11.5,
+					119,
+					119,
 					0
 				]
 			},
@@ -39309,11 +38862,11 @@ var layers$u = [
 				s: true,
 				x: {
 					a: 0,
-					k: 453.4845
+					k: 200
 				},
 				y: {
 					a: 0,
-					k: 349.9054999999998
+					k: 200
 				}
 			},
 			rx: {
@@ -39331,34 +38884,34 @@ var layers$u = [
 			s: {
 				a: 0,
 				k: [
-					152.7,
-					152.7
+					161.8,
+					161.8
 				]
 			}
 		},
 		shapes: [
 			{
 				ty: "gr",
-				nm: "Group 3 shape group",
+				nm: "add shape group",
 				it: [
 					{
 						ty: "rc",
 						s: {
 							a: 0,
 							k: [
-								30,
-								5
+								40,
+								238
 							]
 						},
 						r: {
 							a: 0,
-							k: 2
+							k: 20
 						},
 						p: {
 							a: 0,
 							k: [
-								13,
-								12.5
+								119,
+								119
 							]
 						}
 					},
@@ -39395,9 +38948,9 @@ var layers$u = [
 						c: {
 							a: 0,
 							k: [
-								0.12156862745098039,
-								0.17647058823529413,
-								0.20784313725490197,
+								1,
+								1,
+								1,
 								1
 							]
 						}
@@ -39419,45 +38972,45 @@ var layers$u = [
 							a: 0,
 							k: [
 								100,
-								-100
+								100
 							]
 						},
 						p: {
 							a: 0,
 							k: [
-								12.354,
-								-6.531
+								238,
+								0
 							]
 						},
 						r: {
 							a: 0,
-							k: 134.98885653282196
+							k: 90.01166961505233
 						}
 					}
 				]
 			},
 			{
 				ty: "gr",
-				nm: "Group 3 shape group",
+				nm: "add shape group",
 				it: [
 					{
 						ty: "rc",
 						s: {
 							a: 0,
 							k: [
-								30,
-								5
+								40,
+								238
 							]
 						},
 						r: {
 							a: 0,
-							k: 2
+							k: 20
 						},
 						p: {
 							a: 0,
 							k: [
-								13,
-								12.5
+								119,
+								119
 							]
 						}
 					},
@@ -39494,9 +39047,9 @@ var layers$u = [
 						c: {
 							a: 0,
 							k: [
-								0.12156862745098039,
-								0.17647058823529413,
-								0.20784313725490197,
+								1,
+								1,
+								1,
 								1
 							]
 						}
@@ -39524,13 +39077,13 @@ var layers$u = [
 						p: {
 							a: 0,
 							k: [
-								11.646,
-								-6.531
+								0,
+								0
 							]
 						},
 						r: {
 							a: 0,
-							k: 44.97718691776963
+							k: 0
 						}
 					}
 				]
@@ -39540,8 +39093,8 @@ var layers$u = [
 	}
 ];
 var op$u = 1;
-var w$u = 47;
-var h$u = 48;
+var w$u = 400;
+var h$u = 400;
 var add = {
 	ip: ip$u,
 	fr: fr$u,
@@ -52437,13 +51990,21 @@ var switchIcon = {
 var CheckMark = function CheckMark(_ref) {
   var fat = _ref.fat,
       isEnabled = _ref.isEnabled,
-      micro = _ref.micro;
+      micro = _ref.micro,
+      mini = _ref.mini;
+
+  var size = function size() {
+    if (micro) return -7;
+    if (mini) return -30;
+    return 10;
+  };
+
   var loadingRef = React.useRef();
   return /*#__PURE__*/React__default["default"].createElement(reactNative.View, {
     style: {
       position: "absolute",
-      top: micro ? -7 : 10,
-      right: micro ? -7 : 10,
+      top: size(),
+      right: size(),
       width: 30,
       height: 30,
       borderRadius: 15,
@@ -52473,6 +52034,8 @@ function Switch(_ref2) {
       onValueChange = _ref2$onValueChange === void 0 ? function () {} : _ref2$onValueChange,
       _ref2$micro = _ref2.micro,
       micro = _ref2$micro === void 0 ? false : _ref2$micro,
+      _ref2$mini = _ref2.mini,
+      mini = _ref2$mini === void 0 ? false : _ref2$mini,
       _ref2$fat = _ref2.fat,
       fat = _ref2$fat === void 0 ? false : _ref2$fat,
       _ref2$radio = _ref2.radio,
@@ -52507,7 +52070,8 @@ function Switch(_ref2) {
   }, children, /*#__PURE__*/React__default["default"].createElement(CheckMark, {
     fat: fat,
     isEnabled: isEnabled,
-    micro: micro
+    micro: micro,
+    mini: mini
   }));
 }
 
@@ -54640,6 +54204,7 @@ exports.Loader = Loader;
 exports.Margin = Margin;
 exports.MarginBottom = MarginBottom;
 exports.MarginHorizontal = MarginHorizontal;
+exports.MarginLeft = MarginLeft;
 exports.MarginRight = MarginRight;
 exports.MarginTop = MarginTop;
 exports.MarginVertical = MarginVertical;