@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.
- package/android/build.gradle +21 -14
- package/android/gradle.properties +4 -4
- package/android/src/main/java/com/sumupreactnative/SumupReactNativeModule.java +15 -0
- package/ios/SumupReactNative.swift +73 -34
- package/lib/commonjs/components/AnimatedContainer/styles.js +1 -1
- package/lib/commonjs/components/AnimatedContainer/styles.js.map +1 -1
- package/lib/commonjs/components/ApplePayButton/styles.js +3 -2
- package/lib/commonjs/components/ApplePayButton/styles.js.map +1 -1
- package/lib/commonjs/components/Button/styles.js +9 -7
- package/lib/commonjs/components/Button/styles.js.map +1 -1
- package/lib/commonjs/components/CardInformation/styles.js +3 -3
- package/lib/commonjs/components/CardInformation/styles.js.map +1 -1
- package/lib/commonjs/components/CardSheet/styles.js +3 -3
- package/lib/commonjs/components/CardSheet/styles.js.map +1 -1
- package/lib/commonjs/components/Checkbox/styles.js +5 -3
- package/lib/commonjs/components/Checkbox/styles.js.map +1 -1
- package/lib/commonjs/components/GooglePayButton/styles.js +4 -3
- package/lib/commonjs/components/GooglePayButton/styles.js.map +1 -1
- package/lib/commonjs/components/Header/styles.js +1 -1
- package/lib/commonjs/components/Header/styles.js.map +1 -1
- package/lib/commonjs/components/InputFields/BaseInputField/index.js +1 -1
- package/lib/commonjs/components/InputFields/BaseInputField/index.js.map +1 -1
- package/lib/commonjs/components/InputFields/BaseInputField/styles.js +12 -9
- package/lib/commonjs/components/InputFields/BaseInputField/styles.js.map +1 -1
- package/lib/commonjs/components/LoadingSpinner/styles.js +6 -5
- package/lib/commonjs/components/LoadingSpinner/styles.js.map +1 -1
- package/lib/commonjs/components/Modal/styles.js +1 -1
- package/lib/commonjs/components/Modal/styles.js.map +1 -1
- package/lib/commonjs/components/NoInternetConnection/styles.js +1 -1
- package/lib/commonjs/components/NoInternetConnection/styles.js.map +1 -1
- package/lib/commonjs/components/OptionMenuModal/index.js +1 -1
- package/lib/commonjs/components/OptionMenuModal/index.js.map +1 -1
- package/lib/commonjs/components/OptionMenuModal/styles.js +7 -6
- package/lib/commonjs/components/OptionMenuModal/styles.js.map +1 -1
- package/lib/commonjs/components/PayButton/styles.js +1 -1
- package/lib/commonjs/components/PayButton/styles.js.map +1 -1
- package/lib/commonjs/components/PaymentMethodFormHeaderOption/styles.js +10 -7
- package/lib/commonjs/components/PaymentMethodFormHeaderOption/styles.js.map +1 -1
- package/lib/commonjs/components/PaymentMethodsForm/styles.js +10 -7
- package/lib/commonjs/components/PaymentMethodsForm/styles.js.map +1 -1
- package/lib/commonjs/components/ProcessButton/styles.js +6 -5
- package/lib/commonjs/components/ProcessButton/styles.js.map +1 -1
- package/lib/commonjs/components/SaveCardButton/styles.js +1 -1
- package/lib/commonjs/components/SaveCardButton/styles.js.map +1 -1
- package/lib/commonjs/components/SavedCard/styles.js +2 -2
- package/lib/commonjs/components/SavedCard/styles.js.map +1 -1
- package/lib/commonjs/components/Switch/styles.js +7 -6
- package/lib/commonjs/components/Switch/styles.js.map +1 -1
- package/lib/commonjs/components/WebViewSheet/index.js +1 -1
- package/lib/commonjs/components/WebViewSheet/index.js.map +1 -1
- package/lib/commonjs/components/WebViewSheet/styles.js +1 -1
- package/lib/commonjs/components/WebViewSheet/styles.js.map +1 -1
- package/lib/commonjs/contexts/ThemeContext.js +5 -1
- package/lib/commonjs/contexts/ThemeContext.js.map +1 -1
- package/lib/commonjs/styles/borderWidths.js +10 -0
- package/lib/commonjs/styles/borderWidths.js.map +1 -0
- package/lib/commonjs/styles/colors.js +18 -20
- package/lib/commonjs/styles/colors.js.map +1 -1
- package/lib/commonjs/styles/designTokens.js +57 -0
- package/lib/commonjs/styles/designTokens.js.map +1 -0
- package/lib/commonjs/styles/index.js +9 -1
- package/lib/commonjs/styles/index.js.map +1 -1
- package/lib/commonjs/styles/radii.js +10 -0
- package/lib/commonjs/styles/radii.js.map +1 -0
- package/lib/commonjs/styles/spacings.js +10 -0
- package/lib/commonjs/styles/spacings.js.map +1 -0
- package/lib/module/components/AnimatedContainer/styles.js +1 -1
- package/lib/module/components/AnimatedContainer/styles.js.map +1 -1
- package/lib/module/components/ApplePayButton/styles.js +3 -2
- package/lib/module/components/ApplePayButton/styles.js.map +1 -1
- package/lib/module/components/Button/styles.js +9 -7
- package/lib/module/components/Button/styles.js.map +1 -1
- package/lib/module/components/CardInformation/styles.js +3 -3
- package/lib/module/components/CardInformation/styles.js.map +1 -1
- package/lib/module/components/CardSheet/styles.js +3 -3
- package/lib/module/components/CardSheet/styles.js.map +1 -1
- package/lib/module/components/Checkbox/styles.js +5 -3
- package/lib/module/components/Checkbox/styles.js.map +1 -1
- package/lib/module/components/GooglePayButton/styles.js +4 -3
- package/lib/module/components/GooglePayButton/styles.js.map +1 -1
- package/lib/module/components/Header/styles.js +1 -1
- package/lib/module/components/Header/styles.js.map +1 -1
- package/lib/module/components/InputFields/BaseInputField/index.js +1 -1
- package/lib/module/components/InputFields/BaseInputField/index.js.map +1 -1
- package/lib/module/components/InputFields/BaseInputField/styles.js +12 -9
- package/lib/module/components/InputFields/BaseInputField/styles.js.map +1 -1
- package/lib/module/components/LoadingSpinner/styles.js +6 -5
- package/lib/module/components/LoadingSpinner/styles.js.map +1 -1
- package/lib/module/components/Modal/styles.js +1 -1
- package/lib/module/components/Modal/styles.js.map +1 -1
- package/lib/module/components/NoInternetConnection/styles.js +1 -1
- package/lib/module/components/NoInternetConnection/styles.js.map +1 -1
- package/lib/module/components/OptionMenuModal/index.js +1 -1
- package/lib/module/components/OptionMenuModal/index.js.map +1 -1
- package/lib/module/components/OptionMenuModal/styles.js +7 -6
- package/lib/module/components/OptionMenuModal/styles.js.map +1 -1
- package/lib/module/components/PayButton/styles.js +1 -1
- package/lib/module/components/PayButton/styles.js.map +1 -1
- package/lib/module/components/PaymentMethodFormHeaderOption/styles.js +10 -7
- package/lib/module/components/PaymentMethodFormHeaderOption/styles.js.map +1 -1
- package/lib/module/components/PaymentMethodsForm/styles.js +10 -7
- package/lib/module/components/PaymentMethodsForm/styles.js.map +1 -1
- package/lib/module/components/ProcessButton/styles.js +6 -5
- package/lib/module/components/ProcessButton/styles.js.map +1 -1
- package/lib/module/components/SaveCardButton/styles.js +1 -1
- package/lib/module/components/SaveCardButton/styles.js.map +1 -1
- package/lib/module/components/SavedCard/styles.js +2 -2
- package/lib/module/components/SavedCard/styles.js.map +1 -1
- package/lib/module/components/Switch/styles.js +7 -6
- package/lib/module/components/Switch/styles.js.map +1 -1
- package/lib/module/components/WebViewSheet/index.js +1 -1
- package/lib/module/components/WebViewSheet/index.js.map +1 -1
- package/lib/module/components/WebViewSheet/styles.js +1 -1
- package/lib/module/components/WebViewSheet/styles.js.map +1 -1
- package/lib/module/contexts/ThemeContext.js +6 -2
- package/lib/module/contexts/ThemeContext.js.map +1 -1
- package/lib/module/styles/borderWidths.js +3 -0
- package/lib/module/styles/borderWidths.js.map +1 -0
- package/lib/module/styles/colors.js +18 -20
- package/lib/module/styles/colors.js.map +1 -1
- package/lib/module/styles/designTokens.js +48 -0
- package/lib/module/styles/designTokens.js.map +1 -0
- package/lib/module/styles/index.js +5 -1
- package/lib/module/styles/index.js.map +1 -1
- package/lib/module/styles/radii.js +3 -0
- package/lib/module/styles/radii.js.map +1 -0
- package/lib/module/styles/spacings.js +3 -0
- package/lib/module/styles/spacings.js.map +1 -0
- package/lib/typescript/components/AnimatedContainer/styles.d.ts +1 -1
- package/lib/typescript/components/ApplePayButton/styles.d.ts +2 -2
- package/lib/typescript/components/ApplePayButton/styles.d.ts.map +1 -1
- package/lib/typescript/components/Button/styles.d.ts +4 -4
- package/lib/typescript/components/Button/styles.d.ts.map +1 -1
- package/lib/typescript/components/CardInformation/styles.d.ts +3 -3
- package/lib/typescript/components/CardSheet/styles.d.ts +3 -3
- package/lib/typescript/components/Checkbox/styles.d.ts +3 -3
- package/lib/typescript/components/Checkbox/styles.d.ts.map +1 -1
- package/lib/typescript/components/GooglePayButton/styles.d.ts +3 -3
- package/lib/typescript/components/GooglePayButton/styles.d.ts.map +1 -1
- package/lib/typescript/components/Header/styles.d.ts +1 -1
- package/lib/typescript/components/InputFields/BaseInputField/styles.d.ts +7 -7
- package/lib/typescript/components/LoadingSpinner/styles.d.ts +5 -5
- package/lib/typescript/components/LoadingSpinner/styles.d.ts.map +1 -1
- package/lib/typescript/components/Modal/styles.d.ts +1 -1
- package/lib/typescript/components/NoInternetConnection/styles.d.ts +1 -1
- package/lib/typescript/components/OptionMenuModal/index.d.ts.map +1 -1
- package/lib/typescript/components/OptionMenuModal/styles.d.ts +5 -6
- package/lib/typescript/components/OptionMenuModal/styles.d.ts.map +1 -1
- package/lib/typescript/components/PayButton/styles.d.ts +1 -1
- package/lib/typescript/components/PaymentMethodFormHeaderOption/styles.d.ts +7 -7
- package/lib/typescript/components/PaymentMethodFormHeaderOption/styles.d.ts.map +1 -1
- package/lib/typescript/components/PaymentMethodsForm/styles.d.ts +6 -6
- package/lib/typescript/components/PaymentMethodsForm/styles.d.ts.map +1 -1
- package/lib/typescript/components/ProcessButton/styles.d.ts +2 -2
- package/lib/typescript/components/ProcessButton/styles.d.ts.map +1 -1
- package/lib/typescript/components/SaveCardButton/styles.d.ts +1 -1
- package/lib/typescript/components/SavedCard/styles.d.ts +2 -2
- package/lib/typescript/components/Switch/styles.d.ts +5 -5
- package/lib/typescript/components/WebViewSheet/index.d.ts.map +1 -1
- package/lib/typescript/components/WebViewSheet/styles.d.ts +1 -1
- package/lib/typescript/contexts/ThemeContext.d.ts +82 -20
- package/lib/typescript/contexts/ThemeContext.d.ts.map +1 -1
- package/lib/typescript/styles/borderWidths.d.ts +5 -0
- package/lib/typescript/styles/borderWidths.d.ts.map +1 -0
- package/lib/typescript/styles/colors.d.ts +17 -20
- package/lib/typescript/styles/colors.d.ts.map +1 -1
- package/lib/typescript/styles/designTokens.d.ts +87 -0
- package/lib/typescript/styles/designTokens.d.ts.map +1 -0
- package/lib/typescript/styles/index.d.ts +5 -1
- package/lib/typescript/styles/index.d.ts.map +1 -1
- package/lib/typescript/styles/radii.d.ts +8 -0
- package/lib/typescript/styles/radii.d.ts.map +1 -0
- package/lib/typescript/styles/spacings.d.ts +12 -0
- package/lib/typescript/styles/spacings.d.ts.map +1 -0
- package/package.json +4 -4
- package/src/components/AnimatedContainer/styles.tsx +1 -1
- package/src/components/ApplePayButton/styles.tsx +3 -2
- package/src/components/Button/styles.tsx +9 -7
- package/src/components/CardInformation/styles.tsx +3 -3
- package/src/components/CardSheet/styles.tsx +3 -3
- package/src/components/Checkbox/styles.tsx +5 -3
- package/src/components/GooglePayButton/styles.tsx +4 -3
- package/src/components/Header/styles.tsx +1 -1
- package/src/components/InputFields/BaseInputField/index.tsx +1 -1
- package/src/components/InputFields/BaseInputField/styles.tsx +9 -9
- package/src/components/LoadingSpinner/styles.tsx +6 -5
- package/src/components/Modal/styles.tsx +1 -1
- package/src/components/NoInternetConnection/styles.tsx +1 -1
- package/src/components/OptionMenuModal/index.tsx +3 -1
- package/src/components/OptionMenuModal/styles.tsx +7 -6
- package/src/components/PayButton/styles.tsx +1 -1
- package/src/components/PaymentMethodFormHeaderOption/styles.tsx +10 -7
- package/src/components/PaymentMethodsForm/styles.tsx +10 -7
- package/src/components/ProcessButton/styles.tsx +6 -5
- package/src/components/SaveCardButton/styles.tsx +1 -1
- package/src/components/SavedCard/styles.tsx +2 -2
- package/src/components/Switch/styles.tsx +6 -6
- package/src/components/WebViewSheet/index.tsx +3 -1
- package/src/components/WebViewSheet/styles.tsx +1 -1
- package/src/contexts/ThemeContext.tsx +13 -1
- package/src/styles/borderWidths.ts +3 -0
- package/src/styles/colors.ts +19 -20
- package/src/styles/designTokens.ts +49 -0
- package/src/styles/index.ts +5 -1
- package/src/styles/radii.ts +3 -0
- package/src/styles/spacings.ts +3 -0
- 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","
|
|
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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["StyleSheet","useTheme","useStyles","colors","fonts","styles","create","text","fontSize","lineHeight","color","
|
|
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.
|
|
11
|
-
borderWidth:
|
|
12
|
-
borderRadius:
|
|
13
|
-
paddingHorizontal:
|
|
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.
|
|
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.
|
|
31
|
+
backgroundColor: colors.bgNormal,
|
|
29
32
|
flexDirection: 'row',
|
|
30
33
|
alignItems: 'center',
|
|
31
|
-
paddingVertical:
|
|
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","
|
|
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.
|
|
10
|
-
borderWidth:
|
|
11
|
-
borderRadius:
|
|
12
|
-
paddingHorizontal:
|
|
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.
|
|
17
|
-
marginLeft:
|
|
18
|
-
marginRight: -
|
|
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","
|
|
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.
|
|
9
|
-
active: colors.
|
|
10
|
-
processing: colors.
|
|
11
|
-
success: colors.
|
|
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:
|
|
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","
|
|
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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["StyleSheet","useTheme","useStyles","colors","fonts","styles","create","text","fontSize","lineHeight","color","
|
|
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.
|
|
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.
|
|
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","
|
|
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.
|
|
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.
|
|
27
|
+
backgroundColor: selected ? colors.bgAccentStrong : colors.bgHighlight,
|
|
27
28
|
justifyContent: 'center',
|
|
28
|
-
borderRadius:
|
|
29
|
+
borderRadius: radii.pill
|
|
29
30
|
},
|
|
30
31
|
switchCircle: {
|
|
31
32
|
width: 27,
|
|
32
33
|
height: 27,
|
|
33
|
-
backgroundColor: colors.
|
|
34
|
+
backgroundColor: colors.bgNormal,
|
|
34
35
|
borderRadius: 13.5,
|
|
35
|
-
shadowColor: colors.
|
|
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","
|
|
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.
|
|
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","
|
|
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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["StyleSheet","useWindowDimensions","useSafeArea","useTheme","useStyles","top","height","colors","styles","create","container","width","marginTop","borderTopLeftRadius","borderTopRightRadius","overflow","backgroundColor","
|
|
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,
|
|
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 @@
|
|
|
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:
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
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":["
|
|
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
|
-
|
|
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;
|
|
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 @@
|
|
|
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 @@
|
|
|
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"}
|
|
@@ -3,8 +3,8 @@ export declare const useStyles: (disabled?: boolean) => {
|
|
|
3
3
|
opacity: number;
|
|
4
4
|
height: number;
|
|
5
5
|
width: "100%";
|
|
6
|
-
backgroundColor:
|
|
7
|
-
borderRadius:
|
|
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":"
|
|
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:
|
|
5
|
+
borderRadius: 8;
|
|
6
6
|
width: "100%";
|
|
7
7
|
justifyContent: "center";
|
|
8
8
|
alignItems: "center";
|
|
9
|
-
backgroundColor:
|
|
9
|
+
backgroundColor: "transparent" | "#0f131a";
|
|
10
10
|
borderWidth: number;
|
|
11
|
-
borderColor:
|
|
11
|
+
borderColor: "transparent" | "#aeb6be";
|
|
12
12
|
};
|
|
13
13
|
text: {
|
|
14
14
|
fontSize: number;
|
|
15
15
|
lineHeight: number;
|
|
16
|
-
color:
|
|
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":"
|
|
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:
|
|
17
|
+
color: "#6a737c";
|
|
18
18
|
marginBottom: number;
|
|
19
19
|
};
|
|
20
20
|
privacyPolicyText: {
|
|
21
|
-
color:
|
|
21
|
+
color: "#6a737c";
|
|
22
22
|
};
|
|
23
23
|
privacyPolicyLink: {
|
|
24
|
-
color:
|
|
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:
|
|
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:
|
|
11
|
+
color: "#0f131a";
|
|
12
12
|
};
|
|
13
13
|
separatorText: {
|
|
14
14
|
fontSize: number;
|
|
15
15
|
lineHeight: number;
|
|
16
|
-
color:
|
|
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:
|
|
3
|
+
borderRadius: 12;
|
|
4
4
|
width: number;
|
|
5
5
|
height: number;
|
|
6
|
-
borderWidth:
|
|
7
|
-
borderColor:
|
|
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":"
|
|
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"}
|