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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (207) hide show
  1. package/android/build.gradle +21 -14
  2. package/android/gradle.properties +4 -4
  3. package/android/src/main/java/com/sumupreactnative/SumupReactNativeModule.java +15 -0
  4. package/ios/SumupReactNative.swift +73 -34
  5. package/lib/commonjs/components/AnimatedContainer/styles.js +1 -1
  6. package/lib/commonjs/components/AnimatedContainer/styles.js.map +1 -1
  7. package/lib/commonjs/components/ApplePayButton/styles.js +3 -2
  8. package/lib/commonjs/components/ApplePayButton/styles.js.map +1 -1
  9. package/lib/commonjs/components/Button/styles.js +9 -7
  10. package/lib/commonjs/components/Button/styles.js.map +1 -1
  11. package/lib/commonjs/components/CardInformation/styles.js +3 -3
  12. package/lib/commonjs/components/CardInformation/styles.js.map +1 -1
  13. package/lib/commonjs/components/CardSheet/styles.js +3 -3
  14. package/lib/commonjs/components/CardSheet/styles.js.map +1 -1
  15. package/lib/commonjs/components/Checkbox/styles.js +5 -3
  16. package/lib/commonjs/components/Checkbox/styles.js.map +1 -1
  17. package/lib/commonjs/components/GooglePayButton/styles.js +4 -3
  18. package/lib/commonjs/components/GooglePayButton/styles.js.map +1 -1
  19. package/lib/commonjs/components/Header/styles.js +1 -1
  20. package/lib/commonjs/components/Header/styles.js.map +1 -1
  21. package/lib/commonjs/components/InputFields/BaseInputField/index.js +1 -1
  22. package/lib/commonjs/components/InputFields/BaseInputField/index.js.map +1 -1
  23. package/lib/commonjs/components/InputFields/BaseInputField/styles.js +12 -9
  24. package/lib/commonjs/components/InputFields/BaseInputField/styles.js.map +1 -1
  25. package/lib/commonjs/components/LoadingSpinner/styles.js +6 -5
  26. package/lib/commonjs/components/LoadingSpinner/styles.js.map +1 -1
  27. package/lib/commonjs/components/Modal/styles.js +1 -1
  28. package/lib/commonjs/components/Modal/styles.js.map +1 -1
  29. package/lib/commonjs/components/NoInternetConnection/styles.js +1 -1
  30. package/lib/commonjs/components/NoInternetConnection/styles.js.map +1 -1
  31. package/lib/commonjs/components/OptionMenuModal/index.js +1 -1
  32. package/lib/commonjs/components/OptionMenuModal/index.js.map +1 -1
  33. package/lib/commonjs/components/OptionMenuModal/styles.js +7 -6
  34. package/lib/commonjs/components/OptionMenuModal/styles.js.map +1 -1
  35. package/lib/commonjs/components/PayButton/styles.js +1 -1
  36. package/lib/commonjs/components/PayButton/styles.js.map +1 -1
  37. package/lib/commonjs/components/PaymentMethodFormHeaderOption/styles.js +10 -7
  38. package/lib/commonjs/components/PaymentMethodFormHeaderOption/styles.js.map +1 -1
  39. package/lib/commonjs/components/PaymentMethodsForm/styles.js +10 -7
  40. package/lib/commonjs/components/PaymentMethodsForm/styles.js.map +1 -1
  41. package/lib/commonjs/components/ProcessButton/styles.js +6 -5
  42. package/lib/commonjs/components/ProcessButton/styles.js.map +1 -1
  43. package/lib/commonjs/components/SaveCardButton/styles.js +1 -1
  44. package/lib/commonjs/components/SaveCardButton/styles.js.map +1 -1
  45. package/lib/commonjs/components/SavedCard/styles.js +2 -2
  46. package/lib/commonjs/components/SavedCard/styles.js.map +1 -1
  47. package/lib/commonjs/components/Switch/styles.js +7 -6
  48. package/lib/commonjs/components/Switch/styles.js.map +1 -1
  49. package/lib/commonjs/components/WebViewSheet/index.js +1 -1
  50. package/lib/commonjs/components/WebViewSheet/index.js.map +1 -1
  51. package/lib/commonjs/components/WebViewSheet/styles.js +1 -1
  52. package/lib/commonjs/components/WebViewSheet/styles.js.map +1 -1
  53. package/lib/commonjs/contexts/ThemeContext.js +5 -1
  54. package/lib/commonjs/contexts/ThemeContext.js.map +1 -1
  55. package/lib/commonjs/styles/borderWidths.js +10 -0
  56. package/lib/commonjs/styles/borderWidths.js.map +1 -0
  57. package/lib/commonjs/styles/colors.js +18 -20
  58. package/lib/commonjs/styles/colors.js.map +1 -1
  59. package/lib/commonjs/styles/designTokens.js +57 -0
  60. package/lib/commonjs/styles/designTokens.js.map +1 -0
  61. package/lib/commonjs/styles/index.js +9 -1
  62. package/lib/commonjs/styles/index.js.map +1 -1
  63. package/lib/commonjs/styles/radii.js +10 -0
  64. package/lib/commonjs/styles/radii.js.map +1 -0
  65. package/lib/commonjs/styles/spacings.js +10 -0
  66. package/lib/commonjs/styles/spacings.js.map +1 -0
  67. package/lib/module/components/AnimatedContainer/styles.js +1 -1
  68. package/lib/module/components/AnimatedContainer/styles.js.map +1 -1
  69. package/lib/module/components/ApplePayButton/styles.js +3 -2
  70. package/lib/module/components/ApplePayButton/styles.js.map +1 -1
  71. package/lib/module/components/Button/styles.js +9 -7
  72. package/lib/module/components/Button/styles.js.map +1 -1
  73. package/lib/module/components/CardInformation/styles.js +3 -3
  74. package/lib/module/components/CardInformation/styles.js.map +1 -1
  75. package/lib/module/components/CardSheet/styles.js +3 -3
  76. package/lib/module/components/CardSheet/styles.js.map +1 -1
  77. package/lib/module/components/Checkbox/styles.js +5 -3
  78. package/lib/module/components/Checkbox/styles.js.map +1 -1
  79. package/lib/module/components/GooglePayButton/styles.js +4 -3
  80. package/lib/module/components/GooglePayButton/styles.js.map +1 -1
  81. package/lib/module/components/Header/styles.js +1 -1
  82. package/lib/module/components/Header/styles.js.map +1 -1
  83. package/lib/module/components/InputFields/BaseInputField/index.js +1 -1
  84. package/lib/module/components/InputFields/BaseInputField/index.js.map +1 -1
  85. package/lib/module/components/InputFields/BaseInputField/styles.js +12 -9
  86. package/lib/module/components/InputFields/BaseInputField/styles.js.map +1 -1
  87. package/lib/module/components/LoadingSpinner/styles.js +6 -5
  88. package/lib/module/components/LoadingSpinner/styles.js.map +1 -1
  89. package/lib/module/components/Modal/styles.js +1 -1
  90. package/lib/module/components/Modal/styles.js.map +1 -1
  91. package/lib/module/components/NoInternetConnection/styles.js +1 -1
  92. package/lib/module/components/NoInternetConnection/styles.js.map +1 -1
  93. package/lib/module/components/OptionMenuModal/index.js +1 -1
  94. package/lib/module/components/OptionMenuModal/index.js.map +1 -1
  95. package/lib/module/components/OptionMenuModal/styles.js +7 -6
  96. package/lib/module/components/OptionMenuModal/styles.js.map +1 -1
  97. package/lib/module/components/PayButton/styles.js +1 -1
  98. package/lib/module/components/PayButton/styles.js.map +1 -1
  99. package/lib/module/components/PaymentMethodFormHeaderOption/styles.js +10 -7
  100. package/lib/module/components/PaymentMethodFormHeaderOption/styles.js.map +1 -1
  101. package/lib/module/components/PaymentMethodsForm/styles.js +10 -7
  102. package/lib/module/components/PaymentMethodsForm/styles.js.map +1 -1
  103. package/lib/module/components/ProcessButton/styles.js +6 -5
  104. package/lib/module/components/ProcessButton/styles.js.map +1 -1
  105. package/lib/module/components/SaveCardButton/styles.js +1 -1
  106. package/lib/module/components/SaveCardButton/styles.js.map +1 -1
  107. package/lib/module/components/SavedCard/styles.js +2 -2
  108. package/lib/module/components/SavedCard/styles.js.map +1 -1
  109. package/lib/module/components/Switch/styles.js +7 -6
  110. package/lib/module/components/Switch/styles.js.map +1 -1
  111. package/lib/module/components/WebViewSheet/index.js +1 -1
  112. package/lib/module/components/WebViewSheet/index.js.map +1 -1
  113. package/lib/module/components/WebViewSheet/styles.js +1 -1
  114. package/lib/module/components/WebViewSheet/styles.js.map +1 -1
  115. package/lib/module/contexts/ThemeContext.js +6 -2
  116. package/lib/module/contexts/ThemeContext.js.map +1 -1
  117. package/lib/module/styles/borderWidths.js +3 -0
  118. package/lib/module/styles/borderWidths.js.map +1 -0
  119. package/lib/module/styles/colors.js +18 -20
  120. package/lib/module/styles/colors.js.map +1 -1
  121. package/lib/module/styles/designTokens.js +48 -0
  122. package/lib/module/styles/designTokens.js.map +1 -0
  123. package/lib/module/styles/index.js +5 -1
  124. package/lib/module/styles/index.js.map +1 -1
  125. package/lib/module/styles/radii.js +3 -0
  126. package/lib/module/styles/radii.js.map +1 -0
  127. package/lib/module/styles/spacings.js +3 -0
  128. package/lib/module/styles/spacings.js.map +1 -0
  129. package/lib/typescript/components/AnimatedContainer/styles.d.ts +1 -1
  130. package/lib/typescript/components/ApplePayButton/styles.d.ts +2 -2
  131. package/lib/typescript/components/ApplePayButton/styles.d.ts.map +1 -1
  132. package/lib/typescript/components/Button/styles.d.ts +4 -4
  133. package/lib/typescript/components/Button/styles.d.ts.map +1 -1
  134. package/lib/typescript/components/CardInformation/styles.d.ts +3 -3
  135. package/lib/typescript/components/CardSheet/styles.d.ts +3 -3
  136. package/lib/typescript/components/Checkbox/styles.d.ts +3 -3
  137. package/lib/typescript/components/Checkbox/styles.d.ts.map +1 -1
  138. package/lib/typescript/components/GooglePayButton/styles.d.ts +3 -3
  139. package/lib/typescript/components/GooglePayButton/styles.d.ts.map +1 -1
  140. package/lib/typescript/components/Header/styles.d.ts +1 -1
  141. package/lib/typescript/components/InputFields/BaseInputField/styles.d.ts +7 -7
  142. package/lib/typescript/components/LoadingSpinner/styles.d.ts +5 -5
  143. package/lib/typescript/components/LoadingSpinner/styles.d.ts.map +1 -1
  144. package/lib/typescript/components/Modal/styles.d.ts +1 -1
  145. package/lib/typescript/components/NoInternetConnection/styles.d.ts +1 -1
  146. package/lib/typescript/components/OptionMenuModal/index.d.ts.map +1 -1
  147. package/lib/typescript/components/OptionMenuModal/styles.d.ts +5 -6
  148. package/lib/typescript/components/OptionMenuModal/styles.d.ts.map +1 -1
  149. package/lib/typescript/components/PayButton/styles.d.ts +1 -1
  150. package/lib/typescript/components/PaymentMethodFormHeaderOption/styles.d.ts +7 -7
  151. package/lib/typescript/components/PaymentMethodFormHeaderOption/styles.d.ts.map +1 -1
  152. package/lib/typescript/components/PaymentMethodsForm/styles.d.ts +6 -6
  153. package/lib/typescript/components/PaymentMethodsForm/styles.d.ts.map +1 -1
  154. package/lib/typescript/components/ProcessButton/styles.d.ts +2 -2
  155. package/lib/typescript/components/ProcessButton/styles.d.ts.map +1 -1
  156. package/lib/typescript/components/SaveCardButton/styles.d.ts +1 -1
  157. package/lib/typescript/components/SavedCard/styles.d.ts +2 -2
  158. package/lib/typescript/components/Switch/styles.d.ts +5 -5
  159. package/lib/typescript/components/WebViewSheet/index.d.ts.map +1 -1
  160. package/lib/typescript/components/WebViewSheet/styles.d.ts +1 -1
  161. package/lib/typescript/contexts/ThemeContext.d.ts +82 -20
  162. package/lib/typescript/contexts/ThemeContext.d.ts.map +1 -1
  163. package/lib/typescript/styles/borderWidths.d.ts +5 -0
  164. package/lib/typescript/styles/borderWidths.d.ts.map +1 -0
  165. package/lib/typescript/styles/colors.d.ts +17 -20
  166. package/lib/typescript/styles/colors.d.ts.map +1 -1
  167. package/lib/typescript/styles/designTokens.d.ts +87 -0
  168. package/lib/typescript/styles/designTokens.d.ts.map +1 -0
  169. package/lib/typescript/styles/index.d.ts +5 -1
  170. package/lib/typescript/styles/index.d.ts.map +1 -1
  171. package/lib/typescript/styles/radii.d.ts +8 -0
  172. package/lib/typescript/styles/radii.d.ts.map +1 -0
  173. package/lib/typescript/styles/spacings.d.ts +12 -0
  174. package/lib/typescript/styles/spacings.d.ts.map +1 -0
  175. package/package.json +4 -4
  176. package/src/components/AnimatedContainer/styles.tsx +1 -1
  177. package/src/components/ApplePayButton/styles.tsx +3 -2
  178. package/src/components/Button/styles.tsx +9 -7
  179. package/src/components/CardInformation/styles.tsx +3 -3
  180. package/src/components/CardSheet/styles.tsx +3 -3
  181. package/src/components/Checkbox/styles.tsx +5 -3
  182. package/src/components/GooglePayButton/styles.tsx +4 -3
  183. package/src/components/Header/styles.tsx +1 -1
  184. package/src/components/InputFields/BaseInputField/index.tsx +1 -1
  185. package/src/components/InputFields/BaseInputField/styles.tsx +9 -9
  186. package/src/components/LoadingSpinner/styles.tsx +6 -5
  187. package/src/components/Modal/styles.tsx +1 -1
  188. package/src/components/NoInternetConnection/styles.tsx +1 -1
  189. package/src/components/OptionMenuModal/index.tsx +3 -1
  190. package/src/components/OptionMenuModal/styles.tsx +7 -6
  191. package/src/components/PayButton/styles.tsx +1 -1
  192. package/src/components/PaymentMethodFormHeaderOption/styles.tsx +10 -7
  193. package/src/components/PaymentMethodsForm/styles.tsx +10 -7
  194. package/src/components/ProcessButton/styles.tsx +6 -5
  195. package/src/components/SaveCardButton/styles.tsx +1 -1
  196. package/src/components/SavedCard/styles.tsx +2 -2
  197. package/src/components/Switch/styles.tsx +6 -6
  198. package/src/components/WebViewSheet/index.tsx +3 -1
  199. package/src/components/WebViewSheet/styles.tsx +1 -1
  200. package/src/contexts/ThemeContext.tsx +13 -1
  201. package/src/styles/borderWidths.ts +3 -0
  202. package/src/styles/colors.ts +19 -20
  203. package/src/styles/designTokens.ts +49 -0
  204. package/src/styles/index.ts +5 -1
  205. package/src/styles/radii.ts +3 -0
  206. package/src/styles/spacings.ts +3 -0
  207. package/{sumup-react-native.podspec → sumup-react-native-checkout.podspec} +6 -4
