@tamagui/web 1.2.8 → 1.2.10

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 (165) hide show
  1. package/dist/cjs/createComponent.js +6 -5
  2. package/dist/cjs/createComponent.js.map +2 -2
  3. package/dist/esm/Tamagui.mjs +41 -0
  4. package/dist/esm/Tamagui.mjs.map +7 -0
  5. package/dist/esm/addTheme.mjs +54 -0
  6. package/dist/esm/addTheme.mjs.map +7 -0
  7. package/dist/esm/config.mjs +84 -0
  8. package/dist/esm/config.mjs.map +7 -0
  9. package/dist/esm/constants/constants.mjs +22 -0
  10. package/dist/esm/constants/constants.mjs.map +7 -0
  11. package/dist/esm/constants/isDevTools.mjs +13 -0
  12. package/dist/esm/constants/isDevTools.mjs.map +7 -0
  13. package/dist/esm/contexts/ButtonNestingContext.mjs +6 -0
  14. package/dist/esm/contexts/ButtonNestingContext.mjs.map +7 -0
  15. package/dist/esm/contexts/FontLanguageContext.mjs +6 -0
  16. package/dist/esm/contexts/FontLanguageContext.mjs.map +7 -0
  17. package/dist/esm/contexts/TextAncestorContext.mjs +6 -0
  18. package/dist/esm/contexts/TextAncestorContext.mjs.map +7 -0
  19. package/dist/esm/createComponent.js +6 -5
  20. package/dist/esm/createComponent.js.map +2 -2
  21. package/dist/esm/createComponent.mjs +853 -0
  22. package/dist/esm/createComponent.mjs.map +7 -0
  23. package/dist/esm/createFont.mjs +45 -0
  24. package/dist/esm/createFont.mjs.map +7 -0
  25. package/dist/esm/createShorthands.mjs +7 -0
  26. package/dist/esm/createShorthands.mjs.map +7 -0
  27. package/dist/esm/createTamagui.mjs +190 -0
  28. package/dist/esm/createTamagui.mjs.map +7 -0
  29. package/dist/esm/createTheme.mjs +7 -0
  30. package/dist/esm/createTheme.mjs.map +7 -0
  31. package/dist/esm/createTokens.mjs +15 -0
  32. package/dist/esm/createTokens.mjs.map +7 -0
  33. package/dist/esm/createVariable.mjs +78 -0
  34. package/dist/esm/createVariable.mjs.map +7 -0
  35. package/dist/esm/createVariables.mjs +35 -0
  36. package/dist/esm/createVariables.mjs.map +7 -0
  37. package/dist/esm/helpers/RNComponents.mjs +16 -0
  38. package/dist/esm/helpers/RNComponents.mjs.map +7 -0
  39. package/dist/esm/helpers/ThemeManager.mjs +209 -0
  40. package/dist/esm/helpers/ThemeManager.mjs.map +7 -0
  41. package/dist/esm/helpers/ThemeManagerContext.mjs +6 -0
  42. package/dist/esm/helpers/ThemeManagerContext.mjs.map +7 -0
  43. package/dist/esm/helpers/createMediaStyle.mjs +42 -0
  44. package/dist/esm/helpers/createMediaStyle.mjs.map +7 -0
  45. package/dist/esm/helpers/createPropMapper.mjs +396 -0
  46. package/dist/esm/helpers/createPropMapper.mjs.map +7 -0
  47. package/dist/esm/helpers/createProxy.mjs +19 -0
  48. package/dist/esm/helpers/createProxy.mjs.map +7 -0
  49. package/dist/esm/helpers/expandStyle.mjs +71 -0
  50. package/dist/esm/helpers/expandStyle.mjs.map +7 -0
  51. package/dist/esm/helpers/expandStyles.mjs +90 -0
  52. package/dist/esm/helpers/expandStyles.mjs.map +7 -0
  53. package/dist/esm/helpers/extendStaticConfig.mjs +66 -0
  54. package/dist/esm/helpers/extendStaticConfig.mjs.map +7 -0
  55. package/dist/esm/helpers/getAnimationDriver.mjs +8 -0
  56. package/dist/esm/helpers/getAnimationDriver.mjs.map +7 -0
  57. package/dist/esm/helpers/getExpandedShorthands.mjs +16 -0
  58. package/dist/esm/helpers/getExpandedShorthands.mjs.map +7 -0
  59. package/dist/esm/helpers/getFontLanguage.mjs +5 -0
  60. package/dist/esm/helpers/getFontLanguage.mjs.map +7 -0
  61. package/dist/esm/helpers/getSplitStyles.mjs +849 -0
  62. package/dist/esm/helpers/getSplitStyles.mjs.map +7 -0
  63. package/dist/esm/helpers/getStylesAtomic.mjs +200 -0
  64. package/dist/esm/helpers/getStylesAtomic.mjs.map +7 -0
  65. package/dist/esm/helpers/getStylesAtomic.native.mjs +12 -0
  66. package/dist/esm/helpers/getStylesAtomic.native.mjs.map +7 -0
  67. package/dist/esm/helpers/getThemeCSSRules.mjs +86 -0
  68. package/dist/esm/helpers/getThemeCSSRules.mjs.map +7 -0
  69. package/dist/esm/helpers/getThemeCSSRules.native.mjs +7 -0
  70. package/dist/esm/helpers/getThemeCSSRules.native.mjs.map +7 -0
  71. package/dist/esm/helpers/getVariantExtras.mjs +67 -0
  72. package/dist/esm/helpers/getVariantExtras.mjs.map +7 -0
  73. package/dist/esm/helpers/insertStyleRule.mjs +186 -0
  74. package/dist/esm/helpers/insertStyleRule.mjs.map +7 -0
  75. package/dist/esm/helpers/isObj.mjs +5 -0
  76. package/dist/esm/helpers/isObj.mjs.map +7 -0
  77. package/dist/esm/helpers/isTamaguiComponent.mjs +8 -0
  78. package/dist/esm/helpers/isTamaguiComponent.mjs.map +7 -0
  79. package/dist/esm/helpers/isTamaguiElement.mjs +9 -0
  80. package/dist/esm/helpers/isTamaguiElement.mjs.map +7 -0
  81. package/dist/esm/helpers/matchMedia.mjs +17 -0
  82. package/dist/esm/helpers/matchMedia.mjs.map +7 -0
  83. package/dist/esm/helpers/matchMedia.native.mjs +23 -0
  84. package/dist/esm/helpers/matchMedia.native.mjs.map +7 -0
  85. package/dist/esm/helpers/mergeProps.mjs +30 -0
  86. package/dist/esm/helpers/mergeProps.mjs.map +7 -0
  87. package/dist/esm/helpers/mergeTransform.mjs +21 -0
  88. package/dist/esm/helpers/mergeTransform.mjs.map +7 -0
  89. package/dist/esm/helpers/normalizeColor.mjs +36 -0
  90. package/dist/esm/helpers/normalizeColor.mjs.map +7 -0
  91. package/dist/esm/helpers/normalizeValueWithProperty.mjs +113 -0
  92. package/dist/esm/helpers/normalizeValueWithProperty.mjs.map +7 -0
  93. package/dist/esm/helpers/proxyThemeVariables.mjs +16 -0
  94. package/dist/esm/helpers/proxyThemeVariables.mjs.map +7 -0
  95. package/dist/esm/helpers/pseudoDescriptors.mjs +29 -0
  96. package/dist/esm/helpers/pseudoDescriptors.mjs.map +7 -0
  97. package/dist/esm/helpers/registerCSSVariable.mjs +14 -0
  98. package/dist/esm/helpers/registerCSSVariable.mjs.map +7 -0
  99. package/dist/esm/helpers/themeable.mjs +28 -0
  100. package/dist/esm/helpers/themeable.mjs.map +7 -0
  101. package/dist/esm/helpers/themes.mjs +53 -0
  102. package/dist/esm/helpers/themes.mjs.map +7 -0
  103. package/dist/esm/helpers/timer.mjs +11 -0
  104. package/dist/esm/helpers/timer.mjs.map +7 -0
  105. package/dist/esm/helpers/useShallowSetState.mjs +35 -0
  106. package/dist/esm/helpers/useShallowSetState.mjs.map +7 -0
  107. package/dist/esm/helpers/warnOnce.mjs +14 -0
  108. package/dist/esm/helpers/warnOnce.mjs.map +7 -0
  109. package/dist/esm/helpers/withStaticProperties.mjs +8 -0
  110. package/dist/esm/helpers/withStaticProperties.mjs.map +7 -0
  111. package/dist/esm/hooks/getThemeUnwrapped.mjs +9 -0
  112. package/dist/esm/hooks/getThemeUnwrapped.mjs.map +7 -0
  113. package/dist/esm/hooks/useId.mjs +5 -0
  114. package/dist/esm/hooks/useId.mjs.map +7 -0
  115. package/dist/esm/hooks/useIsTouchDevice.mjs +9 -0
  116. package/dist/esm/hooks/useIsTouchDevice.mjs.map +7 -0
  117. package/dist/esm/hooks/useMedia.mjs +225 -0
  118. package/dist/esm/hooks/useMedia.mjs.map +7 -0
  119. package/dist/esm/hooks/useSafeRef.mjs +35 -0
  120. package/dist/esm/hooks/useSafeRef.mjs.map +7 -0
  121. package/dist/esm/hooks/useServerHooks.mjs +11 -0
  122. package/dist/esm/hooks/useServerHooks.mjs.map +7 -0
  123. package/dist/esm/hooks/useStyle.mjs +37 -0
  124. package/dist/esm/hooks/useStyle.mjs.map +7 -0
  125. package/dist/esm/hooks/useTheme.mjs +205 -0
  126. package/dist/esm/hooks/useTheme.mjs.map +7 -0
  127. package/dist/esm/hooks/useThemeName.mjs +28 -0
  128. package/dist/esm/hooks/useThemeName.mjs.map +7 -0
  129. package/dist/esm/index.mjs +77 -0
  130. package/dist/esm/index.mjs.map +7 -0
  131. package/dist/esm/inject-styles.mjs +16 -0
  132. package/dist/esm/inject-styles.mjs.map +7 -0
  133. package/dist/esm/insertFont.mjs +67 -0
  134. package/dist/esm/insertFont.mjs.map +7 -0
  135. package/dist/esm/setupHooks.mjs +9 -0
  136. package/dist/esm/setupHooks.mjs.map +7 -0
  137. package/dist/esm/setupReactNative.mjs +25 -0
  138. package/dist/esm/setupReactNative.mjs.map +7 -0
  139. package/dist/esm/styled.mjs +71 -0
  140. package/dist/esm/styled.mjs.map +7 -0
  141. package/dist/esm/types.mjs +1 -0
  142. package/dist/esm/types.mjs.map +7 -0
  143. package/dist/esm/updateTheme.mjs +23 -0
  144. package/dist/esm/updateTheme.mjs.map +7 -0
  145. package/dist/esm/views/FontLanguage.mjs +17 -0
  146. package/dist/esm/views/FontLanguage.mjs.map +7 -0
  147. package/dist/esm/views/FontLanguage.native.mjs +11 -0
  148. package/dist/esm/views/FontLanguage.native.mjs.map +7 -0
  149. package/dist/esm/views/FontLanguage.types.mjs +1 -0
  150. package/dist/esm/views/FontLanguage.types.mjs.map +7 -0
  151. package/dist/esm/views/Slot.mjs +66 -0
  152. package/dist/esm/views/Slot.mjs.map +7 -0
  153. package/dist/esm/views/Stack.mjs +14 -0
  154. package/dist/esm/views/Stack.mjs.map +7 -0
  155. package/dist/esm/views/TamaguiProvider.mjs +56 -0
  156. package/dist/esm/views/TamaguiProvider.mjs.map +7 -0
  157. package/dist/esm/views/Text.mjs +70 -0
  158. package/dist/esm/views/Text.mjs.map +7 -0
  159. package/dist/esm/views/Theme.mjs +63 -0
  160. package/dist/esm/views/Theme.mjs.map +7 -0
  161. package/dist/esm/views/ThemeProvider.mjs +45 -0
  162. package/dist/esm/views/ThemeProvider.mjs.map +7 -0
  163. package/package.json +11 -11
  164. package/src/createComponent.tsx +7 -6
  165. package/types/createComponent.d.ts.map +1 -1
