@tamagui/core 1.0.0-alpha.5 → 1.0.0-alpha.55

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 (497) hide show
  1. package/dist/cjs/conf.js +52 -0
  2. package/dist/cjs/conf.js.map +7 -0
  3. package/dist/cjs/constants/constants.js +55 -0
  4. package/dist/cjs/constants/constants.js.map +7 -0
  5. package/dist/cjs/constants/platform.js +44 -0
  6. package/dist/cjs/constants/platform.js.map +7 -0
  7. package/dist/cjs/constants/pseudos.js +42 -0
  8. package/dist/cjs/constants/pseudos.js.map +7 -0
  9. package/dist/cjs/constants/rnw.js +45 -0
  10. package/dist/cjs/constants/rnw.js.map +7 -0
  11. package/dist/cjs/createComponent.js +543 -0
  12. package/dist/cjs/createComponent.js.map +7 -0
  13. package/dist/cjs/createFont.js +51 -0
  14. package/dist/cjs/createFont.js.map +7 -0
  15. package/dist/cjs/createShorthands.js +33 -0
  16. package/dist/cjs/createShorthands.js.map +7 -0
  17. package/dist/cjs/createTamagui.js +205 -0
  18. package/dist/cjs/createTamagui.js.map +7 -0
  19. package/dist/cjs/createTheme.js +30 -0
  20. package/dist/cjs/createTheme.js.map +7 -0
  21. package/dist/cjs/createTokens.js +56 -0
  22. package/dist/cjs/createTokens.js.map +7 -0
  23. package/dist/cjs/createVariable.js +48 -0
  24. package/dist/cjs/createVariable.js.map +7 -0
  25. package/dist/cjs/getThemeParentClassName.js +34 -0
  26. package/dist/cjs/getThemeParentClassName.js.map +7 -0
  27. package/dist/cjs/helpers/addStylesUsingClassname.js +80 -0
  28. package/dist/cjs/helpers/addStylesUsingClassname.js.map +7 -0
  29. package/dist/cjs/helpers/createMediaStyle.js +57 -0
  30. package/dist/cjs/helpers/createMediaStyle.js.map +7 -0
  31. package/dist/cjs/helpers/createPropMapper.js +201 -0
  32. package/dist/cjs/helpers/createPropMapper.js.map +7 -0
  33. package/dist/cjs/helpers/createTamaguiProvider.js +80 -0
  34. package/dist/cjs/helpers/createTamaguiProvider.js.map +7 -0
  35. package/dist/cjs/helpers/extendStaticConfig.js +83 -0
  36. package/dist/cjs/helpers/extendStaticConfig.js.map +7 -0
  37. package/dist/cjs/helpers/fixNativeShadow.js +31 -0
  38. package/dist/cjs/helpers/fixNativeShadow.js.map +7 -0
  39. package/dist/cjs/helpers/fixNativeShadow.native.js +57 -0
  40. package/dist/cjs/helpers/fixNativeShadow.native.js.map +7 -0
  41. package/dist/cjs/helpers/getSplitStyles.js +181 -0
  42. package/dist/cjs/helpers/getSplitStyles.js.map +7 -0
  43. package/dist/cjs/helpers/getStylesAtomic.js +118 -0
  44. package/dist/cjs/helpers/getStylesAtomic.js.map +7 -0
  45. package/dist/cjs/helpers/getStylesAtomic.native.js +33 -0
  46. package/dist/cjs/helpers/getStylesAtomic.native.js.map +7 -0
  47. package/dist/cjs/helpers/getThemeParentClassName.js +34 -0
  48. package/dist/cjs/helpers/getThemeParentClassName.js.map +7 -0
  49. package/dist/cjs/helpers/insertStyleRule.js +47 -0
  50. package/dist/cjs/helpers/insertStyleRule.js.map +7 -0
  51. package/dist/cjs/helpers/isObj.js +30 -0
  52. package/dist/cjs/helpers/isObj.js.map +7 -0
  53. package/dist/cjs/helpers/isTamaguiElement.js +34 -0
  54. package/dist/cjs/helpers/isTamaguiElement.js.map +7 -0
  55. package/dist/cjs/helpers/matchMedia.js +41 -0
  56. package/dist/cjs/helpers/matchMedia.js.map +7 -0
  57. package/dist/cjs/helpers/matchMedia.native.js +37 -0
  58. package/dist/cjs/helpers/matchMedia.native.js.map +7 -0
  59. package/dist/cjs/helpers/themeable.js +84 -0
  60. package/dist/cjs/helpers/themeable.js.map +7 -0
  61. package/dist/cjs/helpers/validate.js +88 -0
  62. package/dist/cjs/helpers/validate.js.map +7 -0
  63. package/dist/cjs/hooks/useConstant.js +38 -0
  64. package/dist/cjs/hooks/useConstant.js.map +7 -0
  65. package/dist/cjs/hooks/useFeatures.js +106 -0
  66. package/dist/cjs/hooks/useFeatures.js.map +7 -0
  67. package/dist/cjs/hooks/useMedia.js +208 -0
  68. package/dist/cjs/hooks/useMedia.js.map +7 -0
  69. package/dist/cjs/hooks/usePressable.js +51 -0
  70. package/dist/cjs/hooks/usePressable.js.map +7 -0
  71. package/dist/cjs/hooks/useTheme.js +121 -0
  72. package/dist/cjs/hooks/useTheme.js.map +7 -0
  73. package/dist/cjs/index.js +63 -0
  74. package/dist/cjs/index.js.map +7 -0
  75. package/dist/cjs/static/postProcessStyles.js +41 -0
  76. package/dist/cjs/static/postProcessStyles.js.map +7 -0
  77. package/dist/cjs/static.js +35 -0
  78. package/dist/cjs/static.js.map +7 -0
  79. package/dist/cjs/styled.js +73 -0
  80. package/dist/cjs/styled.js.map +7 -0
  81. package/dist/cjs/types.js +21 -0
  82. package/dist/cjs/types.js.map +7 -0
  83. package/dist/cjs/views/Animated.js +135 -0
  84. package/dist/cjs/views/Animated.js.map +7 -0
  85. package/dist/cjs/views/Stack.js +52 -0
  86. package/dist/cjs/views/Stack.js.map +7 -0
  87. package/dist/cjs/views/Text.js +94 -0
  88. package/dist/cjs/views/Text.js.map +7 -0
  89. package/dist/cjs/views/TextAncestorContext.js +46 -0
  90. package/dist/cjs/views/TextAncestorContext.js.map +7 -0
  91. package/dist/cjs/views/Theme.js +97 -0
  92. package/dist/cjs/views/Theme.js.map +7 -0
  93. package/dist/cjs/views/ThemeContext.js +30 -0
  94. package/dist/cjs/views/ThemeContext.js.map +7 -0
  95. package/dist/cjs/views/ThemeInverse.js +54 -0
  96. package/dist/cjs/views/ThemeInverse.js.map +7 -0
  97. package/dist/cjs/views/ThemeManagerContext.js +85 -0
  98. package/dist/cjs/views/ThemeManagerContext.js.map +7 -0
  99. package/dist/cjs/views/ThemeProvider.js +73 -0
  100. package/dist/cjs/views/ThemeProvider.js.map +7 -0
  101. package/dist/esm/conf.js +29 -0
  102. package/dist/esm/conf.js.map +7 -0
  103. package/dist/{constants → esm/constants}/constants.js +4 -0
  104. package/dist/esm/constants/constants.js.map +7 -0
  105. package/dist/{constants → esm/constants}/platform.js +2 -1
  106. package/dist/{constants → esm/constants}/platform.js.map +2 -2
  107. package/dist/{constants → esm/constants}/pseudos.js +0 -0
  108. package/dist/{constants → esm/constants}/pseudos.js.map +1 -1
  109. package/dist/{constants → esm/constants}/rnw.js +0 -0
  110. package/dist/{constants → esm/constants}/rnw.js.map +1 -1
  111. package/dist/{createComponent.js → esm/createComponent.js} +99 -71
  112. package/dist/esm/createComponent.js.map +7 -0
  113. package/dist/{createFont.js → esm/createFont.js} +4 -0
  114. package/dist/esm/createFont.js.map +7 -0
  115. package/dist/{createShorthands.js → esm/createShorthands.js} +0 -0
  116. package/dist/{createShorthands.js.map → esm/createShorthands.js.map} +1 -1
  117. package/dist/esm/createTamagui.js +166 -0
  118. package/dist/esm/createTamagui.js.map +7 -0
  119. package/dist/esm/createTheme.js +7 -0
  120. package/dist/esm/createTheme.js.map +7 -0
  121. package/dist/{createTokens.js → esm/createTokens.js} +4 -0
  122. package/dist/esm/createTokens.js.map +7 -0
  123. package/dist/{createVariable.js → esm/createVariable.js} +3 -0
  124. package/dist/{createVariable.js.map → esm/createVariable.js.map} +3 -3
  125. package/dist/esm/getThemeParentClassName.js +11 -0
  126. package/dist/esm/getThemeParentClassName.js.map +7 -0
  127. package/dist/{helpers → esm/helpers}/addStylesUsingClassname.js +1 -1
  128. package/dist/{helpers → esm/helpers}/addStylesUsingClassname.js.map +3 -3
  129. package/dist/{helpers → esm/helpers}/createMediaStyle.js +0 -0
  130. package/dist/{helpers → esm/helpers}/createMediaStyle.js.map +1 -1
  131. package/dist/{helpers → esm/helpers}/createPropMapper.js +28 -16
  132. package/dist/esm/helpers/createPropMapper.js.map +7 -0
  133. package/dist/{helpers → esm/helpers}/createTamaguiProvider.js +0 -0
  134. package/dist/{helpers → esm/helpers}/createTamaguiProvider.js.map +1 -1
  135. package/dist/{helpers → esm/helpers}/extendStaticConfig.js +4 -2
  136. package/dist/esm/helpers/extendStaticConfig.js.map +7 -0
  137. package/dist/{helpers → esm/helpers}/fixNativeShadow.js +0 -0
  138. package/dist/{helpers → esm/helpers}/fixNativeShadow.js.map +1 -1
  139. package/dist/esm/helpers/fixNativeShadow.native.js +34 -0
  140. package/dist/esm/helpers/fixNativeShadow.native.js.map +7 -0
  141. package/dist/{helpers → esm/helpers}/getSplitStyles.js +13 -23
  142. package/dist/esm/helpers/getSplitStyles.js.map +7 -0
  143. package/dist/{helpers → esm/helpers}/getStylesAtomic.js +2 -1
  144. package/dist/esm/helpers/getStylesAtomic.js.map +7 -0
  145. package/dist/{helpers → esm/helpers}/getStylesAtomic.native.js +0 -0
  146. package/dist/{helpers → esm/helpers}/getStylesAtomic.native.js.map +1 -1
  147. package/dist/esm/helpers/getThemeParentClassName.js +11 -0
  148. package/dist/esm/helpers/getThemeParentClassName.js.map +7 -0
  149. package/dist/{helpers → esm/helpers}/insertStyleRule.js +0 -0
  150. package/dist/{helpers → esm/helpers}/insertStyleRule.js.map +1 -1
  151. package/dist/{helpers → esm/helpers}/isObj.js +0 -0
  152. package/dist/{helpers → esm/helpers}/isObj.js.map +1 -1
  153. package/dist/esm/helpers/isTamaguiElement.js +11 -0
  154. package/dist/esm/helpers/isTamaguiElement.js.map +7 -0
  155. package/dist/{helpers → esm/helpers}/matchMedia.js +3 -0
  156. package/dist/esm/helpers/matchMedia.js.map +7 -0
  157. package/dist/{helpers → esm/helpers}/matchMedia.native.js +1 -0
  158. package/dist/{helpers → esm/helpers}/matchMedia.native.js.map +3 -3
  159. package/dist/{helpers → esm/helpers}/themeable.js +1 -1
  160. package/dist/{helpers → esm/helpers}/themeable.js.map +2 -2
  161. package/dist/esm/helpers/validate.js +60 -0
  162. package/dist/esm/helpers/validate.js.map +7 -0
  163. package/dist/{hooks → esm/hooks}/useConstant.js +0 -0
  164. package/dist/{hooks → esm/hooks}/useConstant.js.map +1 -1
  165. package/dist/{hooks → esm/hooks}/useFeatures.js +39 -51
  166. package/dist/esm/hooks/useFeatures.js.map +7 -0
  167. package/dist/{hooks → esm/hooks}/useMedia.js +10 -6
  168. package/dist/esm/hooks/useMedia.js.map +7 -0
  169. package/dist/{hooks → esm/hooks}/usePressable.js +2 -1
  170. package/dist/{hooks → esm/hooks}/usePressable.js.map +2 -2
  171. package/dist/{hooks → esm/hooks}/useTheme.js +21 -15
  172. package/dist/esm/hooks/useTheme.js.map +7 -0
  173. package/dist/{index.js → esm/index.js} +9 -2
  174. package/dist/esm/index.js.map +7 -0
  175. package/dist/{static → esm/static}/postProcessStyles.js +0 -0
  176. package/dist/{static → esm/static}/postProcessStyles.js.map +1 -1
  177. package/dist/{static.js → esm/static.js} +0 -0
  178. package/dist/{static.js.map → esm/static.js.map} +1 -1
  179. package/dist/{styled.js → esm/styled.js} +0 -0
  180. package/dist/esm/styled.js.map +7 -0
  181. package/dist/{types.js → esm/types.js} +0 -0
  182. package/dist/{types.js.map → esm/types.js.map} +0 -0
  183. package/dist/{views → esm/views}/Animated.js +0 -0
  184. package/dist/{views → esm/views}/Animated.js.map +1 -1
  185. package/dist/{views → esm/views}/Stack.js +0 -0
  186. package/dist/{views → esm/views}/Stack.js.map +1 -1
  187. package/dist/{views → esm/views}/Text.js +2 -2
  188. package/dist/esm/views/Text.js.map +7 -0
  189. package/dist/esm/views/TextAncestorContext.js +18 -0
  190. package/dist/esm/views/TextAncestorContext.js.map +7 -0
  191. package/dist/{views → esm/views}/Theme.js +27 -14
  192. package/dist/esm/views/Theme.js.map +7 -0
  193. package/dist/{views → esm/views}/ThemeContext.js +0 -0
  194. package/dist/{views → esm/views}/ThemeContext.js.map +1 -1
  195. package/dist/{views → esm/views}/ThemeInverse.js +0 -1
  196. package/dist/{views → esm/views}/ThemeInverse.js.map +3 -3
  197. package/dist/{views → esm/views}/ThemeManagerContext.js +15 -8
  198. package/dist/esm/views/ThemeManagerContext.js.map +7 -0
  199. package/dist/{views → esm/views}/ThemeProvider.js +3 -3
  200. package/dist/esm/views/ThemeProvider.js.map +7 -0
  201. package/dist/jsx/conf.js +28 -0
  202. package/dist/jsx/constants/constants.js +17 -0
  203. package/dist/jsx/constants/platform.js +19 -0
  204. package/dist/jsx/constants/pseudos.js +17 -0
  205. package/dist/jsx/constants/rnw.js +21 -0
  206. package/dist/jsx/createComponent.js +467 -0
  207. package/dist/jsx/createFont.js +27 -0
  208. package/dist/jsx/createShorthands.js +9 -0
  209. package/dist/jsx/createTamagui.js +165 -0
  210. package/dist/jsx/createTheme.js +6 -0
  211. package/dist/jsx/createTokens.js +32 -0
  212. package/dist/jsx/createVariable.js +24 -0
  213. package/dist/jsx/getThemeParentClassName.js +10 -0
  214. package/dist/jsx/helpers/addStylesUsingClassname.js +56 -0
  215. package/dist/jsx/helpers/createMediaStyle.js +33 -0
  216. package/dist/jsx/helpers/createPropMapper.js +164 -0
  217. package/dist/jsx/helpers/createTamaguiProvider.js +19 -0
  218. package/dist/jsx/helpers/extendStaticConfig.js +60 -0
  219. package/dist/jsx/helpers/fixNativeShadow.js +7 -0
  220. package/dist/jsx/helpers/fixNativeShadow.native.js +33 -0
  221. package/dist/jsx/helpers/getSplitStyles.js +149 -0
  222. package/dist/jsx/helpers/getStylesAtomic.js +83 -0
  223. package/dist/jsx/helpers/getStylesAtomic.native.js +9 -0
  224. package/dist/jsx/helpers/getThemeParentClassName.js +10 -0
  225. package/dist/jsx/helpers/insertStyleRule.js +23 -0
  226. package/dist/jsx/helpers/isObj.js +6 -0
  227. package/dist/jsx/helpers/isTamaguiElement.js +10 -0
  228. package/dist/jsx/helpers/matchMedia.js +17 -0
  229. package/dist/jsx/helpers/matchMedia.native.js +8 -0
  230. package/dist/jsx/helpers/themeable.js +23 -0
  231. package/dist/jsx/helpers/validate.js +59 -0
  232. package/dist/jsx/hooks/useConstant.js +14 -0
  233. package/dist/jsx/hooks/useFeatures.js +57 -0
  234. package/dist/jsx/hooks/useMedia.js +174 -0
  235. package/dist/jsx/hooks/usePressable.js +13 -0
  236. package/dist/jsx/hooks/useTheme.js +98 -0
  237. package/dist/jsx/index.js +38 -0
  238. package/dist/jsx/static/postProcessStyles.js +17 -0
  239. package/dist/jsx/static.js +14 -0
  240. package/dist/jsx/styled.js +20 -0
  241. package/dist/jsx/types.js +0 -0
  242. package/dist/jsx/views/Animated.js +74 -0
  243. package/dist/jsx/views/Stack.js +11 -0
  244. package/dist/jsx/views/Text.js +59 -0
  245. package/dist/jsx/views/TextAncestorContext.js +15 -0
  246. package/dist/jsx/views/Theme.js +63 -0
  247. package/dist/jsx/views/ThemeContext.js +5 -0
  248. package/dist/jsx/views/ThemeInverse.js +22 -0
  249. package/dist/jsx/views/ThemeManagerContext.js +61 -0
  250. package/dist/jsx/views/ThemeProvider.js +39 -0
  251. package/package.json +17 -19
  252. package/types/conf.d.ts +44 -0
  253. package/types/conf.d.ts.map +1 -0
  254. package/{dist/packages/core/src → types}/constants/constants.d.ts +2 -0
  255. package/types/constants/constants.d.ts.map +1 -0
  256. package/{dist/packages/core/src → types}/constants/platform.d.ts +0 -0
  257. package/types/constants/platform.d.ts.map +1 -0
  258. package/{dist/packages/core/src → types}/constants/pseudos.d.ts +0 -0
  259. package/types/constants/pseudos.d.ts.map +1 -0
  260. package/{dist/packages/core/src → types}/constants/rnw.d.ts +0 -0
  261. package/types/constants/rnw.d.ts.map +1 -0
  262. package/types/createComponent.d.ts +17 -0
  263. package/types/createComponent.d.ts.map +1 -0
  264. package/types/createFont.d.ts +3 -0
  265. package/types/createFont.d.ts.map +1 -0
  266. package/{dist/packages/core/src → types}/createShorthands.d.ts +0 -0
  267. package/types/createShorthands.d.ts.map +1 -0
  268. package/types/createTamagui.d.ts +13 -0
  269. package/types/createTamagui.d.ts.map +1 -0
  270. package/types/createTheme.d.ts +7 -0
  271. package/types/createTheme.d.ts.map +1 -0
  272. package/{dist/packages/core/src → types}/createTokens.d.ts +24 -14
  273. package/types/createTokens.d.ts.map +1 -0
  274. package/{dist/packages/core/src → types}/createVariable.d.ts +1 -0
  275. package/types/createVariable.d.ts.map +1 -0
  276. package/types/helpers/addStylesUsingClassname.d.ts +3 -0
  277. package/types/helpers/addStylesUsingClassname.d.ts.map +1 -0
  278. package/{dist/packages/core/src → types}/helpers/createMediaStyle.d.ts +0 -0
  279. package/types/helpers/createMediaStyle.d.ts.map +1 -0
  280. package/types/helpers/createPropMapper.d.ts +3 -0
  281. package/types/helpers/createPropMapper.d.ts.map +1 -0
  282. package/{dist/packages/core/src → types}/helpers/createTamaguiProvider.d.ts +0 -0
  283. package/types/helpers/createTamaguiProvider.d.ts.map +1 -0
  284. package/{dist/packages/core/src → types}/helpers/extendStaticConfig.d.ts +1 -1
  285. package/types/helpers/extendStaticConfig.d.ts.map +1 -0
  286. package/{dist/packages/core/src → types}/helpers/fixNativeShadow.d.ts +0 -0
  287. package/types/helpers/fixNativeShadow.d.ts.map +1 -0
  288. package/types/helpers/fixNativeShadow.native.d.ts +2 -0
  289. package/types/helpers/fixNativeShadow.native.d.ts.map +1 -0
  290. package/{dist/packages/core/src → types}/helpers/getSplitStyles.d.ts +0 -0
  291. package/types/helpers/getSplitStyles.d.ts.map +1 -0
  292. package/types/helpers/getStylesAtomic.d.ts +3 -0
  293. package/types/helpers/getStylesAtomic.d.ts.map +1 -0
  294. package/{dist/packages/core/src → types}/helpers/getStylesAtomic.native.d.ts +0 -0
  295. package/types/helpers/getStylesAtomic.native.d.ts.map +1 -0
  296. package/types/helpers/getThemeParentClassName.d.ts +2 -0
  297. package/types/helpers/getThemeParentClassName.d.ts.map +1 -0
  298. package/{dist/packages/core/src → types}/helpers/insertStyleRule.d.ts +0 -0
  299. package/types/helpers/insertStyleRule.d.ts.map +1 -0
  300. package/types/helpers/isObj.d.ts +2 -0
  301. package/types/helpers/isObj.d.ts.map +1 -0
  302. package/types/helpers/isTamaguiElement.d.ts +3 -0
  303. package/types/helpers/isTamaguiElement.d.ts.map +1 -0
  304. package/{dist/packages/core/src → types}/helpers/matchMedia.d.ts +0 -0
  305. package/types/helpers/matchMedia.d.ts.map +1 -0
  306. package/{dist/packages/core/src → types}/helpers/matchMedia.native.d.ts +0 -0
  307. package/types/helpers/matchMedia.native.d.ts.map +1 -0
  308. package/{dist/packages/core/src → types}/helpers/themeable.d.ts +0 -0
  309. package/types/helpers/themeable.d.ts.map +1 -0
  310. package/types/helpers/validate.d.ts +4 -0
  311. package/types/helpers/validate.d.ts.map +1 -0
  312. package/{dist/packages/core/src → types}/hooks/useConstant.d.ts +0 -0
  313. package/types/hooks/useConstant.d.ts.map +1 -0
  314. package/{dist/packages/core/src → types}/hooks/useFeatures.d.ts +0 -0
  315. package/types/hooks/useFeatures.d.ts.map +1 -0
  316. package/{dist/packages/core/src → types}/hooks/useMedia.d.ts +0 -0
  317. package/types/hooks/useMedia.d.ts.map +1 -0
  318. package/{dist/packages/core/src → types}/hooks/usePressable.d.ts +0 -0
  319. package/types/hooks/usePressable.d.ts.map +1 -0
  320. package/types/hooks/useTheme.d.ts +7 -0
  321. package/types/hooks/useTheme.d.ts.map +1 -0
  322. package/{dist/packages/core/src → types}/index.d.ts +5 -1
  323. package/types/index.d.ts.map +1 -0
  324. package/{dist/packages/core/src → types}/static/postProcessStyles.d.ts +0 -0
  325. package/types/static/postProcessStyles.d.ts.map +1 -0
  326. package/{dist/packages/core/src → types}/static.d.ts +3 -0
  327. package/types/static.d.ts.map +1 -0
  328. package/types/styled.d.ts +21 -0
  329. package/types/styled.d.ts.map +1 -0
  330. package/{dist/packages/core/src → types}/types.d.ts +88 -70
  331. package/types/types.d.ts.map +1 -0
  332. package/{dist/packages/core/src → types}/views/Animated.d.ts +0 -0
  333. package/types/views/Animated.d.ts.map +1 -0
  334. package/{dist/packages/core/src → types}/views/Stack.d.ts +0 -0
  335. package/types/views/Stack.d.ts.map +1 -0
  336. package/types/views/Text.d.ts +3 -0
  337. package/types/views/Text.d.ts.map +1 -0
  338. package/types/views/TextAncestorContext.d.ts +5 -0
  339. package/types/views/TextAncestorContext.d.ts.map +1 -0
  340. package/{dist/packages/core/src → types}/views/Theme.d.ts +1 -1
  341. package/types/views/Theme.d.ts.map +1 -0
  342. package/{dist/packages/core/src → types}/views/ThemeContext.d.ts +0 -0
  343. package/types/views/ThemeContext.d.ts.map +1 -0
  344. package/{dist/packages/core/src → types}/views/ThemeInverse.d.ts +0 -0
  345. package/types/views/ThemeInverse.d.ts.map +1 -0
  346. package/types/views/ThemeManagerContext.d.ts +22 -0
  347. package/types/views/ThemeManagerContext.d.ts.map +1 -0
  348. package/{dist/packages/core/src → types}/views/ThemeProvider.d.ts +0 -1
  349. package/types/views/ThemeProvider.d.ts.map +1 -0
  350. package/dist/constants/constants.js.map +0 -7
  351. package/dist/constants/styleConstants.js +0 -46
  352. package/dist/constants/styleConstants.js.map +0 -7
  353. package/dist/createComponent.js.map +0 -7
  354. package/dist/createFont.js.map +0 -7
  355. package/dist/createTamagui.js +0 -159
  356. package/dist/createTamagui.js.map +0 -7
  357. package/dist/createTheme.js +0 -20
  358. package/dist/createTheme.js.map +0 -7
  359. package/dist/createTokens.js.map +0 -7
  360. package/dist/helpers/createPropMapper.js.map +0 -7
  361. package/dist/helpers/extendStaticConfig.js.map +0 -7
  362. package/dist/helpers/fixNativeShadow.native.js +0 -30
  363. package/dist/helpers/fixNativeShadow.native.js.map +0 -7
  364. package/dist/helpers/getSplitStyles.js.map +0 -7
  365. package/dist/helpers/getStylesAtomic.js.map +0 -7
  366. package/dist/helpers/matchMedia.js.map +0 -7
  367. package/dist/helpers/pseudos.js +0 -1
  368. package/dist/helpers/pseudos.js.map +0 -7
  369. package/dist/hooks/useFeatures.js.map +0 -7
  370. package/dist/hooks/useForceUpdate.js +0 -28
  371. package/dist/hooks/useForceUpdate.js.map +0 -7
  372. package/dist/hooks/useMedia.js.map +0 -7
  373. package/dist/hooks/useTheme.js.map +0 -7
  374. package/dist/index.cjs +0 -2103
  375. package/dist/index.cjs.map +0 -7
  376. package/dist/index.js.map +0 -7
  377. package/dist/packages/core/src/constants/constants.d.ts.map +0 -1
  378. package/dist/packages/core/src/constants/platform.d.ts.map +0 -1
  379. package/dist/packages/core/src/constants/pseudos.d.ts.map +0 -1
  380. package/dist/packages/core/src/constants/rnw.d.ts.map +0 -1
  381. package/dist/packages/core/src/createComponent.d.ts +0 -16
  382. package/dist/packages/core/src/createComponent.d.ts.map +0 -1
  383. package/dist/packages/core/src/createShorthands.d.ts.map +0 -1
  384. package/dist/packages/core/src/createTamagui.d.ts +0 -37
  385. package/dist/packages/core/src/createTamagui.d.ts.map +0 -1
  386. package/dist/packages/core/src/createTheme.d.ts +0 -5
  387. package/dist/packages/core/src/createTheme.d.ts.map +0 -1
  388. package/dist/packages/core/src/createTokens.d.ts.map +0 -1
  389. package/dist/packages/core/src/createVariable.d.ts.map +0 -1
  390. package/dist/packages/core/src/helpers/addStylesUsingClassname.d.ts +0 -2
  391. package/dist/packages/core/src/helpers/addStylesUsingClassname.d.ts.map +0 -1
  392. package/dist/packages/core/src/helpers/createMediaStyle.d.ts.map +0 -1
  393. package/dist/packages/core/src/helpers/createTamaguiProvider.d.ts.map +0 -1
  394. package/dist/packages/core/src/helpers/extendStaticConfig.d.ts.map +0 -1
  395. package/dist/packages/core/src/helpers/fixNativeShadow.d.ts.map +0 -1
  396. package/dist/packages/core/src/helpers/fixNativeShadow.native.d.ts +0 -2
  397. package/dist/packages/core/src/helpers/fixNativeShadow.native.d.ts.map +0 -1
  398. package/dist/packages/core/src/helpers/getSplitStyles.d.ts.map +0 -1
  399. package/dist/packages/core/src/helpers/getStylesAtomic.d.ts +0 -3
  400. package/dist/packages/core/src/helpers/getStylesAtomic.d.ts.map +0 -1
  401. package/dist/packages/core/src/helpers/getStylesAtomic.native.d.ts.map +0 -1
  402. package/dist/packages/core/src/helpers/insertStyleRule.d.ts.map +0 -1
  403. package/dist/packages/core/src/helpers/matchMedia.d.ts.map +0 -1
  404. package/dist/packages/core/src/helpers/matchMedia.native.d.ts.map +0 -1
  405. package/dist/packages/core/src/helpers/themeable.d.ts.map +0 -1
  406. package/dist/packages/core/src/hooks/useConstant.d.ts.map +0 -1
  407. package/dist/packages/core/src/hooks/useFeatures.d.ts.map +0 -1
  408. package/dist/packages/core/src/hooks/useForceUpdate.d.ts +0 -2
  409. package/dist/packages/core/src/hooks/useForceUpdate.d.ts.map +0 -1
  410. package/dist/packages/core/src/hooks/useMedia.d.ts.map +0 -1
  411. package/dist/packages/core/src/hooks/usePressable.d.ts.map +0 -1
  412. package/dist/packages/core/src/hooks/useTheme.d.ts +0 -18
  413. package/dist/packages/core/src/hooks/useTheme.d.ts.map +0 -1
  414. package/dist/packages/core/src/index.d.ts.map +0 -1
  415. package/dist/packages/core/src/static/postProcessStyles.d.ts.map +0 -1
  416. package/dist/packages/core/src/static.d.ts.map +0 -1
  417. package/dist/packages/core/src/styled.d.ts +0 -16
  418. package/dist/packages/core/src/styled.d.ts.map +0 -1
  419. package/dist/packages/core/src/types.d.ts.map +0 -1
  420. package/dist/packages/core/src/views/Animated.d.ts.map +0 -1
  421. package/dist/packages/core/src/views/Stack.d.ts.map +0 -1
  422. package/dist/packages/core/src/views/Text.d.ts +0 -3
  423. package/dist/packages/core/src/views/Text.d.ts.map +0 -1
  424. package/dist/packages/core/src/views/TextAncestorContext.d.ts +0 -3
  425. package/dist/packages/core/src/views/TextAncestorContext.d.ts.map +0 -1
  426. package/dist/packages/core/src/views/Theme.d.ts.map +0 -1
  427. package/dist/packages/core/src/views/ThemeContext.d.ts.map +0 -1
  428. package/dist/packages/core/src/views/ThemeInverse.d.ts.map +0 -1
  429. package/dist/packages/core/src/views/ThemeManagerContext.d.ts +0 -15
  430. package/dist/packages/core/src/views/ThemeManagerContext.d.ts.map +0 -1
  431. package/dist/packages/core/src/views/ThemeProvider.d.ts.map +0 -1
  432. package/dist/packages/helpers/src/AllRules.d.ts +0 -3
  433. package/dist/packages/helpers/src/AllRules.d.ts.map +0 -1
  434. package/dist/packages/helpers/src/concatClassName.d.ts +0 -2
  435. package/dist/packages/helpers/src/concatClassName.d.ts.map +0 -1
  436. package/dist/packages/helpers/src/index.d.ts +0 -5
  437. package/dist/packages/helpers/src/index.d.ts.map +0 -1
  438. package/dist/packages/helpers/src/types.d.ts +0 -8
  439. package/dist/packages/helpers/src/types.d.ts.map +0 -1
  440. package/dist/packages/helpers/src/validStyleProps.d.ts +0 -475
  441. package/dist/packages/helpers/src/validStyleProps.d.ts.map +0 -1
  442. package/dist/styled.js.map +0 -7
  443. package/dist/views/SafeAreaProvider.js +0 -30
  444. package/dist/views/SafeAreaProvider.js.map +0 -7
  445. package/dist/views/Text.js.map +0 -7
  446. package/dist/views/TextAncestorContext.js +0 -18
  447. package/dist/views/TextAncestorContext.js.map +0 -7
  448. package/dist/views/Theme.js.map +0 -7
  449. package/dist/views/ThemeManagerContext.js.map +0 -7
  450. package/dist/views/ThemeProvider.js.map +0 -7
  451. package/src/constants/constants.ts +0 -12
  452. package/src/constants/platform.ts +0 -15
  453. package/src/constants/pseudos.ts +0 -14
  454. package/src/constants/rnw.tsx +0 -20
  455. package/src/createComponent.tsx +0 -597
  456. package/src/createFont.ts +0 -26
  457. package/src/createShorthands.ts +0 -5
  458. package/src/createTamagui.ts +0 -207
  459. package/src/createTheme.ts +0 -19
  460. package/src/createTokens.ts +0 -83
  461. package/src/createVariable.ts +0 -22
  462. package/src/helpers/addStylesUsingClassname.tsx +0 -60
  463. package/src/helpers/createMediaStyle.ts +0 -46
  464. package/src/helpers/createPropMapper.ts +0 -184
  465. package/src/helpers/createTamaguiProvider.tsx +0 -22
  466. package/src/helpers/extendStaticConfig.ts +0 -68
  467. package/src/helpers/fixNativeShadow.native.tsx +0 -27
  468. package/src/helpers/fixNativeShadow.tsx +0 -2
  469. package/src/helpers/getSplitStyles.tsx +0 -210
  470. package/src/helpers/getStylesAtomic.native.ts +0 -3
  471. package/src/helpers/getStylesAtomic.ts +0 -103
  472. package/src/helpers/insertStyleRule.tsx +0 -18
  473. package/src/helpers/isObj.ts +0 -1
  474. package/src/helpers/matchMedia.native.ts +0 -3
  475. package/src/helpers/matchMedia.ts +0 -9
  476. package/src/helpers/themeable.tsx +0 -42
  477. package/src/hooks/useConstant.tsx +0 -10
  478. package/src/hooks/useFeatures.tsx +0 -78
  479. package/src/hooks/useMedia.tsx +0 -194
  480. package/src/hooks/usePressable.tsx +0 -9
  481. package/src/hooks/useTheme.tsx +0 -107
  482. package/src/index.ts +0 -32
  483. package/src/static/postProcessStyles.tsx +0 -20
  484. package/src/static.ts +0 -22
  485. package/src/styled.ts +0 -82
  486. package/src/types.tsx +0 -561
  487. package/src/views/Animated.tsx +0 -121
  488. package/src/views/SafeAreaProvider.tsx +0 -33
  489. package/src/views/Stack.tsx +0 -21
  490. package/src/views/Text.tsx +0 -66
  491. package/src/views/TextAncestorContext.tsx +0 -12
  492. package/src/views/Theme.tsx +0 -73
  493. package/src/views/ThemeContext.tsx +0 -5
  494. package/src/views/ThemeInverse.tsx +0 -23
  495. package/src/views/ThemeManagerContext.tsx +0 -50
  496. package/src/views/ThemeProvider.tsx +0 -52
  497. package/types.d.ts +0 -557