@@ -1 +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"}
1
+ {"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"}
@@ -9,7 +9,7 @@ export const useStyles = () => {
9
9
  text: {
10
10
  fontSize: 16,
11
11
  lineHeight: 24,
12
- color: colors.white,
12
+ color: colors.fgOnStrong,
13
13
  fontFamily: fonts.aktivGroteskBold
14
14
  },
15
15
  lockImage: {
@@ -1 +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"}
1
+ {"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"}
@@ -1,5 +1,8 @@
1
1
  import { StyleSheet } from 'react-native';
2
2
  import { useTheme } from '../../contexts/ThemeContext';
3
+ import { borderWidths } from '../../styles/borderWidths';
4
+ import { radii } from '../../styles/radii';
5
+ import { spacings } from '../../styles/spacings';
3
6
  export const useStyles = () => {
4
7
  const {
5
8
  colors,
@@ -7,16 +10,16 @@ export const useStyles = () => {
7
10
  } = useTheme();
8
11
  const styles = StyleSheet.create({
9
12
  container: {
10
- borderColor: colors.mercury,
11
- borderWidth: 2,
12
- borderRadius: 16,
13
- paddingHorizontal: 16
13
+ borderColor: colors.borderDivider,
14
+ borderWidth: borderWidths.mega,
15
+ borderRadius: radii.mega,
16
+ paddingHorizontal: spacings.mega
14
17
  },
15
18
  title: {
16
19
  fontWeight: '700',
17
20
  fontSize: 14,
18
21
  lineHeight: 20,
19
- color: colors.codGray,
22
+ color: colors.fgNormal,
20
23
  flex: 1,
21
24
  fontFamily: fonts.sfProTextBold
22
25
  },
@@ -25,10 +28,10 @@ export const useStyles = () => {
25
28
  height: 24
26
29
  },
27
30
  optionContainer: {
28
- backgroundColor: colors.white,
31
+ backgroundColor: colors.bgNormal,
29
32
  flexDirection: 'row',
30
33
  alignItems: 'center',
31
- paddingVertical: 12
34
+ paddingVertical: spacings.kilo
32
35
  }
33
36
  });
34
37
  return styles;
@@ -1 +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"}
1
+ {"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"}
@@ -1,21 +1,24 @@
1
1
  import { StyleSheet } from 'react-native';
2
2
  import { useTheme } from '../../contexts/ThemeContext';
3
+ import { borderWidths } from '../../styles/borderWidths';
4
+ import { radii } from '../../styles/radii';
5
+ import { spacings } from '../../styles/spacings';
3
6
  export const useStyles = () => {
4
7
  const {
5
8
  colors
6
9
  } = useTheme();
7
10
  const styles = StyleSheet.create({
8
11
  container: {
9
- borderColor: colors.mercury,
10
- borderWidth: 2,
11
- borderRadius: 16,
12
- paddingHorizontal: 16
12
+ borderColor: colors.borderDivider,
13
+ borderWidth: borderWidths.mega,
14
+ borderRadius: radii.mega,
15
+ paddingHorizontal: spacings.mega
13
16
  },
14
17
  separator: {
15
18
  height: 1,
16
- backgroundColor: colors.mercury,
17
- marginLeft: 40,
18
- marginRight: -16
19
+ backgroundColor: colors.borderDivider,
20
+ marginLeft: spacings.peta,
21
+ marginRight: -spacings.mega
19
22
  }
20
23
  });
21
24
  return styles;
@@ -1 +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"}
1
+ {"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"}
@@ -1,21 +1,22 @@
1
1
  import { StyleSheet } from 'react-native';
2
2
  import { useTheme } from '../../contexts/ThemeContext';
3
+ import { radii } from '../../styles/radii';
3
4
  export const useStyles = type => {
4
5
  const {
5
6
  colors
6
7
  } = useTheme();
7
8
  const backgroundColor = {
8
- disabled: colors.dodgerBlue,
9
- active: colors.dodgerBlue,
10
- processing: colors.dodgerBlue,
11
- success: colors.deepSea
9
+ disabled: colors.bgAccentStrong,
10
+ active: colors.bgAccentStrong,
11
+ processing: colors.bgAccentStrong,
12
+ success: colors.bgSuccessStrong
12
13
  };
13
14
  const styles = StyleSheet.create({
14
15
  container: {
15
16
  height: 48,
16
17
  width: '100%',
17
18
  backgroundColor: backgroundColor[type],
18
- borderRadius: 100,
19
+ borderRadius: radii.byte,
19
20
  justifyContent: 'center',
20
21
  alignItems: 'center'
21
22
  },
@@ -1 +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"}
1
+ {"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"}
@@ -9,7 +9,7 @@ export const useStyles = () => {
9
9
  text: {
10
10
  fontSize: 16,
11
11
  lineHeight: 24,
12
- color: colors.white,
12
+ color: colors.fgOnStrong,
13
13
  fontFamily: fonts.aktivGroteskBold
14
14
  },
15
15
  lockImage: {
@@ -1 +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"}
1
+ {"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"}
@@ -17,13 +17,13 @@ export const useStyles = () => {
17
17
  },
18
18
  title: {
19
19
  fontSize: 16,
20
- color: colors.codGray,
20
+ color: colors.fgNormal,
21
21
  fontFamily: fonts.sfProTextRegular
22
22
  },
23
23
  text: {
24
24
  fontSize: 14,
25
25
  lineHeight: 20,
26
- color: colors.doveGray,
26
+ color: colors.fgSubtle,
27
27
  fontFamily: fonts.sfProTextRegular
28
28
  }
29
29
  });
@@ -1 +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"}
1
+ {"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"}
@@ -5,7 +5,8 @@ const SELECT_MARGIN = 22;
5
5
  export const useStyles = selected => {
6
6
  const {
7
7
  colors,
8
- fonts
8
+ fonts,
9
+ radii
9
10
  } = useTheme();
10
11
  const styles = StyleSheet.create({
11
12
  container: {
@@ -17,22 +18,22 @@ export const useStyles = selected => {
17
18
  },
18
19
  title: {
19
20
  fontSize: 14,
20
- color: colors.codGray,
21
+ color: colors.fgNormal,
21
22
  fontFamily: fonts.sfProTextRegular
22
23
  },
23
24
  switchContainer: {
24
25
  width: 51,
25
26
  height: 31,
26
- backgroundColor: selected ? colors.royalBlue : colors.mercury,
27
+ backgroundColor: selected ? colors.bgAccentStrong : colors.bgHighlight,
27
28
  justifyContent: 'center',
28
- borderRadius: 20
29
+ borderRadius: radii.pill
29
30
  },
30
31
  switchCircle: {
31
32
  width: 27,
32
33
  height: 27,
33
- backgroundColor: colors.white,
34
+ backgroundColor: colors.bgNormal,
34
35
  borderRadius: 13.5,
35
- shadowColor: colors.codGray,
36
+ shadowColor: colors.fgNormal,
36
37
  shadowOffset: {
37
38
  width: 0,
38
39
  height: 1
@@ -1 +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"}
1
+ {"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"}
@@ -31,7 +31,7 @@ export const WebViewSheet = props => {
31
31
  style: styles.loaderContainer
32
32
  }, /*#__PURE__*/React.createElement(ActivityIndicator, {
33
33
  size: 'large',
34
- color: Platform.OS === 'android' ? colors.royalBlue : undefined,
34
+ color: Platform.OS === 'android' ? colors.bgAccentStrong : undefined,
35
35
  style: styles.activityIndicator
36
36
  }))));
37
37
  };
@@ -1 +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"}
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","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"}
@@ -17,7 +17,7 @@ export const useStyles = () => {
17
17
  borderTopLeftRadius: 8,
18
18
  borderTopRightRadius: 8,
19
19
  overflow: 'hidden',
20
- backgroundColor: colors.white
20
+ backgroundColor: colors.bgNormal
21
21
  },
22
22
  headerContainer: {
23
23
  paddingHorizontal: 16,
@@ -1 +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"}
1
+ {"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"}
@@ -1,8 +1,12 @@
1
- import { Colors, Images, Fonts } from '../styles';
1
+ import { Colors, Images, Fonts, Radii, BorderWidths, Spacings, DesignTokens } from '../styles';
2
2
  const DEFAULT_THEME = {
3
3
  colors: Colors.light,
4
4
  images: Images.light,
5
- fonts: Fonts.light
5
+ fonts: Fonts.light,
6
+ radii: Radii.radii,
7
+ borderWidths: BorderWidths.borderWidths,
8
+ spacings: Spacings.spacings,
9
+ designTokens: DesignTokens.light
6
10
  };
7
11
  export const useTheme = () => DEFAULT_THEME;
8
12
  //# sourceMappingURL=ThemeContext.js.map
@@ -1 +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"}
1
+ {"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"}
@@ -0,0 +1,3 @@
1
+ import { shared } from './designTokens';
2
+ export const borderWidths = shared.borderWidths;
3
+ //# sourceMappingURL=borderWidths.js.map
@@ -0,0 +1 @@
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"}
@@ -1,23 +1,21 @@
1
+ import { lightColors } from './designTokens';
1
2
  export const light = {
2
- transparent: 'transparent',
3
- black: '#000000',
4
- white: '#ffffff',
5
- grayNickel: '#C8C9C5',
6
- silver: '#CCCCCC',
7
- codGray: '#1A1A1A',
8
- regentGray: '#8792A2',
9
- dustyGray: '#999999',
10
- dodgerBlue: '#3063E9',
11
- mantis: '#91C55E',
12
- paleSky: '#697386',
13
- guardsmanRed: '#BC010B',
14
- cinnabar: '#EB4C3B',
15
- athensGray: '#E5E5E9',
16
- royalBlue: '#3064E3',
17
- mercury: '#E6E6E6',
18
- doveGray: '#666666',
19
- alizarinCrimson: '#DE331D',
20
- deepSea: '#018850',
21
- valencia: '#D23F47'
3
+ transparent: lightColors.transparent,
4
+ bgNormal: lightColors.bgNormal,
5
+ bgSubtle: lightColors.bgSubtle,
6
+ bgHighlight: lightColors.bgHighlight,
7
+ bgStrong: lightColors.bgStrong,
8
+ bgAccentStrong: lightColors.bgAccentStrong,
9
+ bgSuccessStrong: lightColors.bgSuccessStrong,
10
+ fgNormal: lightColors.fgNormal,
11
+ fgSubtle: lightColors.fgSubtle,
12
+ fgPlaceholder: lightColors.fgPlaceholder,
13
+ fgAccent: lightColors.fgAccent,
14
+ fgDanger: lightColors.fgDanger,
15
+ fgOnStrong: lightColors.fgOnStrong,
16
+ borderNormal: lightColors.borderNormal,
17
+ borderSubtle: lightColors.borderSubtle,
18
+ borderDivider: lightColors.borderDivider,
19
+ borderDanger: lightColors.borderDanger
22
20
  };
23
21
  //# sourceMappingURL=colors.js.map
@@ -1 +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"}
1
+ {"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"}
@@ -0,0 +1,48 @@
1
+ export const shared = {
2
+ radii: {
3
+ bit: 4,
4
+ byte: 8,
5
+ kilo: 12,
6
+ mega: 16,
7
+ pill: 999999
8
+ },
9
+ borderWidths: {
10
+ kilo: 1,
11
+ mega: 2
12
+ },
13
+ spacings: {
14
+ bit: 4,
15
+ byte: 8,
16
+ kilo: 12,
17
+ mega: 16,
18
+ giga: 24,
19
+ tera: 32,
20
+ peta: 40,
21
+ exa: 48,
22
+ zetta: 56
23
+ }
24
+ };
25
+ export const lightColors = {
26
+ transparent: 'transparent',
27
+ bgNormal: '#ffffff',
28
+ bgSubtle: '#f0f1f5',
29
+ bgHighlight: '#e3e7eb',
30
+ bgStrong: '#000000',
31
+ bgAccentStrong: '#0f131a',
32
+ bgSuccessStrong: '#018850',
33
+ fgNormal: '#0f131a',
34
+ fgSubtle: '#6a737c',
35
+ fgPlaceholder: '#929396',
36
+ fgAccent: '#0f131a',
37
+ fgDanger: '#de331d',
38
+ fgOnStrong: '#ffffff',
39
+ borderNormal: '#aeb6be',
40
+ borderSubtle: '#e3e7ec',
41
+ borderDivider: '#e3e7eb',
42
+ borderDanger: '#de331d'
43
+ };
44
+ export const light = {
45
+ colors: lightColors,
46
+ ...shared
47
+ };
48
+ //# sourceMappingURL=designTokens.js.map
@@ -0,0 +1 @@
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"}
@@ -1,5 +1,9 @@
1
1
  import * as Colors from './colors';
2
2
  import * as Images from './images';
3
3
  import * as Fonts from './fonts';
4
- export { Colors, Images, Fonts };
4
+ import * as Radii from './radii';
5
+ import * as BorderWidths from './borderWidths';
6
+ import * as Spacings from './spacings';
7
+ import * as DesignTokens from './designTokens';
8
+ export { Colors, Images, Fonts, Radii, BorderWidths, Spacings, DesignTokens };
5
9
  //# sourceMappingURL=index.js.map
@@ -1 +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"}
1
+ {"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"}
@@ -0,0 +1,3 @@
1
+ import { shared } from './designTokens';
2
+ export const radii = shared.radii;
3
+ //# sourceMappingURL=radii.js.map
@@ -0,0 +1 @@
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"}
@@ -0,0 +1,3 @@
1
+ import { shared } from './designTokens';
2
+ export const spacings = shared.spacings;
3
+ //# sourceMappingURL=spacings.js.map
@@ -0,0 +1 @@
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"}
@@ -7,7 +7,7 @@ export declare const useStyles: (height?: number) => {
7
7
  right: number;
8
8
  };
9
9
  content: {
10
- backgroundColor: string;
10
+ backgroundColor: "#ffffff";
11
11
  width: number;
12
12
  height: number | undefined;
13
13
  borderTopLeftRadius: number;
@@ -3,8 +3,8 @@ export declare const useStyles: (disabled?: boolean) => {
3
3
  opacity: number;
4
4
  height: number;
5
5
  width: "100%";
6
- backgroundColor: string;
7
- borderRadius: number;
6
+ backgroundColor: "#000000";
7
+ borderRadius: 8;
8
8
  justifyContent: "center";
9
9
  alignItems: "center";
10
10
  };
@@ -1 +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"}
1
+ {"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/components/ApplePayButton/styles.tsx"],"names":[],"mappings":"AAIA,eAAO,MAAM,SAAS,GAAI,WAAW,OAAO;;;;;;;;;;;;;;CAoB3C,CAAC"}
@@ -2,18 +2,18 @@ import { ButtonType } from '.';
2
2
  export declare const useStyles: (type: ButtonType) => {
3
3
  container: {
4
4
  height: number;
5
- borderRadius: number;
5
+ borderRadius: 8;
6
6
  width: "100%";
7
7
  justifyContent: "center";
8
8
  alignItems: "center";
9
- backgroundColor: string;
9
+ backgroundColor: "transparent" | "#0f131a";
10
10
  borderWidth: number;
11
- borderColor: string;
11
+ borderColor: "transparent" | "#aeb6be";
12
12
  };
13
13
  text: {
14
14
  fontSize: number;
15
15
  lineHeight: number;
16
- color: string;
16
+ color: "#ffffff" | "#0f131a" | "#de331d";
17
17
  fontFamily: string;
18
18
  };
19
19
  };
@@ -1 +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"}
1
+ {"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"}
@@ -14,14 +14,14 @@ export declare const useStyles: () => {
14
14
  title: {
15
15
  fontWeight: "600";
16
16
  fontSize: number;
17
- color: string;
17
+ color: "#6a737c";
18
18
  marginBottom: number;
19
19
  };
20
20
  privacyPolicyText: {
21
- color: string;
21
+ color: "#6a737c";
22
22
  };
23
23
  privacyPolicyLink: {
24
- color: string;
24
+ color: "#0f131a";
25
25
  };
26
26
  };
27
27
  //# sourceMappingURL=styles.d.ts.map
@@ -1,6 +1,6 @@
1
1
  export declare const useStyles: () => {
2
2
  container: {
3
- backgroundColor: string;
3
+ backgroundColor: "#ffffff";
4
4
  maxHeight: number;
5
5
  paddingBottom: number;
6
6
  };
@@ -8,12 +8,12 @@ export declare const useStyles: () => {
8
8
  fontWeight: "bold";
9
9
  fontSize: number;
10
10
  marginBottom: number;
11
- color: string;
11
+ color: "#0f131a";
12
12
  };
13
13
  separatorText: {
14
14
  fontSize: number;
15
15
  lineHeight: number;
16
- color: string;
16
+ color: "#0f131a";
17
17
  width: "100%";
18
18
  textAlign: "center";
19
19
  };
@@ -1,10 +1,10 @@
1
1
  export declare const useStyles: (selected: boolean) => {
2
2
  container: {
3
- borderRadius: number;
3
+ borderRadius: 12;
4
4
  width: number;
5
5
  height: number;
6
- borderWidth: number;
7
- borderColor: string;
6
+ borderWidth: 2;
7
+ borderColor: "#0f131a" | "#6a737c";
8
8
  };
9
9
  image: {
10
10
  width: number;
@@ -1 +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"}
1
+ {"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Checkbox/styles.tsx"],"names":[],"mappings":"AAKA,eAAO,MAAM,SAAS,GAAI,UAAU,OAAO;;;;;;;;;;;;;;CAoB1C,CAAC"}