@adiraku/react-native-ui 1.2.3-snapshot.4 → 1.2.3-snapshot.5

package/lib/commonjs/components/Appbar/Appbar.component.js

@@ -31,7 +31,9 @@ const Appbar = props => {
   } = props;
   const computedStyle = (0, _Appbar.getStyle)(props);
   return /*#__PURE__*/React.createElement(_reactNative.View, {
-    style: [computedStyle.container, containerStyle, withShadow && _themes.Shadow['shadow-elevation-2']]
+    style: [computedStyle.container, withShadow && _themes.Shadow['shadow-elevation-2']]
+  }, /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: [computedStyle.wrapperContainer, containerStyle]
   }, customHeader || /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_reactNative.TouchableHighlight, _extends({
     onPress: onBackPress,
     style: [computedStyle.iconWrapper],
@@ -46,7 +48,7 @@ const Appbar = props => {
     onPress: action.onPress,
     style: [computedStyle.iconWrapper],
     underlayColor: _themes.Palettes.grey[50]
-  }, action.props), action.icon)))));
+  }, action.props), action.icon))))));
 };
 exports.Appbar = Appbar;
 //# sourceMappingURL=Appbar.component.js.map

package/lib/commonjs/components/Appbar/Appbar.component.js.map

@@ -1 +1 @@
-{"version":3,"names":["Appbar","props","backIcon","Palettes","black","title","customHeader","containerStyle","onBackPress","buttonActions","withShadow","backIconProps","titleProps","computedStyle","getStyle","container","Shadow","iconWrapper","grey","contentWrapper","length","map","action","idx","onPress","icon"],"sourceRoot":"..\\..\\src","sources":["Appbar.component.tsx"],"mappings":";;;;;;AAAA;AACA;AAEA;AACA;AACA;AACA;AAAgE;AAAA;AAAA;AAIhE,MAAMA,MAA4C,GAAIC,KAAK,IAAK;EAC9D,MAAM;IACJC,QAAQ,gBACN,oBAAC,oBAAa;MAAC,KAAK,EAAE,EAAG;MAAC,MAAM,EAAE,EAAG;MAAC,IAAI,EAAEC,gBAAQ,CAACC,KAAK,CAAC,GAAG;IAAE,EACjE;IACDC,KAAK,GAAG,EAAE;IACVC,YAAY,GAAG,IAAI;IACnBC,cAAc;IACdC,WAAW,GAAG,MAAM,CAAC,CAAC;IACtBC,aAAa,GAAG,EAAE;IAClBC,UAAU,GAAG,IAAI;IACjBC,aAAa,GAAG,CAAC,CAAC;IAClBC,UAAU,GAAG,CAAC;EAChB,CAAC,GAAGX,KAAK;EAET,MAAMY,aAAa,GAAG,IAAAC,gBAAQ,EAACb,KAAK,CAAC;EAErC,oBACE,oBAAC,iBAAI;IACH,KAAK,EAAE,CACLY,aAAa,CAACE,SAAS,EACvBR,cAAc,EACdG,UAAU,IAAIM,cAAM,CAAC,oBAAoB,CAAC;EAC1C,GAEDV,YAAY,iBACX,uDACE,oBAAC,+BAAkB;IACjB,OAAO,EAAEE,WAAY;IACrB,KAAK,EAAE,CAACK,aAAa,CAACI,WAAW,CAAE;IACnC,aAAa,EAAEd,gBAAQ,CAACe,IAAI,CAAC,EAAE;EAAE,GAC7BP,aAAa,GAEhBT,QAAQ,CACU,eACrB,oBAAC,iBAAI;IAAC,KAAK,EAAE,CAACW,aAAa,CAACM,cAAc;EAAE,gBAC1C,oBAAC,sBAAU;IACT,OAAO,EAAC,WAAW;IACnB,KAAK,EAAE,CAACN,aAAa,CAACR,KAAK;EAAE,GACzBO,UAAU,GAEbP,KAAK,CACK,EACZI,aAAa,CAACW,MAAM,GAAG,CAAC,IACvBX,aAAa,CAACY,GAAG,CAAC,CAACC,MAAM,EAAEC,GAAG,kBAC5B,oBAAC,+BAAkB;IACjB,GAAG,EAAEA,GAAI;IACT,OAAO,EAAED,MAAM,CAACE,OAAQ;IACxB,KAAK,EAAE,CAACX,aAAa,CAACI,WAAW,CAAE;IACnC,aAAa,EAAEd,gBAAQ,CAACe,IAAI,CAAC,EAAE;EAAE,GAC7BI,MAAM,CAACrB,KAAK,GAEfqB,MAAM,CAACG,IAAI,CAEf,CAAC,CACC,CAEV,CACI;AAEX,CAAC;AAAC"}
+{"version":3,"names":["Appbar","props","backIcon","Palettes","black","title","customHeader","containerStyle","onBackPress","buttonActions","withShadow","backIconProps","titleProps","computedStyle","getStyle","container","Shadow","wrapperContainer","iconWrapper","grey","contentWrapper","length","map","action","idx","onPress","icon"],"sourceRoot":"..\\..\\src","sources":["Appbar.component.tsx"],"mappings":";;;;;;AAAA;AACA;AAEA;AACA;AACA;AACA;AAAgE;AAAA;AAAA;AAIhE,MAAMA,MAA4C,GAAIC,KAAK,IAAK;EAC9D,MAAM;IACJC,QAAQ,gBACN,oBAAC,oBAAa;MAAC,KAAK,EAAE,EAAG;MAAC,MAAM,EAAE,EAAG;MAAC,IAAI,EAAEC,gBAAQ,CAACC,KAAK,CAAC,GAAG;IAAE,EACjE;IACDC,KAAK,GAAG,EAAE;IACVC,YAAY,GAAG,IAAI;IACnBC,cAAc;IACdC,WAAW,GAAG,MAAM,CAAC,CAAC;IACtBC,aAAa,GAAG,EAAE;IAClBC,UAAU,GAAG,IAAI;IACjBC,aAAa,GAAG,CAAC,CAAC;IAClBC,UAAU,GAAG,CAAC;EAChB,CAAC,GAAGX,KAAK;EAET,MAAMY,aAAa,GAAG,IAAAC,gBAAQ,EAACb,KAAK,CAAC;EAErC,oBACE,oBAAC,iBAAI;IACH,KAAK,EAAE,CACLY,aAAa,CAACE,SAAS,EACvBL,UAAU,IAAIM,cAAM,CAAC,oBAAoB,CAAC;EAC1C,gBAEF,oBAAC,iBAAI;IAAC,KAAK,EAAE,CAACH,aAAa,CAACI,gBAAgB,EAAEV,cAAc;EAAE,GAC3DD,YAAY,iBACX,uDACE,oBAAC,+BAAkB;IACjB,OAAO,EAAEE,WAAY;IACrB,KAAK,EAAE,CAACK,aAAa,CAACK,WAAW,CAAE;IACnC,aAAa,EAAEf,gBAAQ,CAACgB,IAAI,CAAC,EAAE;EAAE,GAC7BR,aAAa,GAEhBT,QAAQ,CACU,eACrB,oBAAC,iBAAI;IAAC,KAAK,EAAE,CAACW,aAAa,CAACO,cAAc;EAAE,gBAC1C,oBAAC,sBAAU;IACT,OAAO,EAAC,WAAW;IACnB,KAAK,EAAE,CAACP,aAAa,CAACR,KAAK;EAAE,GACzBO,UAAU,GAEbP,KAAK,CACK,EACZI,aAAa,CAACY,MAAM,GAAG,CAAC,IACvBZ,aAAa,CAACa,GAAG,CAAC,CAACC,MAAM,EAAEC,GAAG,kBAC5B,oBAAC,+BAAkB;IACjB,GAAG,EAAEA,GAAI;IACT,OAAO,EAAED,MAAM,CAACE,OAAQ;IACxB,KAAK,EAAE,CAACZ,aAAa,CAACK,WAAW,CAAE;IACnC,aAAa,EAAEf,gBAAQ,CAACgB,IAAI,CAAC,EAAE;EAAE,GAC7BI,MAAM,CAACtB,KAAK,GAEfsB,MAAM,CAACG,IAAI,CAEf,CAAC,CACC,CAEV,CACI,CACF;AAEX,CAAC;AAAC"}

