@tamagui/core 2.0.0-1768024152500 → 2.0.0-1768202210244

package/dist/native.cjs

@@ -9657,13 +9657,15 @@ var cache$1 = /* @__PURE__ */ new WeakMap(), getVariantExtras = function(styleSt
     props,
     conf: conf2,
     context,
-    theme
-  } = styleState, fonts = conf2.fontsParsed;
+    theme,
+    styleProps: styleProps2
+  } = styleState, styledContext = styleProps2.styledContext, fonts = conf2.fontsParsed;
   (context == null ? void 0 : context.language) && (fonts = getFontsForLanguage(conf2.fontsParsed, context.language));
   var next = {
     fonts,
     tokens: conf2.tokensParsed,
     theme,
+    context: styledContext,
     get fontFamily() {
       return getVariableValue(styleState.fontFamily || styleState.props.fontFamily) || props.fontFamily || getVariableValue(getSetting("defaultFont"));
     },
@@ -9769,9 +9771,9 @@ var _c = webOnlyStylePropsView, {
 });
 var skipProps = {
   untilMeasured: 1,
-  animation: 1,
+  transition: 1,
   space: 1,
-  animateOnly: 1,
+  transitionOnly: 1,
   disableClassName: 1,
   debug: 1,
   componentName: 1,
@@ -9780,7 +9782,7 @@ var skipProps = {
   style: 1,
   // handled after loop so pseudos set usedKeys and override it if necessary
   group: 1,
-  animatePresence: 1
+  transitionPresence: 1
 };
 Object.assign(skipProps, webPropsToSkip);
 function _type_of$3(obj) {
@@ -10675,7 +10677,7 @@ var useComponentState = function(props, animationDriver, staticConfig, config) {
   stateRef.current || (stateRef.current = {
     startedUnhydrated: needsHydration && !isHydrated
   });
-  var hasAnimationProp = !!(!isHOC && "animation" in props || props.style && hasAnimatedStyleValue(props.style)), supportsCSS = animationDriver == null ? void 0 : animationDriver.supportsCSS, curStateRef = stateRef.current;
+  var hasAnimationProp = !!(!isHOC && "transition" in props || props.style && hasAnimatedStyleValue(props.style)), supportsCSS = animationDriver == null ? void 0 : animationDriver.supportsCSS, curStateRef = stateRef.current;
   !needsHydration && hasAnimationProp && (curStateRef.hasAnimated = true);
   var willBeAnimatedClient = (function() {
     var next = !!(hasAnimationProp && !isHOC && useAnimations);
@@ -10684,7 +10686,7 @@ var useComponentState = function(props, animationDriver, staticConfig, config) {
   willBeAnimated && !curStateRef.hasAnimated && (curStateRef.hasAnimated = true);
   var {
     disableClassName
-  } = props, presence = !isHOC && willBeAnimated && props.animatePresence !== false && (animationDriver == null || (_animationDriver_usePresence = animationDriver.usePresence) === null || _animationDriver_usePresence === void 0 ? void 0 : _animationDriver_usePresence.call(animationDriver)) || null, presenceState = presence == null ? void 0 : presence[2], isExiting = (presenceState == null ? void 0 : presenceState.isPresent) === false, isEntering = (presenceState == null ? void 0 : presenceState.isPresent) === true && presenceState.initial !== false, hasEnterStyle = !!props.enterStyle, hasAnimationThatNeedsHydrate = hasAnimationProp && !isHydrated, canImmediatelyEnter = hasEnterStyle || isEntering, shouldEnter = !isHOC && (hasEnterStyle || isEntering || hasAnimationThatNeedsHydrate || // disableClassName doesnt work server side, only client, so needs hydrate
+  } = props, presence = !isHOC && willBeAnimated && props.transitionPresence !== false && (animationDriver == null || (_animationDriver_usePresence = animationDriver.usePresence) === null || _animationDriver_usePresence === void 0 ? void 0 : _animationDriver_usePresence.call(animationDriver)) || null, presenceState = presence == null ? void 0 : presence[2], isExiting = (presenceState == null ? void 0 : presenceState.isPresent) === false, isEntering = (presenceState == null ? void 0 : presenceState.isPresent) === true && presenceState.initial !== false, hasEnterStyle = !!props.enterStyle, hasAnimationThatNeedsHydrate = hasAnimationProp && !isHydrated, canImmediatelyEnter = hasEnterStyle || isEntering, shouldEnter = !isHOC && (hasEnterStyle || isEntering || hasAnimationThatNeedsHydrate || // disableClassName doesnt work server side, only client, so needs hydrate
   // this is just for a better ux, supports css variables for light/dark, media queries, etc
   disableClassName), initialState = shouldEnter ? (
     // on the very first render we switch all spring animation drivers to css rendering
@@ -10941,12 +10943,12 @@ function createComponent(staticConfig) {
             group,
             hasDynGroupChildren,
             unmounted,
-            animation
+            transition
           } = _a2, childrenGroupState = __objRest(_a2, [
             "group",
             "hasDynGroupChildren",
             "unmounted",
-            "animation"
+            "transition"
           ]);
           notifyGroupSubscribers(groupContext, stateRef.current.group || null, childrenGroupState);
         }
@@ -11791,7 +11793,6 @@ var useIsTouchDevice = function() {
   return true;
 };
 var Stack$1 = createComponent({
-  componentName: "Stack",
   acceptsClassName: true,
   defaultProps: stackDefaultStyles,
   validStyles
@@ -11957,7 +11958,6 @@ var ellipsisStyle = {
 });
 Text$1.displayName = "Text";
 var View$1 = createComponent({
-  componentName: "View",
   acceptsClassName: true,
   defaultProps: stackDefaultStyles,
   validStyles

package/dist/test.native.cjs

@@ -2350,13 +2350,15 @@ var cache$1 = /* @__PURE__ */ new WeakMap(), getVariantExtras = function(styleSt
     props,
     conf: conf2,
     context,
-    theme
-  } = styleState, fonts = conf2.fontsParsed;
+    theme,
+    styleProps
+  } = styleState, styledContext = styleProps.styledContext, fonts = conf2.fontsParsed;
   (context == null ? void 0 : context.language) && (fonts = getFontsForLanguage(conf2.fontsParsed, context.language));
   var next = {
     fonts,
     tokens: conf2.tokensParsed,
     theme,
+    context: styledContext,
     get fontFamily() {
       return getVariableValue(styleState.fontFamily || styleState.props.fontFamily) || props.fontFamily || getVariableValue(getSetting("defaultFont"));
     },
@@ -2462,9 +2464,9 @@ var _a = webOnlyStylePropsView, {
 });
 var skipProps = {
   untilMeasured: 1,
-  animation: 1,
+  transition: 1,
   space: 1,
-  animateOnly: 1,
+  transitionOnly: 1,
   disableClassName: 1,
   debug: 1,
   componentName: 1,
@@ -2473,7 +2475,7 @@ var skipProps = {
   style: 1,
   // handled after loop so pseudos set usedKeys and override it if necessary
   group: 1,
-  animatePresence: 1
+  transitionPresence: 1
 };
 skipProps["data-test-renders"] = 1;
 Object.assign(skipProps, webPropsToSkip);
@@ -3370,7 +3372,7 @@ var useComponentState = function(props, animationDriver, staticConfig, config) {
   stateRef.current || (stateRef.current = {
     startedUnhydrated: needsHydration && !isHydrated
   });
-  var hasAnimationProp = !!(!isHOC && "animation" in props || props.style && hasAnimatedStyleValue(props.style)), supportsCSS = animationDriver == null ? void 0 : animationDriver.supportsCSS, curStateRef = stateRef.current;
+  var hasAnimationProp = !!(!isHOC && "transition" in props || props.style && hasAnimatedStyleValue(props.style)), supportsCSS = animationDriver == null ? void 0 : animationDriver.supportsCSS, curStateRef = stateRef.current;
   !needsHydration && hasAnimationProp && (curStateRef.hasAnimated = true);
   var willBeAnimatedClient = (function() {
     var next = !!(hasAnimationProp && !isHOC && useAnimations);
@@ -3379,7 +3381,7 @@ var useComponentState = function(props, animationDriver, staticConfig, config) {
   willBeAnimated && !curStateRef.hasAnimated && (curStateRef.hasAnimated = true);
   var {
     disableClassName
-  } = props, presence = !isHOC && willBeAnimated && props.animatePresence !== false && (animationDriver == null || (_animationDriver_usePresence = animationDriver.usePresence) === null || _animationDriver_usePresence === void 0 ? void 0 : _animationDriver_usePresence.call(animationDriver)) || null, presenceState = presence == null ? void 0 : presence[2], isExiting = (presenceState == null ? void 0 : presenceState.isPresent) === false, isEntering = (presenceState == null ? void 0 : presenceState.isPresent) === true && presenceState.initial !== false, hasEnterStyle = !!props.enterStyle, hasAnimationThatNeedsHydrate = hasAnimationProp && !isHydrated, canImmediatelyEnter = hasEnterStyle || isEntering, shouldEnter = !isHOC && (hasEnterStyle || isEntering || hasAnimationThatNeedsHydrate || // disableClassName doesnt work server side, only client, so needs hydrate
+  } = props, presence = !isHOC && willBeAnimated && props.transitionPresence !== false && (animationDriver == null || (_animationDriver_usePresence = animationDriver.usePresence) === null || _animationDriver_usePresence === void 0 ? void 0 : _animationDriver_usePresence.call(animationDriver)) || null, presenceState = presence == null ? void 0 : presence[2], isExiting = (presenceState == null ? void 0 : presenceState.isPresent) === false, isEntering = (presenceState == null ? void 0 : presenceState.isPresent) === true && presenceState.initial !== false, hasEnterStyle = !!props.enterStyle, hasAnimationThatNeedsHydrate = hasAnimationProp && !isHydrated, canImmediatelyEnter = hasEnterStyle || isEntering, shouldEnter = !isHOC && (hasEnterStyle || isEntering || hasAnimationThatNeedsHydrate || // disableClassName doesnt work server side, only client, so needs hydrate
   // this is just for a better ux, supports css variables for light/dark, media queries, etc
   disableClassName), initialState = shouldEnter ? (
     // on the very first render we switch all spring animation drivers to css rendering
@@ -3640,12 +3642,12 @@ function createComponent(staticConfig) {
             group,
             hasDynGroupChildren,
             unmounted,
-            animation
+            transition
           } = _a2, childrenGroupState = __objRest(_a2, [
             "group",
             "hasDynGroupChildren",
             "unmounted",
-            "animation"
+            "transition"
           ]);
           notifyGroupSubscribers(groupContext, stateRef.current.group || null, childrenGroupState);
         }
@@ -4491,7 +4493,6 @@ var useIsTouchDevice = function() {
   return true;
 };
 var Stack$1 = createComponent({
-  componentName: "Stack",
   acceptsClassName: true,
   defaultProps: stackDefaultStyles,
   validStyles
@@ -4657,7 +4658,6 @@ var ellipsisStyle = {
 });
 Text$1.displayName = "Text";
 var View$1 = createComponent({
-  componentName: "View",
   acceptsClassName: true,
   defaultProps: stackDefaultStyles,
   validStyles

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tamagui/core",
-  "version": "2.0.0-1768024152500",
+  "version": "2.0.0-1768202210244",
   "type": "module",
   "source": "src/index.tsx",
   "main": "dist/cjs",
@@ -33,18 +33,18 @@
     "native-test.d.ts"
   ],
   "dependencies": {
-    "@tamagui/helpers": "2.0.0-1768024152500",
-    "@tamagui/react-native-media-driver": "2.0.0-1768024152500",
-    "@tamagui/react-native-use-pressable": "2.0.0-1768024152500",
-    "@tamagui/react-native-use-responder-events": "2.0.0-1768024152500",
-    "@tamagui/use-element-layout": "2.0.0-1768024152500",
-    "@tamagui/use-event": "2.0.0-1768024152500",
-    "@tamagui/web": "2.0.0-1768024152500"
+    "@tamagui/helpers": "2.0.0-1768202210244",
+    "@tamagui/react-native-media-driver": "2.0.0-1768202210244",
+    "@tamagui/react-native-use-pressable": "2.0.0-1768202210244",
+    "@tamagui/react-native-use-responder-events": "2.0.0-1768202210244",
+    "@tamagui/use-element-layout": "2.0.0-1768202210244",
+    "@tamagui/use-event": "2.0.0-1768202210244",
+    "@tamagui/web": "2.0.0-1768202210244"
   },
   "devDependencies": {
-    "@tamagui/build": "2.0.0-1768024152500",
-    "@tamagui/native-bundle": "2.0.0-1768024152500",
-    "@tamagui/react-native-web-lite": "2.0.0-1768024152500",
+    "@tamagui/build": "2.0.0-1768202210244",
+    "@tamagui/native-bundle": "2.0.0-1768202210244",
+    "@tamagui/react-native-web-lite": "2.0.0-1768202210244",
     "@testing-library/react": "^16.1.0",
     "csstype": "^3.0.10",
     "react": "*",