@adiraku/react-native-ui 1.2.3 → 1.2.4-snapshot-1

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

@@ -31,9 +31,9 @@ const Appbar = props => {
   } = props;
   const computedStyle = (0, _Appbar.getStyle)(props);
   return /*#__PURE__*/React.createElement(_reactNative.View, {
-    style: [computedStyle.container, withShadow && _themes.Shadow['shadow-elevation-2']]
+    style: [computedStyle.container, withShadow && _themes.Shadow['shadow-elevation-2'], containerStyle]
   }, /*#__PURE__*/React.createElement(_reactNative.View, {
-    style: [computedStyle.wrapperContainer, containerStyle]
+    style: [computedStyle.wrapperContainer]
   }, customHeader || /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_reactNative.TouchableHighlight, _extends({
     onPress: onBackPress,
     style: [computedStyle.iconWrapper],

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","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"}
+{"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,EAC1CT,cAAc;EACd,gBAEF,oBAAC,iBAAI;IAAC,KAAK,EAAE,CAACM,aAAa,CAACI,gBAAgB;EAAE,GAC3CX,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,12 +8,13 @@ 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: _themes.Palettes.white[50]
+    backgroundColor
   };
   computedStyle.wrapperContainer = {
     width: '100%',

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

@@ -1 +1 @@
-{"version":3,"names":["getStyle","props","statusBarHeight","computedStyle","container","paddingTop","backgroundColor","Palettes","white","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;EAAE,CAAC,GAAGD,KAAK;EACrC,MAAME,aAAiC,GAAG,CAAC,CAAC;EAE5CA,aAAa,CAACC,SAAS,GAAG;IACxBC,UAAU,EAAEH,eAAe;IAC3BI,eAAe,EAAEC,gBAAQ,CAACC,KAAK,CAAC,EAAE;EACpC,CAAC;EAEDL,aAAa,CAACM,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;EAEDb,aAAa,CAACc,WAAW,GAAG;IAC1BL,OAAO,EAAEC,eAAO,CAAC,CAAC,CAAC;IACnBK,YAAY,EAAEC,cAAM,CAAC,CAAC;EACxB,CAAC;EAEDhB,aAAa,CAACiB,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;EAEDb,aAAa,CAACoB,KAAK,GAAG;IACpBF,IAAI,EAAE;EACR,CAAC;EAED,OAAOG,uBAAU,CAACC,MAAM,CAACtB,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,9 +23,9 @@ const Appbar = props => {
   } = props;
   const computedStyle = getStyle(props);
   return /*#__PURE__*/React.createElement(View, {
-    style: [computedStyle.container, withShadow && Shadow['shadow-elevation-2']]
+    style: [computedStyle.container, withShadow && Shadow['shadow-elevation-2'], containerStyle]
   }, /*#__PURE__*/React.createElement(View, {
-    style: [computedStyle.wrapperContainer, containerStyle]
+    style: [computedStyle.wrapperContainer]
   }, customHeader || /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(TouchableHighlight, _extends({
     onPress: onBackPress,
     style: [computedStyle.iconWrapper],

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","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"}
+{"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,EAC1CS,cAAc;EACd,gBAEF,oBAAC,IAAI;IAAC,KAAK,EAAE,CAACM,aAAa,CAACE,gBAAgB;EAAE,GAC3CT,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,12 +2,13 @@ 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: Palettes.white[50]
+    backgroundColor
   };
   computedStyle.wrapperContainer = {
     width: '100%',

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

@@ -1 +1 @@
-{"version":3,"names":["StyleSheet","Palettes","Radius","Spacing","getStyle","props","statusBarHeight","computedStyle","container","paddingTop","backgroundColor","white","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;EAAE,CAAC,GAAGD,KAAK;EACrC,MAAME,aAAiC,GAAG,CAAC,CAAC;EAE5CA,aAAa,CAACC,SAAS,GAAG;IACxBC,UAAU,EAAEH,eAAe;IAC3BI,eAAe,EAAET,QAAQ,CAACU,KAAK,CAAC,EAAE;EACpC,CAAC;EAEDJ,aAAa,CAACK,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;EAEDX,aAAa,CAACY,WAAW,GAAG;IAC1BJ,OAAO,EAAEZ,OAAO,CAAC,CAAC,CAAC;IACnBiB,YAAY,EAAElB,MAAM,CAAC,CAAC;EACxB,CAAC;EAEDK,aAAa,CAACc,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;EAEDX,aAAa,CAACiB,KAAK,GAAG;IACpBF,IAAI,EAAE;EACR,CAAC;EAED,OAAOtB,UAAU,CAACyB,MAAM,CAAClB,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,CA6DhD,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,CA8DhD,CAAC;AAEF,OAAO,EAAE,MAAM,EAAE,CAAC"}

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

@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
-import { ViewStyle } from 'react-native';
+import { ColorValue, ViewStyle } from 'react-native';
 import type { TouchableHighlightProps, TextProps } from 'react-native';
 export interface AppbarProps {
     title?: string;
@@ -11,6 +11,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,SAAS,EAAE,MAAM,cAAc,CAAC;AAErD,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/package.json

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

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

@@ -30,9 +30,10 @@ const Appbar: React.FunctionComponent<AppbarProps> = (props) => {
       style={[
         computedStyle.container,
         withShadow && Shadow['shadow-elevation-2'],
+        containerStyle,
       ]}
     >
-      <View style={[computedStyle.wrapperContainer, containerStyle]}>
+      <View style={[computedStyle.wrapperContainer]}>
         {customHeader || (
           <>
             <TouchableHighlight

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

@@ -15,12 +15,12 @@ interface ComputedStyleProps {
 }
 
 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: Palettes.white[50],
+    backgroundColor,
   };
 
   computedStyle.wrapperContainer = {

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

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