tamagui 3.0.5 → 3.0.7

package/dist/test.cjs

@@ -1829,7 +1829,7 @@ var absoluteFillObject, absoluteFill, init_StyleSheet = __esmMin((() => {
 	StyleSheet.flatten = flatten;
 	StyleSheet.getSheet = getSheet;
 	StyleSheet.hairlineWidth = 1;
-})), _requestIdleCallback, isSupported, requestIdleCallback;
+})), _requestIdleCallback, isSupported, requestIdleCallback$1;
 var init_requestIdleCallback = __esmMin((() => {
 	init_canUseDOM();
 	_requestIdleCallback = function(cb, options) {
@@ -1844,7 +1844,7 @@ var init_requestIdleCallback = __esmMin((() => {
 		}, 1);
 	};
 	isSupported = canUseDOM$1 && typeof window.requestIdleCallback !== "undefined";
-	requestIdleCallback = isSupported ? window.requestIdleCallback : _requestIdleCallback;
+	requestIdleCallback$1 = isSupported ? window.requestIdleCallback : _requestIdleCallback;
 	isSupported && window.cancelIdleCallback;
 }));
 //#endregion
@@ -2166,7 +2166,7 @@ var init_invariant = __esmMin((() => {}));
 function _scheduleUpdate() {
 	if (!_nextUpdateHandle) {
 		if (_deadline > 0) _nextUpdateHandle = setTimeout(_processUpdate);
-		else _nextUpdateHandle = requestIdleCallback(_processUpdate);
+		else _nextUpdateHandle = requestIdleCallback$1(_processUpdate);
 	}
 }
 function _processUpdate() {
@@ -15692,6 +15692,27 @@ function normalizeNativeStyle(style) {
 	}
 	return next !== null && next !== void 0 ? next : style;
 }
+function getCompiledMapping(mapping) {
+	var key = mappingKeys.get(mapping);
+	if (!key) {
+		key = JSON.stringify(Object.keys(mapping).sort().map(function(styleKey) {
+			return [styleKey, mapping[styleKey]];
+		}));
+		mappingKeys.set(mapping, key);
+	}
+	var compiled = compiledMappings.get(key);
+	if (!compiled) {
+		compiled = {
+			mapping,
+			states: /* @__PURE__ */ new Map(),
+			tableId: nextTableId++,
+			sent: /* @__PURE__ */ new Map()
+		};
+		if (compiledMappings.size >= 1e4) compiledMappings.clear();
+		compiledMappings.set(key, compiled);
+	}
+	return compiled;
+}
 function resolveCompiledMapping(compiled, stateName, theme) {
 	var cached = compiled.states.get(stateName);
 	if ((cached === null || cached === void 0 ? void 0 : cached.theme) === theme) return cached;
@@ -15720,11 +15741,10 @@ function syncTableState(compiled, stateName, theme) {
 }
 function setNativeStyleEngine(next) {
 	if (engine !== next) {
-		settleReleases();
 		compiledMappings.clear();
 		scopeMappings.clear();
-		pendingLinks = [];
-		unlinkedPending = 0;
+		pendingHosts = [];
+		pendingStates = [];
 	}
 	engine = next;
 	if (next) {
@@ -15762,7 +15782,7 @@ function updateNativeStyleScope(scopeId, stateName, theme) {
 		if (linked) {
 			var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = void 0;
 			try {
-				for (var _iterator = linked.keys()[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
+				for (var _iterator = linked[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
 					var compiled = _step.value;
 					syncTableState(compiled, stateName, theme);
 				}
@@ -15782,81 +15802,44 @@ function updateNativeStyleScope(scopeId, stateName, theme) {
 }
 function removeNativeStyleScope(scopeId) {
 	if (!scopeStates.delete(scopeId)) return;
+	queueMicrotask(function() {
+		if (!scopeStates.has(scopeId)) scopeMappings.delete(scopeId);
+	});
 	engine === null || engine === void 0 || engine.removeScope(scopeId);
 }
-function trackScopeMapping(link, delta) {
-	var linked = scopeMappings.get(link.scopeId);
-	if (!linked) scopeMappings.set(link.scopeId, linked = /* @__PURE__ */ new Map());
-	var _linked_get;
-	var count = ((_linked_get = linked.get(link.compiled)) !== null && _linked_get !== void 0 ? _linked_get : 0) + delta;
-	if (count) linked.set(link.compiled, count);
-	else {
-		linked.delete(link.compiled);
-		if (!linked.size) scopeMappings.delete(link.scopeId);
-	}
+function addScopeMapping(scopeId, compiled) {
+	var linked = scopeMappings.get(scopeId);
+	if (!linked) scopeMappings.set(scopeId, linked = /* @__PURE__ */ new Set());
+	linked.add(compiled);
 }
 function flushNativeStyleLinks() {
-	settleReleases();
-	if (!pendingLinks.length) return;
-	var links = pendingLinks;
-	pendingLinks = [];
-	unlinkedPending = 0;
+	if (!pendingHosts.length) return;
+	var hosts = pendingHosts;
+	var states = pendingStates;
+	pendingHosts = [];
+	pendingStates = [];
 	if (!engine) return;
-	var live = links.filter(function(link2) {
-		return link2.id === 0;
-	});
-	if (!live.length) return;
-	var refs = [];
-	var tableIds = [];
-	var scopeIndexes = [];
+	var tableIds = new Array(hosts.length);
+	var scopeIndexes = new Array(hosts.length);
 	var scopes = [];
-	var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = void 0;
-	try {
-		for (var _iterator = live[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
-			var link = _step.value;
-			var scopeIndex = scopes.indexOf(link.scopeId);
-			if (scopeIndex === -1) scopeIndex = scopes.push(link.scopeId) - 1;
-			refs.push(link.ref);
-			tableIds.push(link.compiled.tableId);
-			scopeIndexes.push(scopeIndex);
-		}
-	} catch (err) {
-		_didIteratorError = true;
-		_iteratorError = err;
-	} finally {
-		try {
-			if (!_iteratorNormalCompletion && _iterator.return != null) _iterator.return();
-		} finally {
-			if (_didIteratorError) throw _iteratorError;
-		}
-	}
-	var firstId = engine.linkTables(refs, tableIds, scopeIndexes, scopes);
-	for (var i = 0; i < live.length; i++) {
-		var link1 = live[i];
-		link1.id = firstId + i;
-		link1.owner = engine;
-		link1.ref = null;
-		trackScopeMapping(link1, 1);
-	}
-}
-function settleReleases() {
-	settleQueued = false;
-	if (!releases.size) return;
-	var settling = [...releases.values()];
-	releases.clear();
-	var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = void 0;
-	try {
-		for (var _iterator = settling[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) _step.value.settle();
-	} catch (err) {
-		_didIteratorError = true;
-		_iteratorError = err;
-	} finally {
-		try {
-			if (!_iteratorNormalCompletion && _iterator.return != null) _iterator.return();
-		} finally {
-			if (_didIteratorError) throw _iteratorError;
-		}
-	}
+	var last;
+	var tableId = 0;
+	var scopeIndex = 0;
+	for (var i = 0; i < hosts.length; i++) {
+		var state = states[i];
+		if (state !== last) {
+			last = state;
+			var compiled = getCompiledMapping(state.mapping);
+			syncTableState(compiled, state.stateName, state.theme);
+			addScopeMapping(state.scopeId, compiled);
+			tableId = compiled.tableId;
+			scopeIndex = scopes.indexOf(state.scopeId);
+			if (scopeIndex === -1) scopeIndex = scopes.push(state.scopeId) - 1;
+		}
+		tableIds[i] = tableId;
+		scopeIndexes[i] = scopeIndex;
+	}
+	engine.linkTables(hosts, tableIds, scopeIndexes, scopes);
 }
 function updateNativeStyleLink(ref, host) {
 	if (ref.nativeLink) {
@@ -15872,14 +15855,25 @@ function queueNativeViewState(entry) {
 		pending = [];
 		queueMicrotask(function() {
 			var entries = pending;
+			var dropped = superseded;
 			pending = null;
+			superseded = null;
+			if (dropped) entries = entries.filter(function(queued, index) {
+				var _dropped_get;
+				return index >= ((_dropped_get = dropped.get(queued.id)) !== null && _dropped_get !== void 0 ? _dropped_get : 0);
+			});
+			if (!entries.length) return;
 			engine === null || engine === void 0 || engine.applyViewStates(entries);
 			flushListener === null || flushListener === void 0 || flushListener(entries);
 		});
 	}
 	pending.push(entry);
 }
-var nativeTextInputColorProps, nativeOutlineProps, nativeIntrinsicSizeProps, engine, scopeStates, compiledMappings, scopeMappings, pendingLinks, unlinkedPending, releases, settleQueued, pending, flushListener;
+function supersedeNativeViewStates(id) {
+	if (!pending) return;
+	(superseded || (superseded = /* @__PURE__ */ new Map())).set(id, pending.length);
+}
+var nativeTextInputColorProps, nativeOutlineProps, nativeIntrinsicSizeProps, engine, scopeStates, mappingKeys, compiledMappings, scopeMappings, nextTableId, pendingHosts, pendingStates, pending, flushListener, superseded;
 var init_nativeStyleEngine_native = __esmMin((() => {
 	init_createVariable_native();
 	init_objectSpread2();
@@ -15905,12 +15899,15 @@ var init_nativeStyleEngine_native = __esmMin((() => {
 	];
 	engine = null;
 	scopeStates = /* @__PURE__ */ new Map();
+	mappingKeys = /* @__PURE__ */ new WeakMap();
 	compiledMappings = /* @__PURE__ */ new Map();
 	scopeMappings = /* @__PURE__ */ new Map();
-	pendingLinks = [];
-	releases = /* @__PURE__ */ new Map();
+	nextTableId = 1;
+	pendingHosts = [];
+	pendingStates = [];
 	pending = null;
 	flushListener = null;
+	superseded = null;
 }));
 //#endregion
 //#region ../../core/web/dist/esm/setupHooks.native.js
@@ -18238,7 +18235,7 @@ function configuredValue(state, property, raw) {
 		var usedSafeArea = state.flatUsesSafeArea;
 		out = grammar.embeddedTokens(raw, function(word) {
 			var resolved = configuredValue(state, property, word, false, nativeColors);
-			if (resolved !== word || !shadowRecipeProperties.has(property) || !/^[a-z][\w-]*$/i.test(word)) return resolved;
+			if (resolved !== word || !shadowRecipeProperties.has(property) || shadowRecipeKeywords.has(word) || !/^[a-z][\w-]*$/i.test(word)) return resolved;
 			if (word === "currentColor") {
 				var inherited = configuredValue(state, "color", "color", false, nativeColors);
 				return inherited === "color" ? word : inherited;
@@ -18684,7 +18681,7 @@ function emitVariantStyle(state, key, value, original, condition, disabled) {
 	pass[passParentCursor] = parent;
 	pass[passVariantOutput] = parentVariantOutput;
 }
-var shouldTrackStyleTokenProvenance, conditionValue, conditionPlatform, conditionKey, conditionSelector, conditionTheme, conditionWrappers, conditionAtoms, conditionRanks, conditionResolvedFlag, conditionPlatformPseudoFlag, passClassName, passShouldDoClasses, passContainerValue, passContainerName, passContainerType, passFrontendGroup, passFrontendContainer, passFrontendContainerType, passSourceLayer, passParentCursor, passMapSourceKey, passVariantOutput, passFlags, sourceLayerBase, sourceLayerVariant, sourceLayerResolver, sourceLayerProps, sourceLayerStyle, passNoSkipFlag, passDisableShorthandsFlag, passNoExpandFlag, passNoMergeFlag, passHocFlag, passTextFlag, passInputFlag, passAsChildStyleFlag, getSplitStyles, stylePieceStaticConfig, compileStylePieceRuntime, resolvedStylePieceCache, resolveStyleObject, recordInline, recordNormalize, recordRetract, recordDefault, recordCSS, borderTargets, valueCacheConf, valueCacheRevision, valueCaches, valueCacheEntries, valueCacheRoot, parsedSlices, shadowRecipeProperties;
+var shouldTrackStyleTokenProvenance, conditionValue, conditionPlatform, conditionKey, conditionSelector, conditionTheme, conditionWrappers, conditionAtoms, conditionRanks, conditionResolvedFlag, conditionPlatformPseudoFlag, passClassName, passShouldDoClasses, passContainerValue, passContainerName, passContainerType, passFrontendGroup, passFrontendContainer, passFrontendContainerType, passSourceLayer, passParentCursor, passMapSourceKey, passVariantOutput, passFlags, sourceLayerBase, sourceLayerVariant, sourceLayerResolver, sourceLayerProps, sourceLayerStyle, passNoSkipFlag, passDisableShorthandsFlag, passNoExpandFlag, passNoMergeFlag, passHocFlag, passTextFlag, passInputFlag, passAsChildStyleFlag, getSplitStyles, stylePieceStaticConfig, compileStylePieceRuntime, resolvedStylePieceCache, resolveStyleObject, recordInline, recordNormalize, recordRetract, recordDefault, recordCSS, borderTargets, valueCacheConf, valueCacheRevision, valueCaches, valueCacheEntries, valueCacheRoot, parsedSlices, shadowRecipeProperties, shadowRecipeKeywords;
 var init_getSplitStyles_native = __esmMin((() => {
 	init_transitionResolver_native();
 	init_index_native$7();
@@ -19192,6 +19189,7 @@ var init_getSplitStyles_native = __esmMin((() => {
 		"textShadow",
 		"filter"
 	]);
+	shadowRecipeKeywords = /* @__PURE__ */ new Set(["inset", "none"]);
 }));
 //#endregion
 //#region ../../core/web/dist/esm/helpers/NativeTextBinding.native.js
@@ -19998,6 +19996,7 @@ function createComponent(staticConfig) {
 		var nativeEngine = getNativeStyleEngine();
 		var canNativeUpdate = !!nativeEngine && !isPassthrough && !isHOC && !willBeAnimated && !groupName && !props.disableNativeStyle;
 		stateRef.current.nativePushedStates = canNativeUpdate ? /* @__PURE__ */ new Set() : void 0;
+		if (stateRef.current.nativeLink) supersedeNativeViewStates(stateRef.current.nativeLink.id);
 		stateRef.current.nativeThemeState = void 0;
 		stateRef.current.nativeActiveState = canNativeUpdate ? themeState === null || themeState === void 0 ? void 0 : themeState.name : void 0;
 		var pushViewState = canNativeUpdate ? function(stateName, style2) {
@@ -24770,6 +24769,7 @@ var textParentProps = _objectSpread2(_objectSpread2({}, stylePropsTextOnly), {},
 	numberOfLines: true,
 	textProps: true
 });
+var textParentInlineProps = new Set(Object.keys(textParentProps));
 //#endregion
 //#region ../../core/use-direction/dist/esm/useDirection.native.js
 var DirectionContext = /* @__PURE__ */ react$1.createContext(void 0);
@@ -39799,7 +39799,10 @@ var ButtonComponent = createStyledHOC(ButtonFrame, function Button(props, ref) {
 		name: theme,
 		children: content
 	}) : content;
-}, { disableTheme: true });
+}, {
+	disableTheme: true,
+	staticConfig: { inlineProps: textParentInlineProps }
+});
 var ButtonInner = react$1.default.forwardRef(function ButtonInner({ buttonBehaviorProps }, ref) {
 	var _ref2, _buttonBehaviorProps$, _ButtonContext$useSty, _buttonSizing2;
 	const { props: buttonProps } = useButton(buttonBehaviorProps, {
@@ -41141,7 +41144,7 @@ var ListItemComponent = createStyledHOC(ListItemFrame$1, function ListItem(props
 		scaleIcon: props.iconSize == null ? 1 : scaleIcon
 	}));
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ListItemFrame$1, _objectSpread2({ ref }, listItemProps));
-});
+}, { staticConfig: { inlineProps: textParentInlineProps } });
 var ListItem = withStaticProperties(ListItemComponent, {
 	Apply: ListItemContext.Provider,
 	Frame: ListItemFrame$1,
@@ -42421,6 +42424,7 @@ exports.stylePropsTransform = stylePropsTransform;
 exports.stylePropsUnitless = stylePropsUnitless;
 exports.stylePropsView = stylePropsView;
 exports.styled = styled;
+exports.textParentInlineProps = textParentInlineProps;
 exports.textParentProps = textParentProps;
 exports.toast = toast;
 exports.tokenCategories = tokenCategories;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "tamagui",
-  "version": "3.0.5",
+  "version": "3.0.7",
   "license": "MIT",
   "gitHead": "a49cc7ea6b93ba384e77a4880ae48ac4a5635c14",
   "description": "Style and UI for React (web and native) meet an optimizing compiler",
@@ -315,73 +315,73 @@
     "check-circular-deps": "npx madge --circular ./src/index.ts"
   },
   "dependencies": {
-    "@tamagui/accordion": "3.0.5",
-    "@tamagui/adapt": "3.0.5",
-    "@tamagui/alert-dialog": "3.0.5",
-    "@tamagui/animate": "3.0.5",
-    "@tamagui/animate-presence": "3.0.5",
-    "@tamagui/avatar": "3.0.5",
-    "@tamagui/button": "3.0.5",
-    "@tamagui/card": "3.0.5",
-    "@tamagui/checkbox": "3.0.5",
-    "@tamagui/collapsible": "3.0.5",
-    "@tamagui/compose-refs": "3.0.5",
-    "@tamagui/constants": "3.0.5",
-    "@tamagui/context-menu": "3.0.5",
-    "@tamagui/core": "3.0.5",
-    "@tamagui/create-context": "3.0.5",
-    "@tamagui/create-menu": "3.0.5",
-    "@tamagui/dialog": "3.0.5",
-    "@tamagui/element": "3.0.5",
-    "@tamagui/fake-react-native": "3.0.5",
-    "@tamagui/field": "3.0.5",
-    "@tamagui/focusable": "3.0.5",
-    "@tamagui/font-size": "3.0.5",
-    "@tamagui/form": "3.0.5",
-    "@tamagui/get-font-sized": "3.0.5",
-    "@tamagui/get-token": "3.0.5",
-    "@tamagui/group": "3.0.5",
-    "@tamagui/helpers-tamagui": "3.0.5",
-    "@tamagui/image": "3.0.5",
-    "@tamagui/input": "3.0.5",
-    "@tamagui/label": "3.0.5",
-    "@tamagui/linear-gradient": "3.0.5",
-    "@tamagui/list-item": "3.0.5",
-    "@tamagui/menu": "3.0.5",
-    "@tamagui/polyfill-dev": "3.0.5",
-    "@tamagui/popover": "3.0.5",
-    "@tamagui/popper": "3.0.5",
-    "@tamagui/portal": "3.0.5",
-    "@tamagui/progress": "3.0.5",
-    "@tamagui/radio-group": "3.0.5",
-    "@tamagui/react-native-media-driver": "3.0.5",
-    "@tamagui/react-native-types": "3.0.5",
-    "@tamagui/scroll-view": "3.0.5",
-    "@tamagui/select": "3.0.5",
-    "@tamagui/separator": "3.0.5",
-    "@tamagui/shapes": "3.0.5",
-    "@tamagui/sheet": "3.0.5",
-    "@tamagui/slider": "3.0.5",
-    "@tamagui/spacer": "3.0.5",
-    "@tamagui/spinner": "3.0.5",
-    "@tamagui/stacks": "3.0.5",
-    "@tamagui/switch": "3.0.5",
-    "@tamagui/tabs": "3.0.5",
-    "@tamagui/text": "3.0.5",
-    "@tamagui/theme": "3.0.5",
-    "@tamagui/toast": "3.0.5",
-    "@tamagui/toggle-group": "3.0.5",
-    "@tamagui/tooltip": "3.0.5",
-    "@tamagui/ui": "3.0.5",
-    "@tamagui/use-controllable-state": "3.0.5",
-    "@tamagui/use-debounce": "3.0.5",
-    "@tamagui/use-force-update": "3.0.5",
-    "@tamagui/use-window-dimensions": "3.0.5",
-    "@tamagui/visually-hidden": "3.0.5",
-    "@tamagui/z-index-stack": "3.0.5"
+    "@tamagui/accordion": "3.0.7",
+    "@tamagui/adapt": "3.0.7",
+    "@tamagui/alert-dialog": "3.0.7",
+    "@tamagui/animate": "3.0.7",
+    "@tamagui/animate-presence": "3.0.7",
+    "@tamagui/avatar": "3.0.7",
+    "@tamagui/button": "3.0.7",
+    "@tamagui/card": "3.0.7",
+    "@tamagui/checkbox": "3.0.7",
+    "@tamagui/collapsible": "3.0.7",
+    "@tamagui/compose-refs": "3.0.7",
+    "@tamagui/constants": "3.0.7",
+    "@tamagui/context-menu": "3.0.7",
+    "@tamagui/core": "3.0.7",
+    "@tamagui/create-context": "3.0.7",
+    "@tamagui/create-menu": "3.0.7",
+    "@tamagui/dialog": "3.0.7",
+    "@tamagui/element": "3.0.7",
+    "@tamagui/fake-react-native": "3.0.7",
+    "@tamagui/field": "3.0.7",
+    "@tamagui/focusable": "3.0.7",
+    "@tamagui/font-size": "3.0.7",
+    "@tamagui/form": "3.0.7",
+    "@tamagui/get-font-sized": "3.0.7",
+    "@tamagui/get-token": "3.0.7",
+    "@tamagui/group": "3.0.7",
+    "@tamagui/helpers-tamagui": "3.0.7",
+    "@tamagui/image": "3.0.7",
+    "@tamagui/input": "3.0.7",
+    "@tamagui/label": "3.0.7",
+    "@tamagui/linear-gradient": "3.0.7",
+    "@tamagui/list-item": "3.0.7",
+    "@tamagui/menu": "3.0.7",
+    "@tamagui/polyfill-dev": "3.0.7",
+    "@tamagui/popover": "3.0.7",
+    "@tamagui/popper": "3.0.7",
+    "@tamagui/portal": "3.0.7",
+    "@tamagui/progress": "3.0.7",
+    "@tamagui/radio-group": "3.0.7",
+    "@tamagui/react-native-media-driver": "3.0.7",
+    "@tamagui/react-native-types": "3.0.7",
+    "@tamagui/scroll-view": "3.0.7",
+    "@tamagui/select": "3.0.7",
+    "@tamagui/separator": "3.0.7",
+    "@tamagui/shapes": "3.0.7",
+    "@tamagui/sheet": "3.0.7",
+    "@tamagui/slider": "3.0.7",
+    "@tamagui/spacer": "3.0.7",
+    "@tamagui/spinner": "3.0.7",
+    "@tamagui/stacks": "3.0.7",
+    "@tamagui/switch": "3.0.7",
+    "@tamagui/tabs": "3.0.7",
+    "@tamagui/text": "3.0.7",
+    "@tamagui/theme": "3.0.7",
+    "@tamagui/toast": "3.0.7",
+    "@tamagui/toggle-group": "3.0.7",
+    "@tamagui/tooltip": "3.0.7",
+    "@tamagui/ui": "3.0.7",
+    "@tamagui/use-controllable-state": "3.0.7",
+    "@tamagui/use-debounce": "3.0.7",
+    "@tamagui/use-force-update": "3.0.7",
+    "@tamagui/use-window-dimensions": "3.0.7",
+    "@tamagui/visually-hidden": "3.0.7",
+    "@tamagui/z-index-stack": "3.0.7"
   },
   "devDependencies": {
-    "@tamagui/build": "3.0.5",
+    "@tamagui/build": "3.0.7",
     "react": "19.2.3",
     "react-native": "0.87.1",
     "react-native-web": "~0.21.0"
@@ -400,5 +400,5 @@
   ],
   "module:jsx": "dist/jsx",
   "removeSideEffects": true,
-  "releaseSourceCommit": "2500e65729dfd41ce27b4b3271f22f9c1d1ff5a3"
+  "releaseSourceCommit": "96f8bc1f222af0381729a2e2202370aa4a9808ef"
 }

package/src/components/Button.tsx

@@ -26,6 +26,7 @@ import {
   withStaticProperties,
 } from '@tamagui/core'
 import { getThemedIconSize } from '@tamagui/helpers-tamagui'
+import { textParentInlineProps } from '@tamagui/text'
 import React from 'react'
 
 export type ButtonSize = ComponentSize | boolean
@@ -167,7 +168,7 @@ const ButtonComponent = createStyledHOC(
     )
     return theme ? <Theme name={theme}>{content}</Theme> : content
   },
-  { disableTheme: true }
+  { disableTheme: true, staticConfig: { inlineProps: textParentInlineProps } }
 )
 
 const ButtonInner = React.forwardRef<

package/src/components/ListItem.tsx

@@ -24,6 +24,7 @@ import {
   ListItemTitle as ListItemBehaviorTitle,
   useListItem,
 } from '@tamagui/list-item'
+import { textParentInlineProps } from '@tamagui/text'
 
 export type ListItemSize = ComponentSize | boolean
 
@@ -173,7 +174,8 @@ const ListItemComponent = createStyledHOC(
       scaleIcon: props.iconSize == null ? 1 : scaleIcon,
     })
     return <ListItemFrame ref={ref} {...listItemProps} />
-  }
+  },
+  { staticConfig: { inlineProps: textParentInlineProps } }
 )
 
 export const ListItem = withStaticProperties(ListItemComponent, {

package/types/components/Button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../src/components/Button.tsx"],"names":[],"mappings":"AAMA,OAAO,EAKL,KAAK,eAAe,IAAI,uBAAuB,EAEhD,MAAM,iBAAiB,CAAA;AACxB,OAAO,EACL,KAAK,aAAa,EAGlB,KAAK,QAAQ,EAMb,KAAK,UAAU,EAEhB,MAAM,eAAe,CAAA;AAEtB,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,MAAM,MAAM,UAAU,GAAG,aAAa,GAAG,OAAO,CAAA;AAmFhD,eAAO,MAAM,WAAW;;;;;8CAetB,CAAA;AAEF,eAAO,MAAM,UAAU;;;;;;;;;;CAYrB,CAAA;AAEF,eAAO,MAAM,UAAU,uBAAwB,uBAAuB,sBASrE,CAAA;AAED,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;WAGqB,UAAU;YAAU,UAAU,CAAC,MAAM,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+CAY/E,CAAA;AAiBD,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;WA7BuB,UAAU;YAAU,UAAU,CAAC,MAAM,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;eAAtC,UAAU;gBAAU,UAAU,CAAC,MAAM,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiC9E,CAAA;AAEF,MAAM,MAAM,WAAW,GAAG,QAAQ,CAAC,OAAO,eAAe,CAAC,CAAA"}
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../src/components/Button.tsx"],"names":[],"mappings":"AAMA,OAAO,EAKL,KAAK,eAAe,IAAI,uBAAuB,EAEhD,MAAM,iBAAiB,CAAA;AACxB,OAAO,EACL,KAAK,aAAa,EAGlB,KAAK,QAAQ,EAMb,KAAK,UAAU,EAEhB,MAAM,eAAe,CAAA;AAGtB,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,MAAM,MAAM,UAAU,GAAG,aAAa,GAAG,OAAO,CAAA;AAmFhD,eAAO,MAAM,WAAW;;;;;8CAetB,CAAA;AAEF,eAAO,MAAM,UAAU;;;;;;;;;;CAYrB,CAAA;AAEF,eAAO,MAAM,UAAU,uBAAwB,uBAAuB,sBASrE,CAAA;AAED,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;WAGqB,UAAU;YAAU,UAAU,CAAC,MAAM,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+CAY/E,CAAA;AAiBD,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;WA7BuB,UAAU;YAAU,UAAU,CAAC,MAAM,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;eAAtC,UAAU;gBAAU,UAAU,CAAC,MAAM,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiC9E,CAAA;AAEF,MAAM,MAAM,WAAW,GAAG,QAAQ,CAAC,OAAO,eAAe,CAAC,CAAA"}

package/types/components/ListItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ListItem.d.ts","sourceRoot":"","sources":["../../src/components/ListItem.tsx"],"names":[],"mappings":"AAOA,OAAO,EACL,KAAK,aAAa,EAElB,KAAK,QAAQ,EAId,MAAM,eAAe,CAAA;AAEtB,OAAO,EAIL,KAAK,iBAAiB,IAAI,yBAAyB,EAKpD,MAAM,oBAAoB,CAAA;AAE3B,MAAM,MAAM,YAAY,GAAG,aAAa,GAAG,OAAO,CAAA;AAqDlD,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;CA+BxB,CAAA;AAEF,eAAO,MAAM,YAAY;;;;;;;;;;;;;CASvB,CAAA;AAEF,eAAO,MAAM,aAAa;;;;;;;;;;;;;CASxB,CAAA;AAEF,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;CAS3B,CAAA;AAEF,eAAO,MAAM,YAAY,mCAItB,yBAAyB,QAQ3B,CAAA;AAED,QAAA,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+CAgBtB,CAAA;AAED,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAOnB,CAAA;AAEF,MAAM,MAAM,aAAa,GAAG,QAAQ,CAAC,OAAO,iBAAiB,CAAC,CAAA"}
+{"version":3,"file":"ListItem.d.ts","sourceRoot":"","sources":["../../src/components/ListItem.tsx"],"names":[],"mappings":"AAOA,OAAO,EACL,KAAK,aAAa,EAElB,KAAK,QAAQ,EAId,MAAM,eAAe,CAAA;AAEtB,OAAO,EAIL,KAAK,iBAAiB,IAAI,yBAAyB,EAKpD,MAAM,oBAAoB,CAAA;AAG3B,MAAM,MAAM,YAAY,GAAG,aAAa,GAAG,OAAO,CAAA;AAqDlD,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;CA+BxB,CAAA;AAEF,eAAO,MAAM,YAAY;;;;;;;;;;;;;CASvB,CAAA;AAEF,eAAO,MAAM,aAAa;;;;;;;;;;;;;CASxB,CAAA;AAEF,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;CAS3B,CAAA;AAEF,eAAO,MAAM,YAAY,mCAItB,yBAAyB,QAQ3B,CAAA;AAED,QAAA,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+CAiBtB,CAAA;AAED,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAOnB,CAAA;AAEF,MAAM,MAAM,aAAa,GAAG,QAAQ,CAAC,OAAO,iBAAiB,CAAC,CAAA"}