@servesall/atoms 1.0.57 → 1.0.58

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 (7) hide show
  1. package/dist/bundle.cjs.js +19 -5
  2. package/dist/bundle.esm.js +19 -5
  3. package/dist/bundle.umd.js +19 -5
  4. package/package.json +1 -1
  5. package/src/Text/H5.js +30 -0
  6. package/src/Text/Text.style.js +9 -0
  7. package/src/Theme/definitions/fonts.js +1 -0
package/dist/bundle.cjs.js CHANGED
@@ -9699,6 +9699,7 @@ var colors$2 = {
9699
9699
  };
9700
9700
 
9701
9701
  var fonts = {
9702
+ xssmall: "14px",
9702
9703
  xsmall: "16px",
9703
9704
  lhXsmall: "15px",
9704
9705
  small: "18px",
@@ -10528,7 +10529,7 @@ var propTypes = createCommonjsModule(function (module) {
10528
10529
  }
10529
10530
  });
10530
10531
 
10531
- var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
10532
+ var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7;
10532
10533
  var H1 = styled.Text(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n font-size: ", ";\n font-family: ", ";\n text-align: ", ";\n color: ", ";\n line-height: ", ";\n ", ";\n"])), function (props) {
10533
10534
  return props.theme.large;
10534
10535
  }, function (props) {
@@ -10581,7 +10582,20 @@ var H4 = styled.Text(_templateObject4 || (_templateObject4 = _taggedTemplateLite
10581
10582
  }, function (props) {
10582
10583
  return props.style;
10583
10584
  });
10584
- var Span = styled.Text(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n font-size: ", ";\n font-family: ", ";\n text-align: ", ";\n color: ", ";\n line-height: ", ";\n ", ";\n"])), function (props) {
10585
+ var H5 = styled.Text(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n font-size: ", ";\n font-family: ", ";\n text-align: ", ";\n color: ", ";\n line-height: ", ";\n ", ";\n"])), function (props) {
10586
+ return props.theme.xssmall;
10587
+ }, function (props) {
10588
+ return props.fontFamily || props.theme.fontFamily1;
10589
+ }, function (props) {
10590
+ return props.align;
10591
+ }, function (props) {
10592
+ return props.color || props.theme.color2;
10593
+ }, function (props) {
10594
+ return props.theme.xssmall;
10595
+ }, function (props) {
10596
+ return props.style;
10597
+ });
10598
+ var Span = styled.Text(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n font-size: ", ";\n font-family: ", ";\n text-align: ", ";\n color: ", ";\n line-height: ", ";\n ", ";\n"])), function (props) {
10585
10599
  return props.theme.small;
10586
10600
  }, function (props) {
10587
10601
  return props.fontFamily || props.theme.fontFamily1;
@@ -10594,7 +10608,7 @@ var Span = styled.Text(_templateObject5 || (_templateObject5 = _taggedTemplateLi
10594
10608
  }, function (props) {
10595
10609
  return props.style;
10596
10610
  });
10597
- var P = styled.Text(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n font-size: ", ";\n font-family: ", ";\n text-align: ", ";\n color: ", ";\n line-height: ", ";\n ", ";\n"])), function (props) {
10611
+ var P = styled.Text(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n font-size: ", ";\n font-family: ", ";\n text-align: ", ";\n color: ", ";\n line-height: ", ";\n ", ";\n"])), function (props) {
10598
10612
  return props.theme.small;
10599
10613
  }, function (props) {
10600
10614
  return props.fontFamily || props.theme.fontFamily1;
@@ -10734,7 +10748,7 @@ SpanText.propTypes = {
10734
10748
  style: propTypes.object
10735
10749
  };
10736
10750
 
10737
- var _templateObject$1, _templateObject2$1, _templateObject3$1, _templateObject4$1, _templateObject5$1, _templateObject6$1, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16;
10751
+ var _templateObject$1, _templateObject2$1, _templateObject3$1, _templateObject4$1, _templateObject5$1, _templateObject6$1, _templateObject7$1, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16;
10738
10752
  var DEFAULT_FLEX_DIRECTION = reactNative$1.Platform.OS === "web" ? "column" : "column";
10739
10753
  var CenterElement = styled.View(_templateObject$1 || (_templateObject$1 = _taggedTemplateLiteral(["\n align-items: center;\n justify-content: center;\n flex: 1;\n flex-direction: ", ";\n ", ";\n"])), function (props) {
10740
10754
  return props.flexDirection || DEFAULT_FLEX_DIRECTION;
@@ -10780,7 +10794,7 @@ var MarginVerticalElement = styled.View(_templateObject6$1 || (_templateObject6$
10780
10794
  }, function (props) {
10781
10795
  return props.style;
10782
10796
  });
10783
- var MarginBottomElement = styled.View(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n margin-bottom: ", ";\n flex-direction: ", ";\n ", ";\n"])), function (props) {
10797
+ var MarginBottomElement = styled.View(_templateObject7$1 || (_templateObject7$1 = _taggedTemplateLiteral(["\n margin-bottom: ", ";\n flex-direction: ", ";\n ", ";\n"])), function (props) {
10784
10798
  return props.theme.margin;
10785
10799
  }, function (props) {
10786
10800
  return props.flexDirection || DEFAULT_FLEX_DIRECTION;
package/dist/bundle.esm.js CHANGED
@@ -9691,6 +9691,7 @@ var colors$2 = {
9691
9691
  };
9692
9692
 
9693
9693
  var fonts = {
9694
+ xssmall: "14px",
9694
9695
  xsmall: "16px",
9695
9696
  lhXsmall: "15px",
9696
9697
  small: "18px",
@@ -10520,7 +10521,7 @@ var propTypes = createCommonjsModule(function (module) {
10520
10521
  }
10521
10522
  });
10522
10523
 
10523
- var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
10524
+ var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7;
10524
10525
  var H1 = styled.Text(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n font-size: ", ";\n font-family: ", ";\n text-align: ", ";\n color: ", ";\n line-height: ", ";\n ", ";\n"])), function (props) {
10525
10526
  return props.theme.large;
10526
10527
  }, function (props) {
@@ -10573,7 +10574,20 @@ var H4 = styled.Text(_templateObject4 || (_templateObject4 = _taggedTemplateLite
10573
10574
  }, function (props) {
10574
10575
  return props.style;
10575
10576
  });
10576
- var Span = styled.Text(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n font-size: ", ";\n font-family: ", ";\n text-align: ", ";\n color: ", ";\n line-height: ", ";\n ", ";\n"])), function (props) {
10577
+ var H5 = styled.Text(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n font-size: ", ";\n font-family: ", ";\n text-align: ", ";\n color: ", ";\n line-height: ", ";\n ", ";\n"])), function (props) {
10578
+ return props.theme.xssmall;
10579
+ }, function (props) {
10580
+ return props.fontFamily || props.theme.fontFamily1;
10581
+ }, function (props) {
10582
+ return props.align;
10583
+ }, function (props) {
10584
+ return props.color || props.theme.color2;
10585
+ }, function (props) {
10586
+ return props.theme.xssmall;
10587
+ }, function (props) {
10588
+ return props.style;
10589
+ });
10590
+ var Span = styled.Text(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n font-size: ", ";\n font-family: ", ";\n text-align: ", ";\n color: ", ";\n line-height: ", ";\n ", ";\n"])), function (props) {
10577
10591
  return props.theme.small;
10578
10592
  }, function (props) {
10579
10593
  return props.fontFamily || props.theme.fontFamily1;
@@ -10586,7 +10600,7 @@ var Span = styled.Text(_templateObject5 || (_templateObject5 = _taggedTemplateLi
10586
10600
  }, function (props) {
10587
10601
  return props.style;
10588
10602
  });
10589
- var P = styled.Text(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n font-size: ", ";\n font-family: ", ";\n text-align: ", ";\n color: ", ";\n line-height: ", ";\n ", ";\n"])), function (props) {
10603
+ var P = styled.Text(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n font-size: ", ";\n font-family: ", ";\n text-align: ", ";\n color: ", ";\n line-height: ", ";\n ", ";\n"])), function (props) {
10590
10604
  return props.theme.small;
10591
10605
  }, function (props) {
10592
10606
  return props.fontFamily || props.theme.fontFamily1;
@@ -10726,7 +10740,7 @@ SpanText.propTypes = {
10726
10740
  style: propTypes.object
10727
10741
  };
10728
10742
 
10729
- var _templateObject$1, _templateObject2$1, _templateObject3$1, _templateObject4$1, _templateObject5$1, _templateObject6$1, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16;
10743
+ var _templateObject$1, _templateObject2$1, _templateObject3$1, _templateObject4$1, _templateObject5$1, _templateObject6$1, _templateObject7$1, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16;
10730
10744
  var DEFAULT_FLEX_DIRECTION = Platform.OS === "web" ? "column" : "column";
10731
10745
  var CenterElement = styled.View(_templateObject$1 || (_templateObject$1 = _taggedTemplateLiteral(["\n align-items: center;\n justify-content: center;\n flex: 1;\n flex-direction: ", ";\n ", ";\n"])), function (props) {
10732
10746
  return props.flexDirection || DEFAULT_FLEX_DIRECTION;
@@ -10772,7 +10786,7 @@ var MarginVerticalElement = styled.View(_templateObject6$1 || (_templateObject6$
10772
10786
  }, function (props) {
10773
10787
  return props.style;
10774
10788
  });
10775
- var MarginBottomElement = styled.View(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n margin-bottom: ", ";\n flex-direction: ", ";\n ", ";\n"])), function (props) {
10789
+ var MarginBottomElement = styled.View(_templateObject7$1 || (_templateObject7$1 = _taggedTemplateLiteral(["\n margin-bottom: ", ";\n flex-direction: ", ";\n ", ";\n"])), function (props) {
10776
10790
  return props.theme.margin;
10777
10791
  }, function (props) {
10778
10792
  return props.flexDirection || DEFAULT_FLEX_DIRECTION;
package/dist/bundle.umd.js CHANGED
@@ -9694,6 +9694,7 @@
9694
9694
  };
9695
9695
 
9696
9696
  var fonts = {
9697
+ xssmall: "14px",
9697
9698
  xsmall: "16px",
9698
9699
  lhXsmall: "15px",
9699
9700
  small: "18px",
@@ -10523,7 +10524,7 @@
10523
10524
  }
10524
10525
  });
10525
10526
 
10526
- var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
10527
+ var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7;
10527
10528
  var H1 = styled.Text(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n font-size: ", ";\n font-family: ", ";\n text-align: ", ";\n color: ", ";\n line-height: ", ";\n ", ";\n"])), function (props) {
10528
10529
  return props.theme.large;
10529
10530
  }, function (props) {
@@ -10576,7 +10577,20 @@
10576
10577
  }, function (props) {
10577
10578
  return props.style;
10578
10579
  });
10579
- var Span = styled.Text(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n font-size: ", ";\n font-family: ", ";\n text-align: ", ";\n color: ", ";\n line-height: ", ";\n ", ";\n"])), function (props) {
10580
+ var H5 = styled.Text(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n font-size: ", ";\n font-family: ", ";\n text-align: ", ";\n color: ", ";\n line-height: ", ";\n ", ";\n"])), function (props) {
10581
+ return props.theme.xssmall;
10582
+ }, function (props) {
10583
+ return props.fontFamily || props.theme.fontFamily1;
10584
+ }, function (props) {
10585
+ return props.align;
10586
+ }, function (props) {
10587
+ return props.color || props.theme.color2;
10588
+ }, function (props) {
10589
+ return props.theme.xssmall;
10590
+ }, function (props) {
10591
+ return props.style;
10592
+ });
10593
+ var Span = styled.Text(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n font-size: ", ";\n font-family: ", ";\n text-align: ", ";\n color: ", ";\n line-height: ", ";\n ", ";\n"])), function (props) {
10580
10594
  return props.theme.small;
10581
10595
  }, function (props) {
10582
10596
  return props.fontFamily || props.theme.fontFamily1;
@@ -10589,7 +10603,7 @@
10589
10603
  }, function (props) {
10590
10604
  return props.style;
10591
10605
  });
10592
- var P = styled.Text(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n font-size: ", ";\n font-family: ", ";\n text-align: ", ";\n color: ", ";\n line-height: ", ";\n ", ";\n"])), function (props) {
10606
+ var P = styled.Text(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n font-size: ", ";\n font-family: ", ";\n text-align: ", ";\n color: ", ";\n line-height: ", ";\n ", ";\n"])), function (props) {
10593
10607
  return props.theme.small;
10594
10608
  }, function (props) {
10595
10609
  return props.fontFamily || props.theme.fontFamily1;
@@ -10729,7 +10743,7 @@
10729
10743
  style: propTypes.object
10730
10744
  };
10731
10745
 
10732
- var _templateObject$1, _templateObject2$1, _templateObject3$1, _templateObject4$1, _templateObject5$1, _templateObject6$1, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16;
10746
+ var _templateObject$1, _templateObject2$1, _templateObject3$1, _templateObject4$1, _templateObject5$1, _templateObject6$1, _templateObject7$1, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16;
10733
10747
  var DEFAULT_FLEX_DIRECTION = reactNative$1.Platform.OS === "web" ? "column" : "column";
10734
10748
  var CenterElement = styled.View(_templateObject$1 || (_templateObject$1 = _taggedTemplateLiteral(["\n align-items: center;\n justify-content: center;\n flex: 1;\n flex-direction: ", ";\n ", ";\n"])), function (props) {
10735
10749
  return props.flexDirection || DEFAULT_FLEX_DIRECTION;
@@ -10775,7 +10789,7 @@
10775
10789
  }, function (props) {
10776
10790
  return props.style;
10777
10791
  });
10778
- var MarginBottomElement = styled.View(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n margin-bottom: ", ";\n flex-direction: ", ";\n ", ";\n"])), function (props) {
10792
+ var MarginBottomElement = styled.View(_templateObject7$1 || (_templateObject7$1 = _taggedTemplateLiteral(["\n margin-bottom: ", ";\n flex-direction: ", ";\n ", ";\n"])), function (props) {
10779
10793
  return props.theme.margin;
10780
10794
  }, function (props) {
10781
10795
  return props.flexDirection || DEFAULT_FLEX_DIRECTION;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@servesall/atoms",
3
- "version": "1.0.57",
3
+ "version": "1.0.58",
4
4
  "description": "Atoms for react-native",
5
5
  "main": "dist/bundle.cjs.js",
6
6
  "module": "dist/bundle.esm.js",
package/src/Text/H5.js ADDED
@@ -0,0 +1,30 @@
1
+ import React from "react";
2
+ import PropTypes from "prop-types";
3
+ import { H5 } from "./Text.style";
4
+
5
+ const H5Text = ({
6
+ children,
7
+ style,
8
+ align = "left",
9
+ color,
10
+ fontFamily,
11
+ ...rest
12
+ }) => {
13
+ return (
14
+ <H5
15
+ {...rest}
16
+ style={style}
17
+ align={align}
18
+ color={color}
19
+ fontFamily={fontFamily}
20
+ >
21
+ {children}
22
+ </H5>
23
+ );
24
+ };
25
+
26
+ H5Text.propTypes = {
27
+ style: PropTypes.object,
28
+ };
29
+
30
+ export default H5Text;
package/src/Text/Text.style.js CHANGED
@@ -36,6 +36,15 @@ export const H4 = styled.Text`
36
36
  ${(props) => props.style};
37
37
  `;
38
38
 
39
+ export const H5 = styled.Text`
40
+ font-size: ${(props) => props.theme.xssmall};
41
+ font-family: ${(props) => props.fontFamily || props.theme.fontFamily1};
42
+ text-align: ${(props) => props.align};
43
+ color: ${(props) => props.color || props.theme.color2};
44
+ line-height: ${(props) => props.theme.xssmall};
45
+ ${(props) => props.style};
46
+ `;
47
+
39
48
  export const Span = styled.Text`
40
49
  font-size: ${(props) => props.theme.small};
41
50
  font-family: ${(props) => props.fontFamily || props.theme.fontFamily1};
package/src/Theme/definitions/fonts.js CHANGED
@@ -1,4 +1,5 @@
1
1
  const fonts = {
2
+ xssmall: "14px",
2
3
  xsmall: "16px",
3
4
  lhXsmall: "15px",
4
5
  small: "18px",