@tamagui/web 1.101.0 → 1.101.2

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 (143) hide show
  1. package/dist/cjs/createComponent.js +23 -15
  2. package/dist/cjs/createComponent.js.map +1 -1
  3. package/dist/cjs/createComponent.native.js +13 -10
  4. package/dist/cjs/createComponent.native.js.map +2 -2
  5. package/dist/cjs/createTokens.js.map +1 -1
  6. package/dist/cjs/createTokens.native.js.map +1 -1
  7. package/dist/cjs/helpers/createMediaStyle.js +2 -6
  8. package/dist/cjs/helpers/createMediaStyle.js.map +1 -1
  9. package/dist/cjs/helpers/createMediaStyle.native.js +51 -7
  10. package/dist/cjs/helpers/createMediaStyle.native.js.map +2 -2
  11. package/dist/cjs/helpers/expandStyles.js.map +1 -1
  12. package/dist/cjs/helpers/expandStyles.native.js.map +1 -1
  13. package/dist/cjs/helpers/getSplitStyles.js +77 -60
  14. package/dist/cjs/helpers/getSplitStyles.js.map +1 -1
  15. package/dist/cjs/helpers/getSplitStyles.native.js +55 -42
  16. package/dist/cjs/helpers/getSplitStyles.native.js.map +2 -2
  17. package/dist/cjs/helpers/getStylesAtomic.js +7 -6
  18. package/dist/cjs/helpers/getStylesAtomic.js.map +1 -1
  19. package/dist/cjs/helpers/insertStyleRule.js +17 -14
  20. package/dist/cjs/helpers/insertStyleRule.js.map +1 -1
  21. package/dist/cjs/helpers/insertStyleRule.native.js +4 -3
  22. package/dist/cjs/helpers/insertStyleRule.native.js.map +2 -2
  23. package/dist/cjs/helpers/propMapper.js +1 -1
  24. package/dist/cjs/helpers/propMapper.js.map +1 -1
  25. package/dist/cjs/helpers/propMapper.native.js +1 -1
  26. package/dist/cjs/helpers/propMapper.native.js.map +2 -2
  27. package/dist/cjs/hooks/useDidHydrateOnce.js +4 -10
  28. package/dist/cjs/hooks/useDidHydrateOnce.js.map +1 -1
  29. package/dist/cjs/hooks/useDidHydrateOnce.native.js +11 -1
  30. package/dist/cjs/hooks/useDidHydrateOnce.native.js.map +2 -2
  31. package/dist/cjs/hooks/useMedia.js +39 -27
  32. package/dist/cjs/hooks/useMedia.js.map +2 -2
  33. package/dist/cjs/hooks/useMedia.native.js +38 -44
  34. package/dist/cjs/hooks/useMedia.native.js.map +2 -2
  35. package/dist/cjs/views/TamaguiProvider.js.map +1 -1
  36. package/dist/cjs/views/TamaguiProvider.native.js.map +1 -1
  37. package/dist/esm/createComponent.js +29 -16
  38. package/dist/esm/createComponent.js.map +1 -1
  39. package/dist/esm/createComponent.mjs +18 -16
  40. package/dist/esm/createComponent.native.js +14 -11
  41. package/dist/esm/createComponent.native.js.map +2 -2
  42. package/dist/esm/createTokens.js.map +1 -1
  43. package/dist/esm/createTokens.native.js.map +1 -1
  44. package/dist/esm/helpers/createMediaStyle.js +2 -6
  45. package/dist/esm/helpers/createMediaStyle.js.map +1 -1
  46. package/dist/esm/helpers/createMediaStyle.mjs +2 -10
  47. package/dist/esm/helpers/createMediaStyle.native.js +49 -6
  48. package/dist/esm/helpers/createMediaStyle.native.js.map +2 -2
  49. package/dist/esm/helpers/expandStyles.js.map +1 -1
  50. package/dist/esm/helpers/expandStyles.native.js.map +1 -1
  51. package/dist/esm/helpers/getSplitStyles.js +81 -60
  52. package/dist/esm/helpers/getSplitStyles.js.map +1 -1
  53. package/dist/esm/helpers/getSplitStyles.mjs +83 -64
  54. package/dist/esm/helpers/getSplitStyles.native.js +56 -43
  55. package/dist/esm/helpers/getSplitStyles.native.js.map +2 -2
  56. package/dist/esm/helpers/getStylesAtomic.js +7 -6
  57. package/dist/esm/helpers/getStylesAtomic.js.map +1 -1
  58. package/dist/esm/helpers/getStylesAtomic.mjs +3 -7
  59. package/dist/esm/helpers/insertStyleRule.js +17 -13
  60. package/dist/esm/helpers/insertStyleRule.js.map +1 -1
  61. package/dist/esm/helpers/insertStyleRule.mjs +6 -5
  62. package/dist/esm/helpers/insertStyleRule.native.js +4 -2
  63. package/dist/esm/helpers/insertStyleRule.native.js.map +2 -2
  64. package/dist/esm/helpers/propMapper.js +1 -1
  65. package/dist/esm/helpers/propMapper.js.map +1 -1
  66. package/dist/esm/helpers/propMapper.mjs +1 -2
  67. package/dist/esm/helpers/propMapper.native.js +1 -1
  68. package/dist/esm/helpers/propMapper.native.js.map +2 -2
  69. package/dist/esm/hooks/useDidHydrateOnce.js +5 -11
  70. package/dist/esm/hooks/useDidHydrateOnce.js.map +1 -1
  71. package/dist/esm/hooks/useDidHydrateOnce.mjs +7 -11
  72. package/dist/esm/hooks/useDidHydrateOnce.native.js +11 -2
  73. package/dist/esm/hooks/useDidHydrateOnce.native.js.map +2 -2
  74. package/dist/esm/hooks/useMedia.js +39 -28
  75. package/dist/esm/hooks/useMedia.js.map +2 -2
  76. package/dist/esm/hooks/useMedia.mjs +34 -33
  77. package/dist/esm/hooks/useMedia.native.js +38 -45
  78. package/dist/esm/hooks/useMedia.native.js.map +2 -2
  79. package/dist/esm/views/TamaguiProvider.js.map +1 -1
  80. package/dist/esm/views/TamaguiProvider.native.js.map +1 -1
  81. package/package.json +12 -12
  82. package/src/createComponent.tsx +38 -21
  83. package/src/createTokens.ts +1 -21
  84. package/src/helpers/createMediaStyle.ts +2 -6
  85. package/src/helpers/expandStyles.ts +2 -1
  86. package/src/helpers/getSplitStyles.tsx +116 -88
  87. package/src/helpers/getStylesAtomic.ts +7 -5
  88. package/src/helpers/insertStyleRule.tsx +6 -3
  89. package/src/helpers/propMapper.ts +1 -2
  90. package/src/hooks/useDidHydrateOnce.tsx +30 -25
  91. package/src/hooks/useMedia.tsx +74 -54
  92. package/src/types.tsx +12 -2
  93. package/src/views/TamaguiProvider.tsx +0 -1
  94. package/types/_withStableStyle.d.ts +0 -1
  95. package/types/_withStableStyle.d.ts.map +1 -1
  96. package/types/config.d.ts +1 -1
  97. package/types/constants/accessibilityDirectMap.d.ts.map +1 -1
  98. package/types/constants/webToNativeProps.native.d.ts.map +1 -1
  99. package/types/createComponent.d.ts.map +1 -1
  100. package/types/createFont.d.ts.map +1 -1
  101. package/types/createTheme.d.ts.map +1 -1
  102. package/types/createTokens.d.ts +1 -1
  103. package/types/createTokens.d.ts.map +1 -1
  104. package/types/createVariable.d.ts +1 -1
  105. package/types/createVariable.d.ts.map +1 -1
  106. package/types/createVariables.d.ts +1 -1
  107. package/types/createVariables.d.ts.map +1 -1
  108. package/types/helpers/ThemeManagerContext.d.ts +0 -1
  109. package/types/helpers/ThemeManagerContext.d.ts.map +1 -1
  110. package/types/helpers/createMediaStyle.d.ts.map +1 -1
  111. package/types/helpers/createShallowSetState.d.ts.map +1 -1
  112. package/types/helpers/expandStyles.d.ts.map +1 -1
  113. package/types/helpers/getSplitStyles.d.ts.map +1 -1
  114. package/types/helpers/getStylesAtomic.d.ts.map +1 -1
  115. package/types/helpers/insertStyleRule.d.ts.map +1 -1
  116. package/types/helpers/isTamaguiElement.d.ts +1 -2
  117. package/types/helpers/isTamaguiElement.d.ts.map +1 -1
  118. package/types/helpers/propMapper.d.ts.map +1 -1
  119. package/types/helpers/setElementProps.d.ts.map +1 -1
  120. package/types/helpers/themeable.d.ts.map +1 -1
  121. package/types/hooks/useConfiguration.d.ts +50 -52
  122. package/types/hooks/useConfiguration.d.ts.map +1 -1
  123. package/types/hooks/useDidHydrateOnce.d.ts +1 -1
  124. package/types/hooks/useDidHydrateOnce.d.ts.map +1 -1
  125. package/types/hooks/useMedia.d.ts +6 -7
  126. package/types/hooks/useMedia.d.ts.map +1 -1
  127. package/types/hooks/useTheme.d.ts.map +1 -1
  128. package/types/styled.d.ts.map +1 -1
  129. package/types/types.d.ts +3 -2
  130. package/types/types.d.ts.map +1 -1
  131. package/types/views/Configuration.d.ts +0 -1
  132. package/types/views/Configuration.d.ts.map +1 -1
  133. package/types/views/TamaguiProvider.d.ts.map +1 -1
  134. package/dist/esm/constants/accessibilityDirectMap.native.mjs +0 -6
  135. package/dist/esm/constants/webToNativeProps.native.mjs +0 -77
  136. package/dist/esm/helpers/getStylesAtomic.native.mjs +0 -7
  137. package/dist/esm/helpers/getThemeCSSRules.native.mjs +0 -4
  138. package/dist/esm/helpers/matchMedia.native.mjs +0 -14
  139. package/dist/esm/helpers/normalizeStylePropKeys.native.mjs +0 -13
  140. package/dist/esm/helpers/setElementProps.native.mjs +0 -6
  141. package/dist/esm/helpers/webPropsToSkip.native.mjs +0 -55
  142. package/dist/esm/views/FontLanguage.native.mjs +0 -15
  143. package/dist/esm/views/ThemeDebug.native.mjs +0 -9
