@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.
Files changed (152) hide show
  1. package/bin/theme-gen.js +149 -0
  2. package/lib/commonjs/@types/SxProps.js +12 -0
  3. package/lib/commonjs/@types/SxProps.js.map +1 -0
  4. package/lib/commonjs/@types/ThemedDict.js +14 -0
  5. package/lib/commonjs/@types/ThemedDict.js.map +1 -0
  6. package/lib/commonjs/@types/ThemedTypings.js +6 -0
  7. package/lib/commonjs/@types/ThemedTypings.js.map +1 -0
  8. package/lib/commonjs/@types/Token.js +6 -0
  9. package/lib/commonjs/@types/Token.js.map +1 -0
  10. package/lib/commonjs/hook/useSx.js +82 -0
  11. package/lib/commonjs/hook/useSx.js.map +1 -0
  12. package/lib/commonjs/hook/useSxStyle.js +29 -0
  13. package/lib/commonjs/hook/useSxStyle.js.map +1 -0
  14. package/lib/commonjs/hook/useSxTokens.js +33 -0
  15. package/lib/commonjs/hook/useSxTokens.js.map +1 -0
  16. package/lib/commonjs/index.js +72 -0
  17. package/lib/commonjs/index.js.map +1 -0
  18. package/lib/commonjs/internal/TokenParser/ColorsParser.js +21 -0
  19. package/lib/commonjs/internal/TokenParser/ColorsParser.js.map +1 -0
  20. package/lib/commonjs/internal/TokenParser/RadiiParser.js +41 -0
  21. package/lib/commonjs/internal/TokenParser/RadiiParser.js.map +1 -0
  22. package/lib/commonjs/internal/TokenParser/SizesParser.js +41 -0
  23. package/lib/commonjs/internal/TokenParser/SizesParser.js.map +1 -0
  24. package/lib/commonjs/internal/TokenParser/SpaceParser.js +90 -0
  25. package/lib/commonjs/internal/TokenParser/SpaceParser.js.map +1 -0
  26. package/lib/commonjs/internal/TokenParser/TokenParser.js +23 -0
  27. package/lib/commonjs/internal/TokenParser/TokenParser.js.map +1 -0
  28. package/lib/commonjs/internal/TokenParser/TypographyParser.js +23 -0
  29. package/lib/commonjs/internal/TokenParser/TypographyParser.js.map +1 -0
  30. package/lib/commonjs/internal/useStableCallback.js +34 -0
  31. package/lib/commonjs/internal/useStableCallback.js.map +1 -0
  32. package/lib/commonjs/internal/util/fillNullishThemeKey.js +18 -0
  33. package/lib/commonjs/internal/util/fillNullishThemeKey.js.map +1 -0
  34. package/lib/commonjs/internal/util/fillStyleIfNotNullish.js +21 -0
  35. package/lib/commonjs/internal/util/fillStyleIfNotNullish.js.map +1 -0
  36. package/lib/commonjs/internal/util/parsePxSuffixNumber.js +16 -0
  37. package/lib/commonjs/internal/util/parsePxSuffixNumber.js.map +1 -0
  38. package/lib/commonjs/internal/util/printWarning.js +18 -0
  39. package/lib/commonjs/internal/util/printWarning.js.map +1 -0
  40. package/lib/commonjs/provider/StyledSystemProvider.js +25 -0
  41. package/lib/commonjs/provider/StyledSystemProvider.js.map +1 -0
  42. package/lib/commonjs/util/propsToThemedStyle.js +138 -0
  43. package/lib/commonjs/util/propsToThemedStyle.js.map +1 -0
  44. package/lib/module/@types/SxProps.js +6 -0
  45. package/lib/module/@types/SxProps.js.map +1 -0
  46. package/lib/module/@types/ThemedDict.js +8 -0
  47. package/lib/module/@types/ThemedDict.js.map +1 -0
  48. package/lib/module/@types/ThemedTypings.js +2 -0
  49. package/lib/module/@types/ThemedTypings.js.map +1 -0
  50. package/lib/module/@types/Token.js +2 -0
  51. package/lib/module/@types/Token.js.map +1 -0
  52. package/lib/module/hook/useSx.js +75 -0
  53. package/lib/module/hook/useSx.js.map +1 -0
  54. package/lib/module/hook/useSxStyle.js +22 -0
  55. package/lib/module/hook/useSxStyle.js.map +1 -0
  56. package/lib/module/hook/useSxTokens.js +26 -0
  57. package/lib/module/hook/useSxTokens.js.map +1 -0
  58. package/lib/module/index.js +7 -0
  59. package/lib/module/index.js.map +1 -0
  60. package/lib/module/internal/TokenParser/ColorsParser.js +14 -0
  61. package/lib/module/internal/TokenParser/ColorsParser.js.map +1 -0
  62. package/lib/module/internal/TokenParser/RadiiParser.js +34 -0
  63. package/lib/module/internal/TokenParser/RadiiParser.js.map +1 -0
  64. package/lib/module/internal/TokenParser/SizesParser.js +34 -0
  65. package/lib/module/internal/TokenParser/SizesParser.js.map +1 -0
  66. package/lib/module/internal/TokenParser/SpaceParser.js +82 -0
  67. package/lib/module/internal/TokenParser/SpaceParser.js.map +1 -0
  68. package/lib/module/internal/TokenParser/TokenParser.js +16 -0
  69. package/lib/module/internal/TokenParser/TokenParser.js.map +1 -0
  70. package/lib/module/internal/TokenParser/TypographyParser.js +15 -0
  71. package/lib/module/internal/TokenParser/TypographyParser.js.map +1 -0
  72. package/lib/module/internal/useStableCallback.js +27 -0
  73. package/lib/module/internal/useStableCallback.js.map +1 -0
  74. package/lib/module/internal/util/fillNullishThemeKey.js +11 -0
  75. package/lib/module/internal/util/fillNullishThemeKey.js.map +1 -0
  76. package/lib/module/internal/util/fillStyleIfNotNullish.js +14 -0
  77. package/lib/module/internal/util/fillStyleIfNotNullish.js.map +1 -0
  78. package/lib/module/internal/util/parsePxSuffixNumber.js +10 -0
  79. package/lib/module/internal/util/parsePxSuffixNumber.js.map +1 -0
  80. package/lib/module/internal/util/printWarning.js +11 -0
  81. package/lib/module/internal/util/printWarning.js.map +1 -0
  82. package/lib/module/provider/StyledSystemProvider.js +17 -0
  83. package/lib/module/provider/StyledSystemProvider.js.map +1 -0
  84. package/lib/module/util/propsToThemedStyle.js +131 -0
  85. package/lib/module/util/propsToThemedStyle.js.map +1 -0
  86. package/lib/typescript/@types/SxProps.d.ts +140 -0
  87. package/lib/typescript/@types/SxProps.d.ts.map +1 -0
  88. package/lib/typescript/@types/ThemedDict.d.ts +16 -0
  89. package/lib/typescript/@types/ThemedDict.d.ts.map +1 -0
  90. package/lib/typescript/@types/ThemedTypings.d.ts +9 -0
  91. package/lib/typescript/@types/ThemedTypings.d.ts.map +1 -0
  92. package/lib/typescript/@types/Token.d.ts +17 -0
  93. package/lib/typescript/@types/Token.d.ts.map +1 -0
  94. package/lib/typescript/hook/useSx.d.ts +307 -0
  95. package/lib/typescript/hook/useSx.d.ts.map +1 -0
  96. package/lib/typescript/hook/useSxStyle.d.ts +8 -0
  97. package/lib/typescript/hook/useSxStyle.d.ts.map +1 -0
  98. package/lib/typescript/hook/useSxTokens.d.ts +7 -0
  99. package/lib/typescript/hook/useSxTokens.d.ts.map +1 -0
  100. package/lib/typescript/index.d.ts +7 -0
  101. package/lib/typescript/index.d.ts.map +1 -0
  102. package/lib/typescript/internal/TokenParser/ColorsParser.d.ts +4 -0
  103. package/lib/typescript/internal/TokenParser/ColorsParser.d.ts.map +1 -0
  104. package/lib/typescript/internal/TokenParser/RadiiParser.d.ts +4 -0
  105. package/lib/typescript/internal/TokenParser/RadiiParser.d.ts.map +1 -0
  106. package/lib/typescript/internal/TokenParser/SizesParser.d.ts +4 -0
  107. package/lib/typescript/internal/TokenParser/SizesParser.d.ts.map +1 -0
  108. package/lib/typescript/internal/TokenParser/SpaceParser.d.ts +5 -0
  109. package/lib/typescript/internal/TokenParser/SpaceParser.d.ts.map +1 -0
  110. package/lib/typescript/internal/TokenParser/TokenParser.d.ts +10 -0
  111. package/lib/typescript/internal/TokenParser/TokenParser.d.ts.map +1 -0
  112. package/lib/typescript/internal/TokenParser/TypographyParser.d.ts +4 -0
  113. package/lib/typescript/internal/TokenParser/TypographyParser.d.ts.map +1 -0
  114. package/lib/typescript/internal/useStableCallback.d.ts +2 -0
  115. package/lib/typescript/internal/useStableCallback.d.ts.map +1 -0
  116. package/lib/typescript/internal/util/fillNullishThemeKey.d.ts +3 -0
  117. package/lib/typescript/internal/util/fillNullishThemeKey.d.ts.map +1 -0
  118. package/lib/typescript/internal/util/fillStyleIfNotNullish.d.ts +4 -0
  119. package/lib/typescript/internal/util/fillStyleIfNotNullish.d.ts.map +1 -0
  120. package/lib/typescript/internal/util/parsePxSuffixNumber.d.ts +2 -0
  121. package/lib/typescript/internal/util/parsePxSuffixNumber.d.ts.map +1 -0
  122. package/lib/typescript/internal/util/printWarning.d.ts +2 -0
  123. package/lib/typescript/internal/util/printWarning.d.ts.map +1 -0
  124. package/lib/typescript/provider/StyledSystemProvider.d.ts +13 -0
  125. package/lib/typescript/provider/StyledSystemProvider.d.ts.map +1 -0
  126. package/lib/typescript/util/propsToThemedStyle.d.ts +10 -0
  127. package/lib/typescript/util/propsToThemedStyle.d.ts.map +1 -0
  128. package/package.json +78 -0
  129. package/src/@types/SxProps.ts +255 -0
  130. package/src/@types/ThemedDict.ts +16 -0
  131. package/src/@types/ThemedTypings.ts +9 -0
  132. package/src/@types/Token.ts +21 -0
  133. package/src/hook/useSx.test.ts +348 -0
  134. package/src/hook/useSx.ts +94 -0
  135. package/src/hook/useSxStyle.test.ts +57 -0
  136. package/src/hook/useSxStyle.ts +32 -0
  137. package/src/hook/useSxTokens.test.ts +59 -0
  138. package/src/hook/useSxTokens.ts +42 -0
  139. package/src/index.ts +6 -0
  140. package/src/internal/TokenParser/ColorsParser.ts +18 -0
  141. package/src/internal/TokenParser/RadiiParser.ts +44 -0
  142. package/src/internal/TokenParser/SizesParser.ts +44 -0
  143. package/src/internal/TokenParser/SpaceParser.ts +95 -0
  144. package/src/internal/TokenParser/TokenParser.ts +18 -0
  145. package/src/internal/TokenParser/TypographyParser.ts +24 -0
  146. package/src/internal/useStableCallback.ts +29 -0
  147. package/src/internal/util/fillNullishThemeKey.ts +12 -0
  148. package/src/internal/util/fillStyleIfNotNullish.ts +26 -0
  149. package/src/internal/util/parsePxSuffixNumber.ts +10 -0
  150. package/src/internal/util/printWarning.ts +11 -0
  151. package/src/provider/StyledSystemProvider.tsx +23 -0
  152. 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,11 @@
1
+ export const fillNullishThemeKey = theme => {
2
+ return {
3
+ colors: {},
4
+ space: {},
5
+ sizes: {},
6
+ radii: {},
7
+ typography: {},
8
+ ...theme
9
+ };
10
+ };
11
+ //# sourceMappingURL=fillNullishThemeKey.js.map
@@ -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