@tamagui/core 1.2.3 → 1.2.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 (606) hide show
  1. package/README.md +4 -0
  2. package/dist/cjs/hooks/usePlatformMethods.js +48 -0
  3. package/dist/cjs/hooks/usePlatformMethods.js.map +7 -0
  4. package/dist/cjs/index.js +152 -75
  5. package/dist/cjs/index.js.map +3 -3
  6. package/dist/cjs/{types.js → reactNativeTypes.js} +3 -3
  7. package/dist/cjs/reactNativeTypes.js.map +7 -0
  8. package/dist/esm/hooks/usePlatformMethods.js +24 -0
  9. package/dist/esm/hooks/usePlatformMethods.js.map +7 -0
  10. package/dist/esm/index.js +157 -71
  11. package/dist/esm/index.js.map +2 -2
  12. package/dist/esm/reactNativeTypes.js +1 -0
  13. package/dist/esm/{types-rnw.js.map → reactNativeTypes.js.map} +0 -0
  14. package/package.json +5 -11
  15. package/src/hooks/usePlatformMethods.ts +26 -0
  16. package/src/index.ts +214 -71
  17. package/src/reactNativeTypes.ts +104 -0
  18. package/types/hooks/usePlatformMethods.d.ts +3 -0
  19. package/types/hooks/usePlatformMethods.d.ts.map +1 -0
  20. package/types/index.d.ts +6 -54
  21. package/types/index.d.ts.map +1 -1
  22. package/types/reactNativeTypes.d.ts +26 -0
  23. package/types/reactNativeTypes.d.ts.map +1 -0
  24. package/dist/cjs/Tamagui.js +0 -77
  25. package/dist/cjs/Tamagui.js.map +0 -7
  26. package/dist/cjs/addTheme.js +0 -78
  27. package/dist/cjs/addTheme.js.map +0 -7
  28. package/dist/cjs/config.js +0 -91
  29. package/dist/cjs/config.js.map +0 -7
  30. package/dist/cjs/constants/constants.js +0 -49
  31. package/dist/cjs/constants/constants.js.map +0 -7
  32. package/dist/cjs/constants/isDevTools.js +0 -37
  33. package/dist/cjs/constants/isDevTools.js.map +0 -7
  34. package/dist/cjs/contexts/ButtonNestingContext.js +0 -30
  35. package/dist/cjs/contexts/ButtonNestingContext.js.map +0 -7
  36. package/dist/cjs/contexts/FontLanguageContext.js +0 -30
  37. package/dist/cjs/contexts/FontLanguageContext.js.map +0 -7
  38. package/dist/cjs/contexts/TextAncestorContext.js +0 -30
  39. package/dist/cjs/contexts/TextAncestorContext.js.map +0 -7
  40. package/dist/cjs/createComponent.js +0 -993
  41. package/dist/cjs/createComponent.js.map +0 -7
  42. package/dist/cjs/createFont.js +0 -69
  43. package/dist/cjs/createFont.js.map +0 -7
  44. package/dist/cjs/createFont.web.test.js +0 -125
  45. package/dist/cjs/createFont.web.test.js.map +0 -7
  46. package/dist/cjs/createShorthands.js +0 -31
  47. package/dist/cjs/createShorthands.js.map +0 -7
  48. package/dist/cjs/createTamagui.js +0 -206
  49. package/dist/cjs/createTamagui.js.map +0 -7
  50. package/dist/cjs/createTheme.js +0 -31
  51. package/dist/cjs/createTheme.js.map +0 -7
  52. package/dist/cjs/createTokens.js +0 -39
  53. package/dist/cjs/createTokens.js.map +0 -7
  54. package/dist/cjs/createTokens.web.test.js +0 -28
  55. package/dist/cjs/createTokens.web.test.js.map +0 -7
  56. package/dist/cjs/createVariable.js +0 -111
  57. package/dist/cjs/createVariable.js.map +0 -7
  58. package/dist/cjs/createVariable.web.test.js +0 -7
  59. package/dist/cjs/createVariable.web.test.js.map +0 -7
  60. package/dist/cjs/createVariables.js +0 -60
  61. package/dist/cjs/createVariables.js.map +0 -7
  62. package/dist/cjs/helpers/RNComponents.js +0 -40
  63. package/dist/cjs/helpers/RNComponents.js.map +0 -7
  64. package/dist/cjs/helpers/ThemeManager.js +0 -234
  65. package/dist/cjs/helpers/ThemeManager.js.map +0 -7
  66. package/dist/cjs/helpers/ThemeManager.test.js +0 -465
  67. package/dist/cjs/helpers/ThemeManager.test.js.map +0 -7
  68. package/dist/cjs/helpers/ThemeManagerContext.js +0 -30
  69. package/dist/cjs/helpers/ThemeManagerContext.js.map +0 -7
  70. package/dist/cjs/helpers/createMediaStyle.js +0 -67
  71. package/dist/cjs/helpers/createMediaStyle.js.map +0 -7
  72. package/dist/cjs/helpers/createPropMapper.js +0 -411
  73. package/dist/cjs/helpers/createPropMapper.js.map +0 -7
  74. package/dist/cjs/helpers/createProxy.js +0 -43
  75. package/dist/cjs/helpers/createProxy.js.map +0 -7
  76. package/dist/cjs/helpers/expandStyle.js +0 -95
  77. package/dist/cjs/helpers/expandStyle.js.map +0 -7
  78. package/dist/cjs/helpers/expandStyles.js +0 -116
  79. package/dist/cjs/helpers/expandStyles.js.map +0 -7
  80. package/dist/cjs/helpers/extendStaticConfig.js +0 -91
  81. package/dist/cjs/helpers/extendStaticConfig.js.map +0 -7
  82. package/dist/cjs/helpers/fixNativeShadow.js +0 -30
  83. package/dist/cjs/helpers/fixNativeShadow.js.map +0 -7
  84. package/dist/cjs/helpers/getAnimationDriver.js +0 -32
  85. package/dist/cjs/helpers/getAnimationDriver.js.map +0 -7
  86. package/dist/cjs/helpers/getExpandedShorthands.js +0 -40
  87. package/dist/cjs/helpers/getExpandedShorthands.js.map +0 -7
  88. package/dist/cjs/helpers/getFontLanguage.js +0 -29
  89. package/dist/cjs/helpers/getFontLanguage.js.map +0 -7
  90. package/dist/cjs/helpers/getSplitStyles.js +0 -848
  91. package/dist/cjs/helpers/getSplitStyles.js.map +0 -7
  92. package/dist/cjs/helpers/getStylesAtomic.js +0 -226
  93. package/dist/cjs/helpers/getStylesAtomic.js.map +0 -7
  94. package/dist/cjs/helpers/getStylesAtomic.native.js +0 -38
  95. package/dist/cjs/helpers/getStylesAtomic.native.js.map +0 -7
  96. package/dist/cjs/helpers/getThemeCSSRules.js +0 -110
  97. package/dist/cjs/helpers/getThemeCSSRules.js.map +0 -7
  98. package/dist/cjs/helpers/getThemeCSSRules.native.js +0 -31
  99. package/dist/cjs/helpers/getThemeCSSRules.native.js.map +0 -7
  100. package/dist/cjs/helpers/getVariantExtras.js +0 -92
  101. package/dist/cjs/helpers/getVariantExtras.js.map +0 -7
  102. package/dist/cjs/helpers/insertStyleRule.js +0 -218
  103. package/dist/cjs/helpers/insertStyleRule.js.map +0 -7
  104. package/dist/cjs/helpers/isObj.js +0 -29
  105. package/dist/cjs/helpers/isObj.js.map +0 -7
  106. package/dist/cjs/helpers/isTamaguiComponent.js +0 -32
  107. package/dist/cjs/helpers/isTamaguiComponent.js.map +0 -7
  108. package/dist/cjs/helpers/isTamaguiElement.js +0 -33
  109. package/dist/cjs/helpers/isTamaguiElement.js.map +0 -7
  110. package/dist/cjs/helpers/matchMedia.js +0 -42
  111. package/dist/cjs/helpers/matchMedia.js.map +0 -7
  112. package/dist/cjs/helpers/matchMedia.native.js +0 -48
  113. package/dist/cjs/helpers/matchMedia.native.js.map +0 -7
  114. package/dist/cjs/helpers/mergeProps.js +0 -54
  115. package/dist/cjs/helpers/mergeProps.js.map +0 -7
  116. package/dist/cjs/helpers/mergeTransform.js +0 -47
  117. package/dist/cjs/helpers/mergeTransform.js.map +0 -7
  118. package/dist/cjs/helpers/normalizeColor.js +0 -71
  119. package/dist/cjs/helpers/normalizeColor.js.map +0 -7
  120. package/dist/cjs/helpers/normalizeValueWithProperty.js +0 -138
  121. package/dist/cjs/helpers/normalizeValueWithProperty.js.map +0 -7
  122. package/dist/cjs/helpers/proxyThemeVariables.js +0 -40
  123. package/dist/cjs/helpers/proxyThemeVariables.js.map +0 -7
  124. package/dist/cjs/helpers/pseudoDescriptors.js +0 -53
  125. package/dist/cjs/helpers/pseudoDescriptors.js.map +0 -7
  126. package/dist/cjs/helpers/registerCSSVariable.js +0 -40
  127. package/dist/cjs/helpers/registerCSSVariable.js.map +0 -7
  128. package/dist/cjs/helpers/themeable.js +0 -62
  129. package/dist/cjs/helpers/themeable.js.map +0 -7
  130. package/dist/cjs/helpers/themes.js +0 -78
  131. package/dist/cjs/helpers/themes.js.map +0 -7
  132. package/dist/cjs/helpers/timer.js +0 -35
  133. package/dist/cjs/helpers/timer.js.map +0 -7
  134. package/dist/cjs/helpers/useShallowSetState.js +0 -59
  135. package/dist/cjs/helpers/useShallowSetState.js.map +0 -7
  136. package/dist/cjs/helpers/warnOnce.js +0 -38
  137. package/dist/cjs/helpers/warnOnce.js.map +0 -7
  138. package/dist/cjs/helpers/withStaticProperties.js +0 -32
  139. package/dist/cjs/helpers/withStaticProperties.js.map +0 -7
  140. package/dist/cjs/hooks/getThemeUnwrapped.js +0 -34
  141. package/dist/cjs/hooks/getThemeUnwrapped.js.map +0 -7
  142. package/dist/cjs/hooks/useId.js +0 -29
  143. package/dist/cjs/hooks/useId.js.map +0 -7
  144. package/dist/cjs/hooks/useIsTouchDevice.js +0 -33
  145. package/dist/cjs/hooks/useIsTouchDevice.js.map +0 -7
  146. package/dist/cjs/hooks/useMedia.js +0 -263
  147. package/dist/cjs/hooks/useMedia.js.map +0 -7
  148. package/dist/cjs/hooks/useSafeRef.js +0 -59
  149. package/dist/cjs/hooks/useSafeRef.js.map +0 -7
  150. package/dist/cjs/hooks/useServerHooks.js +0 -36
  151. package/dist/cjs/hooks/useServerHooks.js.map +0 -7
  152. package/dist/cjs/hooks/useStyle.js +0 -61
  153. package/dist/cjs/hooks/useStyle.js.map +0 -7
  154. package/dist/cjs/hooks/useTheme.js +0 -230
  155. package/dist/cjs/hooks/useTheme.js.map +0 -7
  156. package/dist/cjs/hooks/useThemeName.js +0 -52
  157. package/dist/cjs/hooks/useThemeName.js.map +0 -7
  158. package/dist/cjs/insertFont.js +0 -93
  159. package/dist/cjs/insertFont.js.map +0 -7
  160. package/dist/cjs/setupReactNative.js +0 -51
  161. package/dist/cjs/setupReactNative.js.map +0 -7
  162. package/dist/cjs/static.js +0 -20
  163. package/dist/cjs/static.js.map +0 -7
  164. package/dist/cjs/styled.js +0 -95
  165. package/dist/cjs/styled.js.map +0 -7
  166. package/dist/cjs/types-rnw.js +0 -17
  167. package/dist/cjs/types-rnw.js.map +0 -7
  168. package/dist/cjs/types.js.map +0 -7
  169. package/dist/cjs/updateTheme.js +0 -47
  170. package/dist/cjs/updateTheme.js.map +0 -7
  171. package/dist/cjs/views/FontLanguage.js +0 -41
  172. package/dist/cjs/views/FontLanguage.js.map +0 -7
  173. package/dist/cjs/views/FontLanguage.native.js +0 -35
  174. package/dist/cjs/views/FontLanguage.native.js.map +0 -7
  175. package/dist/cjs/views/FontLanguage.types.js +0 -17
  176. package/dist/cjs/views/FontLanguage.types.js.map +0 -7
  177. package/dist/cjs/views/Slot.js +0 -92
  178. package/dist/cjs/views/Slot.js.map +0 -7
  179. package/dist/cjs/views/Stack.js +0 -38
  180. package/dist/cjs/views/Stack.js.map +0 -7
  181. package/dist/cjs/views/Stack.web.test.js +0 -22
  182. package/dist/cjs/views/Stack.web.test.js.map +0 -7
  183. package/dist/cjs/views/TamaguiProvider.js +0 -90
  184. package/dist/cjs/views/TamaguiProvider.js.map +0 -7
  185. package/dist/cjs/views/Text.js +0 -94
  186. package/dist/cjs/views/Text.js.map +0 -7
  187. package/dist/cjs/views/Theme.js +0 -88
  188. package/dist/cjs/views/Theme.js.map +0 -7
  189. package/dist/cjs/views/ThemeProvider.js +0 -70
  190. package/dist/cjs/views/ThemeProvider.js.map +0 -7
  191. package/dist/esm/Tamagui.js +0 -41
  192. package/dist/esm/Tamagui.js.map +0 -7
  193. package/dist/esm/addTheme.js +0 -54
  194. package/dist/esm/addTheme.js.map +0 -7
  195. package/dist/esm/config.js +0 -58
  196. package/dist/esm/config.js.map +0 -7
  197. package/dist/esm/constants/constants.js +0 -22
  198. package/dist/esm/constants/constants.js.map +0 -7
  199. package/dist/esm/constants/isDevTools.js +0 -13
  200. package/dist/esm/constants/isDevTools.js.map +0 -7
  201. package/dist/esm/contexts/ButtonNestingContext.js +0 -6
  202. package/dist/esm/contexts/ButtonNestingContext.js.map +0 -7
  203. package/dist/esm/contexts/FontLanguageContext.js +0 -6
  204. package/dist/esm/contexts/FontLanguageContext.js.map +0 -7
  205. package/dist/esm/contexts/TextAncestorContext.js +0 -6
  206. package/dist/esm/contexts/TextAncestorContext.js.map +0 -7
  207. package/dist/esm/createComponent.js +0 -975
  208. package/dist/esm/createComponent.js.map +0 -7
  209. package/dist/esm/createFont.js +0 -45
  210. package/dist/esm/createFont.js.map +0 -7
  211. package/dist/esm/createFont.web.test.js +0 -124
  212. package/dist/esm/createFont.web.test.js.map +0 -7
  213. package/dist/esm/createShorthands.js +0 -7
  214. package/dist/esm/createShorthands.js.map +0 -7
  215. package/dist/esm/createTamagui.js +0 -190
  216. package/dist/esm/createTamagui.js.map +0 -7
  217. package/dist/esm/createTheme.js +0 -7
  218. package/dist/esm/createTheme.js.map +0 -7
  219. package/dist/esm/createTokens.js +0 -15
  220. package/dist/esm/createTokens.js.map +0 -7
  221. package/dist/esm/createTokens.web.test.js +0 -27
  222. package/dist/esm/createTokens.web.test.js.map +0 -7
  223. package/dist/esm/createVariable.js +0 -78
  224. package/dist/esm/createVariable.js.map +0 -7
  225. package/dist/esm/createVariable.web.test.js +0 -6
  226. package/dist/esm/createVariable.web.test.js.map +0 -7
  227. package/dist/esm/createVariables.js +0 -35
  228. package/dist/esm/createVariables.js.map +0 -7
  229. package/dist/esm/helpers/RNComponents.js +0 -16
  230. package/dist/esm/helpers/RNComponents.js.map +0 -7
  231. package/dist/esm/helpers/ThemeManager.js +0 -209
  232. package/dist/esm/helpers/ThemeManager.js.map +0 -7
  233. package/dist/esm/helpers/ThemeManager.test.js +0 -464
  234. package/dist/esm/helpers/ThemeManager.test.js.map +0 -7
  235. package/dist/esm/helpers/ThemeManagerContext.js +0 -6
  236. package/dist/esm/helpers/ThemeManagerContext.js.map +0 -7
  237. package/dist/esm/helpers/createMediaStyle.js +0 -42
  238. package/dist/esm/helpers/createMediaStyle.js.map +0 -7
  239. package/dist/esm/helpers/createPropMapper.js +0 -384
  240. package/dist/esm/helpers/createPropMapper.js.map +0 -7
  241. package/dist/esm/helpers/createProxy.js +0 -19
  242. package/dist/esm/helpers/createProxy.js.map +0 -7
  243. package/dist/esm/helpers/expandStyle.js +0 -71
  244. package/dist/esm/helpers/expandStyle.js.map +0 -7
  245. package/dist/esm/helpers/expandStyles.js +0 -90
  246. package/dist/esm/helpers/expandStyles.js.map +0 -7
  247. package/dist/esm/helpers/extendStaticConfig.js +0 -66
  248. package/dist/esm/helpers/extendStaticConfig.js.map +0 -7
  249. package/dist/esm/helpers/fixNativeShadow.js +0 -6
  250. package/dist/esm/helpers/fixNativeShadow.js.map +0 -7
  251. package/dist/esm/helpers/getAnimationDriver.js +0 -8
  252. package/dist/esm/helpers/getAnimationDriver.js.map +0 -7
  253. package/dist/esm/helpers/getExpandedShorthands.js +0 -16
  254. package/dist/esm/helpers/getExpandedShorthands.js.map +0 -7
  255. package/dist/esm/helpers/getFontLanguage.js +0 -5
  256. package/dist/esm/helpers/getFontLanguage.js.map +0 -7
  257. package/dist/esm/helpers/getSplitStyles.js +0 -847
  258. package/dist/esm/helpers/getSplitStyles.js.map +0 -7
  259. package/dist/esm/helpers/getStylesAtomic.js +0 -200
  260. package/dist/esm/helpers/getStylesAtomic.js.map +0 -7
  261. package/dist/esm/helpers/getStylesAtomic.native.js +0 -12
  262. package/dist/esm/helpers/getStylesAtomic.native.js.map +0 -7
  263. package/dist/esm/helpers/getThemeCSSRules.js +0 -86
  264. package/dist/esm/helpers/getThemeCSSRules.js.map +0 -7
  265. package/dist/esm/helpers/getThemeCSSRules.native.js +0 -7
  266. package/dist/esm/helpers/getThemeCSSRules.native.js.map +0 -7
  267. package/dist/esm/helpers/getVariantExtras.js +0 -67
  268. package/dist/esm/helpers/getVariantExtras.js.map +0 -7
  269. package/dist/esm/helpers/insertStyleRule.js +0 -186
  270. package/dist/esm/helpers/insertStyleRule.js.map +0 -7
  271. package/dist/esm/helpers/isObj.js +0 -5
  272. package/dist/esm/helpers/isObj.js.map +0 -7
  273. package/dist/esm/helpers/isTamaguiComponent.js +0 -8
  274. package/dist/esm/helpers/isTamaguiComponent.js.map +0 -7
  275. package/dist/esm/helpers/isTamaguiElement.js +0 -9
  276. package/dist/esm/helpers/isTamaguiElement.js.map +0 -7
  277. package/dist/esm/helpers/matchMedia.js +0 -17
  278. package/dist/esm/helpers/matchMedia.js.map +0 -7
  279. package/dist/esm/helpers/matchMedia.native.js +0 -23
  280. package/dist/esm/helpers/matchMedia.native.js.map +0 -7
  281. package/dist/esm/helpers/mergeProps.js +0 -30
  282. package/dist/esm/helpers/mergeProps.js.map +0 -7
  283. package/dist/esm/helpers/mergeTransform.js +0 -21
  284. package/dist/esm/helpers/mergeTransform.js.map +0 -7
  285. package/dist/esm/helpers/normalizeColor.js +0 -36
  286. package/dist/esm/helpers/normalizeColor.js.map +0 -7
  287. package/dist/esm/helpers/normalizeValueWithProperty.js +0 -113
  288. package/dist/esm/helpers/normalizeValueWithProperty.js.map +0 -7
  289. package/dist/esm/helpers/proxyThemeVariables.js +0 -16
  290. package/dist/esm/helpers/proxyThemeVariables.js.map +0 -7
  291. package/dist/esm/helpers/pseudoDescriptors.js +0 -29
  292. package/dist/esm/helpers/pseudoDescriptors.js.map +0 -7
  293. package/dist/esm/helpers/registerCSSVariable.js +0 -14
  294. package/dist/esm/helpers/registerCSSVariable.js.map +0 -7
  295. package/dist/esm/helpers/themeable.js +0 -28
  296. package/dist/esm/helpers/themeable.js.map +0 -7
  297. package/dist/esm/helpers/themes.js +0 -53
  298. package/dist/esm/helpers/themes.js.map +0 -7
  299. package/dist/esm/helpers/timer.js +0 -11
  300. package/dist/esm/helpers/timer.js.map +0 -7
  301. package/dist/esm/helpers/useShallowSetState.js +0 -35
  302. package/dist/esm/helpers/useShallowSetState.js.map +0 -7
  303. package/dist/esm/helpers/warnOnce.js +0 -14
  304. package/dist/esm/helpers/warnOnce.js.map +0 -7
  305. package/dist/esm/helpers/withStaticProperties.js +0 -8
  306. package/dist/esm/helpers/withStaticProperties.js.map +0 -7
  307. package/dist/esm/hooks/getThemeUnwrapped.js +0 -9
  308. package/dist/esm/hooks/getThemeUnwrapped.js.map +0 -7
  309. package/dist/esm/hooks/useId.js +0 -5
  310. package/dist/esm/hooks/useId.js.map +0 -7
  311. package/dist/esm/hooks/useIsTouchDevice.js +0 -9
  312. package/dist/esm/hooks/useIsTouchDevice.js.map +0 -7
  313. package/dist/esm/hooks/useMedia.js +0 -225
  314. package/dist/esm/hooks/useMedia.js.map +0 -7
  315. package/dist/esm/hooks/useSafeRef.js +0 -35
  316. package/dist/esm/hooks/useSafeRef.js.map +0 -7
  317. package/dist/esm/hooks/useServerHooks.js +0 -11
  318. package/dist/esm/hooks/useServerHooks.js.map +0 -7
  319. package/dist/esm/hooks/useStyle.js +0 -37
  320. package/dist/esm/hooks/useStyle.js.map +0 -7
  321. package/dist/esm/hooks/useTheme.js +0 -205
  322. package/dist/esm/hooks/useTheme.js.map +0 -7
  323. package/dist/esm/hooks/useThemeName.js +0 -28
  324. package/dist/esm/hooks/useThemeName.js.map +0 -7
  325. package/dist/esm/insertFont.js +0 -67
  326. package/dist/esm/insertFont.js.map +0 -7
  327. package/dist/esm/setupReactNative.js +0 -25
  328. package/dist/esm/setupReactNative.js.map +0 -7
  329. package/dist/esm/static.js +0 -3
  330. package/dist/esm/static.js.map +0 -7
  331. package/dist/esm/styled.js +0 -71
  332. package/dist/esm/styled.js.map +0 -7
  333. package/dist/esm/types-rnw.js +0 -1
  334. package/dist/esm/types.js +0 -1
  335. package/dist/esm/types.js.map +0 -7
  336. package/dist/esm/updateTheme.js +0 -23
  337. package/dist/esm/updateTheme.js.map +0 -7
  338. package/dist/esm/views/FontLanguage.js +0 -17
  339. package/dist/esm/views/FontLanguage.js.map +0 -7
  340. package/dist/esm/views/FontLanguage.native.js +0 -11
  341. package/dist/esm/views/FontLanguage.native.js.map +0 -7
  342. package/dist/esm/views/FontLanguage.types.js +0 -1
  343. package/dist/esm/views/FontLanguage.types.js.map +0 -7
  344. package/dist/esm/views/Slot.js +0 -71
  345. package/dist/esm/views/Slot.js.map +0 -7
  346. package/dist/esm/views/Stack.js +0 -14
  347. package/dist/esm/views/Stack.js.map +0 -7
  348. package/dist/esm/views/Stack.web.test.js +0 -21
  349. package/dist/esm/views/Stack.web.test.js.map +0 -7
  350. package/dist/esm/views/TamaguiProvider.js +0 -56
  351. package/dist/esm/views/TamaguiProvider.js.map +0 -7
  352. package/dist/esm/views/Text.js +0 -70
  353. package/dist/esm/views/Text.js.map +0 -7
  354. package/dist/esm/views/Theme.js +0 -63
  355. package/dist/esm/views/Theme.js.map +0 -7
  356. package/dist/esm/views/ThemeProvider.js +0 -45
  357. package/dist/esm/views/ThemeProvider.js.map +0 -7
  358. package/src/Tamagui.ts +0 -48
  359. package/src/__snapshots__/createTokens.test.ts.snap +0 -772
  360. package/src/__snapshots__/createTokens.web.test.tsx.snap +0 -772
  361. package/src/addTheme.ts +0 -65
  362. package/src/config.ts +0 -62
  363. package/src/constants/constants.ts +0 -17
  364. package/src/constants/isDevTools.ts +0 -12
  365. package/src/contexts/ButtonNestingContext.tsx +0 -3
  366. package/src/contexts/FontLanguageContext.tsx +0 -5
  367. package/src/contexts/TextAncestorContext.tsx +0 -3
  368. package/src/createComponent.tsx +0 -1291
  369. package/src/createFont.ts +0 -50
  370. package/src/createShorthands.ts +0 -7
  371. package/src/createTamagui.ts +0 -253
  372. package/src/createTheme.ts +0 -13
  373. package/src/createTokens.ts +0 -46
  374. package/src/createVariable.ts +0 -93
  375. package/src/createVariables.ts +0 -55
  376. package/src/helpers/RNComponents.tsx +0 -14
  377. package/src/helpers/ThemeManager.tsx +0 -285
  378. package/src/helpers/ThemeManagerContext.tsx +0 -5
  379. package/src/helpers/createMediaStyle.ts +0 -56
  380. package/src/helpers/createPropMapper.ts +0 -544
  381. package/src/helpers/createProxy.ts +0 -16
  382. package/src/helpers/expandStyle.ts +0 -82
  383. package/src/helpers/expandStyles.ts +0 -107
  384. package/src/helpers/extendStaticConfig.ts +0 -78
  385. package/src/helpers/fixNativeShadow.tsx +0 -2
  386. package/src/helpers/getAnimationDriver.tsx +0 -5
  387. package/src/helpers/getExpandedShorthands.ts +0 -17
  388. package/src/helpers/getFontLanguage.ts +0 -2
  389. package/src/helpers/getSplitStyles.tsx +0 -1137
  390. package/src/helpers/getStylesAtomic.native.ts +0 -8
  391. package/src/helpers/getStylesAtomic.ts +0 -274
  392. package/src/helpers/getThemeCSSRules.native.ts +0 -3
  393. package/src/helpers/getThemeCSSRules.ts +0 -120
  394. package/src/helpers/getVariantExtras.tsx +0 -85
  395. package/src/helpers/insertStyleRule.tsx +0 -220
  396. package/src/helpers/isObj.ts +0 -1
  397. package/src/helpers/isTamaguiComponent.tsx +0 -11
  398. package/src/helpers/isTamaguiElement.tsx +0 -15
  399. package/src/helpers/matchMedia.native.ts +0 -23
  400. package/src/helpers/matchMedia.ts +0 -16
  401. package/src/helpers/mergeProps.ts +0 -56
  402. package/src/helpers/mergeTransform.ts +0 -30
  403. package/src/helpers/normalizeColor.ts +0 -38
  404. package/src/helpers/normalizeValueWithProperty.ts +0 -129
  405. package/src/helpers/proxyThemeVariables.tsx +0 -15
  406. package/src/helpers/pseudoDescriptors.ts +0 -40
  407. package/src/helpers/registerCSSVariable.ts +0 -13
  408. package/src/helpers/themeable.tsx +0 -44
  409. package/src/helpers/themes.ts +0 -67
  410. package/src/helpers/timer.ts +0 -9
  411. package/src/helpers/useShallowSetState.tsx +0 -41
  412. package/src/helpers/warnOnce.tsx +0 -11
  413. package/src/helpers/withStaticProperties.tsx +0 -7
  414. package/src/hooks/getThemeUnwrapped.tsx +0 -5
  415. package/src/hooks/useId.tsx +0 -1
  416. package/src/hooks/useIsTouchDevice.tsx +0 -6
  417. package/src/hooks/useMedia.tsx +0 -298
  418. package/src/hooks/useSafeRef.ts +0 -45
  419. package/src/hooks/useServerHooks.tsx +0 -12
  420. package/src/hooks/useStyle.tsx +0 -49
  421. package/src/hooks/useTheme.tsx +0 -274
  422. package/src/hooks/useThemeName.tsx +0 -27
  423. package/src/insertFont.ts +0 -73
  424. package/src/setupReactNative.ts +0 -22
  425. package/src/static.ts +0 -5
  426. package/src/styled.tsx +0 -195
  427. package/src/types-rnw.tsx +0 -162
  428. package/src/types.tsx +0 -1405
  429. package/src/updateTheme.ts +0 -26
  430. package/src/views/FontLanguage.native.tsx +0 -12
  431. package/src/views/FontLanguage.tsx +0 -16
  432. package/src/views/FontLanguage.types.ts +0 -13
  433. package/src/views/Slot.tsx +0 -102
  434. package/src/views/Stack.tsx +0 -25
  435. package/src/views/TamaguiProvider.tsx +0 -65
  436. package/src/views/Text.tsx +0 -88
  437. package/src/views/Theme.tsx +0 -83
  438. package/src/views/ThemeProvider.tsx +0 -55
  439. package/types/Tamagui.d.ts +0 -30
  440. package/types/Tamagui.d.ts.map +0 -1
  441. package/types/addTheme.d.ts +0 -32
  442. package/types/addTheme.d.ts.map +0 -1
  443. package/types/config.d.ts +0 -49
  444. package/types/config.d.ts.map +0 -1
  445. package/types/constants/constants.d.ts +0 -21
  446. package/types/constants/constants.d.ts.map +0 -1
  447. package/types/constants/isDevTools.d.ts +0 -2
  448. package/types/constants/isDevTools.d.ts.map +0 -1
  449. package/types/contexts/ButtonNestingContext.d.ts +0 -3
  450. package/types/contexts/ButtonNestingContext.d.ts.map +0 -1
  451. package/types/contexts/FontLanguageContext.d.ts +0 -5
  452. package/types/contexts/FontLanguageContext.d.ts.map +0 -1
  453. package/types/contexts/TextAncestorContext.d.ts +0 -3
  454. package/types/contexts/TextAncestorContext.d.ts.map +0 -1
  455. package/types/createComponent.d.ts +0 -23
  456. package/types/createComponent.d.ts.map +0 -1
  457. package/types/createFont.d.ts +0 -3
  458. package/types/createFont.d.ts.map +0 -1
  459. package/types/createFont.web.test.d.ts +0 -2
  460. package/types/createFont.web.test.d.ts.map +0 -1
  461. package/types/createShorthands.d.ts +0 -3
  462. package/types/createShorthands.d.ts.map +0 -1
  463. package/types/createTamagui.d.ts +0 -3
  464. package/types/createTamagui.d.ts.map +0 -1
  465. package/types/createTheme.d.ts +0 -7
  466. package/types/createTheme.d.ts.map +0 -1
  467. package/types/createTokens.d.ts +0 -28
  468. package/types/createTokens.d.ts.map +0 -1
  469. package/types/createTokens.web.test.d.ts +0 -2
  470. package/types/createTokens.web.test.d.ts.map +0 -1
  471. package/types/createVariable.d.ts +0 -26
  472. package/types/createVariable.d.ts.map +0 -1
  473. package/types/createVariable.web.test.d.ts +0 -2
  474. package/types/createVariable.web.test.d.ts.map +0 -1
  475. package/types/createVariables.d.ts +0 -11
  476. package/types/createVariables.d.ts.map +0 -1
  477. package/types/helpers/RNComponents.d.ts +0 -2
  478. package/types/helpers/RNComponents.d.ts.map +0 -1
  479. package/types/helpers/ThemeManager.d.ts +0 -36
  480. package/types/helpers/ThemeManager.d.ts.map +0 -1
  481. package/types/helpers/ThemeManager.test.d.ts +0 -2
  482. package/types/helpers/ThemeManager.test.d.ts.map +0 -1
  483. package/types/helpers/ThemeManagerContext.d.ts +0 -4
  484. package/types/helpers/ThemeManagerContext.d.ts.map +0 -1
  485. package/types/helpers/createMediaStyle.d.ts +0 -6
  486. package/types/helpers/createMediaStyle.d.ts.map +0 -1
  487. package/types/helpers/createPropMapper.d.ts +0 -7
  488. package/types/helpers/createPropMapper.d.ts.map +0 -1
  489. package/types/helpers/createProxy.d.ts +0 -2
  490. package/types/helpers/createProxy.d.ts.map +0 -1
  491. package/types/helpers/expandStyle.d.ts +0 -6
  492. package/types/helpers/expandStyle.d.ts.map +0 -1
  493. package/types/helpers/expandStyles.d.ts +0 -26
  494. package/types/helpers/expandStyles.d.ts.map +0 -1
  495. package/types/helpers/extendStaticConfig.d.ts +0 -4
  496. package/types/helpers/extendStaticConfig.d.ts.map +0 -1
  497. package/types/helpers/fixNativeShadow.d.ts +0 -2
  498. package/types/helpers/fixNativeShadow.d.ts.map +0 -1
  499. package/types/helpers/getAnimationDriver.d.ts +0 -6
  500. package/types/helpers/getAnimationDriver.d.ts.map +0 -1
  501. package/types/helpers/getExpandedShorthands.d.ts +0 -3
  502. package/types/helpers/getExpandedShorthands.d.ts.map +0 -1
  503. package/types/helpers/getFontLanguage.d.ts +0 -2
  504. package/types/helpers/getFontLanguage.d.ts.map +0 -1
  505. package/types/helpers/getSplitStyles.d.ts +0 -43
  506. package/types/helpers/getSplitStyles.d.ts.map +0 -1
  507. package/types/helpers/getStylesAtomic.d.ts +0 -18
  508. package/types/helpers/getStylesAtomic.d.ts.map +0 -1
  509. package/types/helpers/getStylesAtomic.native.d.ts +0 -4
  510. package/types/helpers/getStylesAtomic.native.d.ts.map +0 -1
  511. package/types/helpers/getThemeCSSRules.d.ts +0 -8
  512. package/types/helpers/getThemeCSSRules.d.ts.map +0 -1
  513. package/types/helpers/getThemeCSSRules.native.d.ts +0 -2
  514. package/types/helpers/getThemeCSSRules.native.d.ts.map +0 -1
  515. package/types/helpers/getVariantExtras.d.ts +0 -5
  516. package/types/helpers/getVariantExtras.d.ts.map +0 -1
  517. package/types/helpers/insertStyleRule.d.ts +0 -13
  518. package/types/helpers/insertStyleRule.d.ts.map +0 -1
  519. package/types/helpers/isObj.d.ts +0 -2
  520. package/types/helpers/isObj.d.ts.map +0 -1
  521. package/types/helpers/isTamaguiComponent.d.ts +0 -5
  522. package/types/helpers/isTamaguiComponent.d.ts.map +0 -1
  523. package/types/helpers/isTamaguiElement.d.ts +0 -7
  524. package/types/helpers/isTamaguiElement.d.ts.map +0 -1
  525. package/types/helpers/matchMedia.d.ts +0 -6
  526. package/types/helpers/matchMedia.d.ts.map +0 -1
  527. package/types/helpers/matchMedia.native.d.ts +0 -4
  528. package/types/helpers/matchMedia.native.d.ts.map +0 -1
  529. package/types/helpers/mergeProps.d.ts +0 -17
  530. package/types/helpers/mergeProps.d.ts.map +0 -1
  531. package/types/helpers/mergeTransform.d.ts +0 -9
  532. package/types/helpers/mergeTransform.d.ts.map +0 -1
  533. package/types/helpers/normalizeColor.d.ts +0 -4
  534. package/types/helpers/normalizeColor.d.ts.map +0 -1
  535. package/types/helpers/normalizeValueWithProperty.d.ts +0 -7
  536. package/types/helpers/normalizeValueWithProperty.d.ts.map +0 -1
  537. package/types/helpers/proxyThemeVariables.d.ts +0 -2
  538. package/types/helpers/proxyThemeVariables.d.ts.map +0 -1
  539. package/types/helpers/pseudoDescriptors.d.ts +0 -10
  540. package/types/helpers/pseudoDescriptors.d.ts.map +0 -1
  541. package/types/helpers/registerCSSVariable.d.ts +0 -5
  542. package/types/helpers/registerCSSVariable.d.ts.map +0 -1
  543. package/types/helpers/themeable.d.ts +0 -12
  544. package/types/helpers/themeable.d.ts.map +0 -1
  545. package/types/helpers/themes.d.ts +0 -4
  546. package/types/helpers/themes.d.ts.map +0 -1
  547. package/types/helpers/timer.d.ts +0 -2
  548. package/types/helpers/timer.d.ts.map +0 -1
  549. package/types/helpers/useShallowSetState.d.ts +0 -5
  550. package/types/helpers/useShallowSetState.d.ts.map +0 -1
  551. package/types/helpers/warnOnce.d.ts +0 -2
  552. package/types/helpers/warnOnce.d.ts.map +0 -1
  553. package/types/helpers/withStaticProperties.d.ts +0 -2
  554. package/types/helpers/withStaticProperties.d.ts.map +0 -1
  555. package/types/hooks/getThemeUnwrapped.d.ts +0 -3
  556. package/types/hooks/getThemeUnwrapped.d.ts.map +0 -1
  557. package/types/hooks/useId.d.ts +0 -2
  558. package/types/hooks/useId.d.ts.map +0 -1
  559. package/types/hooks/useIsTouchDevice.d.ts +0 -2
  560. package/types/hooks/useIsTouchDevice.d.ts.map +0 -1
  561. package/types/hooks/useMedia.d.ts +0 -33
  562. package/types/hooks/useMedia.d.ts.map +0 -1
  563. package/types/hooks/useSafeRef.d.ts +0 -4
  564. package/types/hooks/useSafeRef.d.ts.map +0 -1
  565. package/types/hooks/useServerHooks.d.ts +0 -4
  566. package/types/hooks/useServerHooks.d.ts.map +0 -1
  567. package/types/hooks/useStyle.d.ts +0 -8
  568. package/types/hooks/useStyle.d.ts.map +0 -1
  569. package/types/hooks/useTheme.d.ts +0 -25
  570. package/types/hooks/useTheme.d.ts.map +0 -1
  571. package/types/hooks/useThemeName.d.ts +0 -5
  572. package/types/hooks/useThemeName.d.ts.map +0 -1
  573. package/types/insertFont.d.ts +0 -9
  574. package/types/insertFont.d.ts.map +0 -1
  575. package/types/setupReactNative.d.ts +0 -5
  576. package/types/setupReactNative.d.ts.map +0 -1
  577. package/types/static.d.ts +0 -3
  578. package/types/static.d.ts.map +0 -1
  579. package/types/styled.d.ts +0 -20
  580. package/types/styled.d.ts.map +0 -1
  581. package/types/types-rnw.d.ts +0 -74
  582. package/types/types-rnw.d.ts.map +0 -1
  583. package/types/types.d.ts +0 -673
  584. package/types/types.d.ts.map +0 -1
  585. package/types/updateTheme.d.ts +0 -30
  586. package/types/updateTheme.d.ts.map +0 -1
  587. package/types/views/FontLanguage.d.ts +0 -4
  588. package/types/views/FontLanguage.d.ts.map +0 -1
  589. package/types/views/FontLanguage.native.d.ts +0 -4
  590. package/types/views/FontLanguage.native.d.ts.map +0 -1
  591. package/types/views/FontLanguage.types.d.ts +0 -11
  592. package/types/views/FontLanguage.types.d.ts.map +0 -1
  593. package/types/views/Slot.d.ts +0 -11
  594. package/types/views/Slot.d.ts.map +0 -1
  595. package/types/views/Stack.d.ts +0 -4
  596. package/types/views/Stack.d.ts.map +0 -1
  597. package/types/views/Stack.web.test.d.ts +0 -2
  598. package/types/views/Stack.web.test.d.ts.map +0 -1
  599. package/types/views/TamaguiProvider.d.ts +0 -4
  600. package/types/views/TamaguiProvider.d.ts.map +0 -1
  601. package/types/views/Text.d.ts +0 -4
  602. package/types/views/Text.d.ts.map +0 -1
  603. package/types/views/Theme.d.ts +0 -8
  604. package/types/views/Theme.d.ts.map +0 -1
  605. package/types/views/ThemeProvider.d.ts +0 -12
  606. package/types/views/ThemeProvider.d.ts.map +0 -1
