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

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

@@ -31,7 +31,7 @@ export const WebViewSheet = props => {
     style: styles.loaderContainer
   }, /*#__PURE__*/React.createElement(ActivityIndicator, {
     size: 'large',
-    color: Platform.OS === 'android' ? colors.royalBlue : undefined,
+    color: Platform.OS === 'android' ? colors.bgAccentStrong : undefined,
     style: styles.activityIndicator
   }))));
 };

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

@@ -1 +1 @@
-{"version":3,"names":["React","useState","Modal","WebView","useStyles","ActivityIndicator","Platform","View","useTheme","Header","WebViewSheet","props","styles","colors","loading","setLoading","createElement","isVisible","style","container","headerContainer","title","onCloseButtonPress","onClose","containerStyle","webview","onLoadEnd","event","nativeEvent","url","onShouldStartLoadWithRequest","source","loaderContainer","size","color","OS","royalBlue","undefined","activityIndicator"],"sourceRoot":"../../../../src","sources":["components/WebViewSheet/index.tsx"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,QAAQ,QAAQ,OAAO;AACvC,SAASC,KAAK,QAAQ,UAAU;AAChC,OAAOC,OAAO,MAAwB,sBAAsB;AAC5D,SAASC,SAAS,QAAQ,UAAU;AACpC,SAASC,iBAAiB,EAAEC,QAAQ,EAAEC,IAAI,QAAQ,cAAc;AAChE,SAASC,QAAQ,QAAQ,6BAA6B;AACtD,SAASC,MAAM,QAAQ,WAAW;AAUlC,OAAO,MAAMC,YAAY,GAAIC,KAAwB,IAAK;EACxD,MAAMC,MAAM,GAAGR,SAAS,CAAC,CAAC;EAE1B,MAAM;IAAES;EAAO,CAAC,GAAGL,QAAQ,CAAC,CAAC;EAE7B,MAAM,CAACM,OAAO,EAAEC,UAAU,CAAC,GAAGd,QAAQ,CAAC,IAAI,CAAC;EAE5C,oBACED,KAAA,CAAAgB,aAAA,CAACd,KAAK;IAACe,SAAS,EAAEN,KAAK,CAACM;EAAU,gBAChCjB,KAAA,CAAAgB,aAAA,CAACT,IAAI;IAACW,KAAK,EAAEN,MAAM,CAACO;EAAU,gBAC5BnB,KAAA,CAAAgB,aAAA,CAACT,IAAI;IAACW,KAAK,EAAEN,MAAM,CAACQ;EAAgB,gBAClCpB,KAAA,CAAAgB,aAAA,CAACP,MAAM;IAACY,KAAK,EAAE,EAAG;IAACC,kBAAkB,EAAEX,KAAK,CAACY;EAAQ,CAAE,CACnD,CAAC,EACNZ,KAAK,CAACM,SAAS,iBACdjB,KAAA,CAAAgB,aAAA,CAACb,OAAO;IACNqB,cAAc,EAAEZ,MAAM,CAACa,OAAQ;IAC/BC,SAAS,EAAGC,KAAK,IAAK;MACpBZ,UAAU,CAACY,KAAK,CAACC,WAAW,CAACC,GAAG,KAAK,aAAa,CAAC;IACrD,CAAE;IACFC,4BAA4B,EAAEnB,KAAK,CAACmB,4BAA6B;IACjEC,MAAM,EAAEpB,KAAK,CAACoB;EAAO,CACtB,CACF,EACAjB,OAAO,iBACNd,KAAA,CAAAgB,aAAA,CAACT,IAAI;IAACW,KAAK,EAAEN,MAAM,CAACoB;EAAgB,gBAClChC,KAAA,CAAAgB,aAAA,CAACX,iBAAiB;IAChB4B,IAAI,EAAE,OAAQ;IACdC,KAAK,EAAE5B,QAAQ,CAAC6B,EAAE,KAAK,SAAS,GAAGtB,MAAM,CAACuB,SAAS,GAAGC,SAAU;IAChEnB,KAAK,EAAEN,MAAM,CAAC0B;EAAkB,CACjC,CACG,CAEJ,CACD,CAAC;AAEZ,CAAC"}
+{"version":3,"names":["React","useState","Modal","WebView","useStyles","ActivityIndicator","Platform","View","useTheme","Header","WebViewSheet","props","styles","colors","loading","setLoading","createElement","isVisible","style","container","headerContainer","title","onCloseButtonPress","onClose","containerStyle","webview","onLoadEnd","event","nativeEvent","url","onShouldStartLoadWithRequest","source","loaderContainer","size","color","OS","bgAccentStrong","undefined","activityIndicator"],"sourceRoot":"../../../../src","sources":["components/WebViewSheet/index.tsx"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,QAAQ,QAAQ,OAAO;AACvC,SAASC,KAAK,QAAQ,UAAU;AAChC,OAAOC,OAAO,MAAwB,sBAAsB;AAC5D,SAASC,SAAS,QAAQ,UAAU;AACpC,SAASC,iBAAiB,EAAEC,QAAQ,EAAEC,IAAI,QAAQ,cAAc;AAChE,SAASC,QAAQ,QAAQ,6BAA6B;AACtD,SAASC,MAAM,QAAQ,WAAW;AAUlC,OAAO,MAAMC,YAAY,GAAIC,KAAwB,IAAK;EACxD,MAAMC,MAAM,GAAGR,SAAS,CAAC,CAAC;EAE1B,MAAM;IAAES;EAAO,CAAC,GAAGL,QAAQ,CAAC,CAAC;EAE7B,MAAM,CAACM,OAAO,EAAEC,UAAU,CAAC,GAAGd,QAAQ,CAAC,IAAI,CAAC;EAE5C,oBACED,KAAA,CAAAgB,aAAA,CAACd,KAAK;IAACe,SAAS,EAAEN,KAAK,CAACM;EAAU,gBAChCjB,KAAA,CAAAgB,aAAA,CAACT,IAAI;IAACW,KAAK,EAAEN,MAAM,CAACO;EAAU,gBAC5BnB,KAAA,CAAAgB,aAAA,CAACT,IAAI;IAACW,KAAK,EAAEN,MAAM,CAACQ;EAAgB,gBAClCpB,KAAA,CAAAgB,aAAA,CAACP,MAAM;IAACY,KAAK,EAAE,EAAG;IAACC,kBAAkB,EAAEX,KAAK,CAACY;EAAQ,CAAE,CACnD,CAAC,EACNZ,KAAK,CAACM,SAAS,iBACdjB,KAAA,CAAAgB,aAAA,CAACb,OAAO;IACNqB,cAAc,EAAEZ,MAAM,CAACa,OAAQ;IAC/BC,SAAS,EAAGC,KAAK,IAAK;MACpBZ,UAAU,CAACY,KAAK,CAACC,WAAW,CAACC,GAAG,KAAK,aAAa,CAAC;IACrD,CAAE;IACFC,4BAA4B,EAAEnB,KAAK,CAACmB,4BAA6B;IACjEC,MAAM,EAAEpB,KAAK,CAACoB;EAAO,CACtB,CACF,EACAjB,OAAO,iBACNd,KAAA,CAAAgB,aAAA,CAACT,IAAI;IAACW,KAAK,EAAEN,MAAM,CAACoB;EAAgB,gBAClChC,KAAA,CAAAgB,aAAA,CAACX,iBAAiB;IAChB4B,IAAI,EAAE,OAAQ;IACdC,KAAK,EACH5B,QAAQ,CAAC6B,EAAE,KAAK,SAAS,GAAGtB,MAAM,CAACuB,cAAc,GAAGC,SACrD;IACDnB,KAAK,EAAEN,MAAM,CAAC0B;EAAkB,CACjC,CACG,CAEJ,CACD,CAAC;AAEZ,CAAC"}

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

@@ -17,7 +17,7 @@ export const useStyles = () => {
       borderTopLeftRadius: 8,
       borderTopRightRadius: 8,
       overflow: 'hidden',
-      backgroundColor: colors.white
+      backgroundColor: colors.bgNormal
     },
     headerContainer: {
       paddingHorizontal: 16,

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

@@ -1 +1 @@
-{"version":3,"names":["StyleSheet","useWindowDimensions","useSafeArea","useTheme","useStyles","top","height","colors","styles","create","container","width","marginTop","borderTopLeftRadius","borderTopRightRadius","overflow","backgroundColor","white","headerContainer","paddingHorizontal","marginBottom","webview","flex","loaderContainer","position","left","right","bottom","justifyContent","alignItems","paddingBottom","activityIndicator","transform","scale"],"sourceRoot":"../../../../src","sources":["components/WebViewSheet/styles.tsx"],"mappings":"AAAA,SAASA,UAAU,EAAEC,mBAAmB,QAAQ,cAAc;AAC9D,SAASC,WAAW,QAAQ,yBAAyB;AACrD,SAASC,QAAQ,QAAQ,6BAA6B;AAEtD,OAAO,MAAMC,SAAS,GAAGA,CAAA,KAAM;EAC7B,MAAM;IAAEC;EAAI,CAAC,GAAGH,WAAW,CAAC,CAAC;EAE7B,MAAMI,MAAM,GAAGL,mBAAmB,CAAC,CAAC,CAACK,MAAM;EAE3C,MAAM;IAAEC;EAAO,CAAC,GAAGJ,QAAQ,CAAC,CAAC;EAE7B,MAAMK,MAAM,GAAGR,UAAU,CAACS,MAAM,CAAC;IAC/BC,SAAS,EAAE;MACTC,KAAK,EAAE,MAAM;MACbL,MAAM,EAAEA,MAAM,GAAGD,GAAG;MACpBO,SAAS,EAAEP,GAAG;MACdQ,mBAAmB,EAAE,CAAC;MACtBC,oBAAoB,EAAE,CAAC;MACvBC,QAAQ,EAAE,QAAQ;MAClBC,eAAe,EAAET,MAAM,CAACU;IAC1B,CAAC;IACDC,eAAe,EAAE;MACfC,iBAAiB,EAAE,EAAE;MACrBC,YAAY,EAAE,CAAC;IACjB,CAAC;IACDC,OAAO,EAAE;MACPC,IAAI,EAAE;IACR,CAAC;IACDC,eAAe,EAAE;MACfC,QAAQ,EAAE,UAAU;MACpBC,IAAI,EAAE,CAAC;MACPC,KAAK,EAAE,CAAC;MACRrB,GAAG,EAAE,CAAC;MACNsB,MAAM,EAAE,CAAC;MACTC,cAAc,EAAE,QAAQ;MACxBC,UAAU,EAAE,QAAQ;MACpBC,aAAa,EAAE;IACjB,CAAC;IACDC,iBAAiB,EAAE;MACjBC,SAAS,EAAE,CAAC;QAAEC,KAAK,EAAE;MAAI,CAAC;IAC5B;EACF,CAAC,CAAC;EAEF,OAAOzB,MAAM;AACf,CAAC"}
+{"version":3,"names":["StyleSheet","useWindowDimensions","useSafeArea","useTheme","useStyles","top","height","colors","styles","create","container","width","marginTop","borderTopLeftRadius","borderTopRightRadius","overflow","backgroundColor","bgNormal","headerContainer","paddingHorizontal","marginBottom","webview","flex","loaderContainer","position","left","right","bottom","justifyContent","alignItems","paddingBottom","activityIndicator","transform","scale"],"sourceRoot":"../../../../src","sources":["components/WebViewSheet/styles.tsx"],"mappings":"AAAA,SAASA,UAAU,EAAEC,mBAAmB,QAAQ,cAAc;AAC9D,SAASC,WAAW,QAAQ,yBAAyB;AACrD,SAASC,QAAQ,QAAQ,6BAA6B;AAEtD,OAAO,MAAMC,SAAS,GAAGA,CAAA,KAAM;EAC7B,MAAM;IAAEC;EAAI,CAAC,GAAGH,WAAW,CAAC,CAAC;EAE7B,MAAMI,MAAM,GAAGL,mBAAmB,CAAC,CAAC,CAACK,MAAM;EAE3C,MAAM;IAAEC;EAAO,CAAC,GAAGJ,QAAQ,CAAC,CAAC;EAE7B,MAAMK,MAAM,GAAGR,UAAU,CAACS,MAAM,CAAC;IAC/BC,SAAS,EAAE;MACTC,KAAK,EAAE,MAAM;MACbL,MAAM,EAAEA,MAAM,GAAGD,GAAG;MACpBO,SAAS,EAAEP,GAAG;MACdQ,mBAAmB,EAAE,CAAC;MACtBC,oBAAoB,EAAE,CAAC;MACvBC,QAAQ,EAAE,QAAQ;MAClBC,eAAe,EAAET,MAAM,CAACU;IAC1B,CAAC;IACDC,eAAe,EAAE;MACfC,iBAAiB,EAAE,EAAE;MACrBC,YAAY,EAAE,CAAC;IACjB,CAAC;IACDC,OAAO,EAAE;MACPC,IAAI,EAAE;IACR,CAAC;IACDC,eAAe,EAAE;MACfC,QAAQ,EAAE,UAAU;MACpBC,IAAI,EAAE,CAAC;MACPC,KAAK,EAAE,CAAC;MACRrB,GAAG,EAAE,CAAC;MACNsB,MAAM,EAAE,CAAC;MACTC,cAAc,EAAE,QAAQ;MACxBC,UAAU,EAAE,QAAQ;MACpBC,aAAa,EAAE;IACjB,CAAC;IACDC,iBAAiB,EAAE;MACjBC,SAAS,EAAE,CAAC;QAAEC,KAAK,EAAE;MAAI,CAAC;IAC5B;EACF,CAAC,CAAC;EAEF,OAAOzB,MAAM;AACf,CAAC"}

package/lib/module/contexts/ThemeContext.js

@@ -1,8 +1,12 @@
-import { Colors, Images, Fonts } from '../styles';
+import { Colors, Images, Fonts, Radii, BorderWidths, Spacings, DesignTokens } from '../styles';
 const DEFAULT_THEME = {
   colors: Colors.light,
   images: Images.light,
-  fonts: Fonts.light
+  fonts: Fonts.light,
+  radii: Radii.radii,
+  borderWidths: BorderWidths.borderWidths,
+  spacings: Spacings.spacings,
+  designTokens: DesignTokens.light
 };
 export const useTheme = () => DEFAULT_THEME;
 //# sourceMappingURL=ThemeContext.js.map

package/lib/module/contexts/ThemeContext.js.map

@@ -1 +1 @@
-{"version":3,"names":["Colors","Images","Fonts","DEFAULT_THEME","colors","light","images","fonts","useTheme"],"sourceRoot":"../../../src","sources":["contexts/ThemeContext.tsx"],"mappings":"AAAA,SAASA,MAAM,EAAEC,MAAM,EAAEC,KAAK,QAAQ,WAAW;AAEjD,MAAMC,aAAa,GAAG;EACpBC,MAAM,EAAEJ,MAAM,CAACK,KAAK;EACpBC,MAAM,EAAEL,MAAM,CAACI,KAAK;EACpBE,KAAK,EAAEL,KAAK,CAACG;AACf,CAAC;AAED,OAAO,MAAMG,QAAQ,GAAGA,CAAA,KAAML,aAAa"}
+{"version":3,"names":["Colors","Images","Fonts","Radii","BorderWidths","Spacings","DesignTokens","DEFAULT_THEME","colors","light","images","fonts","radii","borderWidths","spacings","designTokens","useTheme"],"sourceRoot":"../../../src","sources":["contexts/ThemeContext.tsx"],"mappings":"AAAA,SACEA,MAAM,EACNC,MAAM,EACNC,KAAK,EACLC,KAAK,EACLC,YAAY,EACZC,QAAQ,EACRC,YAAY,QACP,WAAW;AAElB,MAAMC,aAAa,GAAG;EACpBC,MAAM,EAAER,MAAM,CAACS,KAAK;EACpBC,MAAM,EAAET,MAAM,CAACQ,KAAK;EACpBE,KAAK,EAAET,KAAK,CAACO,KAAK;EAClBG,KAAK,EAAET,KAAK,CAACS,KAAK;EAClBC,YAAY,EAAET,YAAY,CAACS,YAAY;EACvCC,QAAQ,EAAET,QAAQ,CAACS,QAAQ;EAC3BC,YAAY,EAAET,YAAY,CAACG;AAC7B,CAAC;AAED,OAAO,MAAMO,QAAQ,GAAGA,CAAA,KAAMT,aAAa"}

package/lib/module/styles/borderWidths.js

@@ -0,0 +1,3 @@
+import { shared } from './designTokens';
+export const borderWidths = shared.borderWidths;
+//# sourceMappingURL=borderWidths.js.map

package/lib/module/styles/borderWidths.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["shared","borderWidths"],"sourceRoot":"../../../src","sources":["styles/borderWidths.ts"],"mappings":"AAAA,SAASA,MAAM,QAAQ,gBAAgB;AAEvC,OAAO,MAAMC,YAAY,GAAGD,MAAM,CAACC,YAAY"}

package/lib/module/styles/colors.js

@@ -1,23 +1,21 @@
+import { lightColors } from './designTokens';
 export const light = {
-  transparent: 'transparent',
-  black: '#000000',
-  white: '#ffffff',
-  grayNickel: '#C8C9C5',
-  silver: '#CCCCCC',
-  codGray: '#1A1A1A',
-  regentGray: '#8792A2',
-  dustyGray: '#999999',
-  dodgerBlue: '#3063E9',
-  mantis: '#91C55E',
-  paleSky: '#697386',
-  guardsmanRed: '#BC010B',
-  cinnabar: '#EB4C3B',
-  athensGray: '#E5E5E9',
-  royalBlue: '#3064E3',
-  mercury: '#E6E6E6',
-  doveGray: '#666666',
-  alizarinCrimson: '#DE331D',
-  deepSea: '#018850',
-  valencia: '#D23F47'
+  transparent: lightColors.transparent,
+  bgNormal: lightColors.bgNormal,
+  bgSubtle: lightColors.bgSubtle,
+  bgHighlight: lightColors.bgHighlight,
+  bgStrong: lightColors.bgStrong,
+  bgAccentStrong: lightColors.bgAccentStrong,
+  bgSuccessStrong: lightColors.bgSuccessStrong,
+  fgNormal: lightColors.fgNormal,
+  fgSubtle: lightColors.fgSubtle,
+  fgPlaceholder: lightColors.fgPlaceholder,
+  fgAccent: lightColors.fgAccent,
+  fgDanger: lightColors.fgDanger,
+  fgOnStrong: lightColors.fgOnStrong,
+  borderNormal: lightColors.borderNormal,
+  borderSubtle: lightColors.borderSubtle,
+  borderDivider: lightColors.borderDivider,
+  borderDanger: lightColors.borderDanger
 };
 //# sourceMappingURL=colors.js.map

package/lib/module/styles/colors.js.map

@@ -1 +1 @@
-{"version":3,"names":["light","transparent","black","white","grayNickel","silver","codGray","regentGray","dustyGray","dodgerBlue","mantis","paleSky","guardsmanRed","cinnabar","athensGray","royalBlue","mercury","doveGray","alizarinCrimson","deepSea","valencia"],"sourceRoot":"../../../src","sources":["styles/colors.ts"],"mappings":"AAAA,OAAO,MAAMA,KAAK,GAAG;EACnBC,WAAW,EAAE,aAAa;EAC1BC,KAAK,EAAE,SAAS;EAChBC,KAAK,EAAE,SAAS;EAChBC,UAAU,EAAE,SAAS;EACrBC,MAAM,EAAE,SAAS;EACjBC,OAAO,EAAE,SAAS;EAClBC,UAAU,EAAE,SAAS;EACrBC,SAAS,EAAE,SAAS;EACpBC,UAAU,EAAE,SAAS;EACrBC,MAAM,EAAE,SAAS;EACjBC,OAAO,EAAE,SAAS;EAClBC,YAAY,EAAE,SAAS;EACvBC,QAAQ,EAAE,SAAS;EACnBC,UAAU,EAAE,SAAS;EACrBC,SAAS,EAAE,SAAS;EACpBC,OAAO,EAAE,SAAS;EAClBC,QAAQ,EAAE,SAAS;EACnBC,eAAe,EAAE,SAAS;EAC1BC,OAAO,EAAE,SAAS;EAClBC,QAAQ,EAAE;AACZ,CAAC"}
+{"version":3,"names":["lightColors","light","transparent","bgNormal","bgSubtle","bgHighlight","bgStrong","bgAccentStrong","bgSuccessStrong","fgNormal","fgSubtle","fgPlaceholder","fgAccent","fgDanger","fgOnStrong","borderNormal","borderSubtle","borderDivider","borderDanger"],"sourceRoot":"../../../src","sources":["styles/colors.ts"],"mappings":"AAAA,SAASA,WAAW,QAAQ,gBAAgB;AAE5C,OAAO,MAAMC,KAAK,GAAG;EACnBC,WAAW,EAAEF,WAAW,CAACE,WAAW;EACpCC,QAAQ,EAAEH,WAAW,CAACG,QAAQ;EAC9BC,QAAQ,EAAEJ,WAAW,CAACI,QAAQ;EAC9BC,WAAW,EAAEL,WAAW,CAACK,WAAW;EACpCC,QAAQ,EAAEN,WAAW,CAACM,QAAQ;EAC9BC,cAAc,EAAEP,WAAW,CAACO,cAAc;EAC1CC,eAAe,EAAER,WAAW,CAACQ,eAAe;EAC5CC,QAAQ,EAAET,WAAW,CAACS,QAAQ;EAC9BC,QAAQ,EAAEV,WAAW,CAACU,QAAQ;EAC9BC,aAAa,EAAEX,WAAW,CAACW,aAAa;EACxCC,QAAQ,EAAEZ,WAAW,CAACY,QAAQ;EAC9BC,QAAQ,EAAEb,WAAW,CAACa,QAAQ;EAC9BC,UAAU,EAAEd,WAAW,CAACc,UAAU;EAClCC,YAAY,EAAEf,WAAW,CAACe,YAAY;EACtCC,YAAY,EAAEhB,WAAW,CAACgB,YAAY;EACtCC,aAAa,EAAEjB,WAAW,CAACiB,aAAa;EACxCC,YAAY,EAAElB,WAAW,CAACkB;AAC5B,CAAC"}

package/lib/module/styles/designTokens.js

@@ -0,0 +1,48 @@
+export const shared = {
+  radii: {
+    bit: 4,
+    byte: 8,
+    kilo: 12,
+    mega: 16,
+    pill: 999999
+  },
+  borderWidths: {
+    kilo: 1,
+    mega: 2
+  },
+  spacings: {
+    bit: 4,
+    byte: 8,
+    kilo: 12,
+    mega: 16,
+    giga: 24,
+    tera: 32,
+    peta: 40,
+    exa: 48,
+    zetta: 56
+  }
+};
+export const lightColors = {
+  transparent: 'transparent',
+  bgNormal: '#ffffff',
+  bgSubtle: '#f0f1f5',
+  bgHighlight: '#e3e7eb',
+  bgStrong: '#000000',
+  bgAccentStrong: '#0f131a',
+  bgSuccessStrong: '#018850',
+  fgNormal: '#0f131a',
+  fgSubtle: '#6a737c',
+  fgPlaceholder: '#929396',
+  fgAccent: '#0f131a',
+  fgDanger: '#de331d',
+  fgOnStrong: '#ffffff',
+  borderNormal: '#aeb6be',
+  borderSubtle: '#e3e7ec',
+  borderDivider: '#e3e7eb',
+  borderDanger: '#de331d'
+};
+export const light = {
+  colors: lightColors,
+  ...shared
+};
+//# sourceMappingURL=designTokens.js.map

package/lib/module/styles/designTokens.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["shared","radii","bit","byte","kilo","mega","pill","borderWidths","spacings","giga","tera","peta","exa","zetta","lightColors","transparent","bgNormal","bgSubtle","bgHighlight","bgStrong","bgAccentStrong","bgSuccessStrong","fgNormal","fgSubtle","fgPlaceholder","fgAccent","fgDanger","fgOnStrong","borderNormal","borderSubtle","borderDivider","borderDanger","light","colors"],"sourceRoot":"../../../src","sources":["styles/designTokens.ts"],"mappings":"AAAA,OAAO,MAAMA,MAAM,GAAG;EACpBC,KAAK,EAAE;IACLC,GAAG,EAAE,CAAC;IACNC,IAAI,EAAE,CAAC;IACPC,IAAI,EAAE,EAAE;IACRC,IAAI,EAAE,EAAE;IACRC,IAAI,EAAE;EACR,CAAC;EACDC,YAAY,EAAE;IACZH,IAAI,EAAE,CAAC;IACPC,IAAI,EAAE;EACR,CAAC;EACDG,QAAQ,EAAE;IACRN,GAAG,EAAE,CAAC;IACNC,IAAI,EAAE,CAAC;IACPC,IAAI,EAAE,EAAE;IACRC,IAAI,EAAE,EAAE;IACRI,IAAI,EAAE,EAAE;IACRC,IAAI,EAAE,EAAE;IACRC,IAAI,EAAE,EAAE;IACRC,GAAG,EAAE,EAAE;IACPC,KAAK,EAAE;EACT;AACF,CAAU;AAEV,OAAO,MAAMC,WAAW,GAAG;EACzBC,WAAW,EAAE,aAAa;EAC1BC,QAAQ,EAAE,SAAS;EACnBC,QAAQ,EAAE,SAAS;EACnBC,WAAW,EAAE,SAAS;EACtBC,QAAQ,EAAE,SAAS;EACnBC,cAAc,EAAE,SAAS;EACzBC,eAAe,EAAE,SAAS;EAC1BC,QAAQ,EAAE,SAAS;EACnBC,QAAQ,EAAE,SAAS;EACnBC,aAAa,EAAE,SAAS;EACxBC,QAAQ,EAAE,SAAS;EACnBC,QAAQ,EAAE,SAAS;EACnBC,UAAU,EAAE,SAAS;EACrBC,YAAY,EAAE,SAAS;EACvBC,YAAY,EAAE,SAAS;EACvBC,aAAa,EAAE,SAAS;EACxBC,YAAY,EAAE;AAChB,CAAU;AAEV,OAAO,MAAMC,KAAK,GAAG;EACnBC,MAAM,EAAEnB,WAAW;EACnB,GAAGd;AACL,CAAC"}

package/lib/module/styles/index.js

@@ -1,5 +1,9 @@
 import * as Colors from './colors';
 import * as Images from './images';
 import * as Fonts from './fonts';
-export { Colors, Images, Fonts };
+import * as Radii from './radii';
+import * as BorderWidths from './borderWidths';
+import * as Spacings from './spacings';
+import * as DesignTokens from './designTokens';
+export { Colors, Images, Fonts, Radii, BorderWidths, Spacings, DesignTokens };
 //# sourceMappingURL=index.js.map

package/lib/module/styles/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["Colors","Images","Fonts"],"sourceRoot":"../../../src","sources":["styles/index.ts"],"mappings":"AAAA,OAAO,KAAKA,MAAM,MAAM,UAAU;AAClC,OAAO,KAAKC,MAAM,MAAM,UAAU;AAClC,OAAO,KAAKC,KAAK,MAAM,SAAS;AAEhC,SAASF,MAAM,EAAEC,MAAM,EAAEC,KAAK"}
+{"version":3,"names":["Colors","Images","Fonts","Radii","BorderWidths","Spacings","DesignTokens"],"sourceRoot":"../../../src","sources":["styles/index.ts"],"mappings":"AAAA,OAAO,KAAKA,MAAM,MAAM,UAAU;AAClC,OAAO,KAAKC,MAAM,MAAM,UAAU;AAClC,OAAO,KAAKC,KAAK,MAAM,SAAS;AAChC,OAAO,KAAKC,KAAK,MAAM,SAAS;AAChC,OAAO,KAAKC,YAAY,MAAM,gBAAgB;AAC9C,OAAO,KAAKC,QAAQ,MAAM,YAAY;AACtC,OAAO,KAAKC,YAAY,MAAM,gBAAgB;AAE9C,SAASN,MAAM,EAAEC,MAAM,EAAEC,KAAK,EAAEC,KAAK,EAAEC,YAAY,EAAEC,QAAQ,EAAEC,YAAY"}

package/lib/module/styles/radii.js

@@ -0,0 +1,3 @@
+import { shared } from './designTokens';
+export const radii = shared.radii;
+//# sourceMappingURL=radii.js.map

package/lib/module/styles/radii.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["shared","radii"],"sourceRoot":"../../../src","sources":["styles/radii.ts"],"mappings":"AAAA,SAASA,MAAM,QAAQ,gBAAgB;AAEvC,OAAO,MAAMC,KAAK,GAAGD,MAAM,CAACC,KAAK"}

package/lib/module/styles/spacings.js

@@ -0,0 +1,3 @@
+import { shared } from './designTokens';
+export const spacings = shared.spacings;
+//# sourceMappingURL=spacings.js.map

package/lib/module/styles/spacings.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["shared","spacings"],"sourceRoot":"../../../src","sources":["styles/spacings.ts"],"mappings":"AAAA,SAASA,MAAM,QAAQ,gBAAgB;AAEvC,OAAO,MAAMC,QAAQ,GAAGD,MAAM,CAACC,QAAQ"}

