@servesall/atoms 1.1.9 → 1.1.11

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (10) hide show
  1. package/dist/bundle.cjs.js +59 -10
  2. package/dist/bundle.esm.js +58 -11
  3. package/dist/bundle.umd.js +59 -10
  4. package/package.json +1 -1
  5. package/src/Layout/Layout.style.js +12 -0
  6. package/src/Layout/PaddingLeft.js +12 -0
  7. package/src/Layout/PaddingRight.js +12 -0
  8. package/src/Layout/index.js +4 -0
  9. package/src/Switch/index.js +11 -4
  10. package/src/index.js +4 -0
package/dist/bundle.cjs.js CHANGED
@@ -551,7 +551,7 @@ SpanText.propTypes = {
551
551
  style: PropTypes__default["default"].object
552
552
  };
553
553
 
554
- var _templateObject$m, _templateObject2$d, _templateObject3$6, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19;
554
+ 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;
555
555
  var DEFAULT_FLEX_DIRECTION = reactNative.Platform.OS === "web" ? "column" : "column";
556
556
  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) {
557
557
  return props.flexDirection || DEFAULT_FLEX_DIRECTION;
@@ -653,25 +653,39 @@ var PaddingBottomElement = styled__default["default"].View(_templateObject14 ||
653
653
  }, function (props) {
654
654
  return props.style;
655
655
  });
