@servesall/atoms 1.1.11 → 1.1.12

package/dist/bundle.umd.js

@@ -543,7 +543,7 @@
     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;
@@ -610,74 +610,81 @@
   }, 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;
@@ -782,6 +789,17 @@
     }, 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,
@@ -38806,476 +38824,11 @@
   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,
@@ -39292,8 +38845,8 @@
   			a: {
   				a: 0,
   				k: [
-  					12,
-  					11.5,
+  					119,
+  					119,
   					0
   				]
   			},
@@ -39301,11 +38854,11 @@
   				s: true,
   				x: {
   					a: 0,
-  					k: 453.4845
+  					k: 200
   				},
   				y: {
   					a: 0,
-  					k: 349.9054999999998
+  					k: 200
   				}
   			},
   			rx: {
@@ -39323,34 +38876,34 @@
   			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
   							]
   						}
   					},
@@ -39387,9 +38940,9 @@
   						c: {
   							a: 0,
   							k: [
-  								0.12156862745098039,
-  								0.17647058823529413,
-  								0.20784313725490197,
+  								1,
+  								1,
+  								1,
   								1
   							]
   						}
@@ -39411,45 +38964,45 @@
   							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
   							]
   						}
   					},
@@ -39486,9 +39039,9 @@
   						c: {
   							a: 0,
   							k: [
-  								0.12156862745098039,
-  								0.17647058823529413,
-  								0.20784313725490197,
+  								1,
+  								1,
+  								1,
   								1
   							]
   						}
@@ -39516,13 +39069,13 @@
   						p: {
   							a: 0,
   							k: [
-  								11.646,
-  								-6.531
+  								0,
+  								0
   							]
   						},
   						r: {
   							a: 0,
-  							k: 44.97718691776963
+  							k: 0
   						}
   					}
   				]
@@ -39532,8 +39085,8 @@
   	}
   ];
   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,
@@ -54643,6 +54196,7 @@
   exports.Margin = Margin;
   exports.MarginBottom = MarginBottom;
   exports.MarginHorizontal = MarginHorizontal;
+  exports.MarginLeft = MarginLeft;
   exports.MarginRight = MarginRight;
   exports.MarginTop = MarginTop;
   exports.MarginVertical = MarginVertical;