@react-native-styled-system/core 0.0.5
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/bin/theme-gen.js +149 -0
- package/lib/commonjs/@types/SxProps.js +12 -0
- package/lib/commonjs/@types/SxProps.js.map +1 -0
- package/lib/commonjs/@types/ThemedDict.js +14 -0
- package/lib/commonjs/@types/ThemedDict.js.map +1 -0
- package/lib/commonjs/@types/ThemedTypings.js +6 -0
- package/lib/commonjs/@types/ThemedTypings.js.map +1 -0
- package/lib/commonjs/@types/Token.js +6 -0
- package/lib/commonjs/@types/Token.js.map +1 -0
- package/lib/commonjs/hook/useSx.js +82 -0
- package/lib/commonjs/hook/useSx.js.map +1 -0
- package/lib/commonjs/hook/useSxStyle.js +29 -0
- package/lib/commonjs/hook/useSxStyle.js.map +1 -0
- package/lib/commonjs/hook/useSxTokens.js +33 -0
- package/lib/commonjs/hook/useSxTokens.js.map +1 -0
- package/lib/commonjs/index.js +72 -0
- package/lib/commonjs/index.js.map +1 -0
- package/lib/commonjs/internal/TokenParser/ColorsParser.js +21 -0
- package/lib/commonjs/internal/TokenParser/ColorsParser.js.map +1 -0
- package/lib/commonjs/internal/TokenParser/RadiiParser.js +41 -0
- package/lib/commonjs/internal/TokenParser/RadiiParser.js.map +1 -0
- package/lib/commonjs/internal/TokenParser/SizesParser.js +41 -0
- package/lib/commonjs/internal/TokenParser/SizesParser.js.map +1 -0
- package/lib/commonjs/internal/TokenParser/SpaceParser.js +90 -0
- package/lib/commonjs/internal/TokenParser/SpaceParser.js.map +1 -0
- package/lib/commonjs/internal/TokenParser/TokenParser.js +23 -0
- package/lib/commonjs/internal/TokenParser/TokenParser.js.map +1 -0
- package/lib/commonjs/internal/TokenParser/TypographyParser.js +23 -0
- package/lib/commonjs/internal/TokenParser/TypographyParser.js.map +1 -0
- package/lib/commonjs/internal/useStableCallback.js +34 -0
- package/lib/commonjs/internal/useStableCallback.js.map +1 -0
- package/lib/commonjs/internal/util/fillNullishThemeKey.js +18 -0
- package/lib/commonjs/internal/util/fillNullishThemeKey.js.map +1 -0
- package/lib/commonjs/internal/util/fillStyleIfNotNullish.js +21 -0
- package/lib/commonjs/internal/util/fillStyleIfNotNullish.js.map +1 -0
- package/lib/commonjs/internal/util/parsePxSuffixNumber.js +16 -0
- package/lib/commonjs/internal/util/parsePxSuffixNumber.js.map +1 -0
- package/lib/commonjs/internal/util/printWarning.js +18 -0
- package/lib/commonjs/internal/util/printWarning.js.map +1 -0
- package/lib/commonjs/provider/StyledSystemProvider.js +25 -0
- package/lib/commonjs/provider/StyledSystemProvider.js.map +1 -0
- package/lib/commonjs/util/propsToThemedStyle.js +138 -0
- package/lib/commonjs/util/propsToThemedStyle.js.map +1 -0
- package/lib/module/@types/SxProps.js +6 -0
- package/lib/module/@types/SxProps.js.map +1 -0
- package/lib/module/@types/ThemedDict.js +8 -0
- package/lib/module/@types/ThemedDict.js.map +1 -0
- package/lib/module/@types/ThemedTypings.js +2 -0
- package/lib/module/@types/ThemedTypings.js.map +1 -0
- package/lib/module/@types/Token.js +2 -0
- package/lib/module/@types/Token.js.map +1 -0
- package/lib/module/hook/useSx.js +75 -0
- package/lib/module/hook/useSx.js.map +1 -0
- package/lib/module/hook/useSxStyle.js +22 -0
- package/lib/module/hook/useSxStyle.js.map +1 -0
- package/lib/module/hook/useSxTokens.js +26 -0
- package/lib/module/hook/useSxTokens.js.map +1 -0
- package/lib/module/index.js +7 -0
- package/lib/module/index.js.map +1 -0
- package/lib/module/internal/TokenParser/ColorsParser.js +14 -0
- package/lib/module/internal/TokenParser/ColorsParser.js.map +1 -0
- package/lib/module/internal/TokenParser/RadiiParser.js +34 -0
- package/lib/module/internal/TokenParser/RadiiParser.js.map +1 -0
- package/lib/module/internal/TokenParser/SizesParser.js +34 -0
- package/lib/module/internal/TokenParser/SizesParser.js.map +1 -0
- package/lib/module/internal/TokenParser/SpaceParser.js +82 -0
- package/lib/module/internal/TokenParser/SpaceParser.js.map +1 -0
- package/lib/module/internal/TokenParser/TokenParser.js +16 -0
- package/lib/module/internal/TokenParser/TokenParser.js.map +1 -0
- package/lib/module/internal/TokenParser/TypographyParser.js +15 -0
- package/lib/module/internal/TokenParser/TypographyParser.js.map +1 -0
- package/lib/module/internal/useStableCallback.js +27 -0
- package/lib/module/internal/useStableCallback.js.map +1 -0
- package/lib/module/internal/util/fillNullishThemeKey.js +11 -0
- package/lib/module/internal/util/fillNullishThemeKey.js.map +1 -0
- package/lib/module/internal/util/fillStyleIfNotNullish.js +14 -0
- package/lib/module/internal/util/fillStyleIfNotNullish.js.map +1 -0
- package/lib/module/internal/util/parsePxSuffixNumber.js +10 -0
- package/lib/module/internal/util/parsePxSuffixNumber.js.map +1 -0
- package/lib/module/internal/util/printWarning.js +11 -0
- package/lib/module/internal/util/printWarning.js.map +1 -0
- package/lib/module/provider/StyledSystemProvider.js +17 -0
- package/lib/module/provider/StyledSystemProvider.js.map +1 -0
- package/lib/module/util/propsToThemedStyle.js +131 -0
- package/lib/module/util/propsToThemedStyle.js.map +1 -0
- package/lib/typescript/@types/SxProps.d.ts +140 -0
- package/lib/typescript/@types/SxProps.d.ts.map +1 -0
- package/lib/typescript/@types/ThemedDict.d.ts +16 -0
- package/lib/typescript/@types/ThemedDict.d.ts.map +1 -0
- package/lib/typescript/@types/ThemedTypings.d.ts +9 -0
- package/lib/typescript/@types/ThemedTypings.d.ts.map +1 -0
- package/lib/typescript/@types/Token.d.ts +17 -0
- package/lib/typescript/@types/Token.d.ts.map +1 -0
- package/lib/typescript/hook/useSx.d.ts +307 -0
- package/lib/typescript/hook/useSx.d.ts.map +1 -0
- package/lib/typescript/hook/useSxStyle.d.ts +8 -0
- package/lib/typescript/hook/useSxStyle.d.ts.map +1 -0
- package/lib/typescript/hook/useSxTokens.d.ts +7 -0
- package/lib/typescript/hook/useSxTokens.d.ts.map +1 -0
- package/lib/typescript/index.d.ts +7 -0
- package/lib/typescript/index.d.ts.map +1 -0
- package/lib/typescript/internal/TokenParser/ColorsParser.d.ts +4 -0
- package/lib/typescript/internal/TokenParser/ColorsParser.d.ts.map +1 -0
- package/lib/typescript/internal/TokenParser/RadiiParser.d.ts +4 -0
- package/lib/typescript/internal/TokenParser/RadiiParser.d.ts.map +1 -0
- package/lib/typescript/internal/TokenParser/SizesParser.d.ts +4 -0
- package/lib/typescript/internal/TokenParser/SizesParser.d.ts.map +1 -0
- package/lib/typescript/internal/TokenParser/SpaceParser.d.ts +5 -0
- package/lib/typescript/internal/TokenParser/SpaceParser.d.ts.map +1 -0
- package/lib/typescript/internal/TokenParser/TokenParser.d.ts +10 -0
- package/lib/typescript/internal/TokenParser/TokenParser.d.ts.map +1 -0
- package/lib/typescript/internal/TokenParser/TypographyParser.d.ts +4 -0
- package/lib/typescript/internal/TokenParser/TypographyParser.d.ts.map +1 -0
- package/lib/typescript/internal/useStableCallback.d.ts +2 -0
- package/lib/typescript/internal/useStableCallback.d.ts.map +1 -0
- package/lib/typescript/internal/util/fillNullishThemeKey.d.ts +3 -0
- package/lib/typescript/internal/util/fillNullishThemeKey.d.ts.map +1 -0
- package/lib/typescript/internal/util/fillStyleIfNotNullish.d.ts +4 -0
- package/lib/typescript/internal/util/fillStyleIfNotNullish.d.ts.map +1 -0
- package/lib/typescript/internal/util/parsePxSuffixNumber.d.ts +2 -0
- package/lib/typescript/internal/util/parsePxSuffixNumber.d.ts.map +1 -0
- package/lib/typescript/internal/util/printWarning.d.ts +2 -0
- package/lib/typescript/internal/util/printWarning.d.ts.map +1 -0
- package/lib/typescript/provider/StyledSystemProvider.d.ts +13 -0
- package/lib/typescript/provider/StyledSystemProvider.d.ts.map +1 -0
- package/lib/typescript/util/propsToThemedStyle.d.ts +10 -0
- package/lib/typescript/util/propsToThemedStyle.d.ts.map +1 -0
- package/package.json +78 -0
- package/src/@types/SxProps.ts +255 -0
- package/src/@types/ThemedDict.ts +16 -0
- package/src/@types/ThemedTypings.ts +9 -0
- package/src/@types/Token.ts +21 -0
- package/src/hook/useSx.test.ts +348 -0
- package/src/hook/useSx.ts +94 -0
- package/src/hook/useSxStyle.test.ts +57 -0
- package/src/hook/useSxStyle.ts +32 -0
- package/src/hook/useSxTokens.test.ts +59 -0
- package/src/hook/useSxTokens.ts +42 -0
- package/src/index.ts +6 -0
- package/src/internal/TokenParser/ColorsParser.ts +18 -0
- package/src/internal/TokenParser/RadiiParser.ts +44 -0
- package/src/internal/TokenParser/SizesParser.ts +44 -0
- package/src/internal/TokenParser/SpaceParser.ts +95 -0
- package/src/internal/TokenParser/TokenParser.ts +18 -0
- package/src/internal/TokenParser/TypographyParser.ts +24 -0
- package/src/internal/useStableCallback.ts +29 -0
- package/src/internal/util/fillNullishThemeKey.ts +12 -0
- package/src/internal/util/fillStyleIfNotNullish.ts +26 -0
- package/src/internal/util/parsePxSuffixNumber.ts +10 -0
- package/src/internal/util/printWarning.ts +11 -0
- package/src/provider/StyledSystemProvider.tsx +23 -0
- package/src/util/propsToThemedStyle.ts +168 -0
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
import { is } from '@mj-studio/js-util';
|
|
2
|
+
import { parsePxSuffixNumber } from '../util/parsePxSuffixNumber';
|
|
3
|
+
export const createRadiiParser = theme => {
|
|
4
|
+
return token => parseRadii(theme, token);
|
|
5
|
+
};
|
|
6
|
+
const parseRadii = (theme, token) => {
|
|
7
|
+
if (is.nullOrUndefined(token)) {
|
|
8
|
+
return;
|
|
9
|
+
}
|
|
10
|
+
const px = parsePxSuffixNumber(token);
|
|
11
|
+
if (is.number(px)) {
|
|
12
|
+
return px;
|
|
13
|
+
}
|
|
14
|
+
|
|
15
|
+
// end with px but not number parsed
|
|
16
|
+
if (is.string(token) && token.endsWith('px')) {
|
|
17
|
+
return;
|
|
18
|
+
}
|
|
19
|
+
const radii = theme.radii;
|
|
20
|
+
if ((is.string(token) || is.number(token)) && token in radii) {
|
|
21
|
+
return radii[token];
|
|
22
|
+
}
|
|
23
|
+
if (is.number(token)) {
|
|
24
|
+
const stringKey = `${token}`;
|
|
25
|
+
if (stringKey in radii) {
|
|
26
|
+
return radii[stringKey];
|
|
27
|
+
}
|
|
28
|
+
}
|
|
29
|
+
if (is.numberString(token)) {
|
|
30
|
+
return Number(token);
|
|
31
|
+
}
|
|
32
|
+
return token;
|
|
33
|
+
};
|
|
34
|
+
//# sourceMappingURL=RadiiParser.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["is","parsePxSuffixNumber","createRadiiParser","theme","token","parseRadii","nullOrUndefined","px","number","string","endsWith","radii","stringKey","numberString","Number"],"sourceRoot":"../../../../src","sources":["internal/TokenParser/RadiiParser.ts"],"mappings":"AAAA,SAASA,EAAE,QAAQ,oBAAoB;AAIvC,SAASC,mBAAmB,QAAQ,6BAA6B;AAEjE,OAAO,MAAMC,iBAAiB,GAAIC,KAAiB,IAAK;EACtD,OAAQC,KAAsB,IAAKC,UAAU,CAACF,KAAK,EAAEC,KAAK,CAAC;AAC7D,CAAC;AAED,MAAMC,UAAU,GAAGA,CAACF,KAAiB,EAAEC,KAAsB,KAA6B;EACxF,IAAIJ,EAAE,CAACM,eAAe,CAACF,KAAK,CAAC,EAAE;IAC7B;EACF;EAEA,MAAMG,EAAE,GAAGN,mBAAmB,CAACG,KAAK,CAAC;EACrC,IAAIJ,EAAE,CAACQ,MAAM,CAACD,EAAE,CAAC,EAAE;IACjB,OAAOA,EAAE;EACX;;EAEA;EACA,IAAIP,EAAE,CAACS,MAAM,CAACL,KAAK,CAAC,IAAIA,KAAK,CAACM,QAAQ,CAAC,IAAI,CAAC,EAAE;IAC5C;EACF;EAEA,MAAMC,KAAK,GAAGR,KAAK,CAACQ,KAAK;EAEzB,IAAI,CAACX,EAAE,CAACS,MAAM,CAACL,KAAK,CAAC,IAAIJ,EAAE,CAACQ,MAAM,CAACJ,KAAK,CAAC,KAAKA,KAAK,IAAIO,KAAK,EAAE;IAC5D,OAAOA,KAAK,CAACP,KAAK,CAAC;EACrB;EAEA,IAAIJ,EAAE,CAACQ,MAAM,CAACJ,KAAK,CAAC,EAAE;IACpB,MAAMQ,SAAS,GAAI,GAAER,KAAM,EAAC;IAC5B,IAAIQ,SAAS,IAAID,KAAK,EAAE;MACtB,OAAOA,KAAK,CAACC,SAAS,CAAC;IACzB;EACF;EAEA,IAAIZ,EAAE,CAACa,YAAY,CAACT,KAAK,CAAC,EAAE;IAC1B,OAAOU,MAAM,CAACV,KAAK,CAAC;EACtB;EAEA,OAAOA,KAAK;AACd,CAAC"}
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
import { is } from '@mj-studio/js-util';
|
|
2
|
+
import { parsePxSuffixNumber } from '../util/parsePxSuffixNumber';
|
|
3
|
+
export const createSizesParser = theme => {
|
|
4
|
+
return token => parseSizes(theme, token);
|
|
5
|
+
};
|
|
6
|
+
const parseSizes = (theme, token) => {
|
|
7
|
+
if (is.nullOrUndefined(token)) {
|
|
8
|
+
return;
|
|
9
|
+
}
|
|
10
|
+
const px = parsePxSuffixNumber(token);
|
|
11
|
+
if (is.number(px)) {
|
|
12
|
+
return px;
|
|
13
|
+
}
|
|
14
|
+
|
|
15
|
+
// end with px but not number parsed
|
|
16
|
+
if (is.string(token) && token.endsWith('px')) {
|
|
17
|
+
return;
|
|
18
|
+
}
|
|
19
|
+
const sizes = theme.sizes;
|
|
20
|
+
if ((is.string(token) || is.number(token)) && token in sizes) {
|
|
21
|
+
return sizes[token];
|
|
22
|
+
}
|
|
23
|
+
if (is.number(token)) {
|
|
24
|
+
const stringKey = `${token}`;
|
|
25
|
+
if (stringKey in sizes) {
|
|
26
|
+
return sizes[stringKey];
|
|
27
|
+
}
|
|
28
|
+
}
|
|
29
|
+
if (is.numberString(token)) {
|
|
30
|
+
return Number(token);
|
|
31
|
+
}
|
|
32
|
+
return token;
|
|
33
|
+
};
|
|
34
|
+
//# sourceMappingURL=SizesParser.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["is","parsePxSuffixNumber","createSizesParser","theme","token","parseSizes","nullOrUndefined","px","number","string","endsWith","sizes","stringKey","numberString","Number"],"sourceRoot":"../../../../src","sources":["internal/TokenParser/SizesParser.ts"],"mappings":"AAAA,SAASA,EAAE,QAAQ,oBAAoB;AAIvC,SAASC,mBAAmB,QAAQ,6BAA6B;AAEjE,OAAO,MAAMC,iBAAiB,GAAIC,KAAiB,IAAK;EACtD,OAAQC,KAAsB,IAAKC,UAAU,CAACF,KAAK,EAAEC,KAAK,CAAC;AAC7D,CAAC;AAED,MAAMC,UAAU,GAAGA,CAACF,KAAiB,EAAEC,KAAsB,KAA6B;EACxF,IAAIJ,EAAE,CAACM,eAAe,CAACF,KAAK,CAAC,EAAE;IAC7B;EACF;EAEA,MAAMG,EAAE,GAAGN,mBAAmB,CAACG,KAAK,CAAC;EACrC,IAAIJ,EAAE,CAACQ,MAAM,CAACD,EAAE,CAAC,EAAE;IACjB,OAAOA,EAAE;EACX;;EAEA;EACA,IAAIP,EAAE,CAACS,MAAM,CAACL,KAAK,CAAC,IAAIA,KAAK,CAACM,QAAQ,CAAC,IAAI,CAAC,EAAE;IAC5C;EACF;EAEA,MAAMC,KAAK,GAAGR,KAAK,CAACQ,KAAK;EAEzB,IAAI,CAACX,EAAE,CAACS,MAAM,CAACL,KAAK,CAAC,IAAIJ,EAAE,CAACQ,MAAM,CAACJ,KAAK,CAAC,KAAKA,KAAK,IAAIO,KAAK,EAAE;IAC5D,OAAOA,KAAK,CAACP,KAAK,CAAC;EACrB;EAEA,IAAIJ,EAAE,CAACQ,MAAM,CAACJ,KAAK,CAAC,EAAE;IACpB,MAAMQ,SAAS,GAAI,GAAER,KAAM,EAAC;IAC5B,IAAIQ,SAAS,IAAID,KAAK,EAAE;MACtB,OAAOA,KAAK,CAACC,SAAS,CAAC;IACzB;EACF;EAEA,IAAIZ,EAAE,CAACa,YAAY,CAACT,KAAK,CAAC,EAAE;IAC1B,OAAOU,MAAM,CAACV,KAAK,CAAC;EACtB;EAEA,OAAOA,KAAK;AACd,CAAC"}
|
|
@@ -0,0 +1,82 @@
|
|
|
1
|
+
import { is } from '@mj-studio/js-util';
|
|
2
|
+
import { parsePxSuffixNumber } from '../util/parsePxSuffixNumber';
|
|
3
|
+
export const createSpaceParser = theme => {
|
|
4
|
+
return token => parseSpace(theme, token);
|
|
5
|
+
};
|
|
6
|
+
export const createSpaceAsNumberOnlyParser = theme => {
|
|
7
|
+
return token => parseSpaceAsNumberOnly(theme, token);
|
|
8
|
+
};
|
|
9
|
+
|
|
10
|
+
/**
|
|
11
|
+
* Space should be handle negative string like '-1' as well
|
|
12
|
+
*/
|
|
13
|
+
const parseSpace = (theme, token) => {
|
|
14
|
+
if (is.nullOrUndefined(token)) {
|
|
15
|
+
return;
|
|
16
|
+
}
|
|
17
|
+
const px = parsePxSuffixNumber(token);
|
|
18
|
+
if (is.number(px)) {
|
|
19
|
+
return px;
|
|
20
|
+
}
|
|
21
|
+
|
|
22
|
+
// end with px but not number parsed
|
|
23
|
+
if (is.string(token) && token.endsWith('px')) {
|
|
24
|
+
return;
|
|
25
|
+
}
|
|
26
|
+
const spaces = theme.space;
|
|
27
|
+
if ((is.string(token) || is.number(token)) && token in spaces) {
|
|
28
|
+
return spaces[token];
|
|
29
|
+
}
|
|
30
|
+
|
|
31
|
+
// Parse is number
|
|
32
|
+
if (is.number(token)) {
|
|
33
|
+
const stringKey = `${token}`;
|
|
34
|
+
if (stringKey in spaces) {
|
|
35
|
+
return spaces[stringKey];
|
|
36
|
+
}
|
|
37
|
+
const negativeNumberKey = -token;
|
|
38
|
+
if (negativeNumberKey in spaces) {
|
|
39
|
+
const value = spaces[negativeNumberKey];
|
|
40
|
+
if (is.number(value)) {
|
|
41
|
+
return -value;
|
|
42
|
+
}
|
|
43
|
+
}
|
|
44
|
+
const negativeStringKey = stringKey.charAt(0) === '-' ? stringKey.substring(1) : `-${stringKey}`;
|
|
45
|
+
if (negativeStringKey in spaces) {
|
|
46
|
+
const value = spaces[negativeStringKey];
|
|
47
|
+
if (is.number(value)) {
|
|
48
|
+
return -value;
|
|
49
|
+
}
|
|
50
|
+
}
|
|
51
|
+
}
|
|
52
|
+
|
|
53
|
+
// Parse prefix minus token string
|
|
54
|
+
if (is.string(token) && token.startsWith('-')) {
|
|
55
|
+
const originalToken = token.substring(1);
|
|
56
|
+
if (originalToken in spaces) {
|
|
57
|
+
const value = spaces[originalToken];
|
|
58
|
+
if (is.number(value)) {
|
|
59
|
+
return -value;
|
|
60
|
+
}
|
|
61
|
+
// not invert sign percent string yet(will be supported).
|
|
62
|
+
}
|
|
63
|
+
|
|
64
|
+
// don't return malformed string. It is not acceptable as SpaceValue
|
|
65
|
+
return;
|
|
66
|
+
}
|
|
67
|
+
if (is.numberString(token)) {
|
|
68
|
+
return Number(token);
|
|
69
|
+
}
|
|
70
|
+
return token;
|
|
71
|
+
};
|
|
72
|
+
|
|
73
|
+
/**
|
|
74
|
+
* Parse space and filter if it is number for number only prop like gap
|
|
75
|
+
*/
|
|
76
|
+
const parseSpaceAsNumberOnly = (theme, token) => {
|
|
77
|
+
const ret = parseSpace(theme, token);
|
|
78
|
+
if (is.number(ret)) {
|
|
79
|
+
return ret;
|
|
80
|
+
}
|
|
81
|
+
};
|
|
82
|
+
//# sourceMappingURL=SpaceParser.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["is","parsePxSuffixNumber","createSpaceParser","theme","token","parseSpace","createSpaceAsNumberOnlyParser","parseSpaceAsNumberOnly","nullOrUndefined","px","number","string","endsWith","spaces","space","stringKey","negativeNumberKey","value","negativeStringKey","charAt","substring","startsWith","originalToken","numberString","Number","ret"],"sourceRoot":"../../../../src","sources":["internal/TokenParser/SpaceParser.ts"],"mappings":"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"}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { createColorsParser } from './ColorsParser';
|
|
2
|
+
import { createRadiiParser } from './RadiiParser';
|
|
3
|
+
import { createSizesParser } from './SizesParser';
|
|
4
|
+
import { createSpaceAsNumberOnlyParser, createSpaceParser } from './SpaceParser';
|
|
5
|
+
import { createTypographyParser } from './TypographyParser';
|
|
6
|
+
export const createTokenParsers = theme => {
|
|
7
|
+
return {
|
|
8
|
+
colors: createColorsParser(theme),
|
|
9
|
+
space: createSpaceParser(theme),
|
|
10
|
+
spaceAsNumberOnly: createSpaceAsNumberOnlyParser(theme),
|
|
11
|
+
sizes: createSizesParser(theme),
|
|
12
|
+
radii: createRadiiParser(theme),
|
|
13
|
+
typography: createTypographyParser(theme)
|
|
14
|
+
};
|
|
15
|
+
};
|
|
16
|
+
//# sourceMappingURL=TokenParser.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["createColorsParser","createRadiiParser","createSizesParser","createSpaceAsNumberOnlyParser","createSpaceParser","createTypographyParser","createTokenParsers","theme","colors","space","spaceAsNumberOnly","sizes","radii","typography"],"sourceRoot":"../../../../src","sources":["internal/TokenParser/TokenParser.ts"],"mappings":"AAEA,SAASA,kBAAkB,QAAQ,gBAAgB;AACnD,SAASC,iBAAiB,QAAQ,eAAe;AACjD,SAASC,iBAAiB,QAAQ,eAAe;AACjD,SAASC,6BAA6B,EAAEC,iBAAiB,QAAQ,eAAe;AAChF,SAASC,sBAAsB,QAAQ,oBAAoB;AAE3D,OAAO,MAAMC,kBAAkB,GAAIC,KAAiB,IAAK;EACvD,OAAO;IACLC,MAAM,EAAER,kBAAkB,CAACO,KAAK,CAAC;IACjCE,KAAK,EAAEL,iBAAiB,CAACG,KAAK,CAAC;IAC/BG,iBAAiB,EAAEP,6BAA6B,CAACI,KAAK,CAAC;IACvDI,KAAK,EAAET,iBAAiB,CAACK,KAAK,CAAC;IAC/BK,KAAK,EAAEX,iBAAiB,CAACM,KAAK,CAAC;IAC/BM,UAAU,EAAER,sBAAsB,CAACE,KAAK;EAC1C,CAAC;AACH,CAAC"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { is } from '@mj-studio/js-util';
|
|
2
|
+
import invariant from 'invariant';
|
|
3
|
+
export const createTypographyParser = theme => {
|
|
4
|
+
return token => parseTypography(theme, token);
|
|
5
|
+
};
|
|
6
|
+
const parseTypography = (theme, token) => {
|
|
7
|
+
if (is.nullOrUndefined(token)) {
|
|
8
|
+
return;
|
|
9
|
+
}
|
|
10
|
+
invariant(is.string(token), 'typography token should be a string');
|
|
11
|
+
if (is.string(token) && token in theme.typography) {
|
|
12
|
+
return theme.typography[token];
|
|
13
|
+
}
|
|
14
|
+
};
|
|
15
|
+
//# sourceMappingURL=TypographyParser.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["is","invariant","createTypographyParser","theme","token","parseTypography","nullOrUndefined","string","typography"],"sourceRoot":"../../../../src","sources":["internal/TokenParser/TypographyParser.ts"],"mappings":"AAAA,SAASA,EAAE,QAAQ,oBAAoB;AACvC,OAAOC,SAAS,MAAM,WAAW;AAKjC,OAAO,MAAMC,sBAAsB,GAAIC,KAAiB,IAAK;EAC3D,OAAQC,KAA2B,IAAKC,eAAe,CAACF,KAAK,EAAEC,KAAK,CAAC;AACvE,CAAC;AAED,MAAMC,eAAe,GAAGA,CACtBF,KAAiB,EACjBC,KAA2B,KACK;EAChC,IAAIJ,EAAE,CAACM,eAAe,CAACF,KAAK,CAAC,EAAE;IAC7B;EACF;EAEAH,SAAS,CAACD,EAAE,CAACO,MAAM,CAACH,KAAK,CAAC,EAAE,qCAAqC,CAAC;EAElE,IAAIJ,EAAE,CAACO,MAAM,CAACH,KAAK,CAAC,IAAIA,KAAK,IAAID,KAAK,CAACK,UAAU,EAAE;IACjD,OAAOL,KAAK,CAACK,UAAU,CAACJ,KAAK,CAAC;EAChC;AACF,CAAC"}
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Returns a stabilized callback reference which delegates to the most recent unstable callback
|
|
3
|
+
*
|
|
4
|
+
* This is similar to useCallback, but allows unstableCallback to access the most recent values from the closure.
|
|
5
|
+
* This can be useful if the callback is being stored long term, such as in the Transition Hook registry.
|
|
6
|
+
*
|
|
7
|
+
* Example:
|
|
8
|
+
* ```jsx
|
|
9
|
+
* const latestValueFromProps = props.value
|
|
10
|
+
* const transitionHook = useStableCallback(() => console.log(latestValueFromProps));
|
|
11
|
+
* useEffect(() => {
|
|
12
|
+
* const deregister = transitionService.onBefore({ exiting: 'someState' }, transitionHook);
|
|
13
|
+
* return () => deregister();
|
|
14
|
+
* }, []);
|
|
15
|
+
* ```
|
|
16
|
+
*/
|
|
17
|
+
import { useCallback, useRef } from 'react';
|
|
18
|
+
export function useStableCallback(unstableCallback) {
|
|
19
|
+
const ref = useRef(unstableCallback);
|
|
20
|
+
ref.current = unstableCallback;
|
|
21
|
+
const callback = useCallback(function () {
|
|
22
|
+
// @ts-ignore
|
|
23
|
+
return ref.current && ref.current.apply(this, arguments);
|
|
24
|
+
}, []);
|
|
25
|
+
return callback;
|
|
26
|
+
}
|
|
27
|
+
//# sourceMappingURL=useStableCallback.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["useCallback","useRef","useStableCallback","unstableCallback","ref","current","callback","apply","arguments"],"sourceRoot":"../../../src","sources":["internal/useStableCallback.ts"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAASA,WAAW,EAAEC,MAAM,QAAQ,OAAO;AAE3C,OAAO,SAASC,iBAAiBA,CAAqBC,gBAAmB,EAAK;EAC5E,MAAMC,GAAG,GAAGH,MAAM,CAAIE,gBAAgB,CAAC;EACvCC,GAAG,CAACC,OAAO,GAAGF,gBAAgB;EAE9B,MAAMG,QAAQ,GAAGN,WAAW,CAAC,YAAY;IACvC;IACA,OAAOI,GAAG,CAACC,OAAO,IAAID,GAAG,CAACC,OAAO,CAACE,KAAK,CAAC,IAAI,EAAEC,SAAS,CAAC;EAC1D,CAAC,EAAE,EAAE,CAAC;EAEN,OAAOF,QAAQ;AACjB"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["fillNullishThemeKey","theme","colors","space","sizes","radii","typography"],"sourceRoot":"../../../../src","sources":["internal/util/fillNullishThemeKey.ts"],"mappings":"AAEA,OAAO,MAAMA,mBAAmB,GAAIC,KAA0B,IAAiB;EAC7E,OAAO;IACLC,MAAM,EAAE,CAAC,CAAC;IACVC,KAAK,EAAE,CAAC,CAAC;IACTC,KAAK,EAAE,CAAC,CAAC;IACTC,KAAK,EAAE,CAAC,CAAC;IACTC,UAAU,EAAE,CAAC,CAAC;IACd,GAAGL;EACL,CAAC;AACH,CAAC"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { is } from '@mj-studio/js-util';
|
|
2
|
+
export function fillViewStyleIfNotNullish(into, key, value) {
|
|
3
|
+
if (is.undefined(value) || is.null(value)) {
|
|
4
|
+
return;
|
|
5
|
+
}
|
|
6
|
+
into[key] = value;
|
|
7
|
+
}
|
|
8
|
+
export function fillTextStyleIfNotNullish(into, key, value) {
|
|
9
|
+
if (is.undefined(value) || is.null(value)) {
|
|
10
|
+
return;
|
|
11
|
+
}
|
|
12
|
+
into[key] = value;
|
|
13
|
+
}
|
|
14
|
+
//# sourceMappingURL=fillStyleIfNotNullish.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["is","fillViewStyleIfNotNullish","into","key","value","undefined","null","fillTextStyleIfNotNullish"],"sourceRoot":"../../../../src","sources":["internal/util/fillStyleIfNotNullish.ts"],"mappings":"AACA,SAASA,EAAE,QAAQ,oBAAoB;AAEvC,OAAO,SAASC,yBAAyBA,CACvCC,IAAe,EACfC,GAAM,EACNC,KAA2B,EAC3B;EACA,IAAIJ,EAAE,CAACK,SAAS,CAACD,KAAK,CAAC,IAAIJ,EAAE,CAACM,IAAI,CAACF,KAAK,CAAC,EAAE;IACzC;EACF;EAEAF,IAAI,CAACC,GAAG,CAAC,GAAGC,KAAK;AACnB;AAEA,OAAO,SAASG,yBAAyBA,CACvCL,IAAe,EACfC,GAAM,EACNC,KAA2B,EAC3B;EACA,IAAIJ,EAAE,CAACK,SAAS,CAACD,KAAK,CAAC,IAAIJ,EAAE,CAACM,IAAI,CAACF,KAAK,CAAC,EAAE;IACzC;EACF;EAEAF,IAAI,CAACC,GAAG,CAAC,GAAGC,KAAK;AACnB"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { is } from '@mj-studio/js-util';
|
|
2
|
+
export function parsePxSuffixNumber(value) {
|
|
3
|
+
if (is.string(value) && value.endsWith('px')) {
|
|
4
|
+
const sub = value.substring(0, value.length - 2);
|
|
5
|
+
if (is.numberString(sub)) {
|
|
6
|
+
return Number(sub);
|
|
7
|
+
}
|
|
8
|
+
}
|
|
9
|
+
}
|
|
10
|
+
//# sourceMappingURL=parsePxSuffixNumber.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["is","parsePxSuffixNumber","value","string","endsWith","sub","substring","length","numberString","Number"],"sourceRoot":"../../../../src","sources":["internal/util/parsePxSuffixNumber.ts"],"mappings":"AAAA,SAASA,EAAE,QAAQ,oBAAoB;AAEvC,OAAO,SAASC,mBAAmBA,CAACC,KAAU,EAAsB;EAClE,IAAIF,EAAE,CAACG,MAAM,CAACD,KAAK,CAAC,IAAIA,KAAK,CAACE,QAAQ,CAAC,IAAI,CAAC,EAAE;IAC5C,MAAMC,GAAG,GAAGH,KAAK,CAACI,SAAS,CAAC,CAAC,EAAEJ,KAAK,CAACK,MAAM,GAAG,CAAC,CAAC;IAChD,IAAIP,EAAE,CAACQ,YAAY,CAACH,GAAG,CAAC,EAAE;MACxB,OAAOI,MAAM,CAACJ,GAAG,CAAC;IACpB;EACF;AACF"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
/* eslint-disable no-console */
|
|
2
|
+
|
|
3
|
+
function isTestEnv() {
|
|
4
|
+
return process.env.JEST_WORKER_ID !== undefined;
|
|
5
|
+
}
|
|
6
|
+
export const printWarning = msg => {
|
|
7
|
+
if (!isTestEnv()) {
|
|
8
|
+
console.warn('[⚠️@react-native-styled-system/core]', msg);
|
|
9
|
+
}
|
|
10
|
+
};
|
|
11
|
+
//# sourceMappingURL=printWarning.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["isTestEnv","process","env","JEST_WORKER_ID","undefined","printWarning","msg","console","warn"],"sourceRoot":"../../../../src","sources":["internal/util/printWarning.ts"],"mappings":"AAAA;;AAEA,SAASA,SAASA,CAAA,EAAG;EACnB,OAAOC,OAAO,CAACC,GAAG,CAACC,cAAc,KAAKC,SAAS;AACjD;AAEA,OAAO,MAAMC,YAAY,GAAIC,GAAW,IAAK;EAC3C,IAAI,CAACN,SAAS,CAAC,CAAC,EAAE;IAChBO,OAAO,CAACC,IAAI,CAAC,sCAAsC,EAAEF,GAAG,CAAC;EAC3D;AACF,CAAC"}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { emptyThemedDict } from '../@types/ThemedDict';
|
|
3
|
+
import { fillNullishThemeKey } from '../internal/util/fillNullishThemeKey';
|
|
4
|
+
export const StyledSystemContext = /*#__PURE__*/React.createContext({
|
|
5
|
+
theme: emptyThemedDict
|
|
6
|
+
});
|
|
7
|
+
export const StyledSystemProvider = ({
|
|
8
|
+
children,
|
|
9
|
+
theme
|
|
10
|
+
}) => {
|
|
11
|
+
return /*#__PURE__*/React.createElement(StyledSystemContext.Provider, {
|
|
12
|
+
value: {
|
|
13
|
+
theme: fillNullishThemeKey(theme)
|
|
14
|
+
}
|
|
15
|
+
}, children);
|
|
16
|
+
};
|
|
17
|
+
//# sourceMappingURL=StyledSystemProvider.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["React","emptyThemedDict","fillNullishThemeKey","StyledSystemContext","createContext","theme","StyledSystemProvider","children","createElement","Provider","value"],"sourceRoot":"../../../src","sources":["provider/StyledSystemProvider.tsx"],"mappings":"AACA,OAAOA,KAAK,MAAM,OAAO;AAGzB,SAASC,eAAe,QAAQ,sBAAsB;AACtD,SAASC,mBAAmB,QAAQ,sCAAsC;AAM1E,OAAO,MAAMC,mBAAmB,gBAAGH,KAAK,CAACI,aAAa,CAA2B;EAC/EC,KAAK,EAAEJ;AACT,CAAC,CAAC;AAGF,OAAO,MAAMK,oBAAoB,GAAGA,CAAC;EAAEC,QAAQ;EAAEF;AAAa,CAAC,KAAK;EAClE,oBACEL,KAAA,CAAAQ,aAAA,CAACL,mBAAmB,CAACM,QAAQ;IAACC,KAAK,EAAE;MAAEL,KAAK,EAAEH,mBAAmB,CAACG,KAAK;IAAE;EAAE,GACxEE,QAC2B,CAAC;AAEnC,CAAC"}
|
|
@@ -0,0 +1,131 @@
|
|
|
1
|
+
/* eslint-disable padding-line-between-statements */
|
|
2
|
+
|
|
3
|
+
import { createTokenParsers } from '../internal/TokenParser/TokenParser';
|
|
4
|
+
import { fillTextStyleIfNotNullish, fillViewStyleIfNotNullish } from '../internal/util/fillStyleIfNotNullish';
|
|
5
|
+
import { printWarning } from '../internal/util/printWarning';
|
|
6
|
+
export const propsToThemedStyle = ({
|
|
7
|
+
theme,
|
|
8
|
+
sx,
|
|
9
|
+
styleType = 'ViewStyle'
|
|
10
|
+
}) => {
|
|
11
|
+
const ret = {};
|
|
12
|
+
if (!theme) {
|
|
13
|
+
printWarning('theme not found');
|
|
14
|
+
return;
|
|
15
|
+
}
|
|
16
|
+
if (!sx) {
|
|
17
|
+
return;
|
|
18
|
+
}
|
|
19
|
+
const {
|
|
20
|
+
colors,
|
|
21
|
+
radii,
|
|
22
|
+
sizes,
|
|
23
|
+
space,
|
|
24
|
+
spaceAsNumberOnly,
|
|
25
|
+
typography
|
|
26
|
+
} = createTokenParsers(theme);
|
|
27
|
+
|
|
28
|
+
// region colors
|
|
29
|
+
fillViewStyleIfNotNullish(ret, 'backgroundColor', colors(sx.backgroundColor ?? sx.bg));
|
|
30
|
+
fillViewStyleIfNotNullish(ret, 'borderColor', colors(sx.borderColor));
|
|
31
|
+
// endregion
|
|
32
|
+
|
|
33
|
+
// region space
|
|
34
|
+
fillViewStyleIfNotNullish(ret, 'margin', space(sx.margin ?? sx.m));
|
|
35
|
+
fillViewStyleIfNotNullish(ret, 'marginTop', space(sx.marginTop ?? sx.mt));
|
|
36
|
+
fillViewStyleIfNotNullish(ret, 'marginRight', space(sx.marginRight ?? sx.mr));
|
|
37
|
+
fillViewStyleIfNotNullish(ret, 'marginBottom', space(sx.marginBottom ?? sx.mb));
|
|
38
|
+
fillViewStyleIfNotNullish(ret, 'marginLeft', space(sx.marginLeft ?? sx.ml));
|
|
39
|
+
fillViewStyleIfNotNullish(ret, 'marginVertical', space(sx.marginY ?? sx.my));
|
|
40
|
+
fillViewStyleIfNotNullish(ret, 'marginHorizontal', space(sx.marginX ?? sx.mx));
|
|
41
|
+
fillViewStyleIfNotNullish(ret, 'padding', space(sx.padding ?? sx.p));
|
|
42
|
+
fillViewStyleIfNotNullish(ret, 'paddingTop', space(sx.paddingTop ?? sx.pt));
|
|
43
|
+
fillViewStyleIfNotNullish(ret, 'paddingRight', space(sx.paddingRight ?? sx.pr));
|
|
44
|
+
fillViewStyleIfNotNullish(ret, 'paddingBottom', space(sx.paddingBottom ?? sx.pb));
|
|
45
|
+
fillViewStyleIfNotNullish(ret, 'paddingLeft', space(sx.paddingLeft ?? sx.pl));
|
|
46
|
+
fillViewStyleIfNotNullish(ret, 'paddingVertical', space(sx.paddingY ?? sx.py));
|
|
47
|
+
fillViewStyleIfNotNullish(ret, 'paddingHorizontal', space(sx.paddingX ?? sx.px));
|
|
48
|
+
fillViewStyleIfNotNullish(ret, 'top', space(sx.top ?? (sx.absoluteFill ? 0 : undefined)));
|
|
49
|
+
fillViewStyleIfNotNullish(ret, 'right', space(sx.right ?? (sx.absoluteFill ? 0 : undefined)));
|
|
50
|
+
fillViewStyleIfNotNullish(ret, 'bottom', space(sx.bottom ?? (sx.absoluteFill ? 0 : undefined)));
|
|
51
|
+
fillViewStyleIfNotNullish(ret, 'left', space(sx.left ?? (sx.absoluteFill ? 0 : undefined)));
|
|
52
|
+
fillViewStyleIfNotNullish(ret, 'gap', spaceAsNumberOnly(sx.gap));
|
|
53
|
+
fillViewStyleIfNotNullish(ret, 'columnGap', spaceAsNumberOnly(sx.gapX));
|
|
54
|
+
fillViewStyleIfNotNullish(ret, 'rowGap', spaceAsNumberOnly(sx.gapY));
|
|
55
|
+
// endregion
|
|
56
|
+
|
|
57
|
+
// region sizes
|
|
58
|
+
fillViewStyleIfNotNullish(ret, 'width', sizes(sx.width ?? sx.w));
|
|
59
|
+
fillViewStyleIfNotNullish(ret, 'minWidth', sizes(sx.minWidth ?? sx.minW));
|
|
60
|
+
fillViewStyleIfNotNullish(ret, 'maxWidth', sizes(sx.maxWidth ?? sx.maxW));
|
|
61
|
+
fillViewStyleIfNotNullish(ret, 'height', sizes(sx.height ?? sx.h));
|
|
62
|
+
fillViewStyleIfNotNullish(ret, 'minHeight', sizes(sx.minHeight ?? sx.minH));
|
|
63
|
+
fillViewStyleIfNotNullish(ret, 'maxHeight', sizes(sx.maxHeight ?? sx.maxH));
|
|
64
|
+
// endregion
|
|
65
|
+
|
|
66
|
+
// region radii
|
|
67
|
+
fillViewStyleIfNotNullish(ret, 'borderRadius', radii(sx.borderRadius ?? sx.radius));
|
|
68
|
+
fillViewStyleIfNotNullish(ret, 'borderTopLeftRadius', radii(sx.borderTopLeftRadius ?? sx.topLeftRadius));
|
|
69
|
+
fillViewStyleIfNotNullish(ret, 'borderTopRightRadius', radii(sx.borderTopRightRadius ?? sx.topRightRadius));
|
|
70
|
+
fillViewStyleIfNotNullish(ret, 'borderBottomLeftRadius', radii(sx.borderBottomLeftRadius ?? sx.bottomLeftRadius));
|
|
71
|
+
fillViewStyleIfNotNullish(ret, 'borderBottomRightRadius', radii(sx.borderBottomRightRadius ?? sx.bottomRightRadius));
|
|
72
|
+
// endregion
|
|
73
|
+
|
|
74
|
+
// region styles
|
|
75
|
+
fillViewStyleIfNotNullish(ret, 'flex', sx.flex);
|
|
76
|
+
fillViewStyleIfNotNullish(ret, 'alignItems', sx.alignItems ?? (sx.center ? 'center' : undefined));
|
|
77
|
+
fillViewStyleIfNotNullish(ret, 'alignContent', sx.alignContent);
|
|
78
|
+
fillViewStyleIfNotNullish(ret, 'justifyContent', sx.justifyContent ?? (sx.center ? 'center' : undefined));
|
|
79
|
+
fillViewStyleIfNotNullish(ret, 'flexWrap', sx.flexWrap);
|
|
80
|
+
fillViewStyleIfNotNullish(ret, 'flexDirection', sx.flexDirection);
|
|
81
|
+
fillViewStyleIfNotNullish(ret, 'flexGrow', sx.flexGrow);
|
|
82
|
+
fillViewStyleIfNotNullish(ret, 'flexShrink', sx.flexShrink);
|
|
83
|
+
fillViewStyleIfNotNullish(ret, 'flexBasis', sx.flexBasis);
|
|
84
|
+
fillViewStyleIfNotNullish(ret, 'alignSelf', sx.alignSelf);
|
|
85
|
+
fillViewStyleIfNotNullish(ret, 'position', sx.position ?? sx.pos ?? (sx.absoluteFill ? 'absolute' : undefined));
|
|
86
|
+
fillViewStyleIfNotNullish(ret, 'borderWidth', sx.borderWidth);
|
|
87
|
+
fillViewStyleIfNotNullish(ret, 'borderTopWidth', sx.borderTopWidth);
|
|
88
|
+
fillViewStyleIfNotNullish(ret, 'borderRightWidth', sx.borderRightWidth);
|
|
89
|
+
fillViewStyleIfNotNullish(ret, 'borderBottomWidth', sx.borderBottomWidth);
|
|
90
|
+
fillViewStyleIfNotNullish(ret, 'borderLeftWidth', sx.borderLeftWidth);
|
|
91
|
+
fillViewStyleIfNotNullish(ret, 'opacity', sx.opacity);
|
|
92
|
+
fillViewStyleIfNotNullish(ret, 'overflow', sx.overflow);
|
|
93
|
+
fillViewStyleIfNotNullish(ret, 'transform', sx.transform);
|
|
94
|
+
fillViewStyleIfNotNullish(ret, 'aspectRatio', sx.aspectRatio);
|
|
95
|
+
fillViewStyleIfNotNullish(ret, 'display', sx.display);
|
|
96
|
+
fillViewStyleIfNotNullish(ret, 'elevation', sx.elevation);
|
|
97
|
+
fillViewStyleIfNotNullish(ret, 'zIndex', sx.zIndex);
|
|
98
|
+
// endregion
|
|
99
|
+
|
|
100
|
+
if (styleType === 'TextStyle') {
|
|
101
|
+
// region colors
|
|
102
|
+
fillTextStyleIfNotNullish(ret, 'color', colors(sx.color));
|
|
103
|
+
fillTextStyleIfNotNullish(ret, 'textDecorationColor', colors(sx.textDecorationColor));
|
|
104
|
+
fillTextStyleIfNotNullish(ret, 'textShadowColor', colors(sx.textShadowColor));
|
|
105
|
+
// endregion
|
|
106
|
+
|
|
107
|
+
// region styles
|
|
108
|
+
const t = typography(sx.typography ?? sx.t);
|
|
109
|
+
fillTextStyleIfNotNullish(ret, 'fontFamily', sx.fontFamily ?? t?.fontFamily);
|
|
110
|
+
fillTextStyleIfNotNullish(ret, 'fontSize', sx.fontSize ?? t?.fontSize);
|
|
111
|
+
fillTextStyleIfNotNullish(ret, 'lineHeight', sx.lineHeight ?? t?.lineHeight);
|
|
112
|
+
fillTextStyleIfNotNullish(ret, 'fontWeight', sx.fontWeight ?? sx.weight ?? t?.fontWeight);
|
|
113
|
+
fillTextStyleIfNotNullish(ret, 'letterSpacing', sx.letterSpacing ?? t?.letterSpacing);
|
|
114
|
+
fillTextStyleIfNotNullish(ret, 'textAlign', sx.textAlign ?? sx.align ?? t?.textAlign);
|
|
115
|
+
fillTextStyleIfNotNullish(ret, 'fontStyle', sx.fontStyle ?? t?.fontStyle);
|
|
116
|
+
fillTextStyleIfNotNullish(ret, 'textDecorationLine', sx.textDecorationLine);
|
|
117
|
+
fillTextStyleIfNotNullish(ret, 'textDecorationStyle', sx.textDecorationStyle);
|
|
118
|
+
fillTextStyleIfNotNullish(ret, 'textShadowOffset', sx.textShadowOffset);
|
|
119
|
+
fillTextStyleIfNotNullish(ret, 'textShadowRadius', sx.textShadowRadius);
|
|
120
|
+
fillTextStyleIfNotNullish(ret, 'textTransform', sx.textTransform);
|
|
121
|
+
fillTextStyleIfNotNullish(ret, 'userSelect', sx.userSelect);
|
|
122
|
+
// android
|
|
123
|
+
fillTextStyleIfNotNullish(ret, 'includeFontPadding', sx.includeFontPadding);
|
|
124
|
+
/* todo */
|
|
125
|
+
// ios
|
|
126
|
+
/* todo */
|
|
127
|
+
// endregion
|
|
128
|
+
}
|
|
129
|
+
return ret;
|
|
130
|
+
};
|
|
131
|
+
//# sourceMappingURL=propsToThemedStyle.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["createTokenParsers","fillTextStyleIfNotNullish","fillViewStyleIfNotNullish","printWarning","propsToThemedStyle","theme","sx","styleType","ret","colors","radii","sizes","space","spaceAsNumberOnly","typography","backgroundColor","bg","borderColor","margin","m","marginTop","mt","marginRight","mr","marginBottom","mb","marginLeft","ml","marginY","my","marginX","mx","padding","p","paddingTop","pt","paddingRight","pr","paddingBottom","pb","paddingLeft","pl","paddingY","py","paddingX","px","top","absoluteFill","undefined","right","bottom","left","gap","gapX","gapY","width","w","minWidth","minW","maxWidth","maxW","height","h","minHeight","minH","maxHeight","maxH","borderRadius","radius","borderTopLeftRadius","topLeftRadius","borderTopRightRadius","topRightRadius","borderBottomLeftRadius","bottomLeftRadius","borderBottomRightRadius","bottomRightRadius","flex","alignItems","center","alignContent","justifyContent","flexWrap","flexDirection","flexGrow","flexShrink","flexBasis","alignSelf","position","pos","borderWidth","borderTopWidth","borderRightWidth","borderBottomWidth","borderLeftWidth","opacity","overflow","transform","aspectRatio","display","elevation","zIndex","color","textDecorationColor","textShadowColor","t","fontFamily","fontSize","lineHeight","fontWeight","weight","letterSpacing","textAlign","align","fontStyle","textDecorationLine","textDecorationStyle","textShadowOffset","textShadowRadius","textTransform","userSelect","includeFontPadding"],"sourceRoot":"../../../src","sources":["util/propsToThemedStyle.ts"],"mappings":"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"}
|
|
@@ -0,0 +1,140 @@
|
|
|
1
|
+
import type { TextStyle, ViewStyle } from 'react-native';
|
|
2
|
+
import type { Token } from './Token';
|
|
3
|
+
export type SxPropsKeys = keyof SxProps;
|
|
4
|
+
export type TextSxPropsKey = keyof TextSxProps;
|
|
5
|
+
/**
|
|
6
|
+
* Always modify if you change API
|
|
7
|
+
*/
|
|
8
|
+
export declare const _viewStylePropList: ("left" | "right" | "p" | "style" | "flex" | "alignItems" | "alignContent" | "justifyContent" | "flexWrap" | "flexDirection" | "flexGrow" | "flexShrink" | "flexBasis" | "alignSelf" | "position" | "pos" | "borderWidth" | "borderTopWidth" | "borderRightWidth" | "borderBottomWidth" | "borderLeftWidth" | "opacity" | "overflow" | "transform" | "aspectRatio" | "display" | "elevation" | "zIndex" | "margin" | "m" | "marginTop" | "mt" | "marginRight" | "mr" | "marginBottom" | "mb" | "marginLeft" | "ml" | "marginX" | "mx" | "marginY" | "my" | "padding" | "paddingTop" | "pt" | "paddingRight" | "pr" | "paddingBottom" | "pb" | "paddingLeft" | "pl" | "paddingX" | "px" | "paddingY" | "py" | "top" | "bottom" | "gap" | "gapX" | "gapY" | "width" | "w" | "minWidth" | "minW" | "maxWidth" | "maxW" | "height" | "h" | "minHeight" | "minH" | "maxHeight" | "maxH" | "backgroundColor" | "bg" | "borderColor" | "borderRadius" | "radius" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "sx")[];
|
|
9
|
+
export declare const _textStylePropList: ("typography" | "fontFamily" | "fontSize" | "fontWeight" | "lineHeight" | "letterSpacing" | "textAlign" | "fontStyle" | "color" | "textDecorationColor" | "textShadowColor" | "weight" | "align" | "textDecorationLine" | "textDecorationStyle" | "textShadowOffset" | "textShadowRadius" | "textTransform" | "userSelect" | "includeFontPadding" | "t")[];
|
|
10
|
+
type ThemedColorTokenProps = {
|
|
11
|
+
backgroundColor: Token<'colors'>;
|
|
12
|
+
bg: Token<'colors'>;
|
|
13
|
+
borderColor: Token<'colors'>;
|
|
14
|
+
};
|
|
15
|
+
type ThemedColorTokenTextProps = {
|
|
16
|
+
color: Token<'colors'>;
|
|
17
|
+
textDecorationColor: Token<'colors'>;
|
|
18
|
+
textShadowColor: Token<'colors'>;
|
|
19
|
+
};
|
|
20
|
+
type ThemedSpaceTokenProps = {
|
|
21
|
+
margin: Token<'space'>;
|
|
22
|
+
m: Token<'space'>;
|
|
23
|
+
marginTop: Token<'space'>;
|
|
24
|
+
mt: Token<'space'>;
|
|
25
|
+
marginRight: Token<'space'>;
|
|
26
|
+
mr: Token<'space'>;
|
|
27
|
+
marginBottom: Token<'space'>;
|
|
28
|
+
mb: Token<'space'>;
|
|
29
|
+
marginLeft: Token<'space'>;
|
|
30
|
+
ml: Token<'space'>;
|
|
31
|
+
marginX: Token<'space'>;
|
|
32
|
+
mx: Token<'space'>;
|
|
33
|
+
marginY: Token<'space'>;
|
|
34
|
+
my: Token<'space'>;
|
|
35
|
+
padding: Token<'space'>;
|
|
36
|
+
p: Token<'space'>;
|
|
37
|
+
paddingTop: Token<'space'>;
|
|
38
|
+
pt: Token<'space'>;
|
|
39
|
+
paddingRight: Token<'space'>;
|
|
40
|
+
pr: Token<'space'>;
|
|
41
|
+
paddingBottom: Token<'space'>;
|
|
42
|
+
pb: Token<'space'>;
|
|
43
|
+
paddingLeft: Token<'space'>;
|
|
44
|
+
pl: Token<'space'>;
|
|
45
|
+
paddingX: Token<'space'>;
|
|
46
|
+
px: Token<'space'>;
|
|
47
|
+
paddingY: Token<'space'>;
|
|
48
|
+
py: Token<'space'>;
|
|
49
|
+
top: Token<'space'>;
|
|
50
|
+
right: Token<'space'>;
|
|
51
|
+
bottom: Token<'space'>;
|
|
52
|
+
left: Token<'space'>;
|
|
53
|
+
gap: Token<'space'>;
|
|
54
|
+
gapX: Token<'space'>;
|
|
55
|
+
gapY: Token<'space'>;
|
|
56
|
+
};
|
|
57
|
+
type ThemedSizeTokenProps = {
|
|
58
|
+
width: Token<'sizes'>;
|
|
59
|
+
w: Token<'sizes'>;
|
|
60
|
+
minWidth: Token<'sizes'>;
|
|
61
|
+
minW: Token<'sizes'>;
|
|
62
|
+
maxWidth: Token<'sizes'>;
|
|
63
|
+
maxW: Token<'sizes'>;
|
|
64
|
+
height: Token<'sizes'>;
|
|
65
|
+
h: Token<'sizes'>;
|
|
66
|
+
minHeight: Token<'sizes'>;
|
|
67
|
+
minH: Token<'sizes'>;
|
|
68
|
+
maxHeight: Token<'sizes'>;
|
|
69
|
+
maxH: Token<'sizes'>;
|
|
70
|
+
};
|
|
71
|
+
type ThemedRadiiTokenProps = {
|
|
72
|
+
borderRadius: Token<'radii'>;
|
|
73
|
+
radius: Token<'radii'>;
|
|
74
|
+
borderTopLeftRadius: Token<'radii'>;
|
|
75
|
+
topLeftRadius: Token<'radii'>;
|
|
76
|
+
borderTopRightRadius: Token<'radii'>;
|
|
77
|
+
topRightRadius: Token<'radii'>;
|
|
78
|
+
borderBottomLeftRadius: Token<'radii'>;
|
|
79
|
+
bottomLeftRadius: Token<'radii'>;
|
|
80
|
+
borderBottomRightRadius: Token<'radii'>;
|
|
81
|
+
bottomRightRadius: Token<'radii'>;
|
|
82
|
+
};
|
|
83
|
+
type ThemedViewStyleProps = {
|
|
84
|
+
flex: ViewStyle['flex'];
|
|
85
|
+
alignItems: ViewStyle['alignItems'];
|
|
86
|
+
alignContent: ViewStyle['alignContent'];
|
|
87
|
+
justifyContent: ViewStyle['justifyContent'];
|
|
88
|
+
flexWrap: ViewStyle['flexWrap'];
|
|
89
|
+
flexDirection: ViewStyle['flexDirection'];
|
|
90
|
+
flexGrow: ViewStyle['flexGrow'];
|
|
91
|
+
flexShrink: ViewStyle['flexShrink'];
|
|
92
|
+
flexBasis: ViewStyle['flexBasis'];
|
|
93
|
+
alignSelf: ViewStyle['alignSelf'];
|
|
94
|
+
position: ViewStyle['position'];
|
|
95
|
+
pos: ViewStyle['position'];
|
|
96
|
+
borderWidth: ViewStyle['borderWidth'];
|
|
97
|
+
borderTopWidth: ViewStyle['borderTopWidth'];
|
|
98
|
+
borderRightWidth: ViewStyle['borderRightWidth'];
|
|
99
|
+
borderBottomWidth: ViewStyle['borderBottomWidth'];
|
|
100
|
+
borderLeftWidth: ViewStyle['borderLeftWidth'];
|
|
101
|
+
opacity: ViewStyle['opacity'];
|
|
102
|
+
overflow: ViewStyle['overflow'];
|
|
103
|
+
transform: ViewStyle['transform'];
|
|
104
|
+
aspectRatio: ViewStyle['aspectRatio'];
|
|
105
|
+
display: ViewStyle['display'];
|
|
106
|
+
elevation: ViewStyle['elevation'];
|
|
107
|
+
zIndex: ViewStyle['zIndex'];
|
|
108
|
+
absoluteFill?: boolean;
|
|
109
|
+
center?: boolean;
|
|
110
|
+
};
|
|
111
|
+
type ThemedTextStyleProps = {
|
|
112
|
+
fontFamily: TextStyle['fontFamily'];
|
|
113
|
+
fontSize: TextStyle['fontSize'];
|
|
114
|
+
fontStyle: TextStyle['fontStyle'];
|
|
115
|
+
fontWeight: TextStyle['fontWeight'];
|
|
116
|
+
weight: TextStyle['fontWeight'];
|
|
117
|
+
letterSpacing: TextStyle['letterSpacing'];
|
|
118
|
+
lineHeight: TextStyle['lineHeight'];
|
|
119
|
+
textAlign: TextStyle['textAlign'];
|
|
120
|
+
align: TextStyle['textAlign'];
|
|
121
|
+
textDecorationLine: TextStyle['textDecorationLine'];
|
|
122
|
+
textDecorationStyle: TextStyle['textDecorationStyle'];
|
|
123
|
+
textShadowOffset: TextStyle['textShadowOffset'];
|
|
124
|
+
textShadowRadius: TextStyle['textShadowRadius'];
|
|
125
|
+
textTransform: TextStyle['textTransform'];
|
|
126
|
+
userSelect: TextStyle['userSelect'];
|
|
127
|
+
includeFontPadding: TextStyle['includeFontPadding'];
|
|
128
|
+
typography: Token<'typography'>;
|
|
129
|
+
t: Token<'typography'>;
|
|
130
|
+
};
|
|
131
|
+
type BaseSxProps = Partial<ThemedViewStyleProps & ThemedSpaceTokenProps & ThemedSizeTokenProps & ThemedColorTokenProps & ThemedRadiiTokenProps>;
|
|
132
|
+
type BaseTextSxProps = BaseSxProps & Partial<ThemedColorTokenTextProps & ThemedTextStyleProps>;
|
|
133
|
+
export type SxProps = BaseSxProps & {
|
|
134
|
+
sx?: BaseSxProps;
|
|
135
|
+
};
|
|
136
|
+
export type TextSxProps = BaseTextSxProps & {
|
|
137
|
+
sx?: BaseTextSxProps;
|
|
138
|
+
};
|
|
139
|
+
export {};
|
|
140
|
+
//# sourceMappingURL=SxProps.d.ts.map
|