package/lib/typescript/components/AnimatedContainer/styles.d.ts

@@ -7,7 +7,7 @@ export declare const useStyles: (height?: number) => {
         right: number;
     };
     content: {
-        backgroundColor: string;
+        backgroundColor: "#ffffff";
         width: number;
         height: number | undefined;
         borderTopLeftRadius: number;

package/lib/typescript/components/ApplePayButton/styles.d.ts

@@ -3,8 +3,8 @@ export declare const useStyles: (disabled?: boolean) => {
         opacity: number;
         height: number;
         width: "100%";
-        backgroundColor: string;
-        borderRadius: number;
+        backgroundColor: "#000000";
+        borderRadius: 8;
         justifyContent: "center";
         alignItems: "center";
     };

package/lib/typescript/components/ApplePayButton/styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/components/ApplePayButton/styles.tsx"],"names":[],"mappings":"AAGA,eAAO,MAAM,SAAS,GAAI,WAAW,OAAO;;;;;;;;;;;;;;CAoB3C,CAAC"}
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/components/ApplePayButton/styles.tsx"],"names":[],"mappings":"AAIA,eAAO,MAAM,SAAS,GAAI,WAAW,OAAO;;;;;;;;;;;;;;CAoB3C,CAAC"}

package/lib/typescript/components/Button/styles.d.ts

@@ -2,18 +2,18 @@ import { ButtonType } from '.';
 export declare const useStyles: (type: ButtonType) => {
     container: {
         height: number;
-        borderRadius: number;
+        borderRadius: 8;
         width: "100%";
         justifyContent: "center";
         alignItems: "center";
-        backgroundColor: string;
+        backgroundColor: "transparent" | "#0f131a";
         borderWidth: number;
-        borderColor: string;
+        borderColor: "transparent" | "#aeb6be";
     };
     text: {
         fontSize: number;
         lineHeight: number;
-        color: string;
+        color: "#ffffff" | "#0f131a" | "#de331d";
         fontFamily: string;
     };
 };

package/lib/typescript/components/Button/styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Button/styles.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,UAAU,EAAE,MAAM,GAAG,CAAC;AAE/B,eAAO,MAAM,SAAS,GAAI,MAAM,UAAU;;;;;;;;;;;;;;;;;CA+CzC,CAAC"}
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Button/styles.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,UAAU,EAAE,MAAM,GAAG,CAAC;AAE/B,eAAO,MAAM,SAAS,GAAI,MAAM,UAAU;;;;;;;;;;;;;;;;;CA+CzC,CAAC"}

package/lib/typescript/components/CardInformation/styles.d.ts

@@ -14,14 +14,14 @@ export declare const useStyles: () => {
     title: {
         fontWeight: "600";
         fontSize: number;
-        color: string;
+        color: "#6a737c";
         marginBottom: number;
     };
     privacyPolicyText: {
-        color: string;
+        color: "#6a737c";
     };
     privacyPolicyLink: {
-        color: string;
+        color: "#0f131a";
     };
 };
 //# sourceMappingURL=styles.d.ts.map

package/lib/typescript/components/CardSheet/styles.d.ts

@@ -1,6 +1,6 @@
 export declare const useStyles: () => {
     container: {
-        backgroundColor: string;
+        backgroundColor: "#ffffff";
         maxHeight: number;
         paddingBottom: number;
     };
@@ -8,12 +8,12 @@ export declare const useStyles: () => {
         fontWeight: "bold";
         fontSize: number;
         marginBottom: number;
-        color: string;
+        color: "#0f131a";
     };
     separatorText: {
         fontSize: number;
         lineHeight: number;
-        color: string;
+        color: "#0f131a";
         width: "100%";
         textAlign: "center";
     };

package/lib/typescript/components/Checkbox/styles.d.ts

@@ -1,10 +1,10 @@
 export declare const useStyles: (selected: boolean) => {
     container: {
-        borderRadius: number;
+        borderRadius: 12;
         width: number;
         height: number;
-        borderWidth: number;
-        borderColor: string;
+        borderWidth: 2;
+        borderColor: "#0f131a" | "#6a737c";
     };
     image: {
         width: number;

package/lib/typescript/components/Checkbox/styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Checkbox/styles.tsx"],"names":[],"mappings":"AAGA,eAAO,MAAM,SAAS,GAAI,UAAU,OAAO;;;;;;;;;;;;;;CAoB1C,CAAC"}
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Checkbox/styles.tsx"],"names":[],"mappings":"AAKA,eAAO,MAAM,SAAS,GAAI,UAAU,OAAO;;;;;;;;;;;;;;CAoB1C,CAAC"}

package/lib/typescript/components/GooglePayButton/styles.d.ts

@@ -4,14 +4,14 @@ export declare const useStyles: (disabled?: boolean) => {
         opacity: number;
         height: number;
         width: "100%";
-        backgroundColor: string;
-        borderRadius: number;
+        backgroundColor: "#000000";
+        borderRadius: 8;
         justifyContent: "center";
         alignItems: "center";
     };
     text: {
         fontSize: number;
-        color: string;
+        color: "#ffffff";
     };
     image: {
         width: number;

package/lib/typescript/components/GooglePayButton/styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/components/GooglePayButton/styles.tsx"],"names":[],"mappings":"AAGA,eAAO,MAAM,SAAS,GAAI,WAAW,OAAO;;;;;;;;;;;;;;;;;;;CAyB3C,CAAC"}
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/components/GooglePayButton/styles.tsx"],"names":[],"mappings":"AAIA,eAAO,MAAM,SAAS,GAAI,WAAW,OAAO;;;;;;;;;;;;;;;;;;;CAyB3C,CAAC"}

package/lib/typescript/components/Header/styles.d.ts

@@ -7,7 +7,7 @@ export declare const useStyles: () => {
         marginBottom: number;
     };
     title: {
-        color: string;
+        color: "#0f131a";
         fontWeight: "700";
         fontSize: number;
         textAlign: "center";

package/lib/typescript/components/InputFields/BaseInputField/styles.d.ts

@@ -1,26 +1,26 @@
 export declare const useStyles: () => {
     input: {
         fontSize: number;
-        paddingHorizontal: number;
+        paddingHorizontal: 16;
         width: "100%";
-        color: string;
+        color: "#0f131a";
         fontFamily: string;
     };
     title: {
         fontSize: number;
         lineHeight: number;
-        color: string;
+        color: "#0f131a";
         fontFamily: string;
     };
     container: {
-        borderColor: string;
-        borderWidth: number;
+        borderColor: "#aeb6be";
+        borderWidth: 1;
         height: number;
         justifyContent: "center";
-        borderRadius: number;
+        borderRadius: 8;
     };
     errorText: {
-        color: string;
+        color: "#de331d";
         fontSize: number;
         marginVertical: number;
         fontFamily: string;

package/lib/typescript/components/LoadingSpinner/styles.d.ts

@@ -6,13 +6,13 @@ export declare const useStyles: () => {
         alignItems: "center";
     };
     progress: {
-        borderTopColor: string;
+        borderTopColor: "#ffffff";
         width: "100%";
         height: "100%";
-        borderRadius: number;
-        borderLeftColor: string;
-        borderRightColor: string;
-        borderBottomColor: string;
+        borderRadius: 16;
+        borderLeftColor: "#ffffff";
+        borderRightColor: "#ffffff";
+        borderBottomColor: "#0f131a";
         borderWidth: number;
         position: "absolute";
     };

package/lib/typescript/components/LoadingSpinner/styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/components/LoadingSpinner/styles.tsx"],"names":[],"mappings":"AAGA,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;CAwBrB,CAAC"}
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/components/LoadingSpinner/styles.tsx"],"names":[],"mappings":"AAIA,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;CAwBrB,CAAC"}

package/lib/typescript/components/Modal/styles.d.ts

@@ -8,7 +8,7 @@ export declare const useStyles: () => {
     bottomColorContainer: {
         width: "100%";
         height: number;
-        backgroundColor: string;
+        backgroundColor: "#ffffff";
         position: "absolute";
         bottom: number;
     };

package/lib/typescript/components/NoInternetConnection/styles.d.ts

@@ -1,6 +1,6 @@
 export declare const useStyles: () => {
     text: {
-        color: string;
+        color: "#de331d";
     };
 };
 //# sourceMappingURL=styles.d.ts.map

package/lib/typescript/components/OptionMenuModal/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/OptionMenuModal/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAY1B,UAAU,oBAAoB;IAC5B,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,KAAK,EAAE,MAAM,IAAI,CAAC;CACnB;AAID,eAAO,MAAM,eAAe,GAAI,OAAO,oBAAoB,sBA6E1D,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/OptionMenuModal/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAY1B,UAAU,oBAAoB;IAC5B,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,KAAK,EAAE,MAAM,IAAI,CAAC;CACnB;AAID,eAAO,MAAM,eAAe,GAAI,OAAO,oBAAoB,sBA+E1D,CAAC"}

package/lib/typescript/components/OptionMenuModal/styles.d.ts

@@ -3,10 +3,10 @@ export declare const useStyles: () => {
         margin: number;
     };
     container: {
-        borderRadius: number;
-        backgroundColor: string;
+        borderRadius: 12;
+        backgroundColor: "#ffffff";
         position: "absolute";
-        shadowColor: string;
+        shadowColor: "#0f131a";
         shadowOffset: {
             width: number;
             height: number;
@@ -17,13 +17,12 @@ export declare const useStyles: () => {
     };
     separator: {
         height: number;
-        backgroundColor: string;
-        opacity: number;
+        backgroundColor: "#e3e7eb";
     };
     optionContainer: {
         width: number;
         paddingVertical: number;
-        paddingHorizontal: number;
+        paddingHorizontal: 16;
     };
     optionText: {
         fontFamily: string;

package/lib/typescript/components/OptionMenuModal/styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/components/OptionMenuModal/styles.tsx"],"names":[],"mappings":"AAGA,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAuCrB,CAAC"}
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/components/OptionMenuModal/styles.tsx"],"names":[],"mappings":"AAKA,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsCrB,CAAC"}

package/lib/typescript/components/PayButton/styles.d.ts

@@ -2,7 +2,7 @@ export declare const useStyles: () => {
     text: {
         fontSize: number;
         lineHeight: number;
-        color: string;
+        color: "#ffffff";
         fontFamily: string;
     };
     lockImage: {

package/lib/typescript/components/PaymentMethodFormHeaderOption/styles.d.ts

@@ -1,15 +1,15 @@
 export declare const useStyles: () => {
     container: {
-        borderColor: string;
-        borderWidth: number;
-        borderRadius: number;
-        paddingHorizontal: number;
+        borderColor: "#e3e7eb";
+        borderWidth: 2;
+        borderRadius: 16;
+        paddingHorizontal: 16;
     };
     title: {
         fontWeight: "700";
         fontSize: number;
         lineHeight: number;
-        color: string;
+        color: "#0f131a";
         flex: number;
         fontFamily: string;
     };
@@ -18,10 +18,10 @@ export declare const useStyles: () => {
         height: number;
     };
     optionContainer: {
-        backgroundColor: string;
+        backgroundColor: "#ffffff";
         flexDirection: "row";
         alignItems: "center";
-        paddingVertical: number;
+        paddingVertical: 12;
     };
 };
 //# sourceMappingURL=styles.d.ts.map

package/lib/typescript/components/PaymentMethodFormHeaderOption/styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/components/PaymentMethodFormHeaderOption/styles.tsx"],"names":[],"mappings":"AAGA,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;CA+BrB,CAAC"}
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/components/PaymentMethodFormHeaderOption/styles.tsx"],"names":[],"mappings":"AAMA,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;CA+BrB,CAAC"}

package/lib/typescript/components/PaymentMethodsForm/styles.d.ts

@@ -1,14 +1,14 @@
 export declare const useStyles: () => {
     container: {
-        borderColor: string;
-        borderWidth: number;
-        borderRadius: number;
-        paddingHorizontal: number;
+        borderColor: "#e3e7eb";
+        borderWidth: 2;
+        borderRadius: 16;
+        paddingHorizontal: 16;
     };
     separator: {
         height: number;
-        backgroundColor: string;
-        marginLeft: number;
+        backgroundColor: "#e3e7eb";
+        marginLeft: 40;
         marginRight: number;
     };
 };

package/lib/typescript/components/PaymentMethodsForm/styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/components/PaymentMethodsForm/styles.tsx"],"names":[],"mappings":"AAGA,eAAO,MAAM,SAAS;;;;;;;;;;;;;CAmBrB,CAAC"}
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/components/PaymentMethodsForm/styles.tsx"],"names":[],"mappings":"AAMA,eAAO,MAAM,SAAS;;;;;;;;;;;;;CAmBrB,CAAC"}

package/lib/typescript/components/ProcessButton/styles.d.ts

@@ -3,8 +3,8 @@ export declare const useStyles: (type: ProcessButtonType) => {
     container: {
         height: number;
         width: "100%";
-        backgroundColor: string;
-        borderRadius: number;
+        backgroundColor: "#0f131a" | "#018850";
+        borderRadius: 8;
         justifyContent: "center";
         alignItems: "center";
     };

package/lib/typescript/components/ProcessButton/styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/components/ProcessButton/styles.tsx"],"names":[],"mappings":"AAGA,MAAM,MAAM,iBAAiB,GACzB,UAAU,GACV,QAAQ,GACR,YAAY,GACZ,SAAS,CAAC;AAEd,eAAO,MAAM,SAAS,GAAI,MAAM,iBAAiB;;;;;;;;;;;;;CA0BhD,CAAC"}
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/components/ProcessButton/styles.tsx"],"names":[],"mappings":"AAIA,MAAM,MAAM,iBAAiB,GACzB,UAAU,GACV,QAAQ,GACR,YAAY,GACZ,SAAS,CAAC;AAEd,eAAO,MAAM,SAAS,GAAI,MAAM,iBAAiB;;;;;;;;;;;;;CA0BhD,CAAC"}

package/lib/typescript/components/SaveCardButton/styles.d.ts

@@ -2,7 +2,7 @@ export declare const useStyles: () => {
     text: {
         fontSize: number;
         lineHeight: number;
-        color: string;
+        color: "#ffffff";
         fontFamily: string;
     };
     lockImage: {

package/lib/typescript/components/SavedCard/styles.d.ts

@@ -10,13 +10,13 @@ export declare const useStyles: () => {
     };
     title: {
         fontSize: number;
-        color: string;
+        color: "#0f131a";
         fontFamily: string;
     };
     text: {
         fontSize: number;
         lineHeight: number;
-        color: string;
+        color: "#6a737c";
         fontFamily: string;
     };
 };