656
- var RowElement = styled__default["default"].View(_templateObject15 || (_templateObject15 = _taggedTemplateLiteral(["\n flex-direction: row;\n ", ";\n"])), function (props) {
656
+ var PaddingLeftElement = styled__default["default"].View(_templateObject15 || (_templateObject15 = _taggedTemplateLiteral(["\n padding-left: ", ";\n flex-direction: ", ";\n ", ";\n"])), function (props) {
657
+ return props.theme.padding;
658
+ }, function (props) {
659
+ return props.flexDirection || DEFAULT_FLEX_DIRECTION;
660
+ }, function (props) {
657
661
  return props.style;
658
662
  });
659
- var StretchElement = styled__default["default"].View(_templateObject16 || (_templateObject16 = _taggedTemplateLiteral(["\n align-items: stretch;\n align-self: stretch;\n flex-direction: ", ";\n ", ";\n"])), function (props) {
663
+ var PaddingRightElement = styled__default["default"].View(_templateObject16 || (_templateObject16 = _taggedTemplateLiteral(["\n padding-right: ", ";\n flex-direction: ", ";\n ", ";\n"])), function (props) {
664
+ return props.theme.padding;
665
+ }, function (props) {
660
666
  return props.flexDirection || DEFAULT_FLEX_DIRECTION;
661
667
  }, function (props) {
662
668
  return props.style;
663
669
  });
664
- var BoxElement = styled__default["default"].View(_templateObject17 || (_templateObject17 = _taggedTemplateLiteral(["\n flex: 1;\n flex-direction: ", ";\n ", ";\n"])), function (props) {
670
+ var RowElement = styled__default["default"].View(_templateObject17 || (_templateObject17 = _taggedTemplateLiteral(["\n flex-direction: row;\n ", ";\n"])), function (props) {
671
+ return props.style;
672
+ });
673
+ var StretchElement = styled__default["default"].View(_templateObject18 || (_templateObject18 = _taggedTemplateLiteral(["\n align-items: stretch;\n align-self: stretch;\n flex-direction: ", ";\n ", ";\n"])), function (props) {
665
674
  return props.flexDirection || DEFAULT_FLEX_DIRECTION;
666
675
  }, function (props) {
667
676
  return props.style;
668
677
  });
669
- var FullScreenElement = styled__default["default"].View(_templateObject18 || (_templateObject18 = _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) {
678
+ var BoxElement = styled__default["default"].View(_templateObject19 || (_templateObject19 = _taggedTemplateLiteral(["\n flex: 1;\n flex-direction: ", ";\n ", ";\n"])), function (props) {
670
679
  return props.flexDirection || DEFAULT_FLEX_DIRECTION;
671
680
  }, function (props) {
672
681
  return props.style;
673
682
  });
674
- var WebSmallWrapperElement = styled__default["default"].View(_templateObject19 || (_templateObject19 = _taggedTemplateLiteral(["\n flex-direction: ", ";\n width: 500px;\n ", ";\n"])), function (props) {
683
+ 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) {
684
+ return props.flexDirection || DEFAULT_FLEX_DIRECTION;
685
+ }, function (props) {
686
+ return props.style;
687
+ });
688
+ var WebSmallWrapperElement = styled__default["default"].View(_templateObject21 || (_templateObject21 = _taggedTemplateLiteral(["\n flex-direction: ", ";\n width: 500px;\n ", ";\n"])), function (props) {
675
689
  return props.flexDirection || DEFAULT_FLEX_DIRECTION;
676
690
  }, function (props) {
677
691
  return props.style;
@@ -831,6 +845,28 @@ var PaddingBottom = function PaddingBottom(_ref) {
831
845
  }, children);
832
846
  };
833
847
 
848
+ var PaddingLeft = function PaddingLeft(_ref) {
849
+ var children = _ref.children,
850
+ style = _ref.style,
851
+ _ref$direction = _ref.direction,
852
+ direction = _ref$direction === void 0 ? false : _ref$direction;
853
+ return /*#__PURE__*/React__default["default"].createElement(PaddingLeftElement, {
854
+ style: style,
855
+ flexDirection: direction
856
+ }, children);
857
+ };
858
+
859
+ var PaddingRight = function PaddingRight(_ref) {
860
+ var children = _ref.children,
861
+ style = _ref.style,
862
+ _ref$direction = _ref.direction,
863
+ direction = _ref$direction === void 0 ? false : _ref$direction;
864
+ return /*#__PURE__*/React__default["default"].createElement(PaddingRightElement, {
865
+ style: style,
866
+ flexDirection: direction
867
+ }, children);
868
+ };
869
+
834
870
  var Row = function Row(_ref) {
835
871
  var children = _ref.children,
836
872
  style = _ref.style;
@@ -52401,13 +52437,21 @@ var switchIcon = {
52401
52437
  var CheckMark = function CheckMark(_ref) {
52402
52438
  var fat = _ref.fat,
52403
52439
  isEnabled = _ref.isEnabled,
52404
- micro = _ref.micro;
52440
+ micro = _ref.micro,
52441
+ mini = _ref.mini;
52442
+
52443
+ var size = function size() {
52444
+ if (micro) return -7;
52445
+ if (mini) return -30;
52446
+ return 10;
52447
+ };
52448
+
52405
52449
  var loadingRef = React.useRef();
52406
52450
  return /*#__PURE__*/React__default["default"].createElement(reactNative.View, {
52407
52451
  style: {
52408
52452
  position: "absolute",
52409
- top: micro ? -7 : 10,
52410
- right: micro ? -7 : 10,
52453
+ top: size(),
52454
+ right: size(),
52411
52455
  width: 30,
52412
52456
  height: 30,
52413
52457
  borderRadius: 15,
@@ -52437,6 +52481,8 @@ function Switch(_ref2) {
52437
52481
  onValueChange = _ref2$onValueChange === void 0 ? function () {} : _ref2$onValueChange,
52438
52482
  _ref2$micro = _ref2.micro,
52439
52483
  micro = _ref2$micro === void 0 ? false : _ref2$micro,
52484
+ _ref2$mini = _ref2.mini,
52485
+ mini = _ref2$mini === void 0 ? false : _ref2$mini,
52440
52486
  _ref2$fat = _ref2.fat,
52441
52487
  fat = _ref2$fat === void 0 ? false : _ref2$fat,
52442
52488
  _ref2$radio = _ref2.radio,
@@ -52471,7 +52517,8 @@ function Switch(_ref2) {
52471
52517
  }, children, /*#__PURE__*/React__default["default"].createElement(CheckMark, {
52472
52518
  fat: fat,
52473
52519
  isEnabled: isEnabled,
52474
- micro: micro
52520
+ micro: micro,
52521
+ mini: mini
52475
52522
  }));
52476
52523
  }
52477
52524
 
@@ -54611,6 +54658,8 @@ exports.P = pText;
54611
54658
  exports.Padding = Padding;
54612
54659
  exports.PaddingBottom = PaddingBottom;
54613
54660
  exports.PaddingHorizontal = PaddingHorizontal;
54661
+ exports.PaddingLeft = PaddingLeft;
54662
+ exports.PaddingRight = PaddingRight;
54614
54663
  exports.PaddingTop = PaddingTop;
54615
54664
  exports.PaddingVertical = PaddingVertical;
54616
54665
  exports.RoundBtn = RoundBtn$3;
package/dist/bundle.esm.js CHANGED
@@ -538,7 +538,7 @@ SpanText.propTypes = {
538
538
  style: PropTypes.object
539
539
  };
540
540
 
541
- var _templateObject$m, _templateObject2$d, _templateObject3$6, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19;
541
+ 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;
542
542
  var DEFAULT_FLEX_DIRECTION = Platform.OS === "web" ? "column" : "column";
543
543
  var CenterElement = styled.View(_templateObject$m || (_templateObject$m = _taggedTemplateLiteral(["\n align-items: center;\n justify-content: center;\n flex: 1;\n flex-direction: ", ";\n ", ";\n"])), function (props) {
544
544
  return props.flexDirection || DEFAULT_FLEX_DIRECTION;
@@ -640,25 +640,39 @@ var PaddingBottomElement = styled.View(_templateObject14 || (_templateObject14 =
640
640
  }, function (props) {
641
641
  return props.style;
642
642
  });
643
- var RowElement = styled.View(_templateObject15 || (_templateObject15 = _taggedTemplateLiteral(["\n flex-direction: row;\n ", ";\n"])), function (props) {
643
+ var PaddingLeftElement = styled.View(_templateObject15 || (_templateObject15 = _taggedTemplateLiteral(["\n padding-left: ", ";\n flex-direction: ", ";\n ", ";\n"])), function (props) {
644
+ return props.theme.padding;
645
+ }, function (props) {
646
+ return props.flexDirection || DEFAULT_FLEX_DIRECTION;
647
+ }, function (props) {
644
648
  return props.style;
645
649
  });
646
- var StretchElement = styled.View(_templateObject16 || (_templateObject16 = _taggedTemplateLiteral(["\n align-items: stretch;\n align-self: stretch;\n flex-direction: ", ";\n ", ";\n"])), function (props) {
650
+ var PaddingRightElement = styled.View(_templateObject16 || (_templateObject16 = _taggedTemplateLiteral(["\n padding-right: ", ";\n flex-direction: ", ";\n ", ";\n"])), function (props) {
651
+ return props.theme.padding;
652
+ }, function (props) {
647
653
  return props.flexDirection || DEFAULT_FLEX_DIRECTION;
648
654
  }, function (props) {
649
655
  return props.style;
650
656
  });
651
- var BoxElement = styled.View(_templateObject17 || (_templateObject17 = _taggedTemplateLiteral(["\n flex: 1;\n flex-direction: ", ";\n ", ";\n"])), function (props) {
657
+ var RowElement = styled.View(_templateObject17 || (_templateObject17 = _taggedTemplateLiteral(["\n flex-direction: row;\n ", ";\n"])), function (props) {
658
+ return props.style;
659
+ });
660
+ var StretchElement = styled.View(_templateObject18 || (_templateObject18 = _taggedTemplateLiteral(["\n align-items: stretch;\n align-self: stretch;\n flex-direction: ", ";\n ", ";\n"])), function (props) {
652
661
  return props.flexDirection || DEFAULT_FLEX_DIRECTION;
653
662
  }, function (props) {
654
663
  return props.style;
655
664
  });
656
- var FullScreenElement = styled.View(_templateObject18 || (_templateObject18 = _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) {
665
+ var BoxElement = styled.View(_templateObject19 || (_templateObject19 = _taggedTemplateLiteral(["\n flex: 1;\n flex-direction: ", ";\n ", ";\n"])), function (props) {
657
666
  return props.flexDirection || DEFAULT_FLEX_DIRECTION;
658
667
  }, function (props) {
659
668
  return props.style;
660
669
  });
661
- var WebSmallWrapperElement = styled.View(_templateObject19 || (_templateObject19 = _taggedTemplateLiteral(["\n flex-direction: ", ";\n width: 500px;\n ", ";\n"])), function (props) {
670
+ var FullScreenElement = styled.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) {
671
+ return props.flexDirection || DEFAULT_FLEX_DIRECTION;
672
+ }, function (props) {
673
+ return props.style;
674
+ });
675
+ var WebSmallWrapperElement = styled.View(_templateObject21 || (_templateObject21 = _taggedTemplateLiteral(["\n flex-direction: ", ";\n width: 500px;\n ", ";\n"])), function (props) {
662
676
  return props.flexDirection || DEFAULT_FLEX_DIRECTION;
663
677
  }, function (props) {
664
678
  return props.style;
@@ -818,6 +832,28 @@ var PaddingBottom = function PaddingBottom(_ref) {
818
832
  }, children);
819
833
  };
820
834
 
835
+ var PaddingLeft = function PaddingLeft(_ref) {
836
+ var children = _ref.children,
837
+ style = _ref.style,
838
+ _ref$direction = _ref.direction,
839
+ direction = _ref$direction === void 0 ? false : _ref$direction;
840
+ return /*#__PURE__*/React.createElement(PaddingLeftElement, {
841
+ style: style,
842
+ flexDirection: direction
843
+ }, children);
844
+ };
845
+
846
+ var PaddingRight = function PaddingRight(_ref) {
847
+ var children = _ref.children,
848
+ style = _ref.style,
849
+ _ref$direction = _ref.direction,
850
+ direction = _ref$direction === void 0 ? false : _ref$direction;
851
+ return /*#__PURE__*/React.createElement(PaddingRightElement, {
852
+ style: style,
853
+ flexDirection: direction
854
+ }, children);
855
+ };
856
+
821
857
  var Row = function Row(_ref) {
822
858
  var children = _ref.children,
823
859
  style = _ref.style;
@@ -52388,13 +52424,21 @@ var switchIcon = {
52388
52424
  var CheckMark = function CheckMark(_ref) {
52389
52425
  var fat = _ref.fat,
52390
52426
  isEnabled = _ref.isEnabled,
52391
- micro = _ref.micro;
52427
+ micro = _ref.micro,
52428
+ mini = _ref.mini;
52429
+
52430
+ var size = function size() {
52431
+ if (micro) return -7;
52432
+ if (mini) return -30;
52433
+ return 10;
52434
+ };
52435
+
52392
52436
  var loadingRef = useRef();
52393
52437
  return /*#__PURE__*/React.createElement(View, {
52394
52438
  style: {
52395
52439
  position: "absolute",
52396
- top: micro ? -7 : 10,
52397
- right: micro ? -7 : 10,
52440
+ top: size(),
52441
+ right: size(),
52398
52442
  width: 30,
52399
52443
  height: 30,
52400
52444
  borderRadius: 15,
@@ -52424,6 +52468,8 @@ function Switch(_ref2) {
52424
52468
  onValueChange = _ref2$onValueChange === void 0 ? function () {} : _ref2$onValueChange,
52425
52469
  _ref2$micro = _ref2.micro,
52426
52470
  micro = _ref2$micro === void 0 ? false : _ref2$micro,
52471
+ _ref2$mini = _ref2.mini,
52472
+ mini = _ref2$mini === void 0 ? false : _ref2$mini,
52427
52473
  _ref2$fat = _ref2.fat,
52428
52474
  fat = _ref2$fat === void 0 ? false : _ref2$fat,
52429
52475
  _ref2$radio = _ref2.radio,
@@ -52458,7 +52504,8 @@ function Switch(_ref2) {
52458
52504
  }, children, /*#__PURE__*/React.createElement(CheckMark, {
52459
52505
  fat: fat,
52460
52506
  isEnabled: isEnabled,
52461
- micro: micro
52507
+ micro: micro,
52508
+ mini: mini
52462
52509
  }));
52463
52510
  }
52464
52511
 
@@ -54561,4 +54608,4 @@ function NewCustomer(_ref2) {
54561
54608
  }));
54562
54609
  }
54563
54610
 
54564
- export { AnimatedButton$1 as AnimatedButton, AnimatedPlaceholder, AnimatedRoundedButton, BottomNavBar, Box, Center, CenterLeft, CenterRight, NewCustomer as CountryList, Error, ErrorText, AnimatedButton as FeedbackButton, FlatList, RoundBtn$1 as FloatingBtn, FullScreen, H1Text as H1, H2Text as H2, H3Text as H3, H4Text as H4, H5Text as H5, Header, Icon, Input$1 as Input, Input as InputNormal, InputOtp, InputPhone, Loader, Margin, MarginBottom, MarginHorizontal, MarginRight, MarginTop, MarginVertical, pText as P, Padding, PaddingBottom, PaddingHorizontal, PaddingTop, PaddingVertical, RoundBtn$3 as RoundBtn, RoundedBtn$1 as RoundedBtn, RoundedTopBox, Row, SpanText as Span, Stretch, Success, SwipeButton, Switch, TextBtn, ThemeWrapper, WebSmallWrapper, useThemeContext };
54611
+ export { AnimatedButton$1 as AnimatedButton, AnimatedPlaceholder, AnimatedRoundedButton, BottomNavBar, Box, Center, CenterLeft, CenterRight, NewCustomer as CountryList, Error, ErrorText, AnimatedButton as FeedbackButton, FlatList, RoundBtn$1 as FloatingBtn, FullScreen, H1Text as H1, H2Text as H2, H3Text as H3, H4Text as H4, H5Text as H5, Header, Icon, Input$1 as Input, Input as InputNormal, InputOtp, InputPhone, Loader, Margin, MarginBottom, MarginHorizontal, MarginRight, MarginTop, MarginVertical, pText as P, Padding, PaddingBottom, PaddingHorizontal, PaddingLeft, PaddingRight, PaddingTop, PaddingVertical, RoundBtn$3 as RoundBtn, RoundedBtn$1 as RoundedBtn, RoundedTopBox, Row, SpanText as Span, Stretch, Success, SwipeButton, Switch, TextBtn, ThemeWrapper, WebSmallWrapper, useThemeContext };
package/dist/bundle.umd.js CHANGED
@@ -543,7 +543,7 @@
543
543
  style: PropTypes__default["default"].object
544
544
  };
545
545
 
546
- var _templateObject$m, _templateObject2$d, _templateObject3$6, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19;
546
+ 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;
547
547
  var DEFAULT_FLEX_DIRECTION = reactNative.Platform.OS === "web" ? "column" : "column";
548
548
  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) {
549
549
  return props.flexDirection || DEFAULT_FLEX_DIRECTION;
@@ -645,25 +645,39 @@
645
645
  }, function (props) {
646
646
  return props.style;
647
647
  });
648
- var RowElement = styled__default["default"].View(_templateObject15 || (_templateObject15 = _taggedTemplateLiteral(["\n flex-direction: row;\n ", ";\n"])), function (props) {
648
+ var PaddingLeftElement = styled__default["default"].View(_templateObject15 || (_templateObject15 = _taggedTemplateLiteral(["\n padding-left: ", ";\n flex-direction: ", ";\n ", ";\n"])), function (props) {
649
+ return props.theme.padding;
650
+ }, function (props) {
651
+ return props.flexDirection || DEFAULT_FLEX_DIRECTION;
652
+ }, function (props) {
649
653
  return props.style;
650
654
  });
651
- var StretchElement = styled__default["default"].View(_templateObject16 || (_templateObject16 = _taggedTemplateLiteral(["\n align-items: stretch;\n align-self: stretch;\n flex-direction: ", ";\n ", ";\n"])), function (props) {
655
+ var PaddingRightElement = styled__default["default"].View(_templateObject16 || (_templateObject16 = _taggedTemplateLiteral(["\n padding-right: ", ";\n flex-direction: ", ";\n ", ";\n"])), function (props) {
656
+ return props.theme.padding;
657
+ }, function (props) {
652
658
  return props.flexDirection || DEFAULT_FLEX_DIRECTION;
653
659
  }, function (props) {
654
660
  return props.style;
655
661
  });
656
- var BoxElement = styled__default["default"].View(_templateObject17 || (_templateObject17 = _taggedTemplateLiteral(["\n flex: 1;\n flex-direction: ", ";\n ", ";\n"])), function (props) {
662
+ var RowElement = styled__default["default"].View(_templateObject17 || (_templateObject17 = _taggedTemplateLiteral(["\n flex-direction: row;\n ", ";\n"])), function (props) {
663
+ return props.style;
664
+ });
665
+ var StretchElement = styled__default["default"].View(_templateObject18 || (_templateObject18 = _taggedTemplateLiteral(["\n align-items: stretch;\n align-self: stretch;\n flex-direction: ", ";\n ", ";\n"])), function (props) {
657
666
  return props.flexDirection || DEFAULT_FLEX_DIRECTION;
658
667
  }, function (props) {
659
668
  return props.style;
660
669
  });
661
- var FullScreenElement = styled__default["default"].View(_templateObject18 || (_templateObject18 = _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) {
670
+ var BoxElement = styled__default["default"].View(_templateObject19 || (_templateObject19 = _taggedTemplateLiteral(["\n flex: 1;\n flex-direction: ", ";\n ", ";\n"])), function (props) {
662
671
  return props.flexDirection || DEFAULT_FLEX_DIRECTION;
663
672
  }, function (props) {
664
673
  return props.style;
665
674
  });
666
- var WebSmallWrapperElement = styled__default["default"].View(_templateObject19 || (_templateObject19 = _taggedTemplateLiteral(["\n flex-direction: ", ";\n width: 500px;\n ", ";\n"])), function (props) {
675
+ 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) {
676
+ return props.flexDirection || DEFAULT_FLEX_DIRECTION;
677
+ }, function (props) {
678
+ return props.style;
679
+ });
680
+ var WebSmallWrapperElement = styled__default["default"].View(_templateObject21 || (_templateObject21 = _taggedTemplateLiteral(["\n flex-direction: ", ";\n width: 500px;\n ", ";\n"])), function (props) {
667
681
  return props.flexDirection || DEFAULT_FLEX_DIRECTION;
668
682
  }, function (props) {
669
683
  return props.style;
@@ -823,6 +837,28 @@
823
837
  }, children);
824
838
  };
825
839
 
840
+ var PaddingLeft = function PaddingLeft(_ref) {
841
+ var children = _ref.children,
842
+ style = _ref.style,
843
+ _ref$direction = _ref.direction,
844
+ direction = _ref$direction === void 0 ? false : _ref$direction;
845
+ return /*#__PURE__*/React__default["default"].createElement(PaddingLeftElement, {
846
+ style: style,
847
+ flexDirection: direction
848
+ }, children);
849
+ };
850
+
851
+ var PaddingRight = function PaddingRight(_ref) {
852
+ var children = _ref.children,
853
+ style = _ref.style,
854
+ _ref$direction = _ref.direction,
855
+ direction = _ref$direction === void 0 ? false : _ref$direction;
856
+ return /*#__PURE__*/React__default["default"].createElement(PaddingRightElement, {
857
+ style: style,
858
+ flexDirection: direction
859
+ }, children);
860
+ };
861
+
826
862
  var Row = function Row(_ref) {
827
863
  var children = _ref.children,
828
864
  style = _ref.style;
@@ -52393,13 +52429,21 @@
52393
52429
  var CheckMark = function CheckMark(_ref) {
52394
52430
  var fat = _ref.fat,
52395
52431
  isEnabled = _ref.isEnabled,
52396
- micro = _ref.micro;
52432
+ micro = _ref.micro,
52433
+ mini = _ref.mini;
52434
+
52435
+ var size = function size() {
52436
+ if (micro) return -7;
52437
+ if (mini) return -30;
52438
+ return 10;
52439
+ };
52440
+
52397
52441
  var loadingRef = React.useRef();
52398
52442
  return /*#__PURE__*/React__default["default"].createElement(reactNative.View, {
52399
52443
  style: {
52400
52444
  position: "absolute",
52401
- top: micro ? -7 : 10,
52402
- right: micro ? -7 : 10,
52445
+ top: size(),
52446
+ right: size(),
52403
52447
  width: 30,
52404
52448
  height: 30,
52405
52449
  borderRadius: 15,
@@ -52429,6 +52473,8 @@
52429
52473
  onValueChange = _ref2$onValueChange === void 0 ? function () {} : _ref2$onValueChange,
52430
52474
  _ref2$micro = _ref2.micro,
52431
52475
  micro = _ref2$micro === void 0 ? false : _ref2$micro,
52476
+ _ref2$mini = _ref2.mini,
52477
+ mini = _ref2$mini === void 0 ? false : _ref2$mini,
52432
52478
  _ref2$fat = _ref2.fat,
52433
52479
  fat = _ref2$fat === void 0 ? false : _ref2$fat,
52434
52480
  _ref2$radio = _ref2.radio,
@@ -52463,7 +52509,8 @@
52463
52509
  }, children, /*#__PURE__*/React__default["default"].createElement(CheckMark, {
52464
52510
  fat: fat,
52465
52511
  isEnabled: isEnabled,
52466
- micro: micro
52512
+ micro: micro,
52513
+ mini: mini
52467
52514
  }));
52468
52515
  }
52469
52516
 
@@ -54603,6 +54650,8 @@
54603
54650
  exports.Padding = Padding;
54604
54651
  exports.PaddingBottom = PaddingBottom;
54605
54652
  exports.PaddingHorizontal = PaddingHorizontal;
54653
+ exports.PaddingLeft = PaddingLeft;
54654
+ exports.PaddingRight = PaddingRight;
54606
54655
  exports.PaddingTop = PaddingTop;
54607
54656
  exports.PaddingVertical = PaddingVertical;
54608
54657
  exports.RoundBtn = RoundBtn$3;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@servesall/atoms",
3
- "version": "1.1.9",
3
+ "version": "1.1.11",
4
4
  "description": "Atoms for react-native",
5
5
  "main": "dist/bundle.cjs.js",
6
6
  "module": "dist/bundle.esm.js",
package/src/Layout/Layout.style.js CHANGED
@@ -105,6 +105,18 @@ export const PaddingBottomElement = styled.View`
105
105
  ${(props) => props.style};
106
106
  `;
107
107
 
108
+ export const PaddingLeftElement = styled.View`
109
+ padding-left: ${(props) => props.theme.padding};
110
+ flex-direction: ${(props) => props.flexDirection || DEFAULT_FLEX_DIRECTION};
111
+ ${(props) => props.style};
112
+ `;
113
+
114
+ export const PaddingRightElement = styled.View`
115
+ padding-right: ${(props) => props.theme.padding};
116
+ flex-direction: ${(props) => props.flexDirection || DEFAULT_FLEX_DIRECTION};
117
+ ${(props) => props.style};
118
+ `;
119
+
108
120
  export const RowElement = styled.View`
109
121
  flex-direction: row;
110
122
  ${(props) => props.style};
package/src/Layout/PaddingLeft.js ADDED
@@ -0,0 +1,12 @@
1
+ import React from "react";
2
+ import { PaddingLeftElement } from "./Layout.style";
3
+
4
+ const PaddingLeft = ({ children, style, direction = false }) => {
5
+ return (
6
+ <PaddingLeftElement style={style} flexDirection={direction}>
7
+ {children}
8
+ </PaddingLeftElement>
9
+ );
10
+ };
11
+
12
+ export default PaddingLeft;
package/src/Layout/PaddingRight.js ADDED
@@ -0,0 +1,12 @@
1
+ import React from "react";
2
+ import { PaddingRightElement } from "./Layout.style";
3
+
4
+ const PaddingRight = ({ children, style, direction = false }) => {
5
+ return (
6
+ <PaddingRightElement style={style} flexDirection={direction}>
7
+ {children}
8
+ </PaddingRightElement>
9
+ );
10
+ };
11
+
12
+ export default PaddingRight;
package/src/Layout/index.js CHANGED
@@ -12,6 +12,8 @@ import PaddingHorizontal from "./PaddingHorizontal";
12
12
  import PaddingVertical from "./PaddingVertical";
13
13
  import PaddingTop from "./PaddingTop";
14
14
  import PaddingBottom from "./PaddingBottom";
15
+ import PaddingLeft from "./PaddingLeft";
16
+ import PaddingRight from "./PaddingRight";
15
17
  import Row from "./Row";
16
18
  import Stretch from "./Stretch";
17
19
  import FullScreen from "./FullScreen";
@@ -34,6 +36,8 @@ export {
34
36
  PaddingVertical,
35
37
  PaddingTop,
36
38
  PaddingBottom,
39
+ PaddingLeft,
40
+ PaddingRight,
37
41
  Row,
38
42
  Stretch,
39
43
  FullScreen,
package/src/Switch/index.js CHANGED
@@ -6,14 +6,20 @@ import { RoundedBtn } from "../Buttons";
6
6
  import colors from "../Theme/definitions/colors";
7
7
  import { Center } from "../Layout";
8
8
 
9
- const CheckMark = ({ fat, isEnabled, micro }) => {
9
+ const CheckMark = ({ fat, isEnabled, micro, mini }) => {
10
+ const size = () => {
11
+ if (micro) return -7;
12
+ if (mini) return -30;
13
+ return 10;
14
+ };
15
+
10
16
  const loadingRef = useRef();
11
17
  return (
12
18
  <View
13
19
  style={{
14
20
  position: "absolute",
15
- top: micro ? -7 : 10,
16
- right: micro ? -7 : 10,
21
+ top: size(),
22
+ right: size(),
17
23
  width: 30,
18
24
  height: 30,
19
25
  borderRadius: 15,
@@ -46,6 +52,7 @@ export default function Switch({
46
52
  value = false,
47
53
  onValueChange = () => {},
48
54
  micro = false,
55
+ mini = false,
49
56
  fat = false,
50
57
  radio = false,
51
58
  borderColor = false,
@@ -82,7 +89,7 @@ export default function Switch({
82
89
  onClick={toggleSwitch}
83
90
  >
84
91
  {children}
85
- <CheckMark fat={fat} isEnabled={isEnabled} micro={micro} />
92
+ <CheckMark fat={fat} isEnabled={isEnabled} micro={micro} mini={mini} />
86
93
  </RoundedBtn>
87
94
  );
88
95
  }
package/src/index.js CHANGED
@@ -15,6 +15,8 @@ import {
15
15
  PaddingVertical,
16
16
  PaddingTop,
17
17
  PaddingBottom,
18
+ PaddingLeft,
19
+ PaddingRight,
18
20
  Row,
19
21
  Stretch,
20
22
  FullScreen,
@@ -74,6 +76,8 @@ export {
74
76
  PaddingVertical,
75
77
  PaddingTop,
76
78
  PaddingBottom,
79
+ PaddingLeft,
80
+ PaddingRight,
77
81
  Row,
78
82
  Stretch,
79
83
  FullScreen,