@@ -0,0 +1,98 @@
1
+ var __defProp = Object.defineProperty;
2
+ var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
3
+ import { useForceUpdate } from "@tamagui/use-force-update";
4
+ import { useContext, useEffect, useMemo, useRef, useState } from "react";
5
+ import { GET_DEFAULT_THEME } from "../constants/constants";
6
+ import { useIsomorphicLayoutEffect } from "../constants/platform";
7
+ import { Variable } from "../createVariable";
8
+ import { ThemeContext } from "../views/ThemeContext";
9
+ import { ThemeManagerContext } from "../views/ThemeManagerContext";
10
+ const areEqualSets = /* @__PURE__ */ __name((a, b) => {
11
+ if (a.size !== b.size)
12
+ return false;
13
+ for (const val in a) {
14
+ if (!b.has(val)) {
15
+ return false;
16
+ }
17
+ }
18
+ return true;
19
+ }, "areEqualSets");
20
+ const useThemeName = /* @__PURE__ */ __name((opts) => {
21
+ const parent = useContext(ThemeManagerContext);
22
+ const [name, setName] = useState(parent.name);
23
+ useIsomorphicLayoutEffect(() => {
24
+ return parent.onChangeTheme((next, manager) => {
25
+ setName((opts == null ? void 0 : opts.parent) ? manager.parentName : next);
26
+ });
27
+ }, [parent]);
28
+ return name || "light";
29
+ }, "useThemeName");
30
+ const useDefaultThemeName = /* @__PURE__ */ __name(() => {
31
+ return useContext(ThemeContext)[GET_DEFAULT_THEME];
32
+ }, "useDefaultThemeName");
33
+ const useTheme = /* @__PURE__ */ __name(() => {
34
+ var _a, _b;
35
+ const forceUpdate = useForceUpdate();
36
+ const manager = useContext(ThemeManagerContext);
37
+ const themes = useContext(ThemeContext) || {};
38
+ const state = useRef();
39
+ if (!state.current) {
40
+ state.current = {
41
+ uuid: {},
42
+ keys: /* @__PURE__ */ new Set(),
43
+ isRendering: true
44
+ };
45
+ }
46
+ state.current.isRendering = true;
47
+ useIsomorphicLayoutEffect(() => {
48
+ const st = state.current;
49
+ st.isRendering = false;
50
+ const cur = manager.keys.get(st.uuid);
51
+ if (!cur || !areEqualSets(st.keys, cur)) {
52
+ manager.track(st.uuid, st.keys);
53
+ }
54
+ });
55
+ useEffect(() => {
56
+ return manager.onUpdate(state.current.uuid, forceUpdate);
57
+ }, []);
58
+ const theme = (_b = (_a = manager.name ? themes[manager.name] : themes.light) != null ? _a : themes.light) != null ? _b : {};
59
+ return useMemo(() => {
60
+ return new Proxy(theme, {
61
+ get(_, key) {
62
+ const name = manager.name;
63
+ if (!name) {
64
+ return Reflect.get(_, key);
65
+ }
66
+ let activeTheme = themes[name];
67
+ if (!activeTheme) {
68
+ if (process.env.NODE_ENV !== "test") {
69
+ console.error("No theme by name", name, "only:", themes, "keeping current theme");
70
+ }
71
+ activeTheme = theme;
72
+ }
73
+ const val = activeTheme[key];
74
+ if (process.env.NODE_ENV === "development") {
75
+ if (typeof val === "undefined") {
76
+ console.warn(`No theme value "${String(key)}" in`, activeTheme, themes);
77
+ return null;
78
+ }
79
+ if (!(val instanceof Variable)) {
80
+ console.warn("Non variable!", val);
81
+ }
82
+ if (val.name !== key) {
83
+ console.warn("Non-matching name for variable to key", key, val.name);
84
+ }
85
+ }
86
+ if (state.current.isRendering) {
87
+ state.current.keys.add(key);
88
+ }
89
+ return val;
90
+ }
91
+ });
92
+ }, []);
93
+ }, "useTheme");
94
+ export {
95
+ useDefaultThemeName,
96
+ useTheme,
97
+ useThemeName
98
+ };
@@ -0,0 +1,38 @@
1
+ export * from "./createComponent";
2
+ export * from "./createShorthands";
3
+ export * from "./createTheme";
4
+ export * from "./createTamagui";
5
+ export * from "./createFont";
6
+ import { createTokens } from "./createTokens";
7
+ export * from "./createVariable";
8
+ export * from "./styled";
9
+ export * from "./types";
10
+ import { getHasConfigured, getTamagui, getThemes, getTokens, onConfiguredOnce } from "./conf";
11
+ export * from "./constants/pseudos";
12
+ export * from "./constants/constants";
13
+ export * from "./constants/platform";
14
+ export * from "./constants/rnw";
15
+ export * from "./helpers/getThemeParentClassName";
16
+ export * from "./helpers/isObj";
17
+ export * from "./helpers/getStylesAtomic";
18
+ export * from "./helpers/matchMedia";
19
+ export * from "./helpers/themeable";
20
+ export * from "./helpers/isTamaguiElement";
21
+ export * from "./hooks/useConstant";
22
+ export * from "./hooks/useMedia";
23
+ export * from "./hooks/useTheme";
24
+ export * from "./views/Animated";
25
+ export * from "./views/Stack";
26
+ export * from "./views/Text";
27
+ export * from "./views/Theme";
28
+ export * from "./views/ThemeInverse";
29
+ export * from "./views/ThemeProvider";
30
+ export * from "./views/TextAncestorContext";
31
+ export {
32
+ createTokens,
33
+ getHasConfigured,
34
+ getTamagui,
35
+ getThemes,
36
+ getTokens,
37
+ onConfiguredOnce
38
+ };
@@ -0,0 +1,17 @@
1
+ var __defProp = Object.defineProperty;
2
+ var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
3
+ import { getSplitStyles } from "../helpers/getSplitStyles";
4
+ const postProcessStyles = /* @__PURE__ */ __name((inStyles, staticConfig, theme) => {
5
+ const { style, viewProps, pseudos, classNames } = getSplitStyles(inStyles, staticConfig, theme);
6
+ const next = {};
7
+ for (const s of style) {
8
+ if (!s)
9
+ continue;
10
+ Object.assign(next, s);
11
+ }
12
+ Object.assign(next, pseudos);
13
+ return { style: next, viewProps, classNames };
14
+ }, "postProcessStyles");
15
+ export {
16
+ postProcessStyles
17
+ };
@@ -0,0 +1,14 @@
1
+ export * from "./styled";
2
+ export * from "./createComponent";
3
+ export * from "./createFont";
4
+ export * from "./createTokens";
5
+ export * from "./createTamagui";
6
+ export * from "./constants/constants";
7
+ export * from "./hooks/useMedia";
8
+ export * from "./hooks/useTheme";
9
+ export * from "./helpers/isObj";
10
+ export * from "./helpers/getStylesAtomic";
11
+ export * from "./helpers/getSplitStyles";
12
+ export * from "@tamagui/helpers";
13
+ export * from "./constants/pseudos";
14
+ export * from "./static/postProcessStyles";
@@ -0,0 +1,20 @@
1
+ var __defProp = Object.defineProperty;
2
+ var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
3
+ import { createComponent } from "./createComponent";
4
+ import { extendStaticConfig } from "./helpers/extendStaticConfig";
5
+ function styled(Component, options, staticExtractionOptions) {
6
+ const staticConfigProps = (() => {
7
+ if (options) {
8
+ const { variants, ...defaultProps } = options;
9
+ return { ...staticExtractionOptions, variants, defaultProps };
10
+ }
11
+ return {};
12
+ })();
13
+ const config = extendStaticConfig(Component, staticConfigProps);
14
+ const component = createComponent(config);
15
+ return component;
16
+ }
17
+ __name(styled, "styled");
18
+ export {
19
+ styled
20
+ };
File without changes
@@ -0,0 +1,74 @@
1
+ var __defProp = Object.defineProperty;
2
+ var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
3
+ import { useMemo } from "react";
4
+ import {
5
+ Animated
6
+ } from "react-native";
7
+ import { useIsomorphicLayoutEffect } from "../constants/platform";
8
+ import { useConstant } from "../hooks/useConstant";
9
+ import { Stack } from "./Stack";
10
+ const defaultAnimation = {
11
+ from: {
12
+ opacity: 0,
13
+ translateY: 12
14
+ },
15
+ to: {
16
+ opacity: 1,
17
+ translateY: 0
18
+ }
19
+ };
20
+ const styleKeys = {
21
+ opacity: true,
22
+ backgroundColor: true,
23
+ borderColor: true
24
+ };
25
+ const AnimatedStack = /* @__PURE__ */ __name(({
26
+ animateState = "in",
27
+ animation = defaultAnimation,
28
+ velocity = 6,
29
+ children,
30
+ animated,
31
+ ...props
32
+ }) => {
33
+ const driver = useConstant(() => {
34
+ return new Animated.Value(0);
35
+ });
36
+ const animatedProps = useMemo(() => {
37
+ if (!animated) {
38
+ return null;
39
+ }
40
+ const styleProps = {};
41
+ const transform = [];
42
+ for (const key in animation.from) {
43
+ const fromVal = animation.from[key];
44
+ const toVal = animation.to[key];
45
+ const interpolatedVal = driver.interpolate({
46
+ inputRange: [0, 1],
47
+ outputRange: [fromVal, toVal]
48
+ });
49
+ if (styleKeys[key]) {
50
+ styleProps[key] = interpolatedVal;
51
+ } else {
52
+ transform.push({
53
+ [key]: interpolatedVal
54
+ });
55
+ }
56
+ }
57
+ return { transform, ...styleProps };
58
+ }, [animated, animateState]);
59
+ useIsomorphicLayoutEffect(() => {
60
+ if (!animated) {
61
+ return;
62
+ }
63
+ Animated.spring(driver, {
64
+ useNativeDriver: true,
65
+ velocity,
66
+ toValue: animateState === "in" ? 1 : 0
67
+ }).start();
68
+ }, [animated, animateState]);
69
+ const childrenMemo = useMemo(() => children, [children]);
70
+ return <Stack animated={animated} {...props} {...animatedProps}>{childrenMemo}</Stack>;
71
+ }, "AnimatedStack");
72
+ export {
73
+ AnimatedStack
74
+ };
@@ -0,0 +1,11 @@
1
+ import { stackDefaultStyles } from "../constants/constants";
2
+ import { createComponent } from "../createComponent";
3
+ const Stack = createComponent({
4
+ defaultProps: {
5
+ ...stackDefaultStyles,
6
+ flexDirection: "column"
7
+ }
8
+ });
9
+ export {
10
+ Stack
11
+ };
@@ -0,0 +1,59 @@
1
+ import { stylePropsTextOnly, validStyles } from "@tamagui/helpers";
2
+ import { isWeb } from "../constants/platform";
3
+ import { createComponent } from "../createComponent";
4
+ const ellipseStyle = {
5
+ maxWidth: "100%",
6
+ overflow: "hidden",
7
+ textOverflow: "ellipsis",
8
+ whiteSpace: "nowrap"
9
+ };
10
+ const Text = createComponent({
11
+ isText: true,
12
+ defaultProps: {
13
+ display: isWeb ? "inline" : "flex",
14
+ boxSizing: "border-box",
15
+ fontFamily: "System",
16
+ wordWrap: "break-word"
17
+ },
18
+ variants: {
19
+ numberOfLines: {
20
+ 1: ellipseStyle,
21
+ "[number]": (lines) => lines > 1 ? { WebkitLineClamp: 1 } : null
22
+ },
23
+ selectable: {
24
+ true: {
25
+ userSelect: "text"
26
+ },
27
+ false: {
28
+ userSelect: "none"
29
+ }
30
+ },
31
+ pressable: {
32
+ true: {
33
+ cursor: "pointer"
34
+ }
35
+ },
36
+ ellipse: {
37
+ true: isWeb ? ellipseStyle : {
38
+ numberOfLines: 1,
39
+ lineBreakMode: "clip"
40
+ }
41
+ }
42
+ },
43
+ deoptProps: new Set(isWeb ? [] : ["ellipse"]),
44
+ validStyles: {
45
+ ...validStyles,
46
+ ...stylePropsTextOnly,
47
+ ...isWeb && {
48
+ userSelect: true,
49
+ textOverflow: true,
50
+ whiteSpace: true,
51
+ wordWrap: true,
52
+ selectable: true,
53
+ cursor: true
54
+ }
55
+ }
56
+ });
57
+ export {
58
+ Text
59
+ };
@@ -0,0 +1,15 @@
1
+ var __defProp = Object.defineProperty;
2
+ var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
3
+ var _a, _b;
4
+ import { createContext } from "react";
5
+ import { rnw } from "../constants/rnw";
6
+ const FallbackNativeContext = createContext(false);
7
+ const TextAncestorContext = (_b = (_a = rnw) == null ? void 0 : _a.TextAncestorContext) != null ? _b : FallbackNativeContext;
8
+ const TextAncestorProvider = /* @__PURE__ */ __name((props) => {
9
+ return <TextAncestorContext.Provider value={false}>{props.children}</TextAncestorContext.Provider>;
10
+ }, "TextAncestorProvider");
11
+ export {
12
+ FallbackNativeContext,
13
+ TextAncestorContext,
14
+ TextAncestorProvider
15
+ };
@@ -0,0 +1,63 @@
1
+ var __defProp = Object.defineProperty;
2
+ var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
3
+ import { useContext, useState } from "react";
4
+ import { isWeb, useIsomorphicLayoutEffect } from "../constants/platform";
5
+ import { getThemeParentClassName } from "../helpers/getThemeParentClassName";
6
+ import { useConstant } from "../hooks/useConstant";
7
+ import { ThemeContext } from "./ThemeContext";
8
+ import { ThemeManager, ThemeManagerContext } from "./ThemeManagerContext";
9
+ const Theme = /* @__PURE__ */ __name((props) => {
10
+ var _a, _b;
11
+ const parent = useContext(ThemeManagerContext);
12
+ const themes = useContext(ThemeContext);
13
+ const [parentName, setParentName] = useState(parent.name || "light");
14
+ if (!themes) {
15
+ console.warn("Error, no themes in context", props);
16
+ return props.children;
17
+ }
18
+ const nextNameParent = `${props.name}-${parentName}`;
19
+ const nextNameParentParent = `${props.name}-${parent.parentName}`;
20
+ const name = !props.name ? null : props.name in themes ? props.name : nextNameParent in themes ? nextNameParent : nextNameParentParent in themes ? nextNameParentParent : null;
21
+ const theme = name ? themes[name] : null;
22
+ const themeManager = useConstant(() => {
23
+ if (!theme) {
24
+ return null;
25
+ }
26
+ const manager = new ThemeManager();
27
+ if (name) {
28
+ manager.setActiveTheme({ name, theme: themes[name], parentName });
29
+ }
30
+ return manager;
31
+ });
32
+ useIsomorphicLayoutEffect(() => {
33
+ if (!themeManager) {
34
+ return;
35
+ }
36
+ if (name) {
37
+ themeManager.setActiveTheme({ name, theme, parentName });
38
+ }
39
+ return parent.onChangeTheme((next) => {
40
+ if (next) {
41
+ themeManager.setActiveTheme({ name: next, theme: themes[next], parentName });
42
+ setParentName(next);
43
+ }
44
+ });
45
+ }, [themes, name, parentName]);
46
+ if (!name || !theme) {
47
+ return props.children;
48
+ }
49
+ const contents = themeManager ? <ThemeManagerContext.Provider value={themeManager}>{props.children}</ThemeManagerContext.Provider> : props.children;
50
+ if (isWeb) {
51
+ if (props.disableThemeClass) {
52
+ return contents;
53
+ }
54
+ if (name) {
55
+ const color = (_b = (_a = themes[name]) == null ? void 0 : _a["color"]) == null ? void 0 : _b["variable"];
56
+ return <div className={getThemeParentClassName(props.name)} style={{ display: "contents", color }}>{contents}</div>;
57
+ }
58
+ }
59
+ return contents;
60
+ }, "Theme");
61
+ export {
62
+ Theme
63
+ };
@@ -0,0 +1,5 @@
1
+ import { createContext } from "react";
2
+ const ThemeContext = createContext(null);
3
+ export {
4
+ ThemeContext
5
+ };
@@ -0,0 +1,22 @@
1
+ var __defProp = Object.defineProperty;
2
+ var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
3
+ import { useDefaultThemeName, useThemeName } from "../hooks/useTheme";
4
+ import { Theme } from "./Theme";
5
+ let inversions = {
6
+ light: "dark",
7
+ dark: "light"
8
+ };
9
+ function setThemeInversions(next) {
10
+ inversions = next;
11
+ }
12
+ __name(setThemeInversions, "setThemeInversions");
13
+ const ThemeInverse = /* @__PURE__ */ __name((props) => {
14
+ const themeName = useThemeName();
15
+ const defaultTheme = useDefaultThemeName();
16
+ const name = inversions[themeName] || inversions[defaultTheme] || null;
17
+ return <Theme name={name}>{props.children}</Theme>;
18
+ }, "ThemeInverse");
19
+ export {
20
+ ThemeInverse,
21
+ setThemeInversions
22
+ };
@@ -0,0 +1,61 @@
1
+ var __defProp = Object.defineProperty;
2
+ var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
3
+ import { createContext } from "react";
4
+ class ThemeManager {
5
+ constructor() {
6
+ this.name = "light";
7
+ this.parentName = null;
8
+ this.keys = /* @__PURE__ */ new Map();
9
+ this.listeners = /* @__PURE__ */ new Map();
10
+ this.themeListeners = /* @__PURE__ */ new Set();
11
+ this.theme = null;
12
+ }
13
+ setActiveTheme({
14
+ name,
15
+ theme,
16
+ parentName
17
+ }) {
18
+ if (name === this.name)
19
+ return;
20
+ this.name = name;
21
+ this.theme = theme;
22
+ this.parentName = parentName || null;
23
+ this.update();
24
+ }
25
+ track(uuid, keys) {
26
+ if (!this.name)
27
+ return;
28
+ this.keys.set(uuid, keys);
29
+ }
30
+ update() {
31
+ var _a;
32
+ if (!this.name) {
33
+ this.keys.clear();
34
+ }
35
+ for (const [uuid, keys] of this.keys.entries()) {
36
+ if (keys.size) {
37
+ (_a = this.listeners.get(uuid)) == null ? void 0 : _a();
38
+ }
39
+ }
40
+ this.themeListeners.forEach((cb) => cb(this.name, this));
41
+ }
42
+ onChangeTheme(cb) {
43
+ this.themeListeners.add(cb);
44
+ return () => {
45
+ this.themeListeners.delete(cb);
46
+ };
47
+ }
48
+ onUpdate(uuid, cb) {
49
+ this.listeners.set(uuid, cb);
50
+ return () => {
51
+ this.listeners.delete(uuid);
52
+ this.keys.delete(uuid);
53
+ };
54
+ }
55
+ }
56
+ __name(ThemeManager, "ThemeManager");
57
+ const ThemeManagerContext = createContext(new ThemeManager());
58
+ export {
59
+ ThemeManager,
60
+ ThemeManagerContext
61
+ };
@@ -0,0 +1,39 @@
1
+ var __defProp = Object.defineProperty;
2
+ var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
3
+ import { useMemo } from "react";
4
+ import { getHasConfigured } from "../conf";
5
+ import { GET_DEFAULT_THEME } from "../constants/constants";
6
+ import { useIsomorphicLayoutEffect } from "../constants/platform";
7
+ import { getThemeParentClassName } from "../helpers/getThemeParentClassName";
8
+ import { Theme } from "./Theme";
9
+ import { ThemeContext } from "./ThemeContext";
10
+ const ThemeProvider = /* @__PURE__ */ __name((props) => {
11
+ if (!getHasConfigured()) {
12
+ throw new Error(`Missing configureThemes() call, add to your root file`);
13
+ }
14
+ useIsomorphicLayoutEffect(() => {
15
+ if (props.disableRootThemeClass) {
16
+ return;
17
+ }
18
+ if (typeof document !== "undefined") {
19
+ const cns = getThemeParentClassName(`${props.defaultTheme}`).split(" ");
20
+ cns.forEach((cn) => document.body.classList.add(cn));
21
+ return () => {
22
+ cns.forEach((cn) => document.body.classList.remove(cn));
23
+ };
24
+ }
25
+ }, []);
26
+ const themeContext = useMemo(() => {
27
+ return new Proxy(props.themes, {
28
+ get(target, key) {
29
+ if (key === GET_DEFAULT_THEME)
30
+ return props.defaultTheme;
31
+ return Reflect.get(target, key);
32
+ }
33
+ });
34
+ }, [props.themes]);
35
+ return <ThemeContext.Provider value={themeContext}><Theme name={props.defaultTheme} disableThemeClass={props.disableRootThemeClass}>{props.children}</Theme></ThemeContext.Provider>;
36
+ }, "ThemeProvider");
37
+ export {
38
+ ThemeProvider
39
+ };
package/package.json CHANGED
@@ -1,41 +1,39 @@
1
1
  {
2
2
  "name": "@tamagui/core",
3
- "version": "1.0.0-alpha.5",
3
+ "version": "1.0.0-alpha.55",
4
4
  "source": "src/index.ts",
5
- "main": "dist/index.cjs",
6
- "module": "dist/index.js",
7
- "typings": "types.d.ts",
5
+ "main": "dist/cjs",
6
+ "module": "dist/esm",
7
+ "typings": "types",
8
8
  "scripts": {
9
9
  "build": "tamagui-build",
10
10
  "watch": "tamagui-build --watch"
11
11
  },
12
12
  "files": [
13
- "types.d.ts",
14
- "dist",
15
- "src"
13
+ "types",
14
+ "dist"
16
15
  ],
17
16
  "dependencies": {
18
- "@tamagui/helpers": "^1.0.0-alpha.5",
19
- "@tamagui/use-debounce": "^1.0.0-alpha.5",
20
- "@tamagui/use-force-update": "^1.0.0-alpha.5",
17
+ "@tamagui/helpers": "^1.0.0-alpha.48",
18
+ "@tamagui/ow": "^0.28.1",
19
+ "@tamagui/use-debounce": "^1.0.0-alpha.44",
20
+ "@tamagui/use-force-update": "^1.0.0-alpha.44",
21
21
  "react": "*",
22
- "react-dom": "*",
23
- "react-native-safe-area-context": "^3.3.0"
22
+ "react-dom": "*"
24
23
  },
25
24
  "peerDependencies": {
26
25
  "react-native-web": "*"
27
26
  },
28
27
  "devDependencies": {
29
- "@tamagui/build": "^1.0.0-alpha.2",
28
+ "@tamagui/build": "^1.0.0-alpha.44",
30
29
  "@types/react": "^17.0.35",
31
- "esbuild": "^0.11.20",
32
- "typescript": "^4.4.4"
30
+ "csstype": "^3.0.10",
31
+ "esbuild": "^0.13.12",
32
+ "react-native-web": "^0.17.5",
33
+ "typescript": "^4.5.2"
33
34
  },
34
35
  "publishConfig": {
35
36
  "access": "public"
36
37
  },
37
- "engines": {
38
- "node": ">=16"
39
- },
40
- "gitHead": "e12f14aa087c41ea5ba3933a05f33fada0be03c0"
38
+ "gitHead": "d9c8dbec240f5e16eb7c52b96ea8bed948e6e299"
41
39
  }