@@ -1,14 +0,0 @@
1
- let matchMediaImpl = matchMediaFallback;
2
- const matchMedia = (...args) => matchMediaImpl(...args);
3
- function matchMediaFallback(query) {
4
- return process.env.NODE_ENV === "development" && console.warn("warning: matchMedia implementation is not provided."), {
5
- match: (a, b) => !1,
6
- addListener: () => {},
7
- removeListener: () => {},
8
- matches: !1
9
- };
10
- }
11
- function setupMatchMedia(_) {
12
- matchMediaImpl = _, globalThis.matchMedia = _;
13
- }
14
- export { matchMedia, setupMatchMedia };
@@ -1,13 +0,0 @@
1
- const normalizeStylePropKeys = {
2
- backgroundColor: !0,
3
- borderColor: !0,
4
- borderTopColor: !0,
5
- borderRightColor: !0,
6
- borderBottomColor: !0,
7
- borderLeftColor: !0,
8
- color: !0,
9
- shadowColor: !0,
10
- textDecorationColor: !0,
11
- textShadowColor: !0
12
- };
13
- export { normalizeStylePropKeys };
@@ -1,6 +0,0 @@
1
- function setElementProps(element) {
2
- element && !element.getBoundingClientRect && (element.getBoundingClientRect = () => {
3
- if (element.unstable_getBoundingClientRect != null) return element.unstable_getBoundingClientRect();
4
- });
5
- }
6
- export { setElementProps };
@@ -1,55 +0,0 @@
1
- const webPropsToSkip = {
2
- whiteSpace: 1,
3
- wordWrap: 1,
4
- textOverflow: 1,
5
- textDecorationDistance: 1,
6
- cursor: 1,
7
- contain: 1,
8
- boxSizing: 1,
9
- touchAction: 1,
10
- boxShadow: 1,
11
- outlineStyle: 1,
12
- outlineOffset: 1,
13
- outlineWidth: 1,
14
- outlineColor: 1,
15
- filter: 1,
16
- backdropFilter: 1,
17
- backgroundImage: 1,
18
- mixBlendMode: 1,
19
- scrollbarWidth: 1,
20
- backgroundOrigin: 1,
21
- backgroundPosition: 1,
22
- backgroundRepeat: 1,
23
- backgroundSize: 1,
24
- backgroundClip: 1,
25
- backgroundBlendMode: 1,
26
- backgroundAttachment: 1,
27
- background: 1,
28
- clipPath: 1,
29
- caretColor: 1,
30
- transformStyle: 1,
31
- mask: 1,
32
- maskImage: 1,
33
- textEmphasis: 1,
34
- borderImage: 1,
35
- float: 1,
36
- content: 1,
37
- overflowBlock: 1,
38
- overflowInline: 1,
39
- maskBorder: 1,
40
- maskBorderMode: 1,
41
- maskBorderOutset: 1,
42
- maskBorderRepeat: 1,
43
- maskBorderSlice: 1,
44
- maskBorderSource: 1,
45
- maskBorderWidth: 1,
46
- maskClip: 1,
47
- maskComposite: 1,
48
- maskMode: 1,
49
- maskOrigin: 1,
50
- maskPosition: 1,
51
- maskRepeat: 1,
52
- maskSize: 1,
53
- maskType: 1
54
- };
55
- export { webPropsToSkip };
@@ -1,15 +0,0 @@
1
- import { useMemo } from "react";
2
- import { ComponentContext } from "../contexts/ComponentContext.mjs";
3
- import { jsx } from "react/jsx-runtime";
4
- const FontLanguage = ({
5
- children,
6
- ...props
7
- }) => {
8
- const language = useMemo(() => props, [JSON.stringify(props)]);
9
- return /* @__PURE__ */jsx(ComponentContext.Provider, {
10
- language,
11
- children
12
- });
13
- };
14
- FontLanguage.displayName = "FontLanguage";
15
- export { FontLanguage };
@@ -1,9 +0,0 @@
1
- function ThemeDebug({
2
- themeState,
3
- themeProps,
4
- children
5
- }) {
6
- return children;
7
- }
8
- ThemeDebug.displayName = "ThemeDebug";
9
- export { ThemeDebug };