@multiplatform.one/theme 7.81.1 → 7.81.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@multiplatform.one/theme",
-  "version": "7.81.1",
+  "version": "7.81.2",
   "description": "Tamagui theme system for multiplatform.one",
   "keywords": [
     "multiplatform",
@@ -72,8 +72,8 @@
     "access": "public"
   },
   "dependencies": {
-    "@multiplatform.one/platform": "^7.81.1",
-    "@multiplatform.one/store": "^7.81.1",
+    "@multiplatform.one/platform": "^7.81.2",
+    "@multiplatform.one/store": "^7.81.2",
     "@tamagui/animations-react-native": "2.7.6",
     "@tamagui/colors": "2.7.6",
     "@tamagui/config": "2.7.6",
@@ -89,8 +89,8 @@
   },
   "devDependencies": {
     "@expo/prebuild-config": "55.0.18",
-    "@multiplatform.one/config": "7.81.1",
-    "@multiplatform.one/test-utils": "7.81.1",
+    "@multiplatform.one/config": "7.81.2",
+    "@multiplatform.one/test-utils": "7.81.2",
     "@tamagui/animations-css": "2.7.6",
     "@tamagui/animations-reanimated": "2.7.6",
     "@tamagui/font-inter": "2.7.6",

package/src/theme/theme.tsx

@@ -19,6 +19,7 @@ import { defaultPreset } from "./presets";
 import { ScaleStyles } from "./scale/ScaleStyles";
 import { useActiveScale } from "./scale/useActiveScale";
 import { type ThemeConfig, getPreset } from "./shared";
+import { touchManipulationCss } from "./touchManipulation";
 import { useSchemePreference } from "./useSchemePreference";
 
 /**
@@ -168,6 +169,7 @@ export function ThemeProvider<T extends CreateTamaguiProps>({
       "::view-transition-old(root), ::view-transition-new(root) {",
       "  animation-duration: calc(var(--mp-transition) * 1);",
       "}",
+      touchManipulationCss,
     ].join("\n");
     document.head.appendChild(style);
   }, []);

package/src/theme/touchManipulation.ts

@@ -0,0 +1,27 @@
+/**
+ * LC-196 TOUCH-MANIPULATION: every web pressable sets `touch-action:
+ * manipulation` so a tap fires without the double-tap-zoom wait, while pinch
+ * zoom stays on. ThemeProvider injects this once with its global styles.
+ * `:where()` keeps it at zero specificity so a drag surface that sets its own
+ * `touch-action: none` still wins. `button` sits outside it at element
+ * specificity because the Tamagui reset's `button { all: unset }` would
+ * otherwise put it back to `auto`; this sheet is appended after the reset.
+ */
+export const pressableSelectors = [
+  "a[href]",
+  "summary",
+  "label[for]",
+  '[role="button"]',
+  '[role="link"]',
+  '[role="tab"]',
+  '[role="menuitem"]',
+  '[role="menuitemradio"]',
+  '[role="menuitemcheckbox"]',
+  '[role="option"]',
+  '[role="switch"]',
+  '[role="checkbox"]',
+  '[role="radio"]',
+  '[tabindex="0"]',
+] as const;
+
+export const touchManipulationCss = `:where(${pressableSelectors.join(", ")}),\nbutton {\n  touch-action: manipulation;\n}`;

package/types/theme/theme.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../src/theme/theme.tsx"],"names":[],"mappings":"AAGA,OAAO,EACL,KAAK,kBAAkB,EAEvB,KAAK,oBAAoB,EAG1B,MAAM,SAAS,CAAC;AACjB,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAU/C,OAAO,EAAE,KAAK,WAAW,EAAa,MAAM,UAAU,CAAC;AAGvD;;;;;;;GAOG;AACH,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,MAAM,IAAI,GAAG,IAAI,CAkB5D;AAMD,MAAM,WAAW,kBAAkB,CACjC,CAAC,SAAS,kBAAkB,GAAG,kBAAkB,CACjD,SAAQ,iBAAiB,CAAC,IAAI,CAAC,oBAAoB,EAAE,QAAQ,GAAG,cAAc,CAAC,CAAC;IAChF,MAAM,CAAC,EAAE;QACP,OAAO,EAAE,UAAU,CAAC,cAAc,SAAS,EAAE,aAAa,CAAC,CAAC,CAAC,CAAC,CAAC;KAChE,GAAG,OAAO,CAAC,IAAI,CAAC,WAAW,EAAE,QAAQ,GAAG,eAAe,CAAC,CAAC,CAAC;IAC3D,WAAW,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;CAChC;AAkBD,wBAAgB,aAAa,CAAC,CAAC,SAAS,kBAAkB,EAAE,EAC1D,QAAQ,EACR,MAAM,EACN,WAAW,EACX,GAAG,YAAY,EAChB,EAAE,kBAAkB,CAAC,CAAC,CAAC,2CA2GvB"}
+{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../src/theme/theme.tsx"],"names":[],"mappings":"AAGA,OAAO,EACL,KAAK,kBAAkB,EAEvB,KAAK,oBAAoB,EAG1B,MAAM,SAAS,CAAC;AACjB,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAU/C,OAAO,EAAE,KAAK,WAAW,EAAa,MAAM,UAAU,CAAC;AAIvD;;;;;;;GAOG;AACH,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,MAAM,IAAI,GAAG,IAAI,CAkB5D;AAMD,MAAM,WAAW,kBAAkB,CACjC,CAAC,SAAS,kBAAkB,GAAG,kBAAkB,CACjD,SAAQ,iBAAiB,CAAC,IAAI,CAAC,oBAAoB,EAAE,QAAQ,GAAG,cAAc,CAAC,CAAC;IAChF,MAAM,CAAC,EAAE;QACP,OAAO,EAAE,UAAU,CAAC,cAAc,SAAS,EAAE,aAAa,CAAC,CAAC,CAAC,CAAC,CAAC;KAChE,GAAG,OAAO,CAAC,IAAI,CAAC,WAAW,EAAE,QAAQ,GAAG,eAAe,CAAC,CAAC,CAAC;IAC3D,WAAW,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;CAChC;AAkBD,wBAAgB,aAAa,CAAC,CAAC,SAAS,kBAAkB,EAAE,EAC1D,QAAQ,EACR,MAAM,EACN,WAAW,EACX,GAAG,YAAY,EAChB,EAAE,kBAAkB,CAAC,CAAC,CAAC,2CA4GvB"}

package/types/theme/touchManipulation.d.ts

@@ -0,0 +1,12 @@
+/**
+ * LC-196 TOUCH-MANIPULATION: every web pressable sets `touch-action:
+ * manipulation` so a tap fires without the double-tap-zoom wait, while pinch
+ * zoom stays on. ThemeProvider injects this once with its global styles.
+ * `:where()` keeps it at zero specificity so a drag surface that sets its own
+ * `touch-action: none` still wins. `button` sits outside it at element
+ * specificity because the Tamagui reset's `button { all: unset }` would
+ * otherwise put it back to `auto`; this sheet is appended after the reset.
+ */
+export declare const pressableSelectors: readonly ["a[href]", "summary", "label[for]", "[role=\"button\"]", "[role=\"link\"]", "[role=\"tab\"]", "[role=\"menuitem\"]", "[role=\"menuitemradio\"]", "[role=\"menuitemcheckbox\"]", "[role=\"option\"]", "[role=\"switch\"]", "[role=\"checkbox\"]", "[role=\"radio\"]", "[tabindex=\"0\"]"];
+export declare const touchManipulationCss: string;
+//# sourceMappingURL=touchManipulation.d.ts.map

package/types/theme/touchManipulation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"touchManipulation.d.ts","sourceRoot":"","sources":["../../src/theme/touchManipulation.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AACH,eAAO,MAAM,kBAAkB,oSAerB,CAAC;AAEX,eAAO,MAAM,oBAAoB,QAA0F,CAAC"}