@@ -1,26 +0,0 @@
1
- import { addTheme } from './addTheme'
2
- import { activeThemeManagers } from './hooks/useTheme'
3
- import { ThemeDefinition } from './types'
4
-
5
- export function updateTheme({
6
- name,
7
- theme,
8
- }: {
9
- name: string
10
- theme: Partial<Record<keyof ThemeDefinition, any>>
11
- }) {
12
- const next = addTheme({ name, theme, insertCSS: true, update: true })
13
-
14
- if (process.env.TAMAGUI_TARGET === 'native') {
15
- activeThemeManagers.forEach((manager) => {
16
- if (manager.state.name === name) {
17
- manager.updateState({
18
- name,
19
- forceTheme: next.theme,
20
- })
21
- }
22
- })
23
- }
24
-
25
- return next
26
- }
@@ -1,12 +0,0 @@
1
- import React, { useMemo } from 'react'
2
-
3
- import { FontLanguageContext } from '../contexts/FontLanguageContext'
4
- import { FontLanguageProps } from './FontLanguage.types'
5
-
6
- export const FontLanguage = ({ children, ...props }: FontLanguageProps) => {
7
- // eslint-disable-next-line react-hooks/exhaustive-deps
8
- const value = useMemo(() => props, [JSON.stringify(props)])
9
- return (
10
- <FontLanguageContext.Provider value={value}>{children}</FontLanguageContext.Provider>
11
- )
12
- }
@@ -1,16 +0,0 @@
1
- import { FontLanguageProps } from './FontLanguage.types'
2
-
3
- export const FontLanguage = ({ children, ...props }: FontLanguageProps) => {
4
- return (
5
- <div
6
- style={{
7
- display: 'contents',
8
- }}
9
- className={Object.entries(props)
10
- .map(([name, language]) => `t_lang-${name}-${language}`)
11
- .join(' ')}
12
- >
13
- {children}
14
- </div>
15
- )
16
- }
@@ -1,13 +0,0 @@
1
- import React from 'react'
2
-
3
- import { FontLanguages, FontTokens } from '../types'
4
-
5
- type FontFamilies = FontTokens extends `$${infer Token}` ? Token : never
6
-
7
- export type LanguageContextType = Partial<{
8
- [key in FontFamilies]: FontLanguages | 'default'
9
- }>
10
-
11
- export type FontLanguageProps = LanguageContextType & {
12
- children?: React.ReactNode
13
- }
@@ -1,102 +0,0 @@
1
- // via radix
2
-
3
- import { composeRefs } from '@tamagui/compose-refs'
4
- import { isWeb } from '@tamagui/constants'
5
- import {
6
- Children,
7
- ReactElement,
8
- ReactNode,
9
- cloneElement,
10
- forwardRef,
11
- isValidElement,
12
- } from 'react'
13
-
14
- /* -------------------------------------------------------------------------------------------------
15
- * Slot
16
- * -----------------------------------------------------------------------------------------------*/
17
-
18
- interface SlotProps {
19
- children: ReactNode
20
- }
21
-
22
- export const Slot = forwardRef<any, SlotProps>(function Slot(props, forwardedRef) {
23
- const { children, ...slotProps } = props
24
-
25
- if (isValidElement(children)) {
26
- const childProps = {
27
- ...mergeSlotProps(children, slotProps),
28
- ref: composeRefs(forwardedRef, (children as any).ref),
29
- }
30
- return cloneElement(children, childProps)
31
- }
32
-
33
- return Children.count(children) > 1 ? Children.only(null) : null
34
- })
35
-
36
- /* -------------------------------------------------------------------------------------------------
37
- * Slottable
38
- * -----------------------------------------------------------------------------------------------*/
39
-
40
- export const Slottable = ({ children }: { children: ReactNode }) => {
41
- return <>{children}</>
42
- }
43
-
44
- /* ---------------------------------------------------------------------------------------------- */
45
-
46
- const pressMap = isWeb
47
- ? {
48
- onPress: 'onClick',
49
- onPressOut: 'onMouseUp',
50
- onPressIn: 'onMouseDown',
51
- }
52
- : {}
53
-
54
- function mergeSlotProps(child: any, slotProps: Record<string, any>) {
55
- const childProps = child.props
56
-
57
- // all child props should override
58
- const overrideProps = { ...childProps }
59
- const isHTMLChild = typeof child.type === 'string'
60
-
61
- if (isHTMLChild) {
62
- for (const key in pressMap) {
63
- if (key in slotProps) {
64
- slotProps[pressMap[key]] = slotProps[key]
65
- delete slotProps[key]
66
- }
67
- }
68
- }
69
-
70
- for (let propName in childProps) {
71
- const slotPropValue = slotProps[propName]
72
- const childPropValue = childProps[propName]
73
-
74
- if (isHTMLChild && pressMap[propName]) {
75
- propName = pressMap[propName]
76
- delete overrideProps[propName]
77
- }
78
-
79
- const isHandler = handleRegex.test(propName)
80
- // if it's a handler, modify the override by composing the base handler
81
- if (isHandler) {
82
- overrideProps[propName] = mergeEvent(childPropValue, slotPropValue)
83
- }
84
- // if it's `style`, we merge them
85
- else if (propName === 'style') {
86
- overrideProps[propName] = { ...slotPropValue, ...childPropValue }
87
- } else if (propName === 'className') {
88
- overrideProps[propName] = [slotPropValue, childPropValue].filter(Boolean).join(' ')
89
- }
90
- }
91
-
92
- return { ...slotProps, ...overrideProps }
93
- }
94
-
95
- const handleRegex = /^on[A-Z]/
96
-
97
- export function mergeEvent(a?: Function, b?: Function) {
98
- return (...args: unknown[]) => {
99
- a?.(...args)
100
- b?.(...args)
101
- }
102
- }
@@ -1,25 +0,0 @@
1
- import type { View } from 'react-native'
2
-
3
- import { stackDefaultStyles } from '../constants/constants'
4
- import { createComponent } from '../createComponent'
5
- import { StackProps, StackPropsBase } from '../types'
6
-
7
- export const Stack = createComponent<StackProps, View, StackPropsBase>({
8
- componentName: 'Stack',
9
- acceptsClassName: true,
10
- defaultProps: {
11
- ...stackDefaultStyles,
12
- flexDirection: 'column',
13
- },
14
- })
15
-
16
- // test types
17
- // export const YStack = styled(Stack, {
18
- // flexDirection: 'column',
19
- // })
20
- // // test types
21
- // const x00 = <Stack missing={0} /> // should err
22
- // const x0 = <YStack missing={0} /> // should err
23
- // const x1 = (props: StackProps) => <YStack {...props} />
24
- // type ys = typeof YStack
25
- // type ysv = ys extends StaticComponent<any, infer V> ? V : unknown
@@ -1,65 +0,0 @@
1
- import { isClient, isRSC, isServer, isWeb } from '@tamagui/constants'
2
- import * as React from 'react'
3
-
4
- import { ButtonNestingContext } from '../contexts/ButtonNestingContext'
5
- import { TextAncestorContext } from '../contexts/TextAncestorContext'
6
- import { useMediaListeners } from '../hooks/useMedia'
7
- import type { TamaguiProviderProps } from '../types'
8
- import { ThemeProvider } from './ThemeProvider'
9
-
10
- export function TamaguiProvider({
11
- children,
12
- disableInjectCSS,
13
- config,
14
- ...themePropsProvider
15
- }: TamaguiProviderProps) {
16
- if (isRSC) {
17
- return (
18
- <span
19
- style={{ display: 'contents' }}
20
- className={`t_${Object.keys(config.themes)[0] || 'light'}`}
21
- >
22
- {children}
23
- </span>
24
- )
25
- }
26
-
27
- if (!(isWeb && isServer)) {
28
- useMediaListeners(config)
29
- }
30
-
31
- if (isClient) {
32
- // inject CSS if asked to (not SSR compliant)
33
- // eslint-disable-next-line react-hooks/rules-of-hooks
34
- React.useLayoutEffect(() => {
35
- // for easier support of hidden-until-js mount animations
36
- // user must set t_unmounted on documentElement from SSR
37
- if (document.documentElement.classList.contains('t_unmounted')) {
38
- document.documentElement.classList.remove('t_unmounted')
39
- }
40
-
41
- if (disableInjectCSS) return
42
- const style = document.createElement('style')
43
- style.appendChild(document.createTextNode(config.getCSS()))
44
- document.head.appendChild(style)
45
- return () => {
46
- document.head.removeChild(style)
47
- }
48
- }, [config, disableInjectCSS])
49
- }
50
-
51
- return (
52
- <ButtonNestingContext.Provider value={false}>
53
- <TextAncestorContext.Provider value={false}>
54
- <ThemeProvider
55
- themeClassNameOnRoot={config.themeClassNameOnRoot}
56
- disableRootThemeClass={config.disableRootThemeClass}
57
- {...themePropsProvider}
58
- defaultTheme={themePropsProvider.defaultTheme ?? Object.keys(config.themes)[0]}
59
- >
60
- {children}
61
- </ThemeProvider>
62
- </TextAncestorContext.Provider>
63
- </ButtonNestingContext.Provider>
64
- )
65
- }
@@ -1,88 +0,0 @@
1
- import { isWeb } from '@tamagui/constants'
2
- import { stylePropsTextOnly, validStyles } from '@tamagui/helpers'
3
- // @ts-ignore
4
- import type { Text as TextView } from '@types/react-native'
5
-
6
- import { createComponent } from '../createComponent'
7
- import { TextProps, TextPropsBase } from '../types'
8
-
9
- const ellipseStyle = {
10
- maxWidth: '100%',
11
- overflow: 'hidden',
12
- textOverflow: 'ellipsis',
13
- whiteSpace: 'nowrap',
14
- }
15
-
16
- export const Text = createComponent<TextProps, TextView, TextPropsBase>({
17
- componentName: 'Text',
18
- acceptsClassName: true,
19
- isText: true,
20
-
21
- defaultProps: {
22
- // @ts-ignore
23
- display: 'flex',
24
- fontFamily: 'System',
25
- ...(isWeb
26
- ? {
27
- display: 'inline',
28
- boxSizing: 'border-box',
29
- wordWrap: 'break-word',
30
- margin: 0,
31
- }
32
- : {
33
- suppressHighlighting: true,
34
- }),
35
- },
36
-
37
- inlineWhenUnflattened: new Set(['fontFamily']),
38
-
39
- variants: {
40
- ...(isWeb && {
41
- numberOfLines: {
42
- 1: ellipseStyle,
43
-
44
- ':number': (numberOfLines) =>
45
- numberOfLines >= 1
46
- ? {
47
- WebkitLineClamp: numberOfLines,
48
- WebkitBoxOrient: 'vertical',
49
- display: '-webkit-box',
50
- overflow: 'hidden',
51
- }
52
- : null,
53
- },
54
- }),
55
-
56
- // ??
57
- ellipsizeMode: {
58
- '...': () => null,
59
- },
60
-
61
- selectable: {
62
- true: {
63
- userSelect: 'text',
64
- cursor: 'text',
65
- },
66
- false: {
67
- userSelect: 'none',
68
- cursor: 'default',
69
- },
70
- },
71
-
72
- ellipse: {
73
- true: isWeb
74
- ? ellipseStyle
75
- : {
76
- numberOfLines: 1,
77
- lineBreakMode: 'clip',
78
- },
79
- },
80
- },
81
-
82
- deoptProps: new Set(isWeb ? [] : ['ellipse']),
83
-
84
- validStyles: {
85
- ...validStyles,
86
- ...stylePropsTextOnly,
87
- },
88
- })
@@ -1,83 +0,0 @@
1
- import { isWeb } from '@tamagui/constants'
2
- import { Children, cloneElement } from 'react'
3
-
4
- import { variableToString } from '../createVariable'
5
- import { ThemeManagerContext } from '../helpers/ThemeManagerContext'
6
- import { useServerRef } from '../hooks/useServerHooks'
7
- import { ChangedThemeResponse, useChangeThemeEffect } from '../hooks/useTheme'
8
- import { ThemeProps } from '../types'
9
-
10
- export function Theme(props: ThemeProps) {
11
- // @ts-expect-error only for internal views
12
- if (props.disable) return props.children
13
- const isRoot = !!props['_isRoot']
14
- const themeState = useChangeThemeEffect(props, isRoot)
15
- const children = props['data-themeable']
16
- ? Children.map(props.children, (child) =>
17
- cloneElement(child, { ['data-themeable']: true })
18
- )
19
- : props.children
20
-
21
- return useThemedChildren(themeState, children, props)
22
- }
23
-
24
- export function useThemedChildren(
25
- themeState: ChangedThemeResponse,
26
- children: any,
27
- options: { forceClassName?: boolean; shallow?: boolean }
28
- ) {
29
- const { themeManager, isNewTheme, className, theme } = themeState
30
- const { shallow, forceClassName } = options
31
-
32
- const hasEverThemed = useServerRef(false)
33
- if (isNewTheme) {
34
- hasEverThemed.current = true
35
- }
36
-
37
- // once a theme is set it always passes the context to avoid reparenting
38
- // until then no context to avoid lots of context
39
- if (!isNewTheme && !hasEverThemed.current && !forceClassName && !shallow) {
40
- return children
41
- }
42
-
43
- // be sure to memoize shouldReset to avoid reparenting
44
- let next = children
45
-
46
- if (shallow && themeManager) {
47
- next = Children.map(next, (child) => {
48
- return cloneElement(
49
- child,
50
- undefined,
51
- <Theme name={themeManager.state.parentName}>{child.props.children}</Theme>
52
- )
53
- })
54
- }
55
-
56
- next = (
57
- <ThemeManagerContext.Provider value={themeManager}>
58
- {next}
59
- </ThemeManagerContext.Provider>
60
- )
61
-
62
- if (isWeb) {
63
- const enableClassName =
64
- forceClassName === true || (forceClassName !== false && isNewTheme)
65
- return (
66
- <span
67
- className="_dsp_contents"
68
- {...(theme &&
69
- enableClassName && {
70
- className: `${className} ${forceClassName ? 'forced1' : ''} _dsp_contents`,
71
- style: {
72
- // in order to provide currentColor, set color by default
73
- color: variableToString(theme.color),
74
- },
75
- })}
76
- >
77
- {next}
78
- </span>
79
- )
80
- }
81
-
82
- return next
83
- }
@@ -1,55 +0,0 @@
1
- import { isClient } from '@tamagui/constants'
2
- import { createContext, useLayoutEffect, useMemo } from 'react'
3
-
4
- import { THEME_CLASSNAME_PREFIX } from '../constants/constants'
5
- import { Theme } from './Theme'
6
-
7
- export type ThemeProviderProps = {
8
- className?: string
9
- defaultTheme: string
10
- disableRootThemeClass?: boolean
11
- themeClassNameOnRoot?: boolean
12
- children?: any
13
- reset?: boolean
14
- }
15
-
16
- export const ThemeProviderRootContext = createContext<Pick<
17
- ThemeProviderProps,
18
- 'defaultTheme'
19
- > | null>(null)
20
-
21
- export const ThemeProvider = (props: ThemeProviderProps) => {
22
- // ensure theme is attached to root body node as well to work with modals by default
23
- if (isClient) {
24
- useLayoutEffect(() => {
25
- if (props.disableRootThemeClass) return
26
- const cn = `${THEME_CLASSNAME_PREFIX}${props.defaultTheme}`
27
- const target = props.themeClassNameOnRoot ? document.documentElement : document.body
28
- target.classList.add(cn)
29
- return () => {
30
- target.classList.remove(cn)
31
- }
32
- }, [props.defaultTheme, props.disableRootThemeClass, props.themeClassNameOnRoot])
33
- }
34
-
35
- return (
36
- <ThemeProviderRootContext.Provider
37
- value={useMemo(() => {
38
- return {
39
- defaultTheme: props.defaultTheme,
40
- }
41
- // NOTE DON'T CHANGE THIS ITS ONLY USED BY useThemeName for SSR safety for now...
42
- }, [])}
43
- >
44
- <Theme
45
- className={props.className}
46
- name={props.defaultTheme}
47
- forceClassName={props.disableRootThemeClass ? false : undefined}
48
- // @ts-expect-error
49
- _isRoot
50
- >
51
- {props.children}
52
- </Theme>
53
- </ThemeProviderRootContext.Provider>
54
- )
55
- }
@@ -1,30 +0,0 @@
1
- import * as Helpers from '@tamagui/helpers';
2
- declare class TamaguiManager {
3
- Helpers: typeof Helpers;
4
- get mediaState(): {
5
- [x: string]: boolean;
6
- [x: number]: boolean;
7
- };
8
- get config(): import("./types").TamaguiInternalConfig<import("./types").CreateTokens<import("./types").VariableVal>, {
9
- [key: string]: Partial<import("./types").TamaguiBaseTheme> & {
10
- [key: string]: import("./types").VariableVal;
11
- };
12
- }, import("./types").GenericShorthands, {
13
- [key: string]: {
14
- [key: string]: string | number;
15
- };
16
- }, {
17
- [key: string]: string | any[] | {
18
- [key: string]: any;
19
- };
20
- }, import("./types").GenericFonts>;
21
- get insertedRules(): string[];
22
- get allSelectors(): Record<string, string>;
23
- get allTransforms(): {};
24
- get identifierToValue(): Map<string, any>;
25
- }
26
- export declare const Tamagui: TamaguiManager;
27
- export declare const getValueFromIdentifier: (identifier: string) => any;
28
- export declare const setIdentifierValue: (identifier: string, value: any) => void;
29
- export {};
30
- //# sourceMappingURL=Tamagui.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Tamagui.d.ts","sourceRoot":"","sources":["../src/Tamagui.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,OAAO,MAAM,kBAAkB,CAAA;AAS3C,cAAM,cAAc;IAClB,OAAO,iBAAU;IAEjB,IAAI,UAAU;;;MAEb;IAED,IAAI,MAAM;;;;;;;;;;;;uCAET;IAED,IAAI,aAAa,aAEhB;IAED,IAAI,YAAY,2BAEf;IAED,IAAI,aAAa,OAEhB;IAED,IAAI,iBAAiB,qBAEpB;CACF;AAED,eAAO,MAAM,OAAO,gBAAuB,CAAA;AAI3C,eAAO,MAAM,sBAAsB,eAAgB,MAAM,QAExD,CAAA;AAED,eAAO,MAAM,kBAAkB,eAAgB,MAAM,SAAS,GAAG,SAEhE,CAAA"}
@@ -1,32 +0,0 @@
1
- import { ThemeDefinition } from './types';
2
- export declare function addTheme(props: {
3
- name: string;
4
- theme: Partial<Record<keyof ThemeDefinition, any>>;
5
- insertCSS?: boolean;
6
- update?: boolean;
7
- }): {
8
- theme: {
9
- [x: string]: import("./createVariable").Variable<any>;
10
- background?: import("./createVariable").Variable<any> | undefined;
11
- backgroundHover?: import("./createVariable").Variable<any> | undefined;
12
- backgroundPress?: import("./createVariable").Variable<any> | undefined;
13
- backgroundFocus?: import("./createVariable").Variable<any> | undefined;
14
- color?: import("./createVariable").Variable<any> | undefined;
15
- colorHover?: import("./createVariable").Variable<any> | undefined;
16
- colorPress?: import("./createVariable").Variable<any> | undefined;
17
- colorFocus?: import("./createVariable").Variable<any> | undefined;
18
- borderColor?: import("./createVariable").Variable<any> | undefined;
19
- borderColorHover?: import("./createVariable").Variable<any> | undefined;
20
- borderColorPress?: import("./createVariable").Variable<any> | undefined;
21
- borderColorFocus?: import("./createVariable").Variable<any> | undefined;
22
- shadowColor?: import("./createVariable").Variable<any> | undefined;
23
- shadowColorHover?: import("./createVariable").Variable<any> | undefined;
24
- shadowColorPress?: import("./createVariable").Variable<any> | undefined;
25
- shadowColorFocus?: import("./createVariable").Variable<any> | undefined;
26
- };
27
- cssRules?: undefined;
28
- } | {
29
- theme: any;
30
- cssRules: string[];
31
- };
32
- //# sourceMappingURL=addTheme.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"addTheme.d.ts","sourceRoot":"","sources":["../src/addTheme.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,eAAe,EAAe,MAAM,SAAS,CAAA;AAEtD,wBAAgB,QAAQ,CAAC,KAAK,EAAE;IAC9B,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,EAAE,OAAO,CAAC,MAAM,CAAC,MAAM,eAAe,EAAE,GAAG,CAAC,CAAC,CAAA;IAClD,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,MAAM,CAAC,EAAE,OAAO,CAAA;CACjB;;;;;;;;;;;;;;;;;;;;;;;;EAoDA"}
package/types/config.d.ts DELETED
@@ -1,49 +0,0 @@
1
- import { ConfigListener, TamaguiInternalConfig, Tokens } from './types';
2
- export declare const setConfig: (next: TamaguiInternalConfig) => void;
3
- export declare const setConfigFont: (name: string, font: any, fontParsed: any) => void;
4
- export declare const getConfig: () => TamaguiInternalConfig<import("./types").CreateTokens<import("./types").VariableVal>, {
5
- [key: string]: Partial<import("./types").TamaguiBaseTheme> & {
6
- [key: string]: import("./types").VariableVal;
7
- };
8
- }, import("./types").GenericShorthands, {
9
- [key: string]: {
10
- [key: string]: string | number;
11
- };
12
- }, {
13
- [key: string]: string | any[] | {
14
- [key: string]: any;
15
- };
16
- }, import("./types").GenericFonts>;
17
- export declare const getTokens: ({ prefixed }?: {
18
- prefixed?: boolean | undefined;
19
- }) => Tokens;
20
- /**
21
- * Note: this is the same as `getTokens`
22
- */
23
- export declare const useTokens: () => import("./types").CreateTokens<import("./types").VariableVal>;
24
- export declare const getThemes: () => {
25
- [x: string]: {
26
- [x: string]: import("./createVariable").Variable<any>;
27
- background?: import("./createVariable").Variable<any> | undefined;
28
- backgroundHover?: import("./createVariable").Variable<any> | undefined;
29
- backgroundPress?: import("./createVariable").Variable<any> | undefined;
30
- backgroundFocus?: import("./createVariable").Variable<any> | undefined;
31
- color?: import("./createVariable").Variable<any> | undefined;
32
- colorHover?: import("./createVariable").Variable<any> | undefined;
33
- colorPress?: import("./createVariable").Variable<any> | undefined;
34
- colorFocus?: import("./createVariable").Variable<any> | undefined;
35
- borderColor?: import("./createVariable").Variable<any> | undefined;
36
- borderColorHover?: import("./createVariable").Variable<any> | undefined;
37
- borderColorPress?: import("./createVariable").Variable<any> | undefined;
38
- borderColorFocus?: import("./createVariable").Variable<any> | undefined;
39
- shadowColor?: import("./createVariable").Variable<any> | undefined;
40
- shadowColorHover?: import("./createVariable").Variable<any> | undefined;
41
- shadowColorPress?: import("./createVariable").Variable<any> | undefined;
42
- shadowColorFocus?: import("./createVariable").Variable<any> | undefined;
43
- };
44
- };
45
- export declare const configListeners: Set<ConfigListener>;
46
- export declare const onConfiguredOnce: (cb: ConfigListener) => void;
47
- export declare const updateConfig: (key: string, value: any) => void;
48
- export declare const getFont: (name: string) => import("./types").GenericFont<string | number>;
49
- //# sourceMappingURL=config.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"config.d.ts","sourceRoot":"","sources":["../src/config.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,qBAAqB,EAAE,MAAM,EAAE,MAAM,SAAS,CAAA;AAIvE,eAAO,MAAM,SAAS,SAAU,qBAAqB,SAGpD,CAAA;AAED,eAAO,MAAM,aAAa,SAAU,MAAM,QAAQ,GAAG,cAAc,GAAG,SAMrE,CAAA;AAED,eAAO,MAAM,SAAS;;;;;;;;;;;;kCASrB,CAAA;AAED,eAAO,MAAM,SAAS;;MAAuD,MAC/B,CAAA;AAE9C;;GAEG;AACH,eAAO,MAAM,SAAS,qEAAoB,CAAA;AAE1C,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;CAAqB,CAAA;AAE3C,eAAO,MAAM,eAAe,qBAA4B,CAAA;AAExD,eAAO,MAAM,gBAAgB,OAAQ,cAAc,SAMlD,CAAA;AAED,eAAO,MAAM,YAAY,QAAS,MAAM,SAAS,GAAG,SAEnD,CAAA;AAGD,eAAO,MAAM,OAAO,SAAU,MAAM,mDAQnC,CAAA"}
@@ -1,21 +0,0 @@
1
- export declare const THEME_NAME_SEPARATOR = "_";
2
- export declare const THEME_CLASSNAME_PREFIX = "t_";
3
- export declare const webOnlyDefaultStyles: {
4
- display: string;
5
- flexBasis: string;
6
- boxSizing: string;
7
- position: string;
8
- minHeight: number;
9
- minWidth: number;
10
- };
11
- export declare const stackDefaultStyles: {
12
- display: string;
13
- flexBasis: string;
14
- boxSizing: string;
15
- position: string;
16
- minHeight: number;
17
- minWidth: number;
18
- alignItems: string;
19
- flexShrink: number;
20
- };
21
- //# sourceMappingURL=constants.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../src/constants/constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,oBAAoB,MAAM,CAAA;AACvC,eAAO,MAAM,sBAAsB,OAAO,CAAA;AAE1C,eAAO,MAAM,oBAAoB;;;;;;;CAOhC,CAAA;AAED,eAAO,MAAM,kBAAkB;;;;;;;;;CAI9B,CAAA"}
@@ -1,2 +0,0 @@
1
- export declare const isDevTools: any;
2
- //# sourceMappingURL=isDevTools.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"isDevTools.d.ts","sourceRoot":"","sources":["../../src/constants/isDevTools.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,UAAU,KASnB,CAAA"}
@@ -1,3 +0,0 @@
1
- /// <reference types="react" />
2
- export declare const ButtonNestingContext: import("react").Context<boolean>;
3
- //# sourceMappingURL=ButtonNestingContext.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"ButtonNestingContext.d.ts","sourceRoot":"","sources":["../../src/contexts/ButtonNestingContext.tsx"],"names":[],"mappings":";AAEA,eAAO,MAAM,oBAAoB,kCAAuB,CAAA"}
@@ -1,5 +0,0 @@
1
- /// <reference types="react" />
2
- export declare const FontLanguageContext: import("react").Context<Partial<{
3
- [x: string]: import("..").FontLanguages;
4
- }> | null>;
5
- //# sourceMappingURL=FontLanguageContext.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"FontLanguageContext.d.ts","sourceRoot":"","sources":["../../src/contexts/FontLanguageContext.tsx"],"names":[],"mappings":";AAIA,eAAO,MAAM,mBAAmB;;UAAkD,CAAA"}