@sumup/react-native-checkout 0.0.0-alpha.1 → 0.0.0-alpha.2

package/lib/module/components/CardSheet/styles.js

@@ -11,7 +11,7 @@ export const useStyles = () => {
   const insets = useSafeArea();
   const styles = StyleSheet.create({
     container: {
-      backgroundColor: colors.white,
+      backgroundColor: colors.bgNormal,
       maxHeight: height - insets.top,
       paddingBottom: insets.bottom + 16
     },
@@ -19,12 +19,12 @@ export const useStyles = () => {
       fontWeight: 'bold',
       fontSize: 20,
       marginBottom: 30,
-      color: colors.black
+      color: colors.fgAccent
     },
     separatorText: {
       fontSize: 14,
       lineHeight: 16,
-      color: colors.black,
+      color: colors.fgAccent,
       width: '100%',
       textAlign: 'center'
     },

package/lib/module/components/CardSheet/styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["StyleSheet","useWindowDimensions","useTheme","useSafeArea","useStyles","colors","height","insets","styles","create","container","backgroundColor","white","maxHeight","top","paddingBottom","bottom","title","fontWeight","fontSize","marginBottom","color","black","separatorText","lineHeight","width","textAlign","image","savedCardContainer","marginTop","marginLeft","keyboardView"],"sourceRoot":"../../../../src","sources":["components/CardSheet/styles.tsx"],"mappings":"AAAA,SAASA,UAAU,EAAEC,mBAAmB,QAAQ,cAAc;AAC9D,SAASC,QAAQ,QAAQ,6BAA6B;AACtD,SAASC,WAAW,QAAQ,yBAAyB;AAErD,OAAO,MAAMC,SAAS,GAAGA,CAAA,KAAM;EAC7B,MAAM;IAAEC;EAAO,CAAC,GAAGH,QAAQ,CAAC,CAAC;EAE7B,MAAM;IAAEI;EAAO,CAAC,GAAGL,mBAAmB,CAAC,CAAC;EAExC,MAAMM,MAAM,GAAGJ,WAAW,CAAC,CAAC;EAE5B,MAAMK,MAAM,GAAGR,UAAU,CAACS,MAAM,CAAC;IAC/BC,SAAS,EAAE;MACTC,eAAe,EAAEN,MAAM,CAACO,KAAK;MAC7BC,SAAS,EAAEP,MAAM,GAAGC,MAAM,CAACO,GAAG;MAC9BC,aAAa,EAAER,MAAM,CAACS,MAAM,GAAG;IACjC,CAAC;IACDC,KAAK,EAAE;MACLC,UAAU,EAAE,MAAM;MAClBC,QAAQ,EAAE,EAAE;MACZC,YAAY,EAAE,EAAE;MAChBC,KAAK,EAAEhB,MAAM,CAACiB;IAChB,CAAC;IACDC,aAAa,EAAE;MACbJ,QAAQ,EAAE,EAAE;MACZK,UAAU,EAAE,EAAE;MACdH,KAAK,EAAEhB,MAAM,CAACiB,KAAK;MACnBG,KAAK,EAAE,MAAM;MACbC,SAAS,EAAE;IACb,CAAC;IACDC,KAAK,EAAE;MACLF,KAAK,EAAE,EAAE;MACTnB,MAAM,EAAE;IACV,CAAC;IACDsB,kBAAkB,EAAE;MAClBC,SAAS,EAAE,EAAE;MACbT,YAAY,EAAE,EAAE;MAChBU,UAAU,EAAE;IACd,CAAC;IACDC,YAAY,EAAE;MACZ;IAAA;EAEJ,CAAC,CAAC;EAEF,OAAOvB,MAAM;AACf,CAAC"}
+{"version":3,"names":["StyleSheet","useWindowDimensions","useTheme","useSafeArea","useStyles","colors","height","insets","styles","create","container","backgroundColor","bgNormal","maxHeight","top","paddingBottom","bottom","title","fontWeight","fontSize","marginBottom","color","fgAccent","separatorText","lineHeight","width","textAlign","image","savedCardContainer","marginTop","marginLeft","keyboardView"],"sourceRoot":"../../../../src","sources":["components/CardSheet/styles.tsx"],"mappings":"AAAA,SAASA,UAAU,EAAEC,mBAAmB,QAAQ,cAAc;AAC9D,SAASC,QAAQ,QAAQ,6BAA6B;AACtD,SAASC,WAAW,QAAQ,yBAAyB;AAErD,OAAO,MAAMC,SAAS,GAAGA,CAAA,KAAM;EAC7B,MAAM;IAAEC;EAAO,CAAC,GAAGH,QAAQ,CAAC,CAAC;EAE7B,MAAM;IAAEI;EAAO,CAAC,GAAGL,mBAAmB,CAAC,CAAC;EAExC,MAAMM,MAAM,GAAGJ,WAAW,CAAC,CAAC;EAE5B,MAAMK,MAAM,GAAGR,UAAU,CAACS,MAAM,CAAC;IAC/BC,SAAS,EAAE;MACTC,eAAe,EAAEN,MAAM,CAACO,QAAQ;MAChCC,SAAS,EAAEP,MAAM,GAAGC,MAAM,CAACO,GAAG;MAC9BC,aAAa,EAAER,MAAM,CAACS,MAAM,GAAG;IACjC,CAAC;IACDC,KAAK,EAAE;MACLC,UAAU,EAAE,MAAM;MAClBC,QAAQ,EAAE,EAAE;MACZC,YAAY,EAAE,EAAE;MAChBC,KAAK,EAAEhB,MAAM,CAACiB;IAChB,CAAC;IACDC,aAAa,EAAE;MACbJ,QAAQ,EAAE,EAAE;MACZK,UAAU,EAAE,EAAE;MACdH,KAAK,EAAEhB,MAAM,CAACiB,QAAQ;MACtBG,KAAK,EAAE,MAAM;MACbC,SAAS,EAAE;IACb,CAAC;IACDC,KAAK,EAAE;MACLF,KAAK,EAAE,EAAE;MACTnB,MAAM,EAAE;IACV,CAAC;IACDsB,kBAAkB,EAAE;MAClBC,SAAS,EAAE,EAAE;MACbT,YAAY,EAAE,EAAE;MAChBU,UAAU,EAAE;IACd,CAAC;IACDC,YAAY,EAAE;MACZ;IAAA;EAEJ,CAAC,CAAC;EAEF,OAAOvB,MAAM;AACf,CAAC"}

package/lib/module/components/Checkbox/styles.js

@@ -1,16 +1,18 @@
 import { StyleSheet } from 'react-native';
 import { useTheme } from '../../contexts/ThemeContext';
+import { borderWidths } from '../../styles/borderWidths';
+import { radii } from '../../styles/radii';
 export const useStyles = selected => {
   const {
     colors
   } = useTheme();
   const styles = StyleSheet.create({
     container: {
-      borderRadius: 12,
+      borderRadius: radii.kilo,
       width: 24,
       height: 24,
-      borderWidth: 2,
-      borderColor: selected ? colors.royalBlue : colors.doveGray
+      borderWidth: borderWidths.mega,
+      borderColor: selected ? colors.bgAccentStrong : colors.fgSubtle
     },
     image: {
       width: 24,

package/lib/module/components/Checkbox/styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["StyleSheet","useTheme","useStyles","selected","colors","styles","create","container","borderRadius","width","height","borderWidth","borderColor","royalBlue","doveGray","image","marginLeft","marginTop"],"sourceRoot":"../../../../src","sources":["components/Checkbox/styles.tsx"],"mappings":"AAAA,SAASA,UAAU,QAAQ,cAAc;AACzC,SAASC,QAAQ,QAAQ,6BAA6B;AAEtD,OAAO,MAAMC,SAAS,GAAIC,QAAiB,IAAK;EAC9C,MAAM;IAAEC;EAAO,CAAC,GAAGH,QAAQ,CAAC,CAAC;EAE7B,MAAMI,MAAM,GAAGL,UAAU,CAACM,MAAM,CAAC;IAC/BC,SAAS,EAAE;MACTC,YAAY,EAAE,EAAE;MAChBC,KAAK,EAAE,EAAE;MACTC,MAAM,EAAE,EAAE;MACVC,WAAW,EAAE,CAAC;MACdC,WAAW,EAAET,QAAQ,GAAGC,MAAM,CAACS,SAAS,GAAGT,MAAM,CAACU;IACpD,CAAC;IACDC,KAAK,EAAE;MACLN,KAAK,EAAE,EAAE;MACTC,MAAM,EAAE,EAAE;MACVM,UAAU,EAAE,CAAC,CAAC;MACdC,SAAS,EAAE,CAAC;IACd;EACF,CAAC,CAAC;EAEF,OAAOZ,MAAM;AACf,CAAC"}
+{"version":3,"names":["StyleSheet","useTheme","borderWidths","radii","useStyles","selected","colors","styles","create","container","borderRadius","kilo","width","height","borderWidth","mega","borderColor","bgAccentStrong","fgSubtle","image","marginLeft","marginTop"],"sourceRoot":"../../../../src","sources":["components/Checkbox/styles.tsx"],"mappings":"AAAA,SAASA,UAAU,QAAQ,cAAc;AACzC,SAASC,QAAQ,QAAQ,6BAA6B;AACtD,SAASC,YAAY,QAAQ,2BAA2B;AACxD,SAASC,KAAK,QAAQ,oBAAoB;AAE1C,OAAO,MAAMC,SAAS,GAAIC,QAAiB,IAAK;EAC9C,MAAM;IAAEC;EAAO,CAAC,GAAGL,QAAQ,CAAC,CAAC;EAE7B,MAAMM,MAAM,GAAGP,UAAU,CAACQ,MAAM,CAAC;IAC/BC,SAAS,EAAE;MACTC,YAAY,EAAEP,KAAK,CAACQ,IAAI;MACxBC,KAAK,EAAE,EAAE;MACTC,MAAM,EAAE,EAAE;MACVC,WAAW,EAAEZ,YAAY,CAACa,IAAI;MAC9BC,WAAW,EAAEX,QAAQ,GAAGC,MAAM,CAACW,cAAc,GAAGX,MAAM,CAACY;IACzD,CAAC;IACDC,KAAK,EAAE;MACLP,KAAK,EAAE,EAAE;MACTC,MAAM,EAAE,EAAE;MACVO,UAAU,EAAE,CAAC,CAAC;MACdC,SAAS,EAAE,CAAC;IACd;EACF,CAAC,CAAC;EAEF,OAAOd,MAAM;AACf,CAAC"}

package/lib/module/components/GooglePayButton/styles.js

@@ -1,5 +1,6 @@
 import { StyleSheet } from 'react-native';
 import { useTheme } from '../../contexts/ThemeContext';
+import { radii } from '../../styles/radii';
 export const useStyles = disabled => {
   const {
     colors
@@ -10,14 +11,14 @@ export const useStyles = disabled => {
       opacity: disabled ? 0.6 : 1,
       height: 48,
       width: '100%',
-      backgroundColor: colors.black,
-      borderRadius: 8,
+      backgroundColor: colors.bgStrong,
+      borderRadius: radii.byte,
       justifyContent: 'center',
       alignItems: 'center'
     },
     text: {
       fontSize: 14,
-      color: colors.white
+      color: colors.fgOnStrong
     },
     image: {
       width: 44,

package/lib/module/components/GooglePayButton/styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["StyleSheet","useTheme","useStyles","disabled","colors","styles","create","container","flexDirection","opacity","height","width","backgroundColor","black","borderRadius","justifyContent","alignItems","text","fontSize","color","white","image"],"sourceRoot":"../../../../src","sources":["components/GooglePayButton/styles.tsx"],"mappings":"AAAA,SAASA,UAAU,QAAQ,cAAc;AACzC,SAASC,QAAQ,QAAQ,6BAA6B;AAEtD,OAAO,MAAMC,SAAS,GAAIC,QAAkB,IAAK;EAC/C,MAAM;IAAEC;EAAO,CAAC,GAAGH,QAAQ,CAAC,CAAC;EAE7B,MAAMI,MAAM,GAAGL,UAAU,CAACM,MAAM,CAAC;IAC/BC,SAAS,EAAE;MACTC,aAAa,EAAE,KAAK;MACpBC,OAAO,EAAEN,QAAQ,GAAG,GAAG,GAAG,CAAC;MAC3BO,MAAM,EAAE,EAAE;MACVC,KAAK,EAAE,MAAM;MACbC,eAAe,EAAER,MAAM,CAACS,KAAK;MAC7BC,YAAY,EAAE,CAAC;MACfC,cAAc,EAAE,QAAQ;MACxBC,UAAU,EAAE;IACd,CAAC;IACDC,IAAI,EAAE;MACJC,QAAQ,EAAE,EAAE;MACZC,KAAK,EAAEf,MAAM,CAACgB;IAChB,CAAC;IACDC,KAAK,EAAE;MACLV,KAAK,EAAE,EAAE;MACTD,MAAM,EAAE;IACV;EACF,CAAC,CAAC;EAEF,OAAOL,MAAM;AACf,CAAC"}
+{"version":3,"names":["StyleSheet","useTheme","radii","useStyles","disabled","colors","styles","create","container","flexDirection","opacity","height","width","backgroundColor","bgStrong","borderRadius","byte","justifyContent","alignItems","text","fontSize","color","fgOnStrong","image"],"sourceRoot":"../../../../src","sources":["components/GooglePayButton/styles.tsx"],"mappings":"AAAA,SAASA,UAAU,QAAQ,cAAc;AACzC,SAASC,QAAQ,QAAQ,6BAA6B;AACtD,SAASC,KAAK,QAAQ,oBAAoB;AAE1C,OAAO,MAAMC,SAAS,GAAIC,QAAkB,IAAK;EAC/C,MAAM;IAAEC;EAAO,CAAC,GAAGJ,QAAQ,CAAC,CAAC;EAE7B,MAAMK,MAAM,GAAGN,UAAU,CAACO,MAAM,CAAC;IAC/BC,SAAS,EAAE;MACTC,aAAa,EAAE,KAAK;MACpBC,OAAO,EAAEN,QAAQ,GAAG,GAAG,GAAG,CAAC;MAC3BO,MAAM,EAAE,EAAE;MACVC,KAAK,EAAE,MAAM;MACbC,eAAe,EAAER,MAAM,CAACS,QAAQ;MAChCC,YAAY,EAAEb,KAAK,CAACc,IAAI;MACxBC,cAAc,EAAE,QAAQ;MACxBC,UAAU,EAAE;IACd,CAAC;IACDC,IAAI,EAAE;MACJC,QAAQ,EAAE,EAAE;MACZC,KAAK,EAAEhB,MAAM,CAACiB;IAChB,CAAC;IACDC,KAAK,EAAE;MACLX,KAAK,EAAE,EAAE;MACTD,MAAM,EAAE;IACV;EACF,CAAC,CAAC;EAEF,OAAOL,MAAM;AACf,CAAC"}

package/lib/module/components/Header/styles.js

@@ -14,7 +14,7 @@ export const useStyles = () => {
       marginBottom: 16
     },
     title: {
-      color: colors.codGray,
+      color: colors.fgNormal,
       fontWeight: '700',
       fontSize: 18,
       textAlign: 'center',

package/lib/module/components/Header/styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["StyleSheet","useTheme","useStyles","colors","fonts","styles","create","container","flexDirection","height","alignItems","justifyContent","marginBottom","title","color","codGray","fontWeight","fontSize","textAlign","flex","fontFamily","sfProTextBold","image","width","imageContainer"],"sourceRoot":"../../../../src","sources":["components/Header/styles.tsx"],"mappings":"AAAA,SAASA,UAAU,QAAQ,cAAc;AACzC,SAASC,QAAQ,QAAQ,6BAA6B;AAEtD,OAAO,MAAMC,SAAS,GAAGA,CAAA,KAAM;EAC7B,MAAM;IAAEC,MAAM;IAAEC;EAAM,CAAC,GAAGH,QAAQ,CAAC,CAAC;EAEpC,MAAMI,MAAM,GAAGL,UAAU,CAACM,MAAM,CAAC;IAC/BC,SAAS,EAAE;MACTC,aAAa,EAAE,KAAK;MACpBC,MAAM,EAAE,EAAE;MACVC,UAAU,EAAE,QAAQ;MACpBC,cAAc,EAAE,QAAQ;MACxBC,YAAY,EAAE;IAChB,CAAC;IACDC,KAAK,EAAE;MACLC,KAAK,EAAEX,MAAM,CAACY,OAAO;MACrBC,UAAU,EAAE,KAAK;MACjBC,QAAQ,EAAE,EAAE;MACZC,SAAS,EAAE,QAAQ;MACnBC,IAAI,EAAE,CAAC;MACPC,UAAU,EAAEhB,KAAK,CAACiB;IACpB,CAAC;IACDC,KAAK,EAAE;MACLb,MAAM,EAAE,EAAE;MACVc,KAAK,EAAE;IACT,CAAC;IACDC,cAAc,EAAE;MACdf,MAAM,EAAE,EAAE;MACVc,KAAK,EAAE;IACT;EACF,CAAC,CAAC;EAEF,OAAOlB,MAAM;AACf,CAAC"}
+{"version":3,"names":["StyleSheet","useTheme","useStyles","colors","fonts","styles","create","container","flexDirection","height","alignItems","justifyContent","marginBottom","title","color","fgNormal","fontWeight","fontSize","textAlign","flex","fontFamily","sfProTextBold","image","width","imageContainer"],"sourceRoot":"../../../../src","sources":["components/Header/styles.tsx"],"mappings":"AAAA,SAASA,UAAU,QAAQ,cAAc;AACzC,SAASC,QAAQ,QAAQ,6BAA6B;AAEtD,OAAO,MAAMC,SAAS,GAAGA,CAAA,KAAM;EAC7B,MAAM;IAAEC,MAAM;IAAEC;EAAM,CAAC,GAAGH,QAAQ,CAAC,CAAC;EAEpC,MAAMI,MAAM,GAAGL,UAAU,CAACM,MAAM,CAAC;IAC/BC,SAAS,EAAE;MACTC,aAAa,EAAE,KAAK;MACpBC,MAAM,EAAE,EAAE;MACVC,UAAU,EAAE,QAAQ;MACpBC,cAAc,EAAE,QAAQ;MACxBC,YAAY,EAAE;IAChB,CAAC;IACDC,KAAK,EAAE;MACLC,KAAK,EAAEX,MAAM,CAACY,QAAQ;MACtBC,UAAU,EAAE,KAAK;MACjBC,QAAQ,EAAE,EAAE;MACZC,SAAS,EAAE,QAAQ;MACnBC,IAAI,EAAE,CAAC;MACPC,UAAU,EAAEhB,KAAK,CAACiB;IACpB,CAAC;IACDC,KAAK,EAAE;MACLb,MAAM,EAAE,EAAE;MACVc,KAAK,EAAE;IACT,CAAC;IACDC,cAAc,EAAE;MACdf,MAAM,EAAE,EAAE;MACVc,KAAK,EAAE;IACT;EACF,CAAC,CAAC;EAEF,OAAOlB,MAAM;AACf,CAAC"}

package/lib/module/components/InputFields/BaseInputField/index.js

@@ -23,7 +23,7 @@ export const BaseInputField = props => {
     style: [styles.container]
   }, /*#__PURE__*/React.createElement(TextInput, {
     placeholder: props.placeholder,
-    placeholderTextColor: theme.colors.dustyGray,
+    placeholderTextColor: theme.colors.fgPlaceholder,
     autoCorrect: false,
     spellCheck: false,
     keyboardType: props.keyboardType,

package/lib/module/components/InputFields/BaseInputField/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","TextInput","View","useStyles","useTheme","Stack","Text","BaseInputField","props","styles","theme","onFocus","inputModel","onBlur","createElement","style","containerStyle","title","size","container","placeholder","placeholderTextColor","colors","dustyGray","autoCorrect","spellCheck","keyboardType","maxLength","value","onChangeText","setValue","input","errorText"],"sourceRoot":"../../../../../src","sources":["components/InputFields/BaseInputField/index.tsx"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SACEC,SAAS,EACTC,IAAI,QAIC,cAAc;AAErB,SAASC,SAAS,QAAQ,UAAU;AACpC,SAASC,QAAQ,QAAQ,gCAAgC;AACzD,SAASC,KAAK,QAAQ,6BAA6B;AACnD,SAASC,IAAI,QAAQ,0BAA0B;AAY/C,OAAO,MAAMC,cAAc,GAAIC,KAA0B,IAAK;EAC5D,MAAMC,MAAM,GAAGN,SAAS,CAAC,CAAC;EAE1B,MAAMO,KAAK,GAAGN,QAAQ,CAAC,CAAC;EAExB,MAAMO,OAAO,GAAGA,CAAA,KAAM;IACpBH,KAAK,CAACI,UAAU,CAACD,OAAO,CAAC,CAAC;EAC5B,CAAC;EAED,MAAME,MAAM,GAAGA,CAAA,KAAM;IACnBL,KAAK,CAACI,UAAU,CAACC,MAAM,CAAC,CAAC;EAC3B,CAAC;EAED,oBACEb,KAAA,CAAAc,aAAA,CAACZ,IAAI;IAACa,KAAK,EAAEP,KAAK,CAACQ;EAAe,gBAChChB,KAAA,CAAAc,aAAA,CAACR,IAAI;IAACS,KAAK,EAAEN,MAAM,CAACQ;EAAM,GAAET,KAAK,CAACS,KAAY,CAAC,eAC/CjB,KAAA,CAAAc,aAAA,CAACT,KAAK;IAACa,IAAI,EAAE;EAAE,CAAE,CAAC,eAClBlB,KAAA,CAAAc,aAAA,CAACZ,IAAI;IAACa,KAAK,EAAE,CAACN,MAAM,CAACU,SAAS;EAAE,gBAC9BnB,KAAA,CAAAc,aAAA,CAACb,SAAS;IACRmB,WAAW,EAAEZ,KAAK,CAACY,WAAY;IAC/BC,oBAAoB,EAAEX,KAAK,CAACY,MAAM,CAACC,SAAU;IAC7CC,WAAW,EAAE,KAAM;IACnBC,UAAU,EAAE,KAAM;IAClBC,YAAY,EAAElB,KAAK,CAACkB,YAAa;IACjCC,SAAS,EAAEnB,KAAK,CAACmB,SAAU;IAC3BC,KAAK,EAAEpB,KAAK,CAACI,UAAU,CAACgB,KAAM;IAC9BC,YAAY,EAAErB,KAAK,CAACI,UAAU,CAACkB,QAAS;IACxCf,KAAK,EAAEN,MAAM,CAACsB,KAAM;IACpBpB,OAAO,EAAEA,OAAQ;IACjBE,MAAM,EAAEA;EAAO,CAChB,CACG,CAAC,EACN,CAAC,CAACL,KAAK,CAACI,UAAU,CAACoB,SAAS,iBAC3BhC,KAAA,CAAAc,aAAA,CAACR,IAAI;IAACS,KAAK,EAAEN,MAAM,CAACuB;EAAU,GAAExB,KAAK,CAACI,UAAU,CAACoB,SAAgB,CAE/D,CAAC;AAEX,CAAC"}
+{"version":3,"names":["React","TextInput","View","useStyles","useTheme","Stack","Text","BaseInputField","props","styles","theme","onFocus","inputModel","onBlur","createElement","style","containerStyle","title","size","container","placeholder","placeholderTextColor","colors","fgPlaceholder","autoCorrect","spellCheck","keyboardType","maxLength","value","onChangeText","setValue","input","errorText"],"sourceRoot":"../../../../../src","sources":["components/InputFields/BaseInputField/index.tsx"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SACEC,SAAS,EACTC,IAAI,QAIC,cAAc;AAErB,SAASC,SAAS,QAAQ,UAAU;AACpC,SAASC,QAAQ,QAAQ,gCAAgC;AACzD,SAASC,KAAK,QAAQ,6BAA6B;AACnD,SAASC,IAAI,QAAQ,0BAA0B;AAY/C,OAAO,MAAMC,cAAc,GAAIC,KAA0B,IAAK;EAC5D,MAAMC,MAAM,GAAGN,SAAS,CAAC,CAAC;EAE1B,MAAMO,KAAK,GAAGN,QAAQ,CAAC,CAAC;EAExB,MAAMO,OAAO,GAAGA,CAAA,KAAM;IACpBH,KAAK,CAACI,UAAU,CAACD,OAAO,CAAC,CAAC;EAC5B,CAAC;EAED,MAAME,MAAM,GAAGA,CAAA,KAAM;IACnBL,KAAK,CAACI,UAAU,CAACC,MAAM,CAAC,CAAC;EAC3B,CAAC;EAED,oBACEb,KAAA,CAAAc,aAAA,CAACZ,IAAI;IAACa,KAAK,EAAEP,KAAK,CAACQ;EAAe,gBAChChB,KAAA,CAAAc,aAAA,CAACR,IAAI;IAACS,KAAK,EAAEN,MAAM,CAACQ;EAAM,GAAET,KAAK,CAACS,KAAY,CAAC,eAC/CjB,KAAA,CAAAc,aAAA,CAACT,KAAK;IAACa,IAAI,EAAE;EAAE,CAAE,CAAC,eAClBlB,KAAA,CAAAc,aAAA,CAACZ,IAAI;IAACa,KAAK,EAAE,CAACN,MAAM,CAACU,SAAS;EAAE,gBAC9BnB,KAAA,CAAAc,aAAA,CAACb,SAAS;IACRmB,WAAW,EAAEZ,KAAK,CAACY,WAAY;IAC/BC,oBAAoB,EAAEX,KAAK,CAACY,MAAM,CAACC,aAAc;IACjDC,WAAW,EAAE,KAAM;IACnBC,UAAU,EAAE,KAAM;IAClBC,YAAY,EAAElB,KAAK,CAACkB,YAAa;IACjCC,SAAS,EAAEnB,KAAK,CAACmB,SAAU;IAC3BC,KAAK,EAAEpB,KAAK,CAACI,UAAU,CAACgB,KAAM;IAC9BC,YAAY,EAAErB,KAAK,CAACI,UAAU,CAACkB,QAAS;IACxCf,KAAK,EAAEN,MAAM,CAACsB,KAAM;IACpBpB,OAAO,EAAEA,OAAQ;IACjBE,MAAM,EAAEA;EAAO,CAChB,CACG,CAAC,EACN,CAAC,CAACL,KAAK,CAACI,UAAU,CAACoB,SAAS,iBAC3BhC,KAAA,CAAAc,aAAA,CAACR,IAAI;IAACS,KAAK,EAAEN,MAAM,CAACuB;EAAU,GAAExB,KAAK,CAACI,UAAU,CAACoB,SAAgB,CAE/D,CAAC;AAEX,CAAC"}

package/lib/module/components/InputFields/BaseInputField/styles.js

@@ -3,31 +3,34 @@ import { useTheme } from '../../../contexts/ThemeContext';
 export const useStyles = () => {
   const {
     colors,
-    fonts
+    fonts,
+    borderWidths,
+    radii,
+    spacings
   } = useTheme();
   const styles = StyleSheet.create({
     input: {
       fontSize: 16,
-      paddingHorizontal: 16,
+      paddingHorizontal: spacings.mega,
       width: '100%',
-      color: colors.codGray,
+      color: colors.fgNormal,
       fontFamily: fonts.sfProTextRegular
     },
     title: {
       fontSize: 14,
       lineHeight: 20,
-      color: colors.codGray,
+      color: colors.fgNormal,
       fontFamily: fonts.sfProTextRegular
     },
     container: {
-      borderColor: colors.silver,
-      borderWidth: 1,
-      height: 56,
+      borderColor: colors.borderNormal,
+      borderWidth: borderWidths.kilo,
+      height: 48,
       justifyContent: 'center',
-      borderRadius: 8
+      borderRadius: radii.byte
     },
     errorText: {
-      color: colors.guardsmanRed,
+      color: colors.fgDanger,
       fontSize: 12,
       marginVertical: 6,
       fontFamily: fonts.sfProTextRegular

package/lib/module/components/InputFields/BaseInputField/styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["StyleSheet","useTheme","useStyles","colors","fonts","styles","create","input","fontSize","paddingHorizontal","width","color","codGray","fontFamily","sfProTextRegular","title","lineHeight","container","borderColor","silver","borderWidth","height","justifyContent","borderRadius","errorText","guardsmanRed","marginVertical"],"sourceRoot":"../../../../../src","sources":["components/InputFields/BaseInputField/styles.tsx"],"mappings":"AAAA,SAASA,UAAU,QAAQ,cAAc;AACzC,SAASC,QAAQ,QAAQ,gCAAgC;AAEzD,OAAO,MAAMC,SAAS,GAAGA,CAAA,KAAM;EAC7B,MAAM;IAAEC,MAAM;IAAEC;EAAM,CAAC,GAAGH,QAAQ,CAAC,CAAC;EAEpC,MAAMI,MAAM,GAAGL,UAAU,CAACM,MAAM,CAAC;IAC/BC,KAAK,EAAE;MACLC,QAAQ,EAAE,EAAE;MACZC,iBAAiB,EAAE,EAAE;MACrBC,KAAK,EAAE,MAAM;MACbC,KAAK,EAAER,MAAM,CAACS,OAAO;MACrBC,UAAU,EAAET,KAAK,CAACU;IACpB,CAAC;IACDC,KAAK,EAAE;MACLP,QAAQ,EAAE,EAAE;MACZQ,UAAU,EAAE,EAAE;MACdL,KAAK,EAAER,MAAM,CAACS,OAAO;MACrBC,UAAU,EAAET,KAAK,CAACU;IACpB,CAAC;IACDG,SAAS,EAAE;MACTC,WAAW,EAAEf,MAAM,CAACgB,MAAM;MAC1BC,WAAW,EAAE,CAAC;MACdC,MAAM,EAAE,EAAE;MACVC,cAAc,EAAE,QAAQ;MACxBC,YAAY,EAAE;IAChB,CAAC;IACDC,SAAS,EAAE;MACTb,KAAK,EAAER,MAAM,CAACsB,YAAY;MAC1BjB,QAAQ,EAAE,EAAE;MACZkB,cAAc,EAAE,CAAC;MACjBb,UAAU,EAAET,KAAK,CAACU;IACpB;EACF,CAAC,CAAC;EAEF,OAAOT,MAAM;AACf,CAAC"}
+{"version":3,"names":["StyleSheet","useTheme","useStyles","colors","fonts","borderWidths","radii","spacings","styles","create","input","fontSize","paddingHorizontal","mega","width","color","fgNormal","fontFamily","sfProTextRegular","title","lineHeight","container","borderColor","borderNormal","borderWidth","kilo","height","justifyContent","borderRadius","byte","errorText","fgDanger","marginVertical"],"sourceRoot":"../../../../../src","sources":["components/InputFields/BaseInputField/styles.tsx"],"mappings":"AAAA,SAASA,UAAU,QAAQ,cAAc;AACzC,SAASC,QAAQ,QAAQ,gCAAgC;AAEzD,OAAO,MAAMC,SAAS,GAAGA,CAAA,KAAM;EAC7B,MAAM;IAAEC,MAAM;IAAEC,KAAK;IAAEC,YAAY;IAAEC,KAAK;IAAEC;EAAS,CAAC,GAAGN,QAAQ,CAAC,CAAC;EAEnE,MAAMO,MAAM,GAAGR,UAAU,CAACS,MAAM,CAAC;IAC/BC,KAAK,EAAE;MACLC,QAAQ,EAAE,EAAE;MACZC,iBAAiB,EAAEL,QAAQ,CAACM,IAAI;MAChCC,KAAK,EAAE,MAAM;MACbC,KAAK,EAAEZ,MAAM,CAACa,QAAQ;MACtBC,UAAU,EAAEb,KAAK,CAACc;IACpB,CAAC;IACDC,KAAK,EAAE;MACLR,QAAQ,EAAE,EAAE;MACZS,UAAU,EAAE,EAAE;MACdL,KAAK,EAAEZ,MAAM,CAACa,QAAQ;MACtBC,UAAU,EAAEb,KAAK,CAACc;IACpB,CAAC;IACDG,SAAS,EAAE;MACTC,WAAW,EAAEnB,MAAM,CAACoB,YAAY;MAChCC,WAAW,EAAEnB,YAAY,CAACoB,IAAI;MAC9BC,MAAM,EAAE,EAAE;MACVC,cAAc,EAAE,QAAQ;MACxBC,YAAY,EAAEtB,KAAK,CAACuB;IACtB,CAAC;IACDC,SAAS,EAAE;MACTf,KAAK,EAAEZ,MAAM,CAAC4B,QAAQ;MACtBpB,QAAQ,EAAE,EAAE;MACZqB,cAAc,EAAE,CAAC;MACjBf,UAAU,EAAEb,KAAK,CAACc;IACpB;EACF,CAAC,CAAC;EAEF,OAAOV,MAAM;AACf,CAAC"}

package/lib/module/components/LoadingSpinner/styles.js

@@ -1,5 +1,6 @@
 import { StyleSheet } from 'react-native';
 import { useTheme } from '../../contexts/ThemeContext';
+import { radii } from '../../styles/radii';
 export const useStyles = () => {
   const {
     colors
@@ -12,13 +13,13 @@ export const useStyles = () => {
       alignItems: 'center'
     },
     progress: {
-      borderTopColor: colors.white,
+      borderTopColor: colors.fgOnStrong,
       width: '100%',
       height: '100%',
-      borderRadius: 16,
-      borderLeftColor: colors.white,
-      borderRightColor: colors.white,
-      borderBottomColor: colors.royalBlue,
+      borderRadius: radii.mega,
+      borderLeftColor: colors.fgOnStrong,
+      borderRightColor: colors.fgOnStrong,
+      borderBottomColor: colors.bgAccentStrong,
       borderWidth: 3,
       position: 'absolute'
     }

package/lib/module/components/LoadingSpinner/styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["StyleSheet","useTheme","useStyles","colors","styles","create","container","width","height","justifyContent","alignItems","progress","borderTopColor","white","borderRadius","borderLeftColor","borderRightColor","borderBottomColor","royalBlue","borderWidth","position"],"sourceRoot":"../../../../src","sources":["components/LoadingSpinner/styles.tsx"],"mappings":"AAAA,SAASA,UAAU,QAAQ,cAAc;AACzC,SAASC,QAAQ,QAAQ,6BAA6B;AAEtD,OAAO,MAAMC,SAAS,GAAGA,CAAA,KAAM;EAC7B,MAAM;IAAEC;EAAO,CAAC,GAAGF,QAAQ,CAAC,CAAC;EAE7B,MAAMG,MAAM,GAAGJ,UAAU,CAACK,MAAM,CAAC;IAC/BC,SAAS,EAAE;MACTC,KAAK,EAAE,EAAE;MACTC,MAAM,EAAE,EAAE;MACVC,cAAc,EAAE,QAAQ;MACxBC,UAAU,EAAE;IACd,CAAC;IACDC,QAAQ,EAAE;MACRC,cAAc,EAAET,MAAM,CAACU,KAAK;MAC5BN,KAAK,EAAE,MAAM;MACbC,MAAM,EAAE,MAAM;MACdM,YAAY,EAAE,EAAE;MAChBC,eAAe,EAAEZ,MAAM,CAACU,KAAK;MAC7BG,gBAAgB,EAAEb,MAAM,CAACU,KAAK;MAC9BI,iBAAiB,EAAEd,MAAM,CAACe,SAAS;MACnCC,WAAW,EAAE,CAAC;MACdC,QAAQ,EAAE;IACZ;EACF,CAAC,CAAC;EAEF,OAAOhB,MAAM;AACf,CAAC"}
+{"version":3,"names":["StyleSheet","useTheme","radii","useStyles","colors","styles","create","container","width","height","justifyContent","alignItems","progress","borderTopColor","fgOnStrong","borderRadius","mega","borderLeftColor","borderRightColor","borderBottomColor","bgAccentStrong","borderWidth","position"],"sourceRoot":"../../../../src","sources":["components/LoadingSpinner/styles.tsx"],"mappings":"AAAA,SAASA,UAAU,QAAQ,cAAc;AACzC,SAASC,QAAQ,QAAQ,6BAA6B;AACtD,SAASC,KAAK,QAAQ,oBAAoB;AAE1C,OAAO,MAAMC,SAAS,GAAGA,CAAA,KAAM;EAC7B,MAAM;IAAEC;EAAO,CAAC,GAAGH,QAAQ,CAAC,CAAC;EAE7B,MAAMI,MAAM,GAAGL,UAAU,CAACM,MAAM,CAAC;IAC/BC,SAAS,EAAE;MACTC,KAAK,EAAE,EAAE;MACTC,MAAM,EAAE,EAAE;MACVC,cAAc,EAAE,QAAQ;MACxBC,UAAU,EAAE;IACd,CAAC;IACDC,QAAQ,EAAE;MACRC,cAAc,EAAET,MAAM,CAACU,UAAU;MACjCN,KAAK,EAAE,MAAM;MACbC,MAAM,EAAE,MAAM;MACdM,YAAY,EAAEb,KAAK,CAACc,IAAI;MACxBC,eAAe,EAAEb,MAAM,CAACU,UAAU;MAClCI,gBAAgB,EAAEd,MAAM,CAACU,UAAU;MACnCK,iBAAiB,EAAEf,MAAM,CAACgB,cAAc;MACxCC,WAAW,EAAE,CAAC;MACdC,QAAQ,EAAE;IACZ;EACF,CAAC,CAAC;EAEF,OAAOjB,MAAM;AACf,CAAC"}

package/lib/module/components/Modal/styles.js

@@ -14,7 +14,7 @@ export const useStyles = () => {
     bottomColorContainer: {
       width: '100%',
       height: 100,
-      backgroundColor: colors.white,
+      backgroundColor: colors.bgNormal,
       position: 'absolute',
       bottom: -100
     },

package/lib/module/components/Modal/styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["StyleSheet","useTheme","useStyles","colors","styles","create","modalStyle","margin","safeArea","flex","bottomColorContainer","width","height","backgroundColor","white","position","bottom","contentContainer","paddingBottom"],"sourceRoot":"../../../../src","sources":["components/Modal/styles.tsx"],"mappings":"AAAA,SAASA,UAAU,QAAQ,cAAc;AACzC,SAASC,QAAQ,QAAQ,6BAA6B;AAEtD,OAAO,MAAMC,SAAS,GAAGA,CAAA,KAAM;EAC7B,MAAM;IAAEC;EAAO,CAAC,GAAGF,QAAQ,CAAC,CAAC;EAE7B,MAAMG,MAAM,GAAGJ,UAAU,CAACK,MAAM,CAAC;IAC/BC,UAAU,EAAE;MACVC,MAAM,EAAE;IACV,CAAC;IACDC,QAAQ,EAAE;MACRC,IAAI,EAAE;IACR,CAAC;IACDC,oBAAoB,EAAE;MACpBC,KAAK,EAAE,MAAM;MACbC,MAAM,EAAE,GAAG;MACXC,eAAe,EAAEV,MAAM,CAACW,KAAK;MAC7BC,QAAQ,EAAE,UAAU;MACpBC,MAAM,EAAE,CAAC;IACX,CAAC;IACDC,gBAAgB,EAAE;MAChBR,IAAI,EAAE,CAAC;MACPS,aAAa,EAAE;IACjB;EACF,CAAC,CAAC;EAEF,OAAOd,MAAM;AACf,CAAC"}
+{"version":3,"names":["StyleSheet","useTheme","useStyles","colors","styles","create","modalStyle","margin","safeArea","flex","bottomColorContainer","width","height","backgroundColor","bgNormal","position","bottom","contentContainer","paddingBottom"],"sourceRoot":"../../../../src","sources":["components/Modal/styles.tsx"],"mappings":"AAAA,SAASA,UAAU,QAAQ,cAAc;AACzC,SAASC,QAAQ,QAAQ,6BAA6B;AAEtD,OAAO,MAAMC,SAAS,GAAGA,CAAA,KAAM;EAC7B,MAAM;IAAEC;EAAO,CAAC,GAAGF,QAAQ,CAAC,CAAC;EAE7B,MAAMG,MAAM,GAAGJ,UAAU,CAACK,MAAM,CAAC;IAC/BC,UAAU,EAAE;MACVC,MAAM,EAAE;IACV,CAAC;IACDC,QAAQ,EAAE;MACRC,IAAI,EAAE;IACR,CAAC;IACDC,oBAAoB,EAAE;MACpBC,KAAK,EAAE,MAAM;MACbC,MAAM,EAAE,GAAG;MACXC,eAAe,EAAEV,MAAM,CAACW,QAAQ;MAChCC,QAAQ,EAAE,UAAU;MACpBC,MAAM,EAAE,CAAC;IACX,CAAC;IACDC,gBAAgB,EAAE;MAChBR,IAAI,EAAE,CAAC;MACPS,aAAa,EAAE;IACjB;EACF,CAAC,CAAC;EAEF,OAAOd,MAAM;AACf,CAAC"}

package/lib/module/components/NoInternetConnection/styles.js

@@ -6,7 +6,7 @@ export const useStyles = () => {
   } = useTheme();
   const styles = StyleSheet.create({
     text: {
-      color: colors.cinnabar
+      color: colors.fgDanger
     }
   });
   return styles;

package/lib/module/components/NoInternetConnection/styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["StyleSheet","useTheme","useStyles","colors","styles","create","text","color","cinnabar"],"sourceRoot":"../../../../src","sources":["components/NoInternetConnection/styles.tsx"],"mappings":"AAAA,SAASA,UAAU,QAAQ,cAAc;AACzC,SAASC,QAAQ,QAAQ,6BAA6B;AAEtD,OAAO,MAAMC,SAAS,GAAGA,CAAA,KAAM;EAC7B,MAAM;IAAEC;EAAO,CAAC,GAAGF,QAAQ,CAAC,CAAC;EAE7B,MAAMG,MAAM,GAAGJ,UAAU,CAACK,MAAM,CAAC;IAC/BC,IAAI,EAAE;MACJC,KAAK,EAAEJ,MAAM,CAACK;IAChB;EACF,CAAC,CAAC;EAEF,OAAOJ,MAAM;AACf,CAAC"}
+{"version":3,"names":["StyleSheet","useTheme","useStyles","colors","styles","create","text","color","fgDanger"],"sourceRoot":"../../../../src","sources":["components/NoInternetConnection/styles.tsx"],"mappings":"AAAA,SAASA,UAAU,QAAQ,cAAc;AACzC,SAASC,QAAQ,QAAQ,6BAA6B;AAEtD,OAAO,MAAMC,SAAS,GAAGA,CAAA,KAAM;EAC7B,MAAM;IAAEC;EAAO,CAAC,GAAGF,QAAQ,CAAC,CAAC;EAE7B,MAAMG,MAAM,GAAGJ,UAAU,CAACK,MAAM,CAAC;IAC/BC,IAAI,EAAE;MACJC,KAAK,EAAEJ,MAAM,CAACK;IAChB;EACF,CAAC,CAAC;EAEF,OAAOJ,MAAM;AACf,CAAC"}

package/lib/module/components/OptionMenuModal/index.js

@@ -32,7 +32,7 @@ export const OptionMenuModal = props => {
       onPress: onPress
     }, /*#__PURE__*/React.createElement(Text, {
       style: [styles.optionText, {
-        color: type === 'destructive' ? colors.valencia : colors.black
+        color: type === 'destructive' ? colors.fgDanger : colors.fgAccent
       }]
     }, text));
   };

package/lib/module/components/OptionMenuModal/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Platform","Text","TouchableOpacity","View","ModalComponent","useStyles","useOptionMenu","useTheme","useStrings","LEFT_OFFSET","TOP_OFFSET_WITHOUT_USED","TOP_OFFSET_WITH_USED","OptionMenuModal","props","colors","strings","styles","isVisible","x","y","isUsed","hide","close","renderOption","text","type","onPress","createElement","style","optionContainer","optionText","color","valencia","black","onDelete","onUse","hasBackdrop","animationIn","animationInTiming","OS","undefined","animationOut","animationOutTiming","onBackdropPress","backdropOpacity","modalStyle","container","left","top","Fragment","savedCards","options","use","separator","delete"],"sourceRoot":"../../../../src","sources":["components/OptionMenuModal/index.tsx"],"mappings":"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"}
+{"version":3,"names":["React","Platform","Text","TouchableOpacity","View","ModalComponent","useStyles","useOptionMenu","useTheme","useStrings","LEFT_OFFSET","TOP_OFFSET_WITHOUT_USED","TOP_OFFSET_WITH_USED","OptionMenuModal","props","colors","strings","styles","isVisible","x","y","isUsed","hide","close","renderOption","text","type","onPress","createElement","style","optionContainer","optionText","color","fgDanger","fgAccent","onDelete","onUse","hasBackdrop","animationIn","animationInTiming","OS","undefined","animationOut","animationOutTiming","onBackdropPress","backdropOpacity","modalStyle","container","left","top","Fragment","savedCards","options","use","separator","delete"],"sourceRoot":"../../../../src","sources":["components/OptionMenuModal/index.tsx"],"mappings":"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"}

package/lib/module/components/OptionMenuModal/styles.js

@@ -1,5 +1,7 @@
 import { StyleSheet } from 'react-native';
 import { useTheme } from '../../contexts/ThemeContext';
+import { radii } from '../../styles/radii';
+import { spacings } from '../../styles/spacings';
 export const useStyles = () => {
   const {
     colors,
@@ -10,10 +12,10 @@ export const useStyles = () => {
       margin: 0
     },
     container: {
-      borderRadius: 12,
-      backgroundColor: colors.white,
+      borderRadius: radii.kilo,
+      backgroundColor: colors.bgNormal,
       position: 'absolute',
-      shadowColor: colors.codGray,
+      shadowColor: colors.fgNormal,
       shadowOffset: {
         width: 0,
         height: 3
@@ -24,13 +26,12 @@ export const useStyles = () => {
     },
     separator: {
       height: 1,
-      backgroundColor: colors.black,
-      opacity: 0.2
+      backgroundColor: colors.borderDivider
     },
     optionContainer: {
       width: 107,
       paddingVertical: 11,
-      paddingHorizontal: 16
+      paddingHorizontal: spacings.mega
     },
     optionText: {
       fontFamily: fonts.sfProTextRegular,

package/lib/module/components/OptionMenuModal/styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["StyleSheet","useTheme","useStyles","colors","fonts","styles","create","modalStyle","margin","container","borderRadius","backgroundColor","white","position","shadowColor","codGray","shadowOffset","width","height","shadowOpacity","shadowRadius","elevation","separator","black","opacity","optionContainer","paddingVertical","paddingHorizontal","optionText","fontFamily","sfProTextRegular","fontSize","lineHeight"],"sourceRoot":"../../../../src","sources":["components/OptionMenuModal/styles.tsx"],"mappings":"AAAA,SAASA,UAAU,QAAQ,cAAc;AACzC,SAASC,QAAQ,QAAQ,6BAA6B;AAEtD,OAAO,MAAMC,SAAS,GAAGA,CAAA,KAAM;EAC7B,MAAM;IAAEC,MAAM;IAAEC;EAAM,CAAC,GAAGH,QAAQ,CAAC,CAAC;EAEpC,MAAMI,MAAM,GAAGL,UAAU,CAACM,MAAM,CAAC;IAC/BC,UAAU,EAAE;MACVC,MAAM,EAAE;IACV,CAAC;IACDC,SAAS,EAAE;MACTC,YAAY,EAAE,EAAE;MAChBC,eAAe,EAAER,MAAM,CAACS,KAAK;MAC7BC,QAAQ,EAAE,UAAU;MACpBC,WAAW,EAAEX,MAAM,CAACY,OAAO;MAC3BC,YAAY,EAAE;QACZC,KAAK,EAAE,CAAC;QACRC,MAAM,EAAE;MACV,CAAC;MACDC,aAAa,EAAE,GAAG;MAClBC,YAAY,EAAE,EAAE;MAEhBC,SAAS,EAAE;IACb,CAAC;IACDC,SAAS,EAAE;MACTJ,MAAM,EAAE,CAAC;MACTP,eAAe,EAAER,MAAM,CAACoB,KAAK;MAC7BC,OAAO,EAAE;IACX,CAAC;IACDC,eAAe,EAAE;MACfR,KAAK,EAAE,GAAG;MACVS,eAAe,EAAE,EAAE;MACnBC,iBAAiB,EAAE;IACrB,CAAC;IACDC,UAAU,EAAE;MACVC,UAAU,EAAEzB,KAAK,CAAC0B,gBAAgB;MAClCC,QAAQ,EAAE,EAAE;MACZC,UAAU,EAAE;IACd;EACF,CAAC,CAAC;EAEF,OAAO3B,MAAM;AACf,CAAC"}
+{"version":3,"names":["StyleSheet","useTheme","radii","spacings","useStyles","colors","fonts","styles","create","modalStyle","margin","container","borderRadius","kilo","backgroundColor","bgNormal","position","shadowColor","fgNormal","shadowOffset","width","height","shadowOpacity","shadowRadius","elevation","separator","borderDivider","optionContainer","paddingVertical","paddingHorizontal","mega","optionText","fontFamily","sfProTextRegular","fontSize","lineHeight"],"sourceRoot":"../../../../src","sources":["components/OptionMenuModal/styles.tsx"],"mappings":"AAAA,SAASA,UAAU,QAAQ,cAAc;AACzC,SAASC,QAAQ,QAAQ,6BAA6B;AACtD,SAASC,KAAK,QAAQ,oBAAoB;AAC1C,SAASC,QAAQ,QAAQ,uBAAuB;AAEhD,OAAO,MAAMC,SAAS,GAAGA,CAAA,KAAM;EAC7B,MAAM;IAAEC,MAAM;IAAEC;EAAM,CAAC,GAAGL,QAAQ,CAAC,CAAC;EAEpC,MAAMM,MAAM,GAAGP,UAAU,CAACQ,MAAM,CAAC;IAC/BC,UAAU,EAAE;MACVC,MAAM,EAAE;IACV,CAAC;IACDC,SAAS,EAAE;MACTC,YAAY,EAAEV,KAAK,CAACW,IAAI;MACxBC,eAAe,EAAET,MAAM,CAACU,QAAQ;MAChCC,QAAQ,EAAE,UAAU;MACpBC,WAAW,EAAEZ,MAAM,CAACa,QAAQ;MAC5BC,YAAY,EAAE;QACZC,KAAK,EAAE,CAAC;QACRC,MAAM,EAAE;MACV,CAAC;MACDC,aAAa,EAAE,GAAG;MAClBC,YAAY,EAAE,EAAE;MAEhBC,SAAS,EAAE;IACb,CAAC;IACDC,SAAS,EAAE;MACTJ,MAAM,EAAE,CAAC;MACTP,eAAe,EAAET,MAAM,CAACqB;IAC1B,CAAC;IACDC,eAAe,EAAE;MACfP,KAAK,EAAE,GAAG;MACVQ,eAAe,EAAE,EAAE;MACnBC,iBAAiB,EAAE1B,QAAQ,CAAC2B;IAC9B,CAAC;IACDC,UAAU,EAAE;MACVC,UAAU,EAAE1B,KAAK,CAAC2B,gBAAgB;MAClCC,QAAQ,EAAE,EAAE;MACZC,UAAU,EAAE;IACd;EACF,CAAC,CAAC;EAEF,OAAO5B,MAAM;AACf,CAAC"}

package/lib/module/components/PayButton/styles.js

@@ -9,7 +9,7 @@ export const useStyles = () => {
     text: {
       fontSize: 16,
       lineHeight: 24,
-      color: colors.white,
+      color: colors.fgOnStrong,
       fontFamily: fonts.aktivGroteskBold
     },
     lockImage: {

package/lib/module/components/PayButton/styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["StyleSheet","useTheme","useStyles","colors","fonts","styles","create","text","fontSize","lineHeight","color","white","fontFamily","aktivGroteskBold","lockImage","width","height","defaultContentContainer","flexDirection"],"sourceRoot":"../../../../src","sources":["components/PayButton/styles.tsx"],"mappings":"AAAA,SAASA,UAAU,QAAQ,cAAc;AACzC,SAASC,QAAQ,QAAQ,6BAA6B;AAEtD,OAAO,MAAMC,SAAS,GAAGA,CAAA,KAAM;EAC7B,MAAM;IAAEC,MAAM;IAAEC;EAAM,CAAC,GAAGH,QAAQ,CAAC,CAAC;EAEpC,MAAMI,MAAM,GAAGL,UAAU,CAACM,MAAM,CAAC;IAC/BC,IAAI,EAAE;MACJC,QAAQ,EAAE,EAAE;MACZC,UAAU,EAAE,EAAE;MACdC,KAAK,EAAEP,MAAM,CAACQ,KAAK;MACnBC,UAAU,EAAER,KAAK,CAACS;IACpB,CAAC;IACDC,SAAS,EAAE;MACTC,KAAK,EAAE,EAAE;MACTC,MAAM,EAAE;IACV,CAAC;IACDC,uBAAuB,EAAE;MACvBC,aAAa,EAAE;IACjB;EACF,CAAC,CAAC;EAEF,OAAOb,MAAM;AACf,CAAC"}
+{"version":3,"names":["StyleSheet","useTheme","useStyles","colors","fonts","styles","create","text","fontSize","lineHeight","color","fgOnStrong","fontFamily","aktivGroteskBold","lockImage","width","height","defaultContentContainer","flexDirection"],"sourceRoot":"../../../../src","sources":["components/PayButton/styles.tsx"],"mappings":"AAAA,SAASA,UAAU,QAAQ,cAAc;AACzC,SAASC,QAAQ,QAAQ,6BAA6B;AAEtD,OAAO,MAAMC,SAAS,GAAGA,CAAA,KAAM;EAC7B,MAAM;IAAEC,MAAM;IAAEC;EAAM,CAAC,GAAGH,QAAQ,CAAC,CAAC;EAEpC,MAAMI,MAAM,GAAGL,UAAU,CAACM,MAAM,CAAC;IAC/BC,IAAI,EAAE;MACJC,QAAQ,EAAE,EAAE;MACZC,UAAU,EAAE,EAAE;MACdC,KAAK,EAAEP,MAAM,CAACQ,UAAU;MACxBC,UAAU,EAAER,KAAK,CAACS;IACpB,CAAC;IACDC,SAAS,EAAE;MACTC,KAAK,EAAE,EAAE;MACTC,MAAM,EAAE;IACV,CAAC;IACDC,uBAAuB,EAAE;MACvBC,aAAa,EAAE;IACjB;EACF,CAAC,CAAC;EAEF,OAAOb,MAAM;AACf,CAAC"}

package/lib/module/components/PaymentMethodFormHeaderOption/styles.js

@@ -1,5 +1,8 @@
 import { StyleSheet } from 'react-native';
 import { useTheme } from '../../contexts/ThemeContext';
+import { borderWidths } from '../../styles/borderWidths';
+import { radii } from '../../styles/radii';
+import { spacings } from '../../styles/spacings';
 export const useStyles = () => {
   const {
     colors,
@@ -7,16 +10,16 @@ export const useStyles = () => {
   } = useTheme();
   const styles = StyleSheet.create({
     container: {
-      borderColor: colors.mercury,
-      borderWidth: 2,
-      borderRadius: 16,
-      paddingHorizontal: 16
+      borderColor: colors.borderDivider,
+      borderWidth: borderWidths.mega,
+      borderRadius: radii.mega,
+      paddingHorizontal: spacings.mega
     },
     title: {
       fontWeight: '700',
       fontSize: 14,
       lineHeight: 20,
-      color: colors.codGray,
+      color: colors.fgNormal,
       flex: 1,
       fontFamily: fonts.sfProTextBold
     },
@@ -25,10 +28,10 @@ export const useStyles = () => {
       height: 24
     },
     optionContainer: {
-      backgroundColor: colors.white,
+      backgroundColor: colors.bgNormal,
       flexDirection: 'row',
       alignItems: 'center',
-      paddingVertical: 12
+      paddingVertical: spacings.kilo
     }
   });
   return styles;

package/lib/module/components/PaymentMethodFormHeaderOption/styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["StyleSheet","useTheme","useStyles","colors","fonts","styles","create","container","borderColor","mercury","borderWidth","borderRadius","paddingHorizontal","title","fontWeight","fontSize","lineHeight","color","codGray","flex","fontFamily","sfProTextBold","image","width","height","optionContainer","backgroundColor","white","flexDirection","alignItems","paddingVertical"],"sourceRoot":"../../../../src","sources":["components/PaymentMethodFormHeaderOption/styles.tsx"],"mappings":"AAAA,SAASA,UAAU,QAAQ,cAAc;AACzC,SAASC,QAAQ,QAAQ,6BAA6B;AAEtD,OAAO,MAAMC,SAAS,GAAGA,CAAA,KAAM;EAC7B,MAAM;IAAEC,MAAM;IAAEC;EAAM,CAAC,GAAGH,QAAQ,CAAC,CAAC;EAEpC,MAAMI,MAAM,GAAGL,UAAU,CAACM,MAAM,CAAC;IAC/BC,SAAS,EAAE;MACTC,WAAW,EAAEL,MAAM,CAACM,OAAO;MAC3BC,WAAW,EAAE,CAAC;MACdC,YAAY,EAAE,EAAE;MAChBC,iBAAiB,EAAE;IACrB,CAAC;IACDC,KAAK,EAAE;MACLC,UAAU,EAAE,KAAK;MACjBC,QAAQ,EAAE,EAAE;MACZC,UAAU,EAAE,EAAE;MACdC,KAAK,EAAEd,MAAM,CAACe,OAAO;MACrBC,IAAI,EAAE,CAAC;MACPC,UAAU,EAAEhB,KAAK,CAACiB;IACpB,CAAC;IACDC,KAAK,EAAE;MACLC,KAAK,EAAE,EAAE;MACTC,MAAM,EAAE;IACV,CAAC;IACDC,eAAe,EAAE;MACfC,eAAe,EAAEvB,MAAM,CAACwB,KAAK;MAC7BC,aAAa,EAAE,KAAK;MACpBC,UAAU,EAAE,QAAQ;MACpBC,eAAe,EAAE;IACnB;EACF,CAAC,CAAC;EAEF,OAAOzB,MAAM;AACf,CAAC"}
+{"version":3,"names":["StyleSheet","useTheme","borderWidths","radii","spacings","useStyles","colors","fonts","styles","create","container","borderColor","borderDivider","borderWidth","mega","borderRadius","paddingHorizontal","title","fontWeight","fontSize","lineHeight","color","fgNormal","flex","fontFamily","sfProTextBold","image","width","height","optionContainer","backgroundColor","bgNormal","flexDirection","alignItems","paddingVertical","kilo"],"sourceRoot":"../../../../src","sources":["components/PaymentMethodFormHeaderOption/styles.tsx"],"mappings":"AAAA,SAASA,UAAU,QAAQ,cAAc;AACzC,SAASC,QAAQ,QAAQ,6BAA6B;AACtD,SAASC,YAAY,QAAQ,2BAA2B;AACxD,SAASC,KAAK,QAAQ,oBAAoB;AAC1C,SAASC,QAAQ,QAAQ,uBAAuB;AAEhD,OAAO,MAAMC,SAAS,GAAGA,CAAA,KAAM;EAC7B,MAAM;IAAEC,MAAM;IAAEC;EAAM,CAAC,GAAGN,QAAQ,CAAC,CAAC;EAEpC,MAAMO,MAAM,GAAGR,UAAU,CAACS,MAAM,CAAC;IAC/BC,SAAS,EAAE;MACTC,WAAW,EAAEL,MAAM,CAACM,aAAa;MACjCC,WAAW,EAAEX,YAAY,CAACY,IAAI;MAC9BC,YAAY,EAAEZ,KAAK,CAACW,IAAI;MACxBE,iBAAiB,EAAEZ,QAAQ,CAACU;IAC9B,CAAC;IACDG,KAAK,EAAE;MACLC,UAAU,EAAE,KAAK;MACjBC,QAAQ,EAAE,EAAE;MACZC,UAAU,EAAE,EAAE;MACdC,KAAK,EAAEf,MAAM,CAACgB,QAAQ;MACtBC,IAAI,EAAE,CAAC;MACPC,UAAU,EAAEjB,KAAK,CAACkB;IACpB,CAAC;IACDC,KAAK,EAAE;MACLC,KAAK,EAAE,EAAE;MACTC,MAAM,EAAE;IACV,CAAC;IACDC,eAAe,EAAE;MACfC,eAAe,EAAExB,MAAM,CAACyB,QAAQ;MAChCC,aAAa,EAAE,KAAK;MACpBC,UAAU,EAAE,QAAQ;MACpBC,eAAe,EAAE9B,QAAQ,CAAC+B;IAC5B;EACF,CAAC,CAAC;EAEF,OAAO3B,MAAM;AACf,CAAC"}

package/lib/module/components/PaymentMethodsForm/styles.js

@@ -1,21 +1,24 @@
 import { StyleSheet } from 'react-native';
 import { useTheme } from '../../contexts/ThemeContext';
+import { borderWidths } from '../../styles/borderWidths';
+import { radii } from '../../styles/radii';
+import { spacings } from '../../styles/spacings';
 export const useStyles = () => {
   const {
     colors
   } = useTheme();
   const styles = StyleSheet.create({
     container: {
-      borderColor: colors.mercury,
-      borderWidth: 2,
-      borderRadius: 16,
-      paddingHorizontal: 16
+      borderColor: colors.borderDivider,
+      borderWidth: borderWidths.mega,
+      borderRadius: radii.mega,
+      paddingHorizontal: spacings.mega
     },
     separator: {
       height: 1,
-      backgroundColor: colors.mercury,
-      marginLeft: 40,
-      marginRight: -16
+      backgroundColor: colors.borderDivider,
+      marginLeft: spacings.peta,
+      marginRight: -spacings.mega
     }
   });
   return styles;

package/lib/module/components/PaymentMethodsForm/styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["StyleSheet","useTheme","useStyles","colors","styles","create","container","borderColor","mercury","borderWidth","borderRadius","paddingHorizontal","separator","height","backgroundColor","marginLeft","marginRight"],"sourceRoot":"../../../../src","sources":["components/PaymentMethodsForm/styles.tsx"],"mappings":"AAAA,SAASA,UAAU,QAAQ,cAAc;AACzC,SAASC,QAAQ,QAAQ,6BAA6B;AAEtD,OAAO,MAAMC,SAAS,GAAGA,CAAA,KAAM;EAC7B,MAAM;IAAEC;EAAO,CAAC,GAAGF,QAAQ,CAAC,CAAC;EAE7B,MAAMG,MAAM,GAAGJ,UAAU,CAACK,MAAM,CAAC;IAC/BC,SAAS,EAAE;MACTC,WAAW,EAAEJ,MAAM,CAACK,OAAO;MAC3BC,WAAW,EAAE,CAAC;MACdC,YAAY,EAAE,EAAE;MAChBC,iBAAiB,EAAE;IACrB,CAAC;IACDC,SAAS,EAAE;MACTC,MAAM,EAAE,CAAC;MACTC,eAAe,EAAEX,MAAM,CAACK,OAAO;MAC/BO,UAAU,EAAE,EAAE;MACdC,WAAW,EAAE,CAAC;IAChB;EACF,CAAC,CAAC;EAEF,OAAOZ,MAAM;AACf,CAAC"}
+{"version":3,"names":["StyleSheet","useTheme","borderWidths","radii","spacings","useStyles","colors","styles","create","container","borderColor","borderDivider","borderWidth","mega","borderRadius","paddingHorizontal","separator","height","backgroundColor","marginLeft","peta","marginRight"],"sourceRoot":"../../../../src","sources":["components/PaymentMethodsForm/styles.tsx"],"mappings":"AAAA,SAASA,UAAU,QAAQ,cAAc;AACzC,SAASC,QAAQ,QAAQ,6BAA6B;AACtD,SAASC,YAAY,QAAQ,2BAA2B;AACxD,SAASC,KAAK,QAAQ,oBAAoB;AAC1C,SAASC,QAAQ,QAAQ,uBAAuB;AAEhD,OAAO,MAAMC,SAAS,GAAGA,CAAA,KAAM;EAC7B,MAAM;IAAEC;EAAO,CAAC,GAAGL,QAAQ,CAAC,CAAC;EAE7B,MAAMM,MAAM,GAAGP,UAAU,CAACQ,MAAM,CAAC;IAC/BC,SAAS,EAAE;MACTC,WAAW,EAAEJ,MAAM,CAACK,aAAa;MACjCC,WAAW,EAAEV,YAAY,CAACW,IAAI;MAC9BC,YAAY,EAAEX,KAAK,CAACU,IAAI;MACxBE,iBAAiB,EAAEX,QAAQ,CAACS;IAC9B,CAAC;IACDG,SAAS,EAAE;MACTC,MAAM,EAAE,CAAC;MACTC,eAAe,EAAEZ,MAAM,CAACK,aAAa;MACrCQ,UAAU,EAAEf,QAAQ,CAACgB,IAAI;MACzBC,WAAW,EAAE,CAACjB,QAAQ,CAACS;IACzB;EACF,CAAC,CAAC;EAEF,OAAON,MAAM;AACf,CAAC"}

package/lib/module/components/ProcessButton/styles.js

@@ -1,21 +1,22 @@
 import { StyleSheet } from 'react-native';
 import { useTheme } from '../../contexts/ThemeContext';
+import { radii } from '../../styles/radii';
 export const useStyles = type => {
   const {
     colors
   } = useTheme();
   const backgroundColor = {
-    disabled: colors.dodgerBlue,
-    active: colors.dodgerBlue,
-    processing: colors.dodgerBlue,
-    success: colors.deepSea
+    disabled: colors.bgAccentStrong,
+    active: colors.bgAccentStrong,
+    processing: colors.bgAccentStrong,
+    success: colors.bgSuccessStrong
   };
   const styles = StyleSheet.create({
     container: {
       height: 48,
       width: '100%',
       backgroundColor: backgroundColor[type],
-      borderRadius: 100,
+      borderRadius: radii.byte,
       justifyContent: 'center',
       alignItems: 'center'
     },

package/lib/module/components/ProcessButton/styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["StyleSheet","useTheme","useStyles","type","colors","backgroundColor","disabled","dodgerBlue","active","processing","success","deepSea","styles","create","container","height","width","borderRadius","justifyContent","alignItems","checkmark"],"sourceRoot":"../../../../src","sources":["components/ProcessButton/styles.tsx"],"mappings":"AAAA,SAASA,UAAU,QAAQ,cAAc;AACzC,SAASC,QAAQ,QAAQ,6BAA6B;AAQtD,OAAO,MAAMC,SAAS,GAAIC,IAAuB,IAAK;EACpD,MAAM;IAAEC;EAAO,CAAC,GAAGH,QAAQ,CAAC,CAAC;EAE7B,MAAMI,eAAe,GAAG;IACtBC,QAAQ,EAAEF,MAAM,CAACG,UAAU;IAC3BC,MAAM,EAAEJ,MAAM,CAACG,UAAU;IACzBE,UAAU,EAAEL,MAAM,CAACG,UAAU;IAC7BG,OAAO,EAAEN,MAAM,CAACO;EAClB,CAAC;EAED,MAAMC,MAAM,GAAGZ,UAAU,CAACa,MAAM,CAAC;IAC/BC,SAAS,EAAE;MACTC,MAAM,EAAE,EAAE;MACVC,KAAK,EAAE,MAAM;MACbX,eAAe,EAAEA,eAAe,CAACF,IAAI,CAAC;MACtCc,YAAY,EAAE,GAAG;MACjBC,cAAc,EAAE,QAAQ;MACxBC,UAAU,EAAE;IACd,CAAC;IACDC,SAAS,EAAE;MACTJ,KAAK,EAAE,EAAE;MACTD,MAAM,EAAE;IACV;EACF,CAAC,CAAC;EAEF,OAAOH,MAAM;AACf,CAAC"}
+{"version":3,"names":["StyleSheet","useTheme","radii","useStyles","type","colors","backgroundColor","disabled","bgAccentStrong","active","processing","success","bgSuccessStrong","styles","create","container","height","width","borderRadius","byte","justifyContent","alignItems","checkmark"],"sourceRoot":"../../../../src","sources":["components/ProcessButton/styles.tsx"],"mappings":"AAAA,SAASA,UAAU,QAAQ,cAAc;AACzC,SAASC,QAAQ,QAAQ,6BAA6B;AACtD,SAASC,KAAK,QAAQ,oBAAoB;AAQ1C,OAAO,MAAMC,SAAS,GAAIC,IAAuB,IAAK;EACpD,MAAM;IAAEC;EAAO,CAAC,GAAGJ,QAAQ,CAAC,CAAC;EAE7B,MAAMK,eAAe,GAAG;IACtBC,QAAQ,EAAEF,MAAM,CAACG,cAAc;IAC/BC,MAAM,EAAEJ,MAAM,CAACG,cAAc;IAC7BE,UAAU,EAAEL,MAAM,CAACG,cAAc;IACjCG,OAAO,EAAEN,MAAM,CAACO;EAClB,CAAC;EAED,MAAMC,MAAM,GAAGb,UAAU,CAACc,MAAM,CAAC;IAC/BC,SAAS,EAAE;MACTC,MAAM,EAAE,EAAE;MACVC,KAAK,EAAE,MAAM;MACbX,eAAe,EAAEA,eAAe,CAACF,IAAI,CAAC;MACtCc,YAAY,EAAEhB,KAAK,CAACiB,IAAI;MACxBC,cAAc,EAAE,QAAQ;MACxBC,UAAU,EAAE;IACd,CAAC;IACDC,SAAS,EAAE;MACTL,KAAK,EAAE,EAAE;MACTD,MAAM,EAAE;IACV;EACF,CAAC,CAAC;EAEF,OAAOH,MAAM;AACf,CAAC"}

package/lib/module/components/SaveCardButton/styles.js

@@ -9,7 +9,7 @@ export const useStyles = () => {
     text: {
       fontSize: 16,
       lineHeight: 24,
-      color: colors.white,
+      color: colors.fgOnStrong,
       fontFamily: fonts.aktivGroteskBold
     },
     lockImage: {

package/lib/module/components/SaveCardButton/styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["StyleSheet","useTheme","useStyles","colors","fonts","styles","create","text","fontSize","lineHeight","color","white","fontFamily","aktivGroteskBold","lockImage","width","height","defaultContentContainer","flexDirection"],"sourceRoot":"../../../../src","sources":["components/SaveCardButton/styles.tsx"],"mappings":"AAAA,SAASA,UAAU,QAAQ,cAAc;AACzC,SAASC,QAAQ,QAAQ,6BAA6B;AAEtD,OAAO,MAAMC,SAAS,GAAGA,CAAA,KAAM;EAC7B,MAAM;IAAEC,MAAM;IAAEC;EAAM,CAAC,GAAGH,QAAQ,CAAC,CAAC;EAEpC,MAAMI,MAAM,GAAGL,UAAU,CAACM,MAAM,CAAC;IAC/BC,IAAI,EAAE;MACJC,QAAQ,EAAE,EAAE;MACZC,UAAU,EAAE,EAAE;MACdC,KAAK,EAAEP,MAAM,CAACQ,KAAK;MACnBC,UAAU,EAAER,KAAK,CAACS;IACpB,CAAC;IACDC,SAAS,EAAE;MACTC,KAAK,EAAE,EAAE;MACTC,MAAM,EAAE;IACV,CAAC;IACDC,uBAAuB,EAAE;MACvBC,aAAa,EAAE;IACjB;EACF,CAAC,CAAC;EAEF,OAAOb,MAAM;AACf,CAAC"}
+{"version":3,"names":["StyleSheet","useTheme","useStyles","colors","fonts","styles","create","text","fontSize","lineHeight","color","fgOnStrong","fontFamily","aktivGroteskBold","lockImage","width","height","defaultContentContainer","flexDirection"],"sourceRoot":"../../../../src","sources":["components/SaveCardButton/styles.tsx"],"mappings":"AAAA,SAASA,UAAU,QAAQ,cAAc;AACzC,SAASC,QAAQ,QAAQ,6BAA6B;AAEtD,OAAO,MAAMC,SAAS,GAAGA,CAAA,KAAM;EAC7B,MAAM;IAAEC,MAAM;IAAEC;EAAM,CAAC,GAAGH,QAAQ,CAAC,CAAC;EAEpC,MAAMI,MAAM,GAAGL,UAAU,CAACM,MAAM,CAAC;IAC/BC,IAAI,EAAE;MACJC,QAAQ,EAAE,EAAE;MACZC,UAAU,EAAE,EAAE;MACdC,KAAK,EAAEP,MAAM,CAACQ,UAAU;MACxBC,UAAU,EAAER,KAAK,CAACS;IACpB,CAAC;IACDC,SAAS,EAAE;MACTC,KAAK,EAAE,EAAE;MACTC,MAAM,EAAE;IACV,CAAC;IACDC,uBAAuB,EAAE;MACvBC,aAAa,EAAE;IACjB;EACF,CAAC,CAAC;EAEF,OAAOb,MAAM;AACf,CAAC"}

package/lib/module/components/SavedCard/styles.js

@@ -17,13 +17,13 @@ export const useStyles = () => {
     },
     title: {
       fontSize: 16,
-      color: colors.codGray,
+      color: colors.fgNormal,
       fontFamily: fonts.sfProTextRegular
     },
     text: {
       fontSize: 14,
       lineHeight: 20,
-      color: colors.doveGray,
+      color: colors.fgSubtle,
       fontFamily: fonts.sfProTextRegular
     }
   });

package/lib/module/components/SavedCard/styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["StyleSheet","useTheme","useStyles","colors","fonts","styles","create","container","row","flexDirection","alignItems","image","width","height","title","fontSize","color","codGray","fontFamily","sfProTextRegular","text","lineHeight","doveGray"],"sourceRoot":"../../../../src","sources":["components/SavedCard/styles.tsx"],"mappings":"AAAA,SAASA,UAAU,QAAQ,cAAc;AACzC,SAASC,QAAQ,QAAQ,6BAA6B;AAEtD,OAAO,MAAMC,SAAS,GAAGA,CAAA,KAAM;EAC7B,MAAM;IAAEC,MAAM;IAAEC;EAAM,CAAC,GAAGH,QAAQ,CAAC,CAAC;EAEpC,MAAMI,MAAM,GAAGL,UAAU,CAACM,MAAM,CAAC;IAC/BC,SAAS,EAAE,CAAC,CAAC;IACbC,GAAG,EAAE;MACHC,aAAa,EAAE,KAAK;MACpBC,UAAU,EAAE;IACd,CAAC;IACDC,KAAK,EAAE;MACLC,KAAK,EAAE,EAAE;MACTC,MAAM,EAAE;IACV,CAAC;IACDC,KAAK,EAAE;MACLC,QAAQ,EAAE,EAAE;MACZC,KAAK,EAAEb,MAAM,CAACc,OAAO;MACrBC,UAAU,EAAEd,KAAK,CAACe;IACpB,CAAC;IACDC,IAAI,EAAE;MACJL,QAAQ,EAAE,EAAE;MACZM,UAAU,EAAE,EAAE;MACdL,KAAK,EAAEb,MAAM,CAACmB,QAAQ;MACtBJ,UAAU,EAAEd,KAAK,CAACe;IACpB;EACF,CAAC,CAAC;EAEF,OAAOd,MAAM;AACf,CAAC"}
+{"version":3,"names":["StyleSheet","useTheme","useStyles","colors","fonts","styles","create","container","row","flexDirection","alignItems","image","width","height","title","fontSize","color","fgNormal","fontFamily","sfProTextRegular","text","lineHeight","fgSubtle"],"sourceRoot":"../../../../src","sources":["components/SavedCard/styles.tsx"],"mappings":"AAAA,SAASA,UAAU,QAAQ,cAAc;AACzC,SAASC,QAAQ,QAAQ,6BAA6B;AAEtD,OAAO,MAAMC,SAAS,GAAGA,CAAA,KAAM;EAC7B,MAAM;IAAEC,MAAM;IAAEC;EAAM,CAAC,GAAGH,QAAQ,CAAC,CAAC;EAEpC,MAAMI,MAAM,GAAGL,UAAU,CAACM,MAAM,CAAC;IAC/BC,SAAS,EAAE,CAAC,CAAC;IACbC,GAAG,EAAE;MACHC,aAAa,EAAE,KAAK;MACpBC,UAAU,EAAE;IACd,CAAC;IACDC,KAAK,EAAE;MACLC,KAAK,EAAE,EAAE;MACTC,MAAM,EAAE;IACV,CAAC;IACDC,KAAK,EAAE;MACLC,QAAQ,EAAE,EAAE;MACZC,KAAK,EAAEb,MAAM,CAACc,QAAQ;MACtBC,UAAU,EAAEd,KAAK,CAACe;IACpB,CAAC;IACDC,IAAI,EAAE;MACJL,QAAQ,EAAE,EAAE;MACZM,UAAU,EAAE,EAAE;MACdL,KAAK,EAAEb,MAAM,CAACmB,QAAQ;MACtBJ,UAAU,EAAEd,KAAK,CAACe;IACpB;EACF,CAAC,CAAC;EAEF,OAAOd,MAAM;AACf,CAAC"}

package/lib/module/components/Switch/styles.js

@@ -5,7 +5,8 @@ const SELECT_MARGIN = 22;
 export const useStyles = selected => {
   const {
     colors,
-    fonts
+    fonts,
+    radii
   } = useTheme();
   const styles = StyleSheet.create({
     container: {
@@ -17,22 +18,22 @@ export const useStyles = selected => {
     },
     title: {
       fontSize: 14,
-      color: colors.codGray,
+      color: colors.fgNormal,
       fontFamily: fonts.sfProTextRegular
     },
     switchContainer: {
       width: 51,
       height: 31,
-      backgroundColor: selected ? colors.royalBlue : colors.mercury,
+      backgroundColor: selected ? colors.bgAccentStrong : colors.bgHighlight,
       justifyContent: 'center',
-      borderRadius: 20
+      borderRadius: radii.pill
     },
     switchCircle: {
       width: 27,
       height: 27,
-      backgroundColor: colors.white,
+      backgroundColor: colors.bgNormal,
       borderRadius: 13.5,
-      shadowColor: colors.codGray,
+      shadowColor: colors.fgNormal,
       shadowOffset: {
         width: 0,
         height: 1

package/lib/module/components/Switch/styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["StyleSheet","useTheme","UNSELECT_MARGIN","SELECT_MARGIN","useStyles","selected","colors","fonts","styles","create","container","flexDirection","alignItems","textContainer","flex","title","fontSize","color","codGray","fontFamily","sfProTextRegular","switchContainer","width","height","backgroundColor","royalBlue","mercury","justifyContent","borderRadius","switchCircle","white","shadowColor","shadowOffset","shadowOpacity","shadowRadius","elevation","marginLeft"],"sourceRoot":"../../../../src","sources":["components/Switch/styles.tsx"],"mappings":"AAAA,SAASA,UAAU,QAAQ,cAAc;AACzC,SAASC,QAAQ,QAAQ,6BAA6B;AAEtD,MAAMC,eAAe,GAAG,CAAC;AACzB,MAAMC,aAAa,GAAG,EAAE;AAExB,OAAO,MAAMC,SAAS,GAAIC,QAAiB,IAAK;EAC9C,MAAM;IAAEC,MAAM;IAAEC;EAAM,CAAC,GAAGN,QAAQ,CAAC,CAAC;EAEpC,MAAMO,MAAM,GAAGR,UAAU,CAACS,MAAM,CAAC;IAC/BC,SAAS,EAAE;MACTC,aAAa,EAAE,KAAK;MACpBC,UAAU,EAAE;IACd,CAAC;IACDC,aAAa,EAAE;MACbC,IAAI,EAAE;IACR,CAAC;IACDC,KAAK,EAAE;MACLC,QAAQ,EAAE,EAAE;MACZC,KAAK,EAAEX,MAAM,CAACY,OAAO;MACrBC,UAAU,EAAEZ,KAAK,CAACa;IACpB,CAAC;IACDC,eAAe,EAAE;MACfC,KAAK,EAAE,EAAE;MACTC,MAAM,EAAE,EAAE;MACVC,eAAe,EAAEnB,QAAQ,GAAGC,MAAM,CAACmB,SAAS,GAAGnB,MAAM,CAACoB,OAAO;MAC7DC,cAAc,EAAE,QAAQ;MACxBC,YAAY,EAAE;IAChB,CAAC;IACDC,YAAY,EAAE;MACZP,KAAK,EAAE,EAAE;MACTC,MAAM,EAAE,EAAE;MACVC,eAAe,EAAElB,MAAM,CAACwB,KAAK;MAC7BF,YAAY,EAAE,IAAI;MAClBG,WAAW,EAAEzB,MAAM,CAACY,OAAO;MAC3Bc,YAAY,EAAE;QACZV,KAAK,EAAE,CAAC;QACRC,MAAM,EAAE;MACV,CAAC;MACDU,aAAa,EAAE,GAAG;MAClBC,YAAY,EAAE,CAAC;MACfC,SAAS,EAAE,CAAC;MACZC,UAAU,EAAE/B,QAAQ,GAAGF,aAAa,GAAGD;IACzC;EACF,CAAC,CAAC;EAEF,OAAOM,MAAM;AACf,CAAC"}
+{"version":3,"names":["StyleSheet","useTheme","UNSELECT_MARGIN","SELECT_MARGIN","useStyles","selected","colors","fonts","radii","styles","create","container","flexDirection","alignItems","textContainer","flex","title","fontSize","color","fgNormal","fontFamily","sfProTextRegular","switchContainer","width","height","backgroundColor","bgAccentStrong","bgHighlight","justifyContent","borderRadius","pill","switchCircle","bgNormal","shadowColor","shadowOffset","shadowOpacity","shadowRadius","elevation","marginLeft"],"sourceRoot":"../../../../src","sources":["components/Switch/styles.tsx"],"mappings":"AAAA,SAASA,UAAU,QAAQ,cAAc;AACzC,SAASC,QAAQ,QAAQ,6BAA6B;AAEtD,MAAMC,eAAe,GAAG,CAAC;AACzB,MAAMC,aAAa,GAAG,EAAE;AAExB,OAAO,MAAMC,SAAS,GAAIC,QAAiB,IAAK;EAC9C,MAAM;IAAEC,MAAM;IAAEC,KAAK;IAAEC;EAAM,CAAC,GAAGP,QAAQ,CAAC,CAAC;EAE3C,MAAMQ,MAAM,GAAGT,UAAU,CAACU,MAAM,CAAC;IAC/BC,SAAS,EAAE;MACTC,aAAa,EAAE,KAAK;MACpBC,UAAU,EAAE;IACd,CAAC;IACDC,aAAa,EAAE;MACbC,IAAI,EAAE;IACR,CAAC;IACDC,KAAK,EAAE;MACLC,QAAQ,EAAE,EAAE;MACZC,KAAK,EAAEZ,MAAM,CAACa,QAAQ;MACtBC,UAAU,EAAEb,KAAK,CAACc;IACpB,CAAC;IACDC,eAAe,EAAE;MACfC,KAAK,EAAE,EAAE;MACTC,MAAM,EAAE,EAAE;MACVC,eAAe,EAAEpB,QAAQ,GAAGC,MAAM,CAACoB,cAAc,GAAGpB,MAAM,CAACqB,WAAW;MACtEC,cAAc,EAAE,QAAQ;MACxBC,YAAY,EAAErB,KAAK,CAACsB;IACtB,CAAC;IACDC,YAAY,EAAE;MACZR,KAAK,EAAE,EAAE;MACTC,MAAM,EAAE,EAAE;MACVC,eAAe,EAAEnB,MAAM,CAAC0B,QAAQ;MAChCH,YAAY,EAAE,IAAI;MAClBI,WAAW,EAAE3B,MAAM,CAACa,QAAQ;MAC5Be,YAAY,EAAE;QACZX,KAAK,EAAE,CAAC;QACRC,MAAM,EAAE;MACV,CAAC;MACDW,aAAa,EAAE,GAAG;MAClBC,YAAY,EAAE,CAAC;MACfC,SAAS,EAAE,CAAC;MACZC,UAAU,EAAEjC,QAAQ,GAAGF,aAAa,GAAGD;IACzC;EACF,CAAC,CAAC;EAEF,OAAOO,MAAM;AACf,CAAC"}