@tamagui/web 1.22.7 → 1.22.9

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 (275) hide show
  1. package/dist/cjs/Tamagui.js +3 -3
  2. package/dist/cjs/createComponent.js +28 -49
  3. package/dist/cjs/createComponent.js.map +1 -1
  4. package/dist/cjs/createTamagui.js +9 -9
  5. package/dist/cjs/createTokens.js +1 -1
  6. package/dist/cjs/createVariable.js +1 -1
  7. package/dist/cjs/createVariables.js +1 -1
  8. package/dist/cjs/helpers/ThemeManager.js +3 -3
  9. package/dist/cjs/helpers/createMediaStyle.js +1 -1
  10. package/dist/cjs/helpers/createPropMapper.js +8 -8
  11. package/dist/cjs/helpers/expandStyles.js +4 -4
  12. package/dist/cjs/helpers/extendStaticConfig.js +2 -2
  13. package/dist/cjs/helpers/getAnimationDriver.js +1 -1
  14. package/dist/cjs/helpers/getExpandedShorthands.js +1 -1
  15. package/dist/cjs/helpers/getSplitStyles.js +9 -9
  16. package/dist/cjs/helpers/getStylesAtomic.js +4 -4
  17. package/dist/cjs/helpers/getThemeCSSRules.js +3 -3
  18. package/dist/cjs/helpers/getVariantExtras.js +2 -2
  19. package/dist/cjs/helpers/isTamaguiElement.js +1 -1
  20. package/dist/cjs/helpers/normalizeShadow.js +2 -2
  21. package/dist/cjs/helpers/normalizeShadow.native.js +3 -3
  22. package/dist/cjs/helpers/normalizeValueWithProperty.js +2 -2
  23. package/dist/cjs/helpers/proxyThemeVariables.js +1 -1
  24. package/dist/cjs/helpers/registerCSSVariable.js +1 -1
  25. package/dist/cjs/helpers/themeable.js +1 -1
  26. package/dist/cjs/helpers/themeable.js.map +1 -1
  27. package/dist/cjs/helpers/themes.js +2 -2
  28. package/dist/cjs/hooks/useAnimationDriver.js +2 -2
  29. package/dist/cjs/hooks/useMedia.js +3 -3
  30. package/dist/cjs/hooks/useProps.js +1 -1
  31. package/dist/cjs/hooks/useStyle.js +5 -5
  32. package/dist/cjs/hooks/useTheme.js +7 -7
  33. package/dist/cjs/hooks/useThemeName.js +2 -2
  34. package/dist/cjs/index.js +96 -96
  35. package/dist/cjs/index.js.map +1 -1
  36. package/dist/cjs/insertFont.js +4 -4
  37. package/dist/cjs/styled.js +3 -3
  38. package/dist/cjs/views/FontLanguage.native.js +1 -1
  39. package/dist/cjs/views/Stack.js +2 -2
  40. package/dist/cjs/views/TamaguiProvider.js +5 -5
  41. package/dist/cjs/views/Text.js +1 -1
  42. package/dist/cjs/views/Theme.js +4 -4
  43. package/dist/cjs/views/ThemeProvider.js +2 -2
  44. package/dist/esm/Tamagui.js +3 -3
  45. package/dist/esm/Tamagui.mjs +3 -3
  46. package/dist/esm/createComponent.js +29 -50
  47. package/dist/esm/createComponent.js.map +1 -1
  48. package/dist/esm/createComponent.mjs +29 -50
  49. package/dist/esm/createComponent.mjs.map +1 -1
  50. package/dist/esm/createTamagui.js +9 -9
  51. package/dist/esm/createTamagui.mjs +9 -9
  52. package/dist/esm/createTokens.js +1 -1
  53. package/dist/esm/createTokens.mjs +1 -1
  54. package/dist/esm/createVariable.js +1 -1
  55. package/dist/esm/createVariable.mjs +1 -1
  56. package/dist/esm/createVariables.js +1 -1
  57. package/dist/esm/createVariables.mjs +1 -1
  58. package/dist/esm/helpers/ThemeManager.js +3 -3
  59. package/dist/esm/helpers/ThemeManager.mjs +3 -3
  60. package/dist/esm/helpers/createMediaStyle.js +1 -1
  61. package/dist/esm/helpers/createMediaStyle.mjs +1 -1
  62. package/dist/esm/helpers/createPropMapper.js +8 -8
  63. package/dist/esm/helpers/createPropMapper.mjs +8 -8
  64. package/dist/esm/helpers/expandStyles.js +4 -4
  65. package/dist/esm/helpers/expandStyles.mjs +4 -4
  66. package/dist/esm/helpers/extendStaticConfig.js +2 -2
  67. package/dist/esm/helpers/extendStaticConfig.mjs +2 -2
  68. package/dist/esm/helpers/getAnimationDriver.js +1 -1
  69. package/dist/esm/helpers/getAnimationDriver.mjs +1 -1
  70. package/dist/esm/helpers/getExpandedShorthands.js +1 -1
  71. package/dist/esm/helpers/getExpandedShorthands.mjs +1 -1
  72. package/dist/esm/helpers/getSplitStyles.js +9 -9
  73. package/dist/esm/helpers/getSplitStyles.mjs +9 -9
  74. package/dist/esm/helpers/getStylesAtomic.js +4 -4
  75. package/dist/esm/helpers/getStylesAtomic.mjs +4 -4
  76. package/dist/esm/helpers/getThemeCSSRules.js +3 -3
  77. package/dist/esm/helpers/getThemeCSSRules.mjs +3 -3
  78. package/dist/esm/helpers/getVariantExtras.js +2 -2
  79. package/dist/esm/helpers/getVariantExtras.mjs +2 -2
  80. package/dist/esm/helpers/isTamaguiElement.js +1 -1
  81. package/dist/esm/helpers/isTamaguiElement.mjs +1 -1
  82. package/dist/esm/helpers/normalizeShadow.js +2 -2
  83. package/dist/esm/helpers/normalizeShadow.mjs +2 -2
  84. package/dist/esm/helpers/normalizeShadow.native.js +3 -3
  85. package/dist/esm/helpers/normalizeShadow.native.mjs +3 -3
  86. package/dist/esm/helpers/normalizeValueWithProperty.js +2 -2
  87. package/dist/esm/helpers/normalizeValueWithProperty.mjs +2 -2
  88. package/dist/esm/helpers/proxyThemeVariables.js +1 -1
  89. package/dist/esm/helpers/proxyThemeVariables.mjs +1 -1
  90. package/dist/esm/helpers/registerCSSVariable.js +1 -1
  91. package/dist/esm/helpers/registerCSSVariable.mjs +1 -1
  92. package/dist/esm/helpers/themeable.js +1 -1
  93. package/dist/esm/helpers/themeable.js.map +1 -1
  94. package/dist/esm/helpers/themeable.mjs +1 -1
  95. package/dist/esm/helpers/themeable.mjs.map +1 -1
  96. package/dist/esm/helpers/themes.js +2 -2
  97. package/dist/esm/helpers/themes.mjs +2 -2
  98. package/dist/esm/hooks/useAnimationDriver.js +2 -2
  99. package/dist/esm/hooks/useAnimationDriver.mjs +2 -2
  100. package/dist/esm/hooks/useMedia.js +3 -3
  101. package/dist/esm/hooks/useMedia.mjs +3 -3
  102. package/dist/esm/hooks/useProps.js +1 -1
  103. package/dist/esm/hooks/useProps.mjs +1 -1
  104. package/dist/esm/hooks/useStyle.js +5 -5
  105. package/dist/esm/hooks/useStyle.mjs +5 -5
  106. package/dist/esm/hooks/useTheme.js +7 -7
  107. package/dist/esm/hooks/useTheme.mjs +7 -7
  108. package/dist/esm/hooks/useThemeName.js +2 -2
  109. package/dist/esm/hooks/useThemeName.mjs +2 -2
  110. package/dist/esm/index.js +49 -49
  111. package/dist/esm/index.mjs +49 -49
  112. package/dist/esm/insertFont.js +4 -4
  113. package/dist/esm/insertFont.mjs +4 -4
  114. package/dist/esm/styled.js +3 -3
  115. package/dist/esm/styled.mjs +3 -3
  116. package/dist/esm/views/FontLanguage.native.js +1 -1
  117. package/dist/esm/views/FontLanguage.native.mjs +1 -1
  118. package/dist/esm/views/Stack.js +2 -2
  119. package/dist/esm/views/Stack.mjs +2 -2
  120. package/dist/esm/views/TamaguiProvider.js +5 -5
  121. package/dist/esm/views/TamaguiProvider.mjs +5 -5
  122. package/dist/esm/views/Text.js +1 -1
  123. package/dist/esm/views/Text.mjs +1 -1
  124. package/dist/esm/views/Theme.js +4 -4
  125. package/dist/esm/views/Theme.mjs +4 -4
  126. package/dist/esm/views/ThemeProvider.js +2 -2
  127. package/dist/esm/views/ThemeProvider.mjs +2 -2
  128. package/package.json +9 -9
  129. package/src/Tamagui.ts +3 -3
  130. package/src/config.ts +1 -1
  131. package/src/contexts/FontLanguageContext.tsx +1 -1
  132. package/src/createComponent.tsx +30 -59
  133. package/src/createFont.ts +1 -1
  134. package/src/createShorthands.ts +1 -1
  135. package/src/createTamagui.ts +10 -10
  136. package/src/createTheme.ts +1 -1
  137. package/src/createTokens.ts +3 -3
  138. package/src/createVariable.ts +1 -1
  139. package/src/createVariables.ts +1 -1
  140. package/src/helpers/ThemeManager.tsx +4 -4
  141. package/src/helpers/ThemeManagerContext.tsx +1 -1
  142. package/src/helpers/createMediaStyle.ts +2 -2
  143. package/src/helpers/createPropMapper.ts +10 -10
  144. package/src/helpers/expandStyles.ts +4 -4
  145. package/src/helpers/extendStaticConfig.ts +3 -3
  146. package/src/helpers/getAnimationDriver.tsx +1 -1
  147. package/src/helpers/getExpandedShorthands.ts +2 -2
  148. package/src/helpers/getSplitStyles.tsx +11 -11
  149. package/src/helpers/getStylesAtomic.ts +5 -5
  150. package/src/helpers/getThemeCSSRules.ts +4 -4
  151. package/src/helpers/getVariantExtras.tsx +4 -4
  152. package/src/helpers/insertStyleRule.tsx +1 -1
  153. package/src/helpers/isTamaguiComponent.tsx +1 -1
  154. package/src/helpers/isTamaguiElement.tsx +2 -2
  155. package/src/helpers/matchMedia.native.ts +1 -1
  156. package/src/helpers/matchMedia.ts +1 -1
  157. package/src/helpers/normalizeShadow.native.ts +3 -3
  158. package/src/helpers/normalizeShadow.ts +2 -2
  159. package/src/helpers/normalizeValueWithProperty.ts +2 -2
  160. package/src/helpers/proxyThemeVariables.tsx +1 -1
  161. package/src/helpers/registerCSSVariable.ts +1 -1
  162. package/src/helpers/themeable.tsx +3 -2
  163. package/src/helpers/themes.ts +3 -3
  164. package/src/helpers/useShallowSetState.tsx +1 -1
  165. package/src/hooks/useAnimationDriver.tsx +2 -2
  166. package/src/hooks/useMedia.tsx +4 -4
  167. package/src/hooks/useProps.tsx +1 -1
  168. package/src/hooks/useStyle.tsx +5 -5
  169. package/src/hooks/useTheme.tsx +8 -8
  170. package/src/hooks/useThemeName.tsx +3 -3
  171. package/src/index.ts +49 -49
  172. package/src/insertFont.ts +6 -6
  173. package/src/setupReactNative.ts +1 -1
  174. package/src/styled.tsx +5 -5
  175. package/src/types.tsx +5 -5
  176. package/src/views/FontLanguage.native.tsx +2 -2
  177. package/src/views/FontLanguage.tsx +1 -1
  178. package/src/views/Stack.tsx +3 -3
  179. package/src/views/TamaguiProvider.tsx +6 -6
  180. package/src/views/Text.tsx +2 -2
  181. package/src/views/Theme.tsx +5 -5
  182. package/src/views/ThemeDebug.tsx +2 -2
  183. package/src/views/ThemeProvider.tsx +2 -2
  184. package/types/Tamagui.d.ts +1 -1
  185. package/types/Tamagui.d.ts.map +1 -1
  186. package/types/config.d.ts +19 -19
  187. package/types/config.d.ts.map +1 -1
  188. package/types/contexts/FontLanguageContext.d.ts +1 -1
  189. package/types/createComponent.d.ts.map +1 -1
  190. package/types/createFont.d.ts +1 -1
  191. package/types/createFont.d.ts.map +1 -1
  192. package/types/createShorthands.d.ts +1 -1
  193. package/types/createShorthands.d.ts.map +1 -1
  194. package/types/createTamagui.d.ts +1 -1
  195. package/types/createTamagui.d.ts.map +1 -1
  196. package/types/createTheme.d.ts +1 -1
  197. package/types/createTheme.d.ts.map +1 -1
  198. package/types/createTokens.d.ts +2 -2
  199. package/types/createTokens.d.ts.map +1 -1
  200. package/types/createVariables.d.ts +1 -1
  201. package/types/createVariables.d.ts.map +1 -1
  202. package/types/helpers/ThemeManager.d.ts +2 -2
  203. package/types/helpers/ThemeManager.d.ts.map +1 -1
  204. package/types/helpers/ThemeManagerContext.d.ts +1 -1
  205. package/types/helpers/ThemeManagerContext.d.ts.map +1 -1
  206. package/types/helpers/createMediaStyle.d.ts +1 -1
  207. package/types/helpers/createMediaStyle.d.ts.map +1 -1
  208. package/types/helpers/createPropMapper.d.ts +1 -1
  209. package/types/helpers/createPropMapper.d.ts.map +1 -1
  210. package/types/helpers/expandStyles.d.ts +1 -1
  211. package/types/helpers/expandStyles.d.ts.map +1 -1
  212. package/types/helpers/extendStaticConfig.d.ts +1 -1
  213. package/types/helpers/extendStaticConfig.d.ts.map +1 -1
  214. package/types/helpers/getAnimationDriver.d.ts +1 -1
  215. package/types/helpers/getExpandedShorthands.d.ts +1 -1
  216. package/types/helpers/getExpandedShorthands.d.ts.map +1 -1
  217. package/types/helpers/getSplitStyles.d.ts +2 -2
  218. package/types/helpers/getSplitStyles.d.ts.map +1 -1
  219. package/types/helpers/getStylesAtomic.d.ts +2 -2
  220. package/types/helpers/getStylesAtomic.d.ts.map +1 -1
  221. package/types/helpers/getThemeCSSRules.d.ts +1 -1
  222. package/types/helpers/getThemeCSSRules.d.ts.map +1 -1
  223. package/types/helpers/getVariantExtras.d.ts +2 -2
  224. package/types/helpers/getVariantExtras.d.ts.map +1 -1
  225. package/types/helpers/insertStyleRule.d.ts +1 -1
  226. package/types/helpers/insertStyleRule.d.ts.map +1 -1
  227. package/types/helpers/isTamaguiComponent.d.ts +1 -1
  228. package/types/helpers/isTamaguiComponent.d.ts.map +1 -1
  229. package/types/helpers/isTamaguiElement.d.ts +1 -1
  230. package/types/helpers/isTamaguiElement.d.ts.map +1 -1
  231. package/types/helpers/matchMedia.d.ts +1 -1
  232. package/types/helpers/matchMedia.d.ts.map +1 -1
  233. package/types/helpers/matchMedia.native.d.ts +1 -1
  234. package/types/helpers/matchMedia.native.d.ts.map +1 -1
  235. package/types/helpers/registerCSSVariable.d.ts +1 -1
  236. package/types/helpers/registerCSSVariable.d.ts.map +1 -1
  237. package/types/helpers/themeable.d.ts +1 -1
  238. package/types/helpers/themeable.d.ts.map +1 -1
  239. package/types/helpers/themes.d.ts +1 -1
  240. package/types/helpers/themes.d.ts.map +1 -1
  241. package/types/helpers/useShallowSetState.d.ts +1 -1
  242. package/types/helpers/useShallowSetState.d.ts.map +1 -1
  243. package/types/hooks/useAnimationDriver.d.ts +1 -1
  244. package/types/hooks/useAnimationDriver.d.ts.map +1 -1
  245. package/types/hooks/useMedia.d.ts +1 -1
  246. package/types/hooks/useMedia.d.ts.map +1 -1
  247. package/types/hooks/useStyle.d.ts +1 -1
  248. package/types/hooks/useTheme.d.ts +2 -2
  249. package/types/hooks/useTheme.d.ts.map +1 -1
  250. package/types/hooks/useThemeName.d.ts +1 -1
  251. package/types/hooks/useThemeName.d.ts.map +1 -1
  252. package/types/index.d.ts +49 -49
  253. package/types/index.d.ts.map +1 -1
  254. package/types/insertFont.d.ts +2 -2
  255. package/types/insertFont.d.ts.map +1 -1
  256. package/types/setupReactNative.d.ts +1 -1
  257. package/types/setupReactNative.d.ts.map +1 -1
  258. package/types/styled.d.ts +1 -1
  259. package/types/styled.d.ts.map +1 -1
  260. package/types/types.d.ts +4 -4
  261. package/types/types.d.ts.map +1 -1
  262. package/types/views/FontLanguage.d.ts +1 -1
  263. package/types/views/FontLanguage.d.ts.map +1 -1
  264. package/types/views/FontLanguage.native.d.ts +1 -1
  265. package/types/views/FontLanguage.native.d.ts.map +1 -1
  266. package/types/views/Stack.d.ts +2 -2
  267. package/types/views/Stack.d.ts.map +1 -1
  268. package/types/views/TamaguiProvider.d.ts +1 -1
  269. package/types/views/TamaguiProvider.d.ts.map +1 -1
  270. package/types/views/Text.d.ts +2 -2
  271. package/types/views/Text.d.ts.map +1 -1
  272. package/types/views/Theme.d.ts +2 -2
  273. package/types/views/Theme.d.ts.map +1 -1
  274. package/types/views/ThemeDebug.d.ts +2 -2
  275. package/types/views/ThemeDebug.d.ts.map +1 -1