@@ -0,0 +1,66 @@
1
+ import { stylePropsView } from "@tamagui/helpers";
2
+ import { createPropMapper } from "./createPropMapper";
3
+ import { mergeProps } from "./mergeProps";
4
+ function extendStaticConfig(config, parent) {
5
+ if (!(parent && "staticConfig" in parent)) {
6
+ return parseStaticConfig(config);
7
+ }
8
+ const parentStaticConf = parent.staticConfig;
9
+ const variants = {
10
+ ...parentStaticConf.variants
11
+ };
12
+ if (config.variants) {
13
+ for (const key in config.variants) {
14
+ if (variants[key]) {
15
+ variants[key] = {
16
+ ...variants[key],
17
+ ...config.variants[key]
18
+ };
19
+ } else {
20
+ variants[key] = config.variants[key];
21
+ }
22
+ }
23
+ }
24
+ const parentNames = [...parentStaticConf.parentNames || []];
25
+ if (parentStaticConf.componentName) {
26
+ parentNames.push(parentStaticConf.componentName);
27
+ }
28
+ const deoptProps = config.deoptProps || /* @__PURE__ */ new Set();
29
+ return parseStaticConfig({
30
+ ...parentStaticConf,
31
+ ...config,
32
+ deoptProps,
33
+ variants,
34
+ parentNames,
35
+ validStyles: config.validStyles ? {
36
+ ...parentStaticConf.validStyles,
37
+ ...config.validStyles
38
+ } : parentStaticConf.validStyles || stylePropsView,
39
+ defaultProps: mergeProps(
40
+ {
41
+ ...parentStaticConf.defaultProps,
42
+ ...parentStaticConf.defaultVariants
43
+ },
44
+ {
45
+ ...config.defaultProps,
46
+ ...config.defaultVariants
47
+ }
48
+ )[0]
49
+ });
50
+ }
51
+ const parseStaticConfig = (config) => {
52
+ const parsed = {
53
+ defaultProps: {},
54
+ ...config,
55
+ parsed: true
56
+ };
57
+ return {
58
+ ...parsed,
59
+ propMapper: createPropMapper(parsed)
60
+ };
61
+ };
62
+ export {
63
+ extendStaticConfig,
64
+ parseStaticConfig
65
+ };
66
+ //# sourceMappingURL=extendStaticConfig.mjs.map
@@ -0,0 +1,7 @@
1
+ {
2
+ "version": 3,
3
+ "sources": ["../../../src/helpers/extendStaticConfig.ts"],
4
+ "sourcesContent": ["import { stylePropsView } from '@tamagui/helpers'\n\nimport { StaticConfig, StaticConfigParsed, StylableComponent } from '../types'\nimport { createPropMapper } from './createPropMapper'\nimport { mergeProps } from './mergeProps'\n\nexport function extendStaticConfig(\n config: Partial<StaticConfig>,\n parent?: StylableComponent\n) {\n if (!(parent && 'staticConfig' in parent)) {\n return parseStaticConfig(config)\n }\n\n const parentStaticConf = parent.staticConfig as StaticConfig\n const variants = {\n ...parentStaticConf.variants,\n }\n\n // merge variants... can we type this?\n if (config.variants) {\n for (const key in config.variants) {\n if (variants[key]) {\n variants[key] = {\n ...variants[key],\n ...config.variants[key],\n }\n } else {\n variants[key] = config.variants[key]\n }\n }\n }\n\n // include our own\n const parentNames = [...(parentStaticConf.parentNames || [])]\n if (parentStaticConf.componentName) {\n parentNames.push(parentStaticConf.componentName)\n }\n\n const deoptProps = config.deoptProps || new Set<string>()\n // deoptProps.add('style')\n\n return parseStaticConfig({\n ...parentStaticConf,\n ...config,\n deoptProps,\n variants,\n parentNames,\n validStyles: config.validStyles\n ? {\n ...parentStaticConf.validStyles,\n ...config.validStyles,\n }\n : parentStaticConf.validStyles || stylePropsView,\n defaultProps: mergeProps(\n {\n ...parentStaticConf.defaultProps,\n ...parentStaticConf.defaultVariants,\n },\n {\n ...config.defaultProps,\n ...config.defaultVariants,\n }\n )[0],\n })\n}\n\nexport const parseStaticConfig = (config: Partial<StaticConfig>): StaticConfigParsed => {\n const parsed = {\n defaultProps: {},\n ...config,\n parsed: true,\n } as const\n return {\n ...parsed,\n propMapper: createPropMapper(parsed as StaticConfigParsed),\n }\n}\n"],
5
+ "mappings": "AAAA,SAAS,sBAAsB;AAG/B,SAAS,wBAAwB;AACjC,SAAS,kBAAkB;AAEpB,SAAS,mBACd,QACA,QACA;AACA,MAAI,EAAE,UAAU,kBAAkB,SAAS;AACzC,WAAO,kBAAkB,MAAM;AAAA,EACjC;AAEA,QAAM,mBAAmB,OAAO;AAChC,QAAM,WAAW;AAAA,IACf,GAAG,iBAAiB;AAAA,EACtB;AAGA,MAAI,OAAO,UAAU;AACnB,eAAW,OAAO,OAAO,UAAU;AACjC,UAAI,SAAS,GAAG,GAAG;AACjB,iBAAS,GAAG,IAAI;AAAA,UACd,GAAG,SAAS,GAAG;AAAA,UACf,GAAG,OAAO,SAAS,GAAG;AAAA,QACxB;AAAA,MACF,OAAO;AACL,iBAAS,GAAG,IAAI,OAAO,SAAS,GAAG;AAAA,MACrC;AAAA,IACF;AAAA,EACF;AAGA,QAAM,cAAc,CAAC,GAAI,iBAAiB,eAAe,CAAC,CAAE;AAC5D,MAAI,iBAAiB,eAAe;AAClC,gBAAY,KAAK,iBAAiB,aAAa;AAAA,EACjD;AAEA,QAAM,aAAa,OAAO,cAAc,oBAAI,IAAY;AAGxD,SAAO,kBAAkB;AAAA,IACvB,GAAG;AAAA,IACH,GAAG;AAAA,IACH;AAAA,IACA;AAAA,IACA;AAAA,IACA,aAAa,OAAO,cAChB;AAAA,MACE,GAAG,iBAAiB;AAAA,MACpB,GAAG,OAAO;AAAA,IACZ,IACA,iBAAiB,eAAe;AAAA,IACpC,cAAc;AAAA,MACZ;AAAA,QACE,GAAG,iBAAiB;AAAA,QACpB,GAAG,iBAAiB;AAAA,MACtB;AAAA,MACA;AAAA,QACE,GAAG,OAAO;AAAA,QACV,GAAG,OAAO;AAAA,MACZ;AAAA,IACF,EAAE,CAAC;AAAA,EACL,CAAC;AACH;AAEO,MAAM,oBAAoB,CAAC,WAAsD;AACtF,QAAM,SAAS;AAAA,IACb,cAAc,CAAC;AAAA,IACf,GAAG;AAAA,IACH,QAAQ;AAAA,EACV;AACA,SAAO;AAAA,IACL,GAAG;AAAA,IACH,YAAY,iBAAiB,MAA4B;AAAA,EAC3D;AACF;",
6
+ "names": []
7
+ }
@@ -0,0 +1,8 @@
1
+ import { getConfig } from "../config";
2
+ function getAnimationDriver() {
3
+ return getConfig().animations;
4
+ }
5
+ export {
6
+ getAnimationDriver
7
+ };
8
+ //# sourceMappingURL=getAnimationDriver.mjs.map
@@ -0,0 +1,7 @@
1
+ {
2
+ "version": 3,
3
+ "sources": ["../../../src/helpers/getAnimationDriver.tsx"],
4
+ "sourcesContent": ["import { getConfig } from '../config'\n\nexport function getAnimationDriver() {\n return getConfig().animations\n}\n"],
5
+ "mappings": "AAAA,SAAS,iBAAiB;AAEnB,SAAS,qBAAqB;AACnC,SAAO,UAAU,EAAE;AACrB;",
6
+ "names": []
7
+ }
@@ -0,0 +1,16 @@
1
+ import { getConfig } from "../config";
2
+ function getExpandedShorthands(props) {
3
+ const shorthands = getConfig().shorthands;
4
+ if (!shorthands) {
5
+ return props;
6
+ }
7
+ const res = {};
8
+ for (const key in props) {
9
+ res[shorthands[key] || key] = props[key];
10
+ }
11
+ return res;
12
+ }
13
+ export {
14
+ getExpandedShorthands
15
+ };
16
+ //# sourceMappingURL=getExpandedShorthands.mjs.map
@@ -0,0 +1,7 @@
1
+ {
2
+ "version": 3,
3
+ "sources": ["../../../src/helpers/getExpandedShorthands.ts"],
4
+ "sourcesContent": ["import { getConfig } from '../config'\nimport { Shorthands } from '../types'\n\nexport function getExpandedShorthands<A extends Object>(\n props: A\n): Omit<A, keyof Shorthands> {\n const shorthands = getConfig().shorthands\n if (!shorthands) {\n return props\n }\n const res: A = {} as any\n for (const key in props) {\n // @ts-ignore\n res[shorthands[key] || key] = props[key]\n }\n return res\n}\n"],
5
+ "mappings": "AAAA,SAAS,iBAAiB;AAGnB,SAAS,sBACd,OAC2B;AAC3B,QAAM,aAAa,UAAU,EAAE;AAC/B,MAAI,CAAC,YAAY;AACf,WAAO;AAAA,EACT;AACA,QAAM,MAAS,CAAC;AAChB,aAAW,OAAO,OAAO;AAEvB,QAAI,WAAW,GAAG,KAAK,GAAG,IAAI,MAAM,GAAG;AAAA,EACzC;AACA,SAAO;AACT;",
6
+ "names": []
7
+ }
@@ -0,0 +1,5 @@
1
+ const getFontLanguage = (fontFamily) => fontFamily.includes("_") ? fontFamily.split("_")[1] : null;
2
+ export {
3
+ getFontLanguage
4
+ };
5
+ //# sourceMappingURL=getFontLanguage.mjs.map
@@ -0,0 +1,7 @@
1
+ {
2
+ "version": 3,
3
+ "sources": ["../../../src/helpers/getFontLanguage.ts"],
4
+ "sourcesContent": ["export const getFontLanguage = (fontFamily: string) =>\n fontFamily.includes('_') ? fontFamily.split('_')[1] : null\n"],
5
+ "mappings": "AAAO,MAAM,kBAAkB,CAAC,eAC9B,WAAW,SAAS,GAAG,IAAI,WAAW,MAAM,GAAG,EAAE,CAAC,IAAI;",
6
+ "names": []
7
+ }