@@ -0,0 +1,44 @@
1
+ import { ConfigListener, TamaguiInternalConfig } from './types';
2
+ export declare let conf: TamaguiInternalConfig | null;
3
+ export declare const setConfig: (next: TamaguiInternalConfig) => void;
4
+ export declare const getHasConfigured: () => boolean;
5
+ export declare const getTamagui: () => TamaguiInternalConfig<import("./types").CreateTokens<string | number | import("./createVariable").Variable>, {
6
+ [key: string]: {
7
+ bg: string | import("./createVariable").Variable;
8
+ bg2: string | import("./createVariable").Variable;
9
+ bg3: string | import("./createVariable").Variable;
10
+ bg4: string | import("./createVariable").Variable;
11
+ color: string | import("./createVariable").Variable;
12
+ color2: string | import("./createVariable").Variable;
13
+ color3: string | import("./createVariable").Variable;
14
+ color4: string | import("./createVariable").Variable;
15
+ borderColor: string | import("./createVariable").Variable;
16
+ borderColor2: string | import("./createVariable").Variable;
17
+ shadowColor: string | import("./createVariable").Variable;
18
+ shadowColor2: string | import("./createVariable").Variable;
19
+ };
20
+ }, {}, {
21
+ [x: string]: {
22
+ [key: string]: string | number;
23
+ };
24
+ }>;
25
+ export declare const getTokens: () => import("./types").CreateTokens<import("./createVariable").Variable>;
26
+ export declare const getThemes: () => {
27
+ [key: string]: {
28
+ bg: string | import("./createVariable").Variable;
29
+ bg2: string | import("./createVariable").Variable;
30
+ bg3: string | import("./createVariable").Variable;
31
+ bg4: string | import("./createVariable").Variable;
32
+ color: string | import("./createVariable").Variable;
33
+ color2: string | import("./createVariable").Variable;
34
+ color3: string | import("./createVariable").Variable;
35
+ color4: string | import("./createVariable").Variable;
36
+ borderColor: string | import("./createVariable").Variable;
37
+ borderColor2: string | import("./createVariable").Variable;
38
+ shadowColor: string | import("./createVariable").Variable;
39
+ shadowColor2: string | import("./createVariable").Variable;
40
+ };
41
+ };
42
+ export declare const configListeners: Set<ConfigListener>;
43
+ export declare const onConfiguredOnce: (cb: ConfigListener) => void;
44
+ //# sourceMappingURL=conf.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"conf.d.ts","sourceRoot":"","sources":["../src/conf.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAA;AAE/D,eAAO,IAAI,IAAI,EAAE,qBAAqB,GAAG,IAAI,CAAA;AAE7C,eAAO,MAAM,SAAS,SAAU,qBAAqB,SAEpD,CAAA;AAED,eAAO,MAAM,gBAAgB,eAAe,CAAA;AAC5C,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;EAAc,CAAA;AACrC,eAAO,MAAM,SAAS,2EAA2B,CAAA;AACjD,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;CAAqB,CAAA;AAE3C,eAAO,MAAM,eAAe,qBAA4B,CAAA;AAExD,eAAO,MAAM,gBAAgB,OAAQ,cAAc,SAMlD,CAAA"}
@@ -1,3 +1,5 @@
1
+ export declare const GET_DEFAULT_THEME = "___TGUI";
2
+ export declare const PREFIX = "theme--";
1
3
  export declare const stackDefaultStyles: {
2
4
  display?: string | undefined;
3
5
  flexBasis?: string | undefined;
@@ -0,0 +1 @@
1
+ {"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../src/constants/constants.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,iBAAiB,YAAY,CAAA;AAE1C,eAAO,MAAM,MAAM,YAAY,CAAA;AAE/B,eAAO,MAAM,kBAAkB;;;;;;CAS9B,CAAA"}