@@ -1,7 +1,7 @@
1
1
  import { isWeb } from '@tamagui/constants'
2
2
  import { simpleHash } from '@tamagui/helpers'
3
3
 
4
- import { getConfig } from './config.js'
4
+ import { getConfig } from './config'
5
5
 
6
6
  /**
7
7
  * Should rename this to Token
@@ -1,6 +1,6 @@
1
1
  import { simpleHash } from '@tamagui/helpers'
2
2
 
3
- import { Variable, createVariable, isVariable } from './createVariable.js'
3
+ import { Variable, createVariable, isVariable } from './createVariable'
4
4
 
5
5
  type DeepTokenObject<Val extends string | number = any> = {
6
6
  [key: string]: Val | DeepTokenObject<Val>
@@ -1,7 +1,7 @@
1
- import { getThemes, getTokens } from '../config.js'
2
- import { THEME_CLASSNAME_PREFIX, THEME_NAME_SEPARATOR } from '../constants/constants.js'
3
- import { getThemeUnwrapped } from '../hooks/getThemeUnwrapped.js'
4
- import { ThemeParsed, ThemeProps } from '../types.js'
1
+ import { getThemes, getTokens } from '../config'
2
+ import { THEME_CLASSNAME_PREFIX, THEME_NAME_SEPARATOR } from '../constants/constants'
3
+ import { getThemeUnwrapped } from '../hooks/getThemeUnwrapped'
4
+ import { ThemeParsed, ThemeProps } from '../types'
5
5
 
6
6
  type ThemeListener = (name: string | null, themeManager: ThemeManager) => void
7
7
 
@@ -1,5 +1,5 @@
1
1
  import { createContext } from 'react'
2
2
 
3
- import { ThemeManager } from './ThemeManager.js'
3
+ import { ThemeManager } from './ThemeManager'
4
4
 
5
5
  export const ThemeManagerContext = createContext<ThemeManager | null>(null)
@@ -1,5 +1,5 @@
1
- import { mediaObjectToString } from '../hooks/useMedia.js'
2
- import type { MediaQueries, MediaStyleObject, StyleObject } from '../types.js'
1
+ import { mediaObjectToString } from '../hooks/useMedia'
2
+ import type { MediaQueries, MediaStyleObject, StyleObject } from '../types'
3
3
 
4
4
  // TODO have this be used by extractMediaStyle in tamagui static
5
5
  // not synced to static/constants for now
@@ -1,8 +1,8 @@
1
1
  import { isAndroid, isWeb } from '@tamagui/constants'
2
2
 
3
- import { getConfig } from '../config.js'
4
- import { isDevTools } from '../constants/isDevTools.js'
5
- import { Variable, getVariableValue, isVariable } from '../createVariable.js'
3
+ import { getConfig } from '../config'
4
+ import { isDevTools } from '../constants/isDevTools'
5
+ import { Variable, getVariableValue, isVariable } from '../createVariable'
6
6
  import type {
7
7
  DebugProp,
8
8
  GenericVariantDefinitions,
@@ -11,13 +11,13 @@ import type {
11
11
  StaticConfigParsed,
12
12
  TamaguiInternalConfig,
13
13
  VariantSpreadFunction,
14
- } from '../types.js'
15
- import type { LanguageContextType } from '../views/FontLanguage.types.js'
16
- import { expandStyle } from './expandStyle.js'
17
- import { expandStyles } from './expandStyles.js'
18
- import { getFontsForLanguage, getVariantExtras } from './getVariantExtras.js'
19
- import { isObj } from './isObj.js'
20
- import { mergeProps } from './mergeProps.js'
14
+ } from '../types'
15
+ import type { LanguageContextType } from '../views/FontLanguage.types'
16
+ import { expandStyle } from './expandStyle'
17
+ import { expandStyles } from './expandStyles'
18
+ import { getFontsForLanguage, getVariantExtras } from './getVariantExtras'
19
+ import { isObj } from './isObj'
20
+ import { mergeProps } from './mergeProps'
21
21
 
22
22
  export type ResolveVariableTypes =
23
23
  | 'auto'
@@ -1,10 +1,10 @@
1
1
  import { isWeb } from '@tamagui/constants'
2
2
 
3
- import { getConfig } from '../config.js'
4
- import { expandStyle } from './expandStyle.js'
3
+ import { getConfig } from '../config'
4
+ import { expandStyle } from './expandStyle'
5
5
  import { normalizeShadow } from './normalizeShadow'
6
- import { normalizeValueWithProperty } from './normalizeValueWithProperty.js'
7
- import { pseudoDescriptors } from './pseudoDescriptors.js'
6
+ import { normalizeValueWithProperty } from './normalizeValueWithProperty'
7
+ import { pseudoDescriptors } from './pseudoDescriptors'
8
8
 
9
9
  let shorthands: Record<string, string> | null = null
10
10
 
@@ -5,9 +5,9 @@ import type {
5
5
  StaticConfig,
6
6
  StaticConfigParsed,
7
7
  StylableComponent,
8
- } from '../types.js'
9
- import { createPropMapper } from './createPropMapper.js'
10
- import { mergeProps } from './mergeProps.js'
8
+ } from '../types'
9
+ import { createPropMapper } from './createPropMapper'
10
+ import { mergeProps } from './mergeProps'
11
11
 
12
12
  export function extendStaticConfig(
13
13
  config: Partial<StaticConfig>,
@@ -1,4 +1,4 @@
1
- import { getConfig } from '../config.js'
1
+ import { getConfig } from '../config'
2
2
 
3
3
  /**
4
4
  * @deprecated use the `useAnimationDriver` hook instead
@@ -1,5 +1,5 @@
1
- import { getConfig } from '../config.js'
2
- import { Shorthands } from '../types.js'
1
+ import { getConfig } from '../config'
2
+ import { Shorthands } from '../types'
3
3
 
4
4
  export function getExpandedShorthands<A extends Object>(
5
5
  props: A
@@ -16,15 +16,15 @@ import {
16
16
  } from '@tamagui/helpers'
17
17
  import { useInsertionEffect } from 'react'
18
18
 
19
- import { getConfig, getFont } from '../config.js'
20
- import { isDevTools } from '../constants/isDevTools.js'
19
+ import { getConfig, getFont } from '../config'
20
+ import { isDevTools } from '../constants/isDevTools'
21
21
  import {
22
22
  getMediaImportanceIfMoreImportant,
23
23
  mediaState as globalMediaState,
24
24
  mediaKeysWithAndWithout$,
25
25
  mediaQueryConfig,
26
26
  mergeMediaByImportance,
27
- } from '../hooks/useMedia.js'
27
+ } from '../hooks/useMedia'
28
28
  import type {
29
29
  ClassNamesObject,
30
30
  DebugProp,
@@ -41,14 +41,14 @@ import type {
41
41
  TextStyleProps,
42
42
  ThemeParsed,
43
43
  ViewStyleWithPseudos,
44
- } from '../types.js'
44
+ } from '../types'
45
45
  import type {
46
46
  FontLanguageProps,
47
47
  LanguageContextType,
48
- } from '../views/FontLanguage.types.js'
49
- import { createMediaStyle } from './createMediaStyle.js'
50
- import { getPropMappedFontFamily } from './createPropMapper.js'
51
- import { fixStyles } from './expandStyles.js'
48
+ } from '../views/FontLanguage.types'
49
+ import { createMediaStyle } from './createMediaStyle'
50
+ import { getPropMappedFontFamily } from './createPropMapper'
51
+ import { fixStyles } from './expandStyles'
52
52
  import { generateAtomicStyles, getStylesAtomic, styleToCSS } from './getStylesAtomic'
53
53
  import {
54
54
  insertStyleRules,
@@ -56,12 +56,12 @@ import {
56
56
  scanAllSheets,
57
57
  shouldInsertStyleRules,
58
58
  updateRules,
59
- } from './insertStyleRule.js'
59
+ } from './insertStyleRule'
60
60
  import {
61
61
  normalizeValueWithProperty,
62
62
  reverseMapClassNameToValue,
63
- } from './normalizeValueWithProperty.js'
64
- import { pseudoDescriptors } from './pseudoDescriptors.js'
63
+ } from './normalizeValueWithProperty'
64
+ import { pseudoDescriptors } from './pseudoDescriptors'
65
65
 
66
66
  type GetStyleState = {
67
67
  style: TextStyleProps
@@ -5,11 +5,11 @@
5
5
 
6
6
  import { StyleObject, simpleHash } from '@tamagui/helpers'
7
7
 
8
- import { getConfig } from '../config.js'
9
- import type { TamaguiInternalConfig, ViewStyleWithPseudos } from '../types.js'
10
- import { defaultOffset } from './defaultOffset.js'
11
- import { normalizeValueWithProperty } from './normalizeValueWithProperty.js'
12
- import { PseudoDescriptor, pseudoDescriptors } from './pseudoDescriptors.js'
8
+ import { getConfig } from '../config'
9
+ import type { TamaguiInternalConfig, ViewStyleWithPseudos } from '../types'
10
+ import { defaultOffset } from './defaultOffset'
11
+ import { normalizeValueWithProperty } from './normalizeValueWithProperty'
12
+ import { PseudoDescriptor, pseudoDescriptors } from './pseudoDescriptors'
13
13
 
14
14
  // refactor this file away next...
15
15
 
@@ -1,9 +1,9 @@
1
1
  import { simpleHash } from '@tamagui/helpers'
2
2
 
3
- import { THEME_CLASSNAME_PREFIX } from '../constants/constants.js'
4
- import { Variable, variableToString } from '../createVariable.js'
5
- import type { CreateTamaguiProps, ThemeParsed } from '../types.js'
6
- import { tokensValueToVariable } from './registerCSSVariable.js'
3
+ import { THEME_CLASSNAME_PREFIX } from '../constants/constants'
4
+ import { Variable, variableToString } from '../createVariable'
5
+ import type { CreateTamaguiProps, ThemeParsed } from '../types'
6
+ import { tokensValueToVariable } from './registerCSSVariable'
7
7
 
8
8
  export function getThemeCSSRules({
9
9
  config,
@@ -1,7 +1,7 @@
1
- import { getConfig } from '../config.js'
2
- import { GenericFonts } from '../types.js'
3
- import { LanguageContextType } from '../views/FontLanguage.types.js'
4
- import { createProxy } from './createProxy.js'
1
+ import { getConfig } from '../config'
2
+ import { GenericFonts } from '../types'
3
+ import { LanguageContextType } from '../views/FontLanguage.types'
4
+ import { createProxy } from './createProxy'
5
5
 
6
6
  const extrasCache = new WeakMap()
7
7
 
@@ -1,6 +1,6 @@
1
1
  import { isClient } from '@tamagui/constants'
2
2
 
3
- import type { RulesToInsert, StyleObject } from '../types.js'
3
+ import type { RulesToInsert, StyleObject } from '../types'
4
4
 
5
5
  const allSelectors: Record<string, string> = {}
6
6
  const allRules: Record<string, string> = {}
@@ -1,4 +1,4 @@
1
- import { StaticConfig, StaticConfigParsed } from '../types.js'
1
+ import { StaticConfig, StaticConfigParsed } from '../types'
2
2
 
3
3
  export function isTamaguiComponent<A>(
4
4
  comp: A,
@@ -1,7 +1,7 @@
1
1
  import { isValidElement } from 'react'
2
2
 
3
- import { TamaguiReactElement } from '../types.js'
4
- import { isTamaguiComponent } from './isTamaguiComponent.js'
3
+ import { TamaguiReactElement } from '../types'
4
+ import { isTamaguiComponent } from './isTamaguiComponent'
5
5
 
6
6
  export const isTamaguiElement = (
7
7
  child: any,
@@ -1,4 +1,4 @@
1
- import { MatchMedia, MediaQueryList } from '../types.js'
1
+ import { MatchMedia, MediaQueryList } from '../types'
2
2
 
3
3
  let matchMediaImpl: MatchMedia = matchMediaFallback
4
4
 
@@ -1,4 +1,4 @@
1
- import { MatchMedia, MediaQueryList } from '../types.js'
1
+ import { MatchMedia, MediaQueryList } from '../types'
2
2
 
3
3
  export const matchMedia =
4
4
  (typeof window !== 'undefined' && window.matchMedia) || matchMediaFallback
@@ -1,8 +1,8 @@
1
1
  import { normalizeCSSColor } from '@tamagui/normalize-css-color'
2
2
 
3
- import { defaultOffset } from './defaultOffset.js'
4
- import { rgba } from './normalizeColor.js'
5
- import { normalizeValueWithProperty } from './normalizeValueWithProperty.js'
3
+ import { defaultOffset } from './defaultOffset'
4
+ import { rgba } from './normalizeColor'
5
+ import { normalizeValueWithProperty } from './normalizeValueWithProperty'
6
6
 
7
7
  export function normalizeShadow({
8
8
  shadowColor,
@@ -1,5 +1,5 @@
1
- import { defaultOffset } from './defaultOffset.js'
2
- import { normalizeValueWithProperty } from './normalizeValueWithProperty.js'
1
+ import { defaultOffset } from './defaultOffset'
2
+ import { normalizeValueWithProperty } from './normalizeValueWithProperty'
3
3
 
4
4
  export function normalizeShadow({
5
5
  shadowColor,
@@ -5,8 +5,8 @@
5
5
 
6
6
  import { isWeb } from '@tamagui/constants'
7
7
 
8
- import { getAllSelectors } from './insertStyleRule.js'
9
- import { names, normalizeColor } from './normalizeColor.js'
8
+ import { getAllSelectors } from './insertStyleRule'
9
+ import { names, normalizeColor } from './normalizeColor'
10
10
  import { normalizeStylePropKeys } from './normalizeStylePropKeys'
11
11
 
12
12
  const colorCache = new Map()
@@ -1,4 +1,4 @@
1
- import { createProxy } from './createProxy.js'
1
+ import { createProxy } from './createProxy'
2
2
 
3
3
  export function proxyThemeVariables<A extends Object>(obj: A): A {
4
4
  return createProxy<A>(obj || {}, {
@@ -1,4 +1,4 @@
1
- import { Variable, createCSSVariable } from '../createVariable.js'
1
+ import { Variable, createCSSVariable } from '../createVariable'
2
2
 
3
3
  export const registerCSSVariable = (v: Variable) => {
4
4
  tokensValueToVariable.set(v.val, v)
@@ -1,7 +1,7 @@
1
1
  import React, { forwardRef } from 'react'
2
2
 
3
- import { DebugProp, StaticConfig, ThemeName } from '../types.js'
4
- import { Theme } from '../views/Theme.js'
3
+ import { DebugProp, StaticConfig, ThemeName } from '../types'
4
+ import { Theme } from '../views/Theme'
5
5
 
6
6
  export interface ThemeableProps {
7
7
  theme?: ThemeName | null
@@ -17,6 +17,7 @@ export function themeable<Component extends (props: any) => any>(
17
17
  ) {
18
18
  const withThemeComponent = forwardRef(function WithTheme(props: ThemeableProps, ref) {
19
19
  const { themeInverse, theme, componentName, themeReset, ...rest } = props
20
+
20
21
  const element = React.createElement(component, { ...rest, ref } as any)
21
22
 
22
23
  return (
@@ -1,6 +1,6 @@
1
- import { createVariable, isVariable } from '../createVariable.js'
2
- import { GetThemeUnwrapped } from '../hooks/getThemeUnwrapped.js'
3
- import { CreateTamaguiProps } from '../types.js'
1
+ import { createVariable, isVariable } from '../createVariable'
2
+ import { GetThemeUnwrapped } from '../hooks/getThemeUnwrapped'
3
+ import { CreateTamaguiProps } from '../types'
4
4
 
5
5
  // mutates, freeze after
6
6
  // shared by createTamagui so extracted here
@@ -1,6 +1,6 @@
1
1
  import React, { useCallback } from 'react'
2
2
 
3
- import { DebugProp, TamaguiComponentState } from '../types.js'
3
+ import { DebugProp, TamaguiComponentState } from '../types'
4
4
 
5
5
  export function useShallowSetState<State extends TamaguiComponentState>(
6
6
  setter: React.Dispatch<React.SetStateAction<State>>,
@@ -1,7 +1,7 @@
1
1
  import { useContext } from 'react'
2
2
 
3
- import { AnimationDriverContext } from '../contexts/AnimationDriverContext.js'
4
- import { getAnimationDriver } from '../helpers/getAnimationDriver.js'
3
+ import { AnimationDriverContext } from '../contexts/AnimationDriverContext'
4
+ import { getAnimationDriver } from '../helpers/getAnimationDriver'
5
5
  import { isRSC } from '@tamagui/constants'
6
6
 
7
7
  export const useAnimationDriver = () => {
@@ -1,7 +1,7 @@
1
1
  import { useEffect, useMemo, useSyncExternalStore } from 'react'
2
2
 
3
- import { getConfig } from '../config.js'
4
- import { createProxy } from '../helpers/createProxy.js'
3
+ import { getConfig } from '../config'
4
+ import { createProxy } from '../helpers/createProxy'
5
5
  import { matchMedia } from '../helpers/matchMedia'
6
6
  import type {
7
7
  MediaQueries,
@@ -9,8 +9,8 @@ import type {
9
9
  MediaQueryObject,
10
10
  MediaQueryState,
11
11
  TamaguiInternalConfig,
12
- } from '../types.js'
13
- import { useSafeRef } from './useSafeRef.js'
12
+ } from '../types'
13
+ import { useSafeRef } from './useSafeRef'
14
14
 
15
15
  export let mediaState: MediaQueryState =
16
16
  // development only safeguard
@@ -1,4 +1,4 @@
1
- import { useMediaPropsActive } from './useMedia.js'
1
+ import { useMediaPropsActive } from './useMedia'
2
2
 
3
3
  /**
4
4
  * Will flatten any media styles down + expand all shorthands.
@@ -1,9 +1,9 @@
1
1
  import { isRSC, isWeb } from '@tamagui/constants'
2
2
  import { useContext } from 'react'
3
3
 
4
- import { FontLanguageContext } from '../contexts/FontLanguageContext.js'
5
- import { TextAncestorContext } from '../contexts/TextAncestorContext.js'
6
- import { useSplitStyles } from '../helpers/getSplitStyles.js'
4
+ import { FontLanguageContext } from '../contexts/FontLanguageContext'
5
+ import { TextAncestorContext } from '../contexts/TextAncestorContext'
6
+ import { useSplitStyles } from '../helpers/getSplitStyles'
7
7
  import {
8
8
  DebugProp,
9
9
  GetProps,
@@ -11,8 +11,8 @@ import {
11
11
  TamaguiComponent,
12
12
  TextNonStyleProps,
13
13
  } from '../types'
14
- import { useMedia } from './useMedia.js'
15
- import { useTheme } from './useTheme.js'
14
+ import { useMedia } from './useMedia'
15
+ import { useTheme } from './useTheme'
16
16
 
17
17
  export function useStyle<
18
18
  Component extends TamaguiComponent,
@@ -2,18 +2,18 @@
2
2
  import { isClient, isRSC, isServer, isWeb } from '@tamagui/constants'
3
3
  import { useContext, useEffect, useLayoutEffect, useMemo, useState } from 'react'
4
4
 
5
- import { getConfig } from '../config.js'
6
- import { isDevTools } from '../constants/isDevTools.js'
7
- import { createProxy } from '../helpers/createProxy.js'
5
+ import { getConfig } from '../config'
6
+ import { isDevTools } from '../constants/isDevTools'
7
+ import { createProxy } from '../helpers/createProxy'
8
8
  import {
9
9
  ThemeManager,
10
10
  ThemeManagerState,
11
11
  getNonComponentParentManager,
12
- } from '../helpers/ThemeManager.js'
13
- import { ThemeManagerContext } from '../helpers/ThemeManagerContext.js'
14
- import type { ThemeParsed, ThemeProps } from '../types.js'
15
- import { GetThemeUnwrapped } from './getThemeUnwrapped.js'
16
- import { useServerRef } from './useServerHooks.js'
12
+ } from '../helpers/ThemeManager'
13
+ import { ThemeManagerContext } from '../helpers/ThemeManagerContext'
14
+ import type { ThemeParsed, ThemeProps } from '../types'
15
+ import { GetThemeUnwrapped } from './getThemeUnwrapped'
16
+ import { useServerRef } from './useServerHooks'
17
17
 
18
18
  export type ChangedThemeResponse = {
19
19
  isNewTheme: boolean
@@ -1,9 +1,9 @@
1
1
  import { isRSC, useIsomorphicLayoutEffect } from '@tamagui/constants'
2
2
  import { useContext, useState } from 'react'
3
3
 
4
- import { getConfig } from '../config.js'
5
- import { ThemeManagerContext } from '../helpers/ThemeManagerContext.js'
6
- import { ThemeName } from '../types.js'
4
+ import { getConfig } from '../config'
5
+ import { ThemeManagerContext } from '../helpers/ThemeManagerContext'
6
+ import { ThemeName } from '../types'
7
7
 
8
8
  export function useThemeName(opts?: { parent?: true }): ThemeName {
9
9
  if (isRSC) {
package/src/index.ts CHANGED
@@ -1,16 +1,16 @@
1
- export * from './Tamagui.js'
2
- export * from './createComponent.js'
3
- export * from './createShorthands.js'
4
- export * from './createTheme.js'
5
- export * from './createTamagui.js'
6
- export * from './createFont.js'
7
- export * from './createTokens.js'
8
- export * from './createVariable.js'
9
- export * from './createVariables.js'
10
- export * from './insertFont.js'
11
- export * from './styled.js'
12
- export * from './types.js'
13
- export * from './setupReactNative.js'
1
+ export * from './Tamagui'
2
+ export * from './createComponent'
3
+ export * from './createShorthands'
4
+ export * from './createTheme'
5
+ export * from './createTamagui'
6
+ export * from './createFont'
7
+ export * from './createTokens'
8
+ export * from './createVariable'
9
+ export * from './createVariables'
10
+ export * from './insertFont'
11
+ export * from './styled'
12
+ export * from './types'
13
+ export * from './setupReactNative'
14
14
 
15
15
  export {
16
16
  getConfig,
@@ -18,30 +18,30 @@ export {
18
18
  getTokens,
19
19
  onConfiguredOnce,
20
20
  updateConfig,
21
- } from './config.js'
21
+ } from './config'
22
22
 
23
- export * from './constants/constants.js'
23
+ export * from './constants/constants'
24
24
 
25
- export * from './helpers/useShallowSetState.js'
26
- export * from './helpers/getVariantExtras.js'
27
- export * from './helpers/getAnimationDriver.js'
28
- export * from './helpers/getExpandedShorthands.js'
29
- export * from './helpers/getSplitStyles.js'
25
+ export * from './helpers/useShallowSetState'
26
+ export * from './helpers/getVariantExtras'
27
+ export * from './helpers/getAnimationDriver'
28
+ export * from './helpers/getExpandedShorthands'
29
+ export * from './helpers/getSplitStyles'
30
30
  export * from './helpers/getStylesAtomic'
31
- export * from './helpers/pseudoDescriptors.js'
32
- export * from './helpers/mergeProps.js'
33
- export * from './helpers/expandStyles.js'
34
- export * from './helpers/isTamaguiElement.js'
35
- export * from './helpers/isTamaguiComponent.js'
31
+ export * from './helpers/pseudoDescriptors'
32
+ export * from './helpers/mergeProps'
33
+ export * from './helpers/expandStyles'
34
+ export * from './helpers/isTamaguiElement'
35
+ export * from './helpers/isTamaguiComponent'
36
36
  export * from './helpers/matchMedia'
37
- export * from './helpers/themes.js'
38
- export * from './helpers/getThemeCSSRules.js'
39
- export * from './helpers/proxyThemeVariables.js'
40
- export * from './helpers/themeable.js'
41
- export * from './helpers/withStaticProperties.js'
42
- export * from './helpers/normalizeColor.js'
37
+ export * from './helpers/themes'
38
+ export * from './helpers/getThemeCSSRules'
39
+ export * from './helpers/proxyThemeVariables'
40
+ export * from './helpers/themeable'
41
+ export * from './helpers/withStaticProperties'
42
+ export * from './helpers/normalizeColor'
43
43
 
44
- export * from './contexts/ButtonNestingContext.js'
44
+ export * from './contexts/ButtonNestingContext'
45
45
 
46
46
  export {
47
47
  configureMedia,
@@ -51,24 +51,24 @@ export {
51
51
  useMediaPropsActive,
52
52
  mediaObjectToString,
53
53
  mediaQueryConfig,
54
- } from './hooks/useMedia.js'
55
- export * from './hooks/useTheme.js'
56
- export * from './hooks/useThemeName.js'
57
- export * from './hooks/useSafeRef.js'
58
- export * from './hooks/useStyle.js'
59
- export * from './hooks/useAnimationDriver.js'
60
- export * from './hooks/useIsTouchDevice.js'
61
- export * from './hooks/useProps.js'
54
+ } from './hooks/useMedia'
55
+ export * from './hooks/useTheme'
56
+ export * from './hooks/useThemeName'
57
+ export * from './hooks/useSafeRef'
58
+ export * from './hooks/useStyle'
59
+ export * from './hooks/useAnimationDriver'
60
+ export * from './hooks/useIsTouchDevice'
61
+ export * from './hooks/useProps'
62
62
 
63
- export * from './views/Slot.js'
64
- export * from './views/Stack.js'
65
- export * from './views/Text.js'
66
- export * from './contexts/TextAncestorContext.js'
67
- export * from './views/Theme.js'
68
- export * from './views/ThemeProvider.js'
63
+ export * from './views/Slot'
64
+ export * from './views/Stack'
65
+ export * from './views/Text'
66
+ export * from './contexts/TextAncestorContext'
67
+ export * from './views/Theme'
68
+ export * from './views/ThemeProvider'
69
69
  export * from './views/FontLanguage'
70
- export * from './views/TamaguiProvider.js'
71
- export * from './views/AnimationDriverProvider.js'
70
+ export * from './views/TamaguiProvider'
71
+ export * from './views/AnimationDriverProvider'
72
72
 
73
73
  export * from '@tamagui/use-force-update'
74
74
  export * from '@tamagui/use-did-finish-ssr'
@@ -77,4 +77,4 @@ export * from '@tamagui/compose-refs'
77
77
  export * from '@tamagui/helpers'
78
78
  export * from '@tamagui/constants'
79
79
 
80
- export * from './setupHooks.js'
80
+ export * from './setupHooks'
package/src/insertFont.ts CHANGED
@@ -1,9 +1,9 @@
1
- import { setConfigFont } from './config.js'
2
- import { createFont } from './createFont.js'
3
- import { Variable } from './createVariable.js'
4
- import { DeepVariableObject, createVariables } from './createVariables.js'
5
- import { registerCSSVariable, variableToCSS } from './helpers/registerCSSVariable.js'
6
- import { GenericFont } from './types.js'
1
+ import { setConfigFont } from './config'
2
+ import { createFont } from './createFont'
3
+ import { Variable } from './createVariable'
4
+ import { DeepVariableObject, createVariables } from './createVariables'
5
+ import { registerCSSVariable, variableToCSS } from './helpers/registerCSSVariable'
6
+ import { GenericFont } from './types'
7
7
 
8
8
  /**
9
9
  * Runtime dynamic insert font
@@ -1,4 +1,4 @@
1
- import { StaticConfig } from './types.js'
1
+ import { StaticConfig } from './types'
2
2
 
3
3
  export const ReactNativeStaticConfigs = new WeakMap<any, Partial<StaticConfig> | null>()
4
4