package/lib/commonjs/components/Appbar/Appbar.style.js

@@ -8,14 +8,18 @@ var _reactNative = require("react-native");
 var _themes = require("../../themes");
 const getStyle = props => {
   const {
-    statusBarHeight = 0
+    statusBarHeight = 0,
+    backgroundColor = _themes.Palettes.white[50]
   } = props;
   const computedStyle = {};
   computedStyle.container = {
+    paddingTop: statusBarHeight,
+    backgroundColor
+  };
+  computedStyle.wrapperContainer = {
     width: '100%',
-    height: 56 + statusBarHeight,
+    height: 56,
     padding: _themes.Spacing[16],
-    backgroundColor: _themes.Palettes.white[50],
     flexDirection: 'row',
     justifyContent: 'flex-start',
     alignItems: 'center'

package/lib/commonjs/components/Appbar/Appbar.style.js.map

@@ -1 +1 @@
-{"version":3,"names":["getStyle","props","statusBarHeight","computedStyle","container","width","height","padding","Spacing","backgroundColor","Palettes","white","flexDirection","justifyContent","alignItems","iconWrapper","borderRadius","Radius","contentWrapper","flex","marginLeft","title","StyleSheet","create"],"sourceRoot":"..\\..\\src","sources":["Appbar.style.tsx"],"mappings":";;;;;;AAAA;AAEA;AAaO,MAAMA,QAAQ,GAAIC,KAAkB,IAAK;EAC9C,MAAM;IAAEC,eAAe,GAAG;EAAE,CAAC,GAAGD,KAAK;EACrC,MAAME,aAAiC,GAAG,CAAC,CAAC;EAE5CA,aAAa,CAACC,SAAS,GAAG;IACxBC,KAAK,EAAE,MAAM;IACbC,MAAM,EAAE,EAAE,GAAGJ,eAAe;IAC5BK,OAAO,EAAEC,eAAO,CAAC,EAAE,CAAC;IACpBC,eAAe,EAAEC,gBAAQ,CAACC,KAAK,CAAC,EAAE,CAAC;IACnCC,aAAa,EAAE,KAAK;IACpBC,cAAc,EAAE,YAAY;IAC5BC,UAAU,EAAE;EACd,CAAC;EAEDX,aAAa,CAACY,WAAW,GAAG;IAC1BR,OAAO,EAAEC,eAAO,CAAC,CAAC,CAAC;IACnBQ,YAAY,EAAEC,cAAM,CAAC,CAAC;EACxB,CAAC;EAEDd,aAAa,CAACe,cAAc,GAAG;IAC7BC,IAAI,EAAE,CAAC;IACPC,UAAU,EAAEZ,eAAO,CAAC,EAAE,CAAC;IACvBI,aAAa,EAAE,KAAK;IACpBC,cAAc,EAAE,eAAe;IAC/BC,UAAU,EAAE;EACd,CAAC;EAEDX,aAAa,CAACkB,KAAK,GAAG;IACpBF,IAAI,EAAE;EACR,CAAC;EAED,OAAOG,uBAAU,CAACC,MAAM,CAACpB,aAAa,CAAC;AACzC,CAAC;AAAC"}
+{"version":3,"names":["getStyle","props","statusBarHeight","backgroundColor","Palettes","white","computedStyle","container","paddingTop","wrapperContainer","width","height","padding","Spacing","flexDirection","justifyContent","alignItems","iconWrapper","borderRadius","Radius","contentWrapper","flex","marginLeft","title","StyleSheet","create"],"sourceRoot":"..\\..\\src","sources":["Appbar.style.tsx"],"mappings":";;;;;;AAAA;AAEA;AAcO,MAAMA,QAAQ,GAAIC,KAAkB,IAAK;EAC9C,MAAM;IAAEC,eAAe,GAAG,CAAC;IAAEC,eAAe,GAAGC,gBAAQ,CAACC,KAAK,CAAC,EAAE;EAAE,CAAC,GAAGJ,KAAK;EAC3E,MAAMK,aAAiC,GAAG,CAAC,CAAC;EAE5CA,aAAa,CAACC,SAAS,GAAG;IACxBC,UAAU,EAAEN,eAAe;IAC3BC;EACF,CAAC;EAEDG,aAAa,CAACG,gBAAgB,GAAG;IAC/BC,KAAK,EAAE,MAAM;IACbC,MAAM,EAAE,EAAE;IACVC,OAAO,EAAEC,eAAO,CAAC,EAAE,CAAC;IACpBC,aAAa,EAAE,KAAK;IACpBC,cAAc,EAAE,YAAY;IAC5BC,UAAU,EAAE;EACd,CAAC;EAEDV,aAAa,CAACW,WAAW,GAAG;IAC1BL,OAAO,EAAEC,eAAO,CAAC,CAAC,CAAC;IACnBK,YAAY,EAAEC,cAAM,CAAC,CAAC;EACxB,CAAC;EAEDb,aAAa,CAACc,cAAc,GAAG;IAC7BC,IAAI,EAAE,CAAC;IACPC,UAAU,EAAET,eAAO,CAAC,EAAE,CAAC;IACvBC,aAAa,EAAE,KAAK;IACpBC,cAAc,EAAE,eAAe;IAC/BC,UAAU,EAAE;EACd,CAAC;EAEDV,aAAa,CAACiB,KAAK,GAAG;IACpBF,IAAI,EAAE;EACR,CAAC;EAED,OAAOG,uBAAU,CAACC,MAAM,CAACnB,aAAa,CAAC;AACzC,CAAC;AAAC"}

package/lib/module/components/Appbar/Appbar.component.js

@@ -23,7 +23,9 @@ const Appbar = props => {
   } = props;
   const computedStyle = getStyle(props);
   return /*#__PURE__*/React.createElement(View, {
-    style: [computedStyle.container, containerStyle, withShadow && Shadow['shadow-elevation-2']]
+    style: [computedStyle.container, withShadow && Shadow['shadow-elevation-2']]
+  }, /*#__PURE__*/React.createElement(View, {
+    style: [computedStyle.wrapperContainer, containerStyle]
   }, customHeader || /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(TouchableHighlight, _extends({
     onPress: onBackPress,
     style: [computedStyle.iconWrapper],
@@ -38,7 +40,7 @@ const Appbar = props => {
     onPress: action.onPress,
     style: [computedStyle.iconWrapper],
     underlayColor: Palettes.grey[50]
-  }, action.props), action.icon)))));
+  }, action.props), action.icon))))));
 };
 export { Appbar };
 //# sourceMappingURL=Appbar.component.js.map

package/lib/module/components/Appbar/Appbar.component.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","TouchableHighlight","View","getStyle","Palettes","Shadow","IconArrowLeft","Typography","Appbar","props","backIcon","black","title","customHeader","containerStyle","onBackPress","buttonActions","withShadow","backIconProps","titleProps","computedStyle","container","iconWrapper","grey","contentWrapper","length","map","action","idx","onPress","icon"],"sourceRoot":"..\\..\\src","sources":["Appbar.component.tsx"],"mappings":";AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,kBAAkB,EAAEC,IAAI,QAAQ,cAAc;AAEvD,SAASC,QAAQ,QAAQ,gBAAgB;AACzC,SAASC,QAAQ,EAAEC,MAAM,QAAQ,cAAc;AAC/C,SAASC,aAAa,QAAQ,aAAa;AAC3C,SAASC,UAAU,QAAQ,oCAAoC;AAI/D,MAAMC,MAA4C,GAAIC,KAAK,IAAK;EAC9D,MAAM;IACJC,QAAQ,gBACN,oBAAC,aAAa;MAAC,KAAK,EAAE,EAAG;MAAC,MAAM,EAAE,EAAG;MAAC,IAAI,EAAEN,QAAQ,CAACO,KAAK,CAAC,GAAG;IAAE,EACjE;IACDC,KAAK,GAAG,EAAE;IACVC,YAAY,GAAG,IAAI;IACnBC,cAAc;IACdC,WAAW,GAAG,MAAM,CAAC,CAAC;IACtBC,aAAa,GAAG,EAAE;IAClBC,UAAU,GAAG,IAAI;IACjBC,aAAa,GAAG,CAAC,CAAC;IAClBC,UAAU,GAAG,CAAC;EAChB,CAAC,GAAGV,KAAK;EAET,MAAMW,aAAa,GAAGjB,QAAQ,CAACM,KAAK,CAAC;EAErC,oBACE,oBAAC,IAAI;IACH,KAAK,EAAE,CACLW,aAAa,CAACC,SAAS,EACvBP,cAAc,EACdG,UAAU,IAAIZ,MAAM,CAAC,oBAAoB,CAAC;EAC1C,GAEDQ,YAAY,iBACX,uDACE,oBAAC,kBAAkB;IACjB,OAAO,EAAEE,WAAY;IACrB,KAAK,EAAE,CAACK,aAAa,CAACE,WAAW,CAAE;IACnC,aAAa,EAAElB,QAAQ,CAACmB,IAAI,CAAC,EAAE;EAAE,GAC7BL,aAAa,GAEhBR,QAAQ,CACU,eACrB,oBAAC,IAAI;IAAC,KAAK,EAAE,CAACU,aAAa,CAACI,cAAc;EAAE,gBAC1C,oBAAC,UAAU;IACT,OAAO,EAAC,WAAW;IACnB,KAAK,EAAE,CAACJ,aAAa,CAACR,KAAK;EAAE,GACzBO,UAAU,GAEbP,KAAK,CACK,EACZI,aAAa,CAACS,MAAM,GAAG,CAAC,IACvBT,aAAa,CAACU,GAAG,CAAC,CAACC,MAAM,EAAEC,GAAG,kBAC5B,oBAAC,kBAAkB;IACjB,GAAG,EAAEA,GAAI;IACT,OAAO,EAAED,MAAM,CAACE,OAAQ;IACxB,KAAK,EAAE,CAACT,aAAa,CAACE,WAAW,CAAE;IACnC,aAAa,EAAElB,QAAQ,CAACmB,IAAI,CAAC,EAAE;EAAE,GAC7BI,MAAM,CAAClB,KAAK,GAEfkB,MAAM,CAACG,IAAI,CAEf,CAAC,CACC,CAEV,CACI;AAEX,CAAC;AAED,SAAStB,MAAM"}
+{"version":3,"names":["React","TouchableHighlight","View","getStyle","Palettes","Shadow","IconArrowLeft","Typography","Appbar","props","backIcon","black","title","customHeader","containerStyle","onBackPress","buttonActions","withShadow","backIconProps","titleProps","computedStyle","container","wrapperContainer","iconWrapper","grey","contentWrapper","length","map","action","idx","onPress","icon"],"sourceRoot":"..\\..\\src","sources":["Appbar.component.tsx"],"mappings":";AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,kBAAkB,EAAEC,IAAI,QAAQ,cAAc;AAEvD,SAASC,QAAQ,QAAQ,gBAAgB;AACzC,SAASC,QAAQ,EAAEC,MAAM,QAAQ,cAAc;AAC/C,SAASC,aAAa,QAAQ,aAAa;AAC3C,SAASC,UAAU,QAAQ,oCAAoC;AAI/D,MAAMC,MAA4C,GAAIC,KAAK,IAAK;EAC9D,MAAM;IACJC,QAAQ,gBACN,oBAAC,aAAa;MAAC,KAAK,EAAE,EAAG;MAAC,MAAM,EAAE,EAAG;MAAC,IAAI,EAAEN,QAAQ,CAACO,KAAK,CAAC,GAAG;IAAE,EACjE;IACDC,KAAK,GAAG,EAAE;IACVC,YAAY,GAAG,IAAI;IACnBC,cAAc;IACdC,WAAW,GAAG,MAAM,CAAC,CAAC;IACtBC,aAAa,GAAG,EAAE;IAClBC,UAAU,GAAG,IAAI;IACjBC,aAAa,GAAG,CAAC,CAAC;IAClBC,UAAU,GAAG,CAAC;EAChB,CAAC,GAAGV,KAAK;EAET,MAAMW,aAAa,GAAGjB,QAAQ,CAACM,KAAK,CAAC;EAErC,oBACE,oBAAC,IAAI;IACH,KAAK,EAAE,CACLW,aAAa,CAACC,SAAS,EACvBJ,UAAU,IAAIZ,MAAM,CAAC,oBAAoB,CAAC;EAC1C,gBAEF,oBAAC,IAAI;IAAC,KAAK,EAAE,CAACe,aAAa,CAACE,gBAAgB,EAAER,cAAc;EAAE,GAC3DD,YAAY,iBACX,uDACE,oBAAC,kBAAkB;IACjB,OAAO,EAAEE,WAAY;IACrB,KAAK,EAAE,CAACK,aAAa,CAACG,WAAW,CAAE;IACnC,aAAa,EAAEnB,QAAQ,CAACoB,IAAI,CAAC,EAAE;EAAE,GAC7BN,aAAa,GAEhBR,QAAQ,CACU,eACrB,oBAAC,IAAI;IAAC,KAAK,EAAE,CAACU,aAAa,CAACK,cAAc;EAAE,gBAC1C,oBAAC,UAAU;IACT,OAAO,EAAC,WAAW;IACnB,KAAK,EAAE,CAACL,aAAa,CAACR,KAAK;EAAE,GACzBO,UAAU,GAEbP,KAAK,CACK,EACZI,aAAa,CAACU,MAAM,GAAG,CAAC,IACvBV,aAAa,CAACW,GAAG,CAAC,CAACC,MAAM,EAAEC,GAAG,kBAC5B,oBAAC,kBAAkB;IACjB,GAAG,EAAEA,GAAI;IACT,OAAO,EAAED,MAAM,CAACE,OAAQ;IACxB,KAAK,EAAE,CAACV,aAAa,CAACG,WAAW,CAAE;IACnC,aAAa,EAAEnB,QAAQ,CAACoB,IAAI,CAAC,EAAE;EAAE,GAC7BI,MAAM,CAACnB,KAAK,GAEfmB,MAAM,CAACG,IAAI,CAEf,CAAC,CACC,CAEV,CACI,CACF;AAEX,CAAC;AAED,SAASvB,MAAM"}

package/lib/module/components/Appbar/Appbar.style.js

@@ -2,14 +2,18 @@ import { StyleSheet } from 'react-native';
 import { Palettes, Radius, Spacing } from '../../themes';
 export const getStyle = props => {
   const {
-    statusBarHeight = 0
+    statusBarHeight = 0,
+    backgroundColor = Palettes.white[50]
   } = props;
   const computedStyle = {};
   computedStyle.container = {
+    paddingTop: statusBarHeight,
+    backgroundColor
+  };
+  computedStyle.wrapperContainer = {
     width: '100%',
-    height: 56 + statusBarHeight,
+    height: 56,
     padding: Spacing[16],
-    backgroundColor: Palettes.white[50],
     flexDirection: 'row',
     justifyContent: 'flex-start',
     alignItems: 'center'

package/lib/module/components/Appbar/Appbar.style.js.map

@@ -1 +1 @@
-{"version":3,"names":["StyleSheet","Palettes","Radius","Spacing","getStyle","props","statusBarHeight","computedStyle","container","width","height","padding","backgroundColor","white","flexDirection","justifyContent","alignItems","iconWrapper","borderRadius","contentWrapper","flex","marginLeft","title","create"],"sourceRoot":"..\\..\\src","sources":["Appbar.style.tsx"],"mappings":"AAAA,SAASA,UAAU,QAAQ,cAAc;AAEzC,SAASC,QAAQ,EAAEC,MAAM,EAAEC,OAAO,QAAQ,cAAc;AAaxD,OAAO,MAAMC,QAAQ,GAAIC,KAAkB,IAAK;EAC9C,MAAM;IAAEC,eAAe,GAAG;EAAE,CAAC,GAAGD,KAAK;EACrC,MAAME,aAAiC,GAAG,CAAC,CAAC;EAE5CA,aAAa,CAACC,SAAS,GAAG;IACxBC,KAAK,EAAE,MAAM;IACbC,MAAM,EAAE,EAAE,GAAGJ,eAAe;IAC5BK,OAAO,EAAER,OAAO,CAAC,EAAE,CAAC;IACpBS,eAAe,EAAEX,QAAQ,CAACY,KAAK,CAAC,EAAE,CAAC;IACnCC,aAAa,EAAE,KAAK;IACpBC,cAAc,EAAE,YAAY;IAC5BC,UAAU,EAAE;EACd,CAAC;EAEDT,aAAa,CAACU,WAAW,GAAG;IAC1BN,OAAO,EAAER,OAAO,CAAC,CAAC,CAAC;IACnBe,YAAY,EAAEhB,MAAM,CAAC,CAAC;EACxB,CAAC;EAEDK,aAAa,CAACY,cAAc,GAAG;IAC7BC,IAAI,EAAE,CAAC;IACPC,UAAU,EAAElB,OAAO,CAAC,EAAE,CAAC;IACvBW,aAAa,EAAE,KAAK;IACpBC,cAAc,EAAE,eAAe;IAC/BC,UAAU,EAAE;EACd,CAAC;EAEDT,aAAa,CAACe,KAAK,GAAG;IACpBF,IAAI,EAAE;EACR,CAAC;EAED,OAAOpB,UAAU,CAACuB,MAAM,CAAChB,aAAa,CAAC;AACzC,CAAC"}
+{"version":3,"names":["StyleSheet","Palettes","Radius","Spacing","getStyle","props","statusBarHeight","backgroundColor","white","computedStyle","container","paddingTop","wrapperContainer","width","height","padding","flexDirection","justifyContent","alignItems","iconWrapper","borderRadius","contentWrapper","flex","marginLeft","title","create"],"sourceRoot":"..\\..\\src","sources":["Appbar.style.tsx"],"mappings":"AAAA,SAASA,UAAU,QAAQ,cAAc;AAEzC,SAASC,QAAQ,EAAEC,MAAM,EAAEC,OAAO,QAAQ,cAAc;AAcxD,OAAO,MAAMC,QAAQ,GAAIC,KAAkB,IAAK;EAC9C,MAAM;IAAEC,eAAe,GAAG,CAAC;IAAEC,eAAe,GAAGN,QAAQ,CAACO,KAAK,CAAC,EAAE;EAAE,CAAC,GAAGH,KAAK;EAC3E,MAAMI,aAAiC,GAAG,CAAC,CAAC;EAE5CA,aAAa,CAACC,SAAS,GAAG;IACxBC,UAAU,EAAEL,eAAe;IAC3BC;EACF,CAAC;EAEDE,aAAa,CAACG,gBAAgB,GAAG;IAC/BC,KAAK,EAAE,MAAM;IACbC,MAAM,EAAE,EAAE;IACVC,OAAO,EAAEZ,OAAO,CAAC,EAAE,CAAC;IACpBa,aAAa,EAAE,KAAK;IACpBC,cAAc,EAAE,YAAY;IAC5BC,UAAU,EAAE;EACd,CAAC;EAEDT,aAAa,CAACU,WAAW,GAAG;IAC1BJ,OAAO,EAAEZ,OAAO,CAAC,CAAC,CAAC;IACnBiB,YAAY,EAAElB,MAAM,CAAC,CAAC;EACxB,CAAC;EAEDO,aAAa,CAACY,cAAc,GAAG;IAC7BC,IAAI,EAAE,CAAC;IACPC,UAAU,EAAEpB,OAAO,CAAC,EAAE,CAAC;IACvBa,aAAa,EAAE,KAAK;IACpBC,cAAc,EAAE,eAAe;IAC/BC,UAAU,EAAE;EACd,CAAC;EAEDT,aAAa,CAACe,KAAK,GAAG;IACpBF,IAAI,EAAE;EACR,CAAC;EAED,OAAOtB,UAAU,CAACyB,MAAM,CAAChB,aAAa,CAAC;AACzC,CAAC"}

package/lib/typescript/components/Appbar/Appbar.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Appbar.component.d.ts","sourceRoot":"","sources":["../../../../src/components/Appbar/Appbar.component.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAEjD,QAAA,MAAM,MAAM,EAAE,KAAK,CAAC,iBAAiB,CAAC,WAAW,CA4DhD,CAAC;AAEF,OAAO,EAAE,MAAM,EAAE,CAAC"}
+{"version":3,"file":"Appbar.component.d.ts","sourceRoot":"","sources":["../../../../src/components/Appbar/Appbar.component.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAEjD,QAAA,MAAM,MAAM,EAAE,KAAK,CAAC,iBAAiB,CAAC,WAAW,CA6DhD,CAAC;AAEF,OAAO,EAAE,MAAM,EAAE,CAAC"}

package/lib/typescript/components/Appbar/Appbar.style.d.ts

@@ -3,6 +3,7 @@ import type { ViewStyle } from 'react-native';
 import { TextStyle } from 'react-native';
 interface ComputedStyleProps {
     container?: ViewStyle;
+    wrapperContainer?: ViewStyle;
     iconWrapper?: ViewStyle;
     contentWrapper?: ViewStyle;
     title?: TextStyle;

package/lib/typescript/components/Appbar/Appbar.style.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Appbar.style.d.ts","sourceRoot":"","sources":["../../../../src/components/Appbar/Appbar.style.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAE5C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAC9C,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzC,UAAU,kBAAkB;IAC1B,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB;AAED,eAAO,MAAM,QAAQ,UAAW,WAAW,uBAgC1C,CAAC"}
+{"version":3,"file":"Appbar.style.d.ts","sourceRoot":"","sources":["../../../../src/components/Appbar/Appbar.style.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAE5C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAC9C,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzC,UAAU,kBAAkB;IAC1B,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,gBAAgB,CAAC,EAAE,SAAS,CAAC;IAC7B,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB;AAED,eAAO,MAAM,QAAQ,UAAW,WAAW,uBAoC1C,CAAC"}

package/lib/typescript/components/Appbar/Appbar.type.d.ts

@@ -1,4 +1,5 @@
 import { ReactNode } from 'react';
+import { ColorValue } from 'react-native';
 import { ViewStyle } from 'react-native';
 import type { TouchableHighlightProps, TextProps } from 'react-native';
 export interface AppbarProps {
@@ -11,6 +12,7 @@ export interface AppbarProps {
     containerStyle?: ViewStyle;
     withShadow?: boolean;
     statusBarHeight?: number;
+    backgroundColor?: ColorValue;
     buttonActions?: {
         icon: ReactNode;
         onPress: () => void;

package/lib/typescript/components/Appbar/Appbar.type.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Appbar.type.d.ts","sourceRoot":"","sources":["../../../../src/components/Appbar/Appbar.type.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzC,OAAO,KAAK,EAAE,uBAAuB,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEvE,MAAM,WAAW,WAAW;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,WAAW,EAAE,MAAM,IAAI,CAAC;IAExB,QAAQ,CAAC,EAAE,SAAS,CAAC;IAErB,aAAa,CAAC,EAAE,uBAAuB,CAAC;IAExC,UAAU,CAAC,EAAE,SAAS,CAAC;IAEvB,YAAY,CAAC,EAAE,SAAS,CAAC;IAEzB,cAAc,CAAC,EAAE,SAAS,CAAC;IAE3B,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB,eAAe,CAAC,EAAE,MAAM,CAAC;IAEzB,aAAa,CAAC,EAAE;QACd,IAAI,EAAE,SAAS,CAAC;QAChB,OAAO,EAAE,MAAM,IAAI,CAAC;QACpB,KAAK,CAAC,EAAE,uBAAuB,CAAC;KACjC,EAAE,CAAC;CACL"}
+{"version":3,"file":"Appbar.type.d.ts","sourceRoot":"","sources":["../../../../src/components/Appbar/Appbar.type.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzC,OAAO,KAAK,EAAE,uBAAuB,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEvE,MAAM,WAAW,WAAW;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,WAAW,EAAE,MAAM,IAAI,CAAC;IAExB,QAAQ,CAAC,EAAE,SAAS,CAAC;IAErB,aAAa,CAAC,EAAE,uBAAuB,CAAC;IAExC,UAAU,CAAC,EAAE,SAAS,CAAC;IAEvB,YAAY,CAAC,EAAE,SAAS,CAAC;IAEzB,cAAc,CAAC,EAAE,SAAS,CAAC;IAE3B,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB,eAAe,CAAC,EAAE,MAAM,CAAC;IAEzB,eAAe,CAAC,EAAE,UAAU,CAAC;IAE7B,aAAa,CAAC,EAAE;QACd,IAAI,EAAE,SAAS,CAAC;QAChB,OAAO,EAAE,MAAM,IAAI,CAAC;QACpB,KAAK,CAAC,EAAE,uBAAuB,CAAC;KACjC,EAAE,CAAC;CACL"}

package/lib/typescript/components/BottomSheet/BottomSheet.type.d.ts

@@ -1,10 +1,10 @@
 import { ReactNode } from 'react';
 import type { TextProps, TouchableHighlightProps } from 'react-native';
 import type { ModalProps } from 'react-native-modal';
-export interface BottomSheetProps extends Partial<Omit<ModalProps, 'isVisible'>> {
+export interface BottomSheetProps extends Omit<Partial<ModalProps>, 'isVisible'> {
     onDismiss?: () => void;
     sheetHeader?: ReactNode;
-    title: string;
+    title?: string;
     titleProps?: TextProps;
     subtitle?: string;
     subtitleProps?: TextProps;

package/lib/typescript/components/BottomSheet/BottomSheet.type.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BottomSheet.type.d.ts","sourceRoot":"","sources":["../../../../src/components/BottomSheet/BottomSheet.type.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,OAAO,KAAK,EAAE,SAAS,EAAE,uBAAuB,EAAE,MAAM,cAAc,CAAC;AACvE,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAErD,MAAM,WAAW,gBACf,SAAQ,OAAO,CAAC,IAAI,CAAC,UAAU,EAAE,WAAW,CAAC,CAAC;IAC9C,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IAEvB,WAAW,CAAC,EAAE,SAAS,CAAC;IAExB,KAAK,EAAE,MAAM,CAAC;IAEd,UAAU,CAAC,EAAE,SAAS,CAAC;IAEvB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB,aAAa,CAAC,EAAE,SAAS,CAAC;IAE1B,wBAAwB,CAAC,EAAE,OAAO,CAAC;IAEnC,WAAW,CAAC,EAAE,SAAS,CAAC;IAExB,gBAAgB,CAAC,EAAE,uBAAuB,CAAC;IAE3C,MAAM,CAAC,EAAE,SAAS,CAAC;IAEnB,SAAS,CAAC,EAAE,SAAS,CAAC;IAEtB,wBAAwB,CAAC,EAAE,MAAM,CAAC;IAElC;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AAED,oBAAY,oBAAoB,GAAG;IACjC,IAAI,EAAE,MAAM,IAAI,CAAC;IACjB,KAAK,EAAE,MAAM,IAAI,CAAC;CACnB,CAAC"}
+{"version":3,"file":"BottomSheet.type.d.ts","sourceRoot":"","sources":["../../../../src/components/BottomSheet/BottomSheet.type.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,OAAO,KAAK,EAAE,SAAS,EAAE,uBAAuB,EAAE,MAAM,cAAc,CAAC;AACvE,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAErD,MAAM,WAAW,gBACf,SAAQ,IAAI,CAAC,OAAO,CAAC,UAAU,CAAC,EAAE,WAAW,CAAC;IAC9C,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IAEvB,WAAW,CAAC,EAAE,SAAS,CAAC;IAExB,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,UAAU,CAAC,EAAE,SAAS,CAAC;IAEvB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB,aAAa,CAAC,EAAE,SAAS,CAAC;IAE1B,wBAAwB,CAAC,EAAE,OAAO,CAAC;IAEnC,WAAW,CAAC,EAAE,SAAS,CAAC;IAExB,gBAAgB,CAAC,EAAE,uBAAuB,CAAC;IAE3C,MAAM,CAAC,EAAE,SAAS,CAAC;IAEnB,SAAS,CAAC,EAAE,SAAS,CAAC;IAEtB,wBAAwB,CAAC,EAAE,MAAM,CAAC;IAElC;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AAED,oBAAY,oBAAoB,GAAG;IACjC,IAAI,EAAE,MAAM,IAAI,CAAC;IACjB,KAAK,EAAE,MAAM,IAAI,CAAC;CACnB,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@adiraku/react-native-ui",
-  "version": "1.2.3-snapshot.4",
+  "version": "1.2.3-snapshot.5",
   "description": "UI library for Adiraku apps",
   "main": "lib/commonjs/index",
   "module": "lib/module/index",

package/src/components/Appbar/Appbar.component.tsx

@@ -29,43 +29,44 @@ const Appbar: React.FunctionComponent<AppbarProps> = (props) => {
     <View
       style={[
         computedStyle.container,
-        containerStyle,
         withShadow && Shadow['shadow-elevation-2'],
       ]}
     >
-      {customHeader || (
-        <>
-          <TouchableHighlight
-            onPress={onBackPress}
-            style={[computedStyle.iconWrapper]}
-            underlayColor={Palettes.grey[50]}
-            {...backIconProps}
-          >
-            {backIcon}
-          </TouchableHighlight>
-          <View style={[computedStyle.contentWrapper]}>
-            <Typography
-              variant="subtitle1"
-              style={[computedStyle.title]}
-              {...titleProps}
+      <View style={[computedStyle.wrapperContainer, containerStyle]}>
+        {customHeader || (
+          <>
+            <TouchableHighlight
+              onPress={onBackPress}
+              style={[computedStyle.iconWrapper]}
+              underlayColor={Palettes.grey[50]}
+              {...backIconProps}
             >
-              {title}
-            </Typography>
-            {buttonActions.length > 0 &&
-              buttonActions.map((action, idx) => (
-                <TouchableHighlight
-                  key={idx}
-                  onPress={action.onPress}
-                  style={[computedStyle.iconWrapper]}
-                  underlayColor={Palettes.grey[50]}
-                  {...action.props}
-                >
-                  {action.icon}
-                </TouchableHighlight>
-              ))}
-          </View>
-        </>
-      )}
+              {backIcon}
+            </TouchableHighlight>
+            <View style={[computedStyle.contentWrapper]}>
+              <Typography
+                variant="subtitle1"
+                style={[computedStyle.title]}
+                {...titleProps}
+              >
+                {title}
+              </Typography>
+              {buttonActions.length > 0 &&
+                buttonActions.map((action, idx) => (
+                  <TouchableHighlight
+                    key={idx}
+                    onPress={action.onPress}
+                    style={[computedStyle.iconWrapper]}
+                    underlayColor={Palettes.grey[50]}
+                    {...action.props}
+                  >
+                    {action.icon}
+                  </TouchableHighlight>
+                ))}
+            </View>
+          </>
+        )}
+      </View>
     </View>
   );
 };

package/src/components/Appbar/Appbar.style.tsx

@@ -8,20 +8,25 @@ import { TextStyle } from 'react-native';
 
 interface ComputedStyleProps {
   container?: ViewStyle;
+  wrapperContainer?: ViewStyle;
   iconWrapper?: ViewStyle;
   contentWrapper?: ViewStyle;
   title?: TextStyle;
 }
 
 export const getStyle = (props: AppbarProps) => {
-  const { statusBarHeight = 0 } = props;
+  const { statusBarHeight = 0, backgroundColor = Palettes.white[50] } = props;
   const computedStyle: ComputedStyleProps = {};
 
   computedStyle.container = {
+    paddingTop: statusBarHeight,
+    backgroundColor,
+  };
+
+  computedStyle.wrapperContainer = {
     width: '100%',
-    height: 56 + statusBarHeight,
+    height: 56,
     padding: Spacing[16],
-    backgroundColor: Palettes.white[50],
     flexDirection: 'row',
     justifyContent: 'flex-start',
     alignItems: 'center',

package/src/components/Appbar/Appbar.type.ts

@@ -1,4 +1,5 @@
 import { ReactNode } from 'react';
+import { ColorValue } from 'react-native';
 import { ViewStyle } from 'react-native';
 
 import type { TouchableHighlightProps, TextProps } from 'react-native';
@@ -22,6 +23,8 @@ export interface AppbarProps {
 
   statusBarHeight?: number;
 
+  backgroundColor?: ColorValue;
+
   buttonActions?: {
     icon: ReactNode;
     onPress: () => void;

package/src/components/BottomSheet/BottomSheet.type.ts

@@ -4,12 +4,12 @@ import type { TextProps, TouchableHighlightProps } from 'react-native';
 import type { ModalProps } from 'react-native-modal';
 
 export interface BottomSheetProps
-  extends Partial<Omit<ModalProps, 'isVisible'>> {
+  extends Omit<Partial<ModalProps>, 'isVisible'> {
   onDismiss?: () => void;
 
   sheetHeader?: ReactNode;
 
-  title: string;
+  title?: string;
 
   titleProps?: TextProps;