@tamagui/core 1.0.1-beta.27 → 1.0.1-beta.30

package/dist/jsx/helpers/getSplitStyles.js

@@ -1,12 +1,6 @@
 var __defProp = Object.defineProperty;
 var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
-import {
-  mergeTransform,
-  stylePropsText,
-  stylePropsTransform,
-  validPseudoKeys,
-  validStyles
-} from "@tamagui/helpers";
+import { stylePropsText, stylePropsTransform, validPseudoKeys, validStyles } from "@tamagui/helpers";
 import { useInsertionEffect } from "react";
 import { getConfig } from "../conf";
 import { isClient, isWeb, useIsomorphicLayoutEffect } from "../constants/platform";
@@ -20,10 +14,12 @@ import {
   updateInserted,
   updateInsertedCache
 } from "./insertStyleRule";
+import { mergeTransform } from "./mergeTransform";
 const skipProps = {
   animation: true,
   animateOnly: true,
   debug: true,
+  componentName: true,
   ...!isWeb && {
     tag: true,
     whiteSpace: true,
@@ -42,18 +38,14 @@ const skipProps = {
 let conf;
 const getSplitStyles = /* @__PURE__ */ __name((props, staticConfig, theme, state, defaultClassNames) => {
   var _a;
-  if (process.env.NODE_ENV === "development" && props["debug"] === "verbose") {
-    console.log("  \xBB getSplitStyles", { props, state, defaultClassNames });
-  }
   conf = conf || getConfig();
   const validStyleProps = staticConfig.isText ? stylePropsText : validStyles;
   const viewProps = {};
-  const style = {};
-  const classNames = {
-    ...defaultClassNames
-  };
   const pseudos = {};
   const medias = {};
+  let style = {};
+  let classNames = {};
+  const usedKeys = /* @__PURE__ */ new Set();
   const rulesToInsert = [];
   function addStyle(prop, rule) {
     rulesToInsert.push([prop, rule]);
@@ -104,55 +96,32 @@ const getSplitStyles = /* @__PURE__ */ __name((props, staticConfig, theme, state
     }
   }
   __name(mergeClassName, "mergeClassName");
-  function push() {
-    if (!cur)
-      return;
-    normalizeStyleObject(cur);
-    if (process.env.NODE_ENV === "development" && props["debug"] === "verbose") {
-      console.log("  \xBB getSplitStyles push", cur, state);
-    }
-    if (isWeb && !state.noClassNames) {
-      const atomic = getStylesAtomic(cur);
-      for (const atomicStyle of atomic) {
-        if (!state.noClassNames) {
-          addStyle(atomicStyle.identifier, atomicStyle.rules[0]);
-          mergeClassName(atomicStyle.property, atomicStyle.identifier);
-        } else {
-          style[atomicStyle.property] = atomicStyle.value;
-        }
-      }
-    }
-    if (!isWeb || state.noClassNames || state.resolveVariablesAs === "value" || state.resolveVariablesAs === "both") {
-      for (const key in cur) {
-        if (skipProps[key]) {
-          continue;
-        }
-        if (key in stylePropsTransform) {
-          mergeTransform(style, key, cur[key]);
-        } else {
-          style[key] = cur[key];
-        }
-      }
-    }
-    cur = null;
-  }
-  __name(push, "push");
-  for (const keyInit in props) {
-    if (skipProps[keyInit]) {
+  const propKeys = Object.keys(props);
+  for (let i = propKeys.length - 1; i >= 0; i--) {
+    const keyInit = propKeys[i];
+    if (usedKeys.has(keyInit))
       continue;
-    }
-    if (!isWeb && keyInit.startsWith("data-")) {
+    if (skipProps[keyInit])
+      continue;
+    if (!isWeb && keyInit.startsWith("data-"))
       continue;
-    }
     const valInit = props[keyInit];
     if (keyInit === "style" || keyInit.startsWith("_style")) {
-      push();
-      cur = valInit;
-      push();
+      if (!valInit)
+        continue;
+      for (const key in valInit) {
+        if (usedKeys.has(key))
+          continue;
+        style[key] = valInit;
+      }
+      continue;
+    }
+    if (keyInit === "className") {
+      mergeClassName(keyInit, valInit);
       continue;
     }
-    if (keyInit === "className" || validStyleProps[keyInit] && valInit && valInit[0] === "_") {
-      push();
+    if (validStyleProps[keyInit] && valInit && valInit[0] === "_") {
+      usedKeys.add(keyInit);
       mergeClassName(keyInit, valInit);
       continue;
     }
@@ -162,19 +131,24 @@ const getSplitStyles = /* @__PURE__ */ __name((props, staticConfig, theme, state
     let isMedia = keyInit[0] === "$";
     let isPseudo = validPseudoKeys[keyInit];
     if (!isMedia && !isPseudo && !((_a = staticConfig.variants) == null ? void 0 : _a[keyInit]) && !validStyleProps[keyInit] && !conf.shorthands[keyInit]) {
+      usedKeys.add(keyInit);
       viewProps[keyInit] = valInit;
       continue;
     }
-    const out = isMedia || isPseudo ? true : staticConfig.propMapper(keyInit, valInit, theme, state.fallbackProps || props, state.resolveVariablesAs);
-    const expanded = out === true || !out ? [[keyInit, valInit]] : Object.entries(out);
+    const expanded = isMedia || isPseudo ? [[keyInit, valInit]] : staticConfig.propMapper(keyInit, valInit, theme, props, state);
     if (process.env.NODE_ENV === "development" && props["debug"] === "verbose") {
       console.log("  \xBB getSplitStyles", keyInit, expanded);
     }
+    if (!expanded) {
+      continue;
+    }
     for (const [key, val] of expanded) {
-      if (val === void 0) {
+      if (val === void 0)
+        continue;
+      if (usedKeys.has(key))
         continue;
-      }
       if (key !== "target" && val && val[0] === "_") {
+        usedKeys.add(key);
         mergeClassName(key, val);
         continue;
       }
@@ -215,13 +189,12 @@ const getSplitStyles = /* @__PURE__ */ __name((props, staticConfig, theme, state
         if (shouldDoClasses) {
           const mediaStyles = getStylesAtomic(mediaStyle);
           for (const style2 of mediaStyles) {
-            const out2 = createMediaStyle(style2, mediaKeyShort, mediaQueryConfig);
-            addStyle(out2.identifier, out2.styleRule);
-            mergeClassName(`${out2.identifier}-${mediaKey}`, out2.identifier);
+            const out = createMediaStyle(style2, mediaKeyShort, mediaQueryConfig);
+            addStyle(out.identifier, out.styleRule);
+            mergeClassName(`${out.identifier}-${mediaKey}`, out.identifier);
           }
         } else {
           if (mediaState[mediaKey]) {
-            push();
             if (process.env.NODE_ENV === "development" && props["debug"]) {
               console.log("apply media style", mediaKey, mediaState);
             }
@@ -231,23 +204,46 @@ const getSplitStyles = /* @__PURE__ */ __name((props, staticConfig, theme, state
         continue;
       }
       if (!isWeb && key === "pointerEvents") {
+        usedKeys.add(key);
         viewProps[key] = val;
         continue;
       }
       if (validStyleProps[key]) {
-        cur = cur || {};
-        cur[key] = val;
+        usedKeys.add(key);
+        if (val && val[0] === "_") {
+          classNames[key] = val;
+        } else {
+          if (key in stylePropsTransform && (!isWeb || state.noClassNames || state.resolveVariablesAs === "value" || state.resolveVariablesAs === "both")) {
+            mergeTransform(style, key, val, true);
+          } else {
+            style[key] = val;
+          }
+        }
         continue;
       }
       if (!staticConfig.variants || !(key in staticConfig.variants)) {
         if (!skipProps[key]) {
-          push();
           viewProps[key] = val;
+          usedKeys.add(key);
         }
       }
     }
   }
-  push();
+  if (defaultClassNames) {
+    classNames = {
+      ...defaultClassNames,
+      ...classNames
+    };
+  }
+  if (isWeb && !state.noClassNames) {
+    const atomic = getStylesAtomic(style);
+    for (const atomicStyle of atomic) {
+      const key = atomicStyle.property;
+      addStyle(atomicStyle.identifier, atomicStyle.rules[0]);
+      mergeClassName(key, atomicStyle.identifier);
+    }
+    style = {};
+  }
   if (transforms) {
     for (const namespace in transforms) {
       const [hash, val] = transforms[namespace];
@@ -262,7 +258,9 @@ const getSplitStyles = /* @__PURE__ */ __name((props, staticConfig, theme, state
     }
   }
   if (process.env.NODE_ENV === "development" && props["debug"] === "verbose") {
-    console.log("  \xBB getSplitStyles out", { style, pseudos, medias, classNames, viewProps, state });
+    if (typeof document !== "undefined") {
+      console.log("  \xBB getSplitStyles out", { style, pseudos, medias, classNames, viewProps, state });
+    }
   }
   return {
     viewProps,
@@ -294,8 +292,9 @@ const getSubStyle = /* @__PURE__ */ __name((styleIn, staticConfig, theme, props,
   const styleOut = {};
   for (const key in styleIn) {
     const val = styleIn[key];
-    const out = staticConfig.propMapper(key, val, theme, state.fallbackProps || props, state.resolveVariablesAs, avoidDefaultProps);
-    const expanded = out === true || !out ? [[key, val]] : Object.entries(out);
+    const expanded = staticConfig.propMapper(key, val, theme, props, state, avoidDefaultProps);
+    if (!expanded)
+      continue;
     for (const [skey, sval] of expanded) {
       if (skey in stylePropsTransform) {
         mergeTransform(styleOut, skey, sval);
@@ -304,7 +303,6 @@ const getSubStyle = /* @__PURE__ */ __name((styleIn, staticConfig, theme, props,
       }
     }
   }
-  normalizeStyleObject(styleOut);
   return styleOut;
 }, "getSubStyle");
 function normalizeStyleObject(style) {

package/dist/jsx/helpers/getStylesAtomic.js

@@ -1,13 +1,25 @@
 var __defProp = Object.defineProperty;
 var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
-import {
-  invertMapTransformKeys,
-  mergeTransform,
-  stylePropsTransform
-} from "@tamagui/helpers";
-import { getConfig } from "../conf";
-import { rnw } from "../constants/rnw";
+import { stylePropsTransform } from "@tamagui/helpers";
+import { reversedShorthands } from "../createTamagui";
 import { isVariable } from "../createVariable";
+import { generateAtomicStyles } from "./generateAtomicStyles";
+import { invertMapTransformKeys, mergeTransform } from "./mergeTransform";
+const pseudos = {
+  hoverStyle: {
+    name: "hover",
+    priority: 1
+  },
+  pressStyle: {
+    name: "active",
+    priority: 2
+  },
+  focusStyle: {
+    name: "focus",
+    priority: 3
+  }
+};
+const pseudosOrdered = Object.values(pseudos);
 function getStylesAtomic(stylesIn, options = {}) {
   const { hoverStyle, pressStyle, focusStyle, ...base } = stylesIn;
   let res = [];
@@ -31,10 +43,6 @@ function getStylesAtomic(stylesIn, options = {}) {
   return res;
 }
 __name(getStylesAtomic, "getStylesAtomic");
-const generateAtomicStyles = /* @__PURE__ */ __name((style) => {
-  return rnw.atomic(rnw.createCompileableStyle(rnw.createReactDOMStyle(style)));
-}, "generateAtomicStyles");
-let reversedShorthands = null;
 function getAtomicStyle(style, pseudo, options) {
   var _a;
   if (style == null || typeof style !== "object") {
@@ -62,27 +70,20 @@ function getAtomicStyle(style, pseudo, options) {
   } else {
     atomicStyles = generateAtomicStyles(style);
   }
-  if (!reversedShorthands) {
-    reversedShorthands = {};
-    const conf = getConfig();
-    if (conf.shorthands) {
-      for (const key in conf.shorthands) {
-        reversedShorthands[conf.shorthands[key]] = key;
-      }
-    }
-  }
   return Object.keys(atomicStyles).map((key) => {
     const val = atomicStyles[key];
-    const [_, a, b] = val.identifier.split("-");
-    const hash = b || a;
+    const [_, hash] = val.identifier.split("-");
     const psuedoPrefix = pseudo ? `0${pseudo.name}-` : "";
+    if (!val.property) {
+      throw new Error(`no prop`);
+    }
     const shortProp = reversedShorthands[val.property] || val.property;
     const identifier = `_${shortProp}-${psuedoPrefix}${hash}`;
     const className = `.${identifier}`;
     const rules = val.rules.map((rule) => {
       if (pseudo) {
         const psuedoPrefixSelect = [...Array(pseudo.priority)].map(() => ":root").join("") + " ";
-        let res = rule.replace(`.${val.identifier}`, `${psuedoPrefixSelect} ${className}`).replace("{", `:${pseudo.name}{`);
+        let res = rule.replace(`.${val.identifier}`, `${psuedoPrefixSelect} ${className}`).replace("{", `:${pseudo.name}{`).replace(";", " !important;");
         if (pseudo.name === "hover") {
           res = `@media not all and (hover: none) { ${res} }`;
         }
@@ -92,7 +93,8 @@ function getAtomicStyle(style, pseudo, options) {
     });
     const result = {
       property: val.transformProperty || val.property,
-      value: val.value,
+      pseudo: pseudo == null ? void 0 : pseudo.name,
+      value: val.value || "",
       identifier,
       className,
       rules
@@ -109,21 +111,6 @@ const borderDefaults = {
   borderLeftWidth: "borderLeftStyle",
   borderRightWidth: "borderRightStyle"
 };
-const pseudos = {
-  hoverStyle: {
-    name: "hover",
-    priority: 1
-  },
-  pressStyle: {
-    name: "active",
-    priority: 2
-  },
-  focusStyle: {
-    name: "focus",
-    priority: 3
-  }
-};
-const pseudosOrdered = Object.values(pseudos);
 export {
   getStylesAtomic,
   pseudos

package/dist/jsx/helpers/mergeTransform.js

@@ -0,0 +1,18 @@
+var __defProp = Object.defineProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+const mergeTransform = /* @__PURE__ */ __name((obj, key, val, backwards = false) => {
+  obj.transform || (obj.transform = []);
+  obj.transform[backwards ? "unshift" : "push"]({ [mapTransformKeys[key] || key]: val });
+}, "mergeTransform");
+const mapTransformKeys = {
+  x: "translateX",
+  y: "translateY"
+};
+const invertMapTransformKeys = {
+  translateX: "x",
+  translateY: "y"
+};
+export {
+  invertMapTransformKeys,
+  mergeTransform
+};

package/dist/jsx/helpers/prefixStyles.js

@@ -0,0 +1,165 @@
+var __defProp = Object.defineProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+import createPrefixer from "inline-style-prefixer/lib/createPrefixer";
+import backgroundClip from "inline-style-prefixer/lib/plugins/backgroundClip";
+import crossFade from "inline-style-prefixer/lib/plugins/crossFade";
+import cursor from "inline-style-prefixer/lib/plugins/cursor";
+import filter from "inline-style-prefixer/lib/plugins/filter";
+import flex from "inline-style-prefixer/lib/plugins/flex";
+import flexboxIE from "inline-style-prefixer/lib/plugins/flexboxIE";
+import flexboxOld from "inline-style-prefixer/lib/plugins/flexboxOld";
+import gradient from "inline-style-prefixer/lib/plugins/gradient";
+import grid from "inline-style-prefixer/lib/plugins/grid";
+import imageSet from "inline-style-prefixer/lib/plugins/imageSet";
+import logical from "inline-style-prefixer/lib/plugins/logical";
+import position from "inline-style-prefixer/lib/plugins/position";
+import sizing from "inline-style-prefixer/lib/plugins/sizing";
+import transition from "inline-style-prefixer/lib/plugins/transition";
+const prefixInlineStyles = /* @__PURE__ */ __name((style) => {
+  const prefixedStyles = prefixStyles(style);
+  Object.keys(prefixedStyles).forEach((prop) => {
+    const value = prefixedStyles[prop];
+    if (Array.isArray(value)) {
+      prefixedStyles[prop] = value[value.length - 1];
+    }
+  });
+  return prefixedStyles;
+}, "prefixInlineStyles");
+const w = ["Webkit"];
+const m = ["Moz"];
+const ms = ["ms"];
+const wm = ["Webkit", "Moz"];
+const wms = ["Webkit", "ms"];
+const wmms = ["Webkit", "Moz", "ms"];
+const staticData = {
+  plugins: [
+    backgroundClip,
+    crossFade,
+    cursor,
+    filter,
+    flex,
+    flexboxIE,
+    flexboxOld,
+    gradient,
+    grid,
+    imageSet,
+    logical,
+    position,
+    sizing,
+    transition
+  ],
+  prefixMap: {
+    animation: w,
+    animationDelay: w,
+    animationDirection: w,
+    animationFillMode: w,
+    animationDuration: w,
+    animationIterationCount: w,
+    animationName: w,
+    animationPlayState: w,
+    animationTimingFunction: w,
+    appearance: wm,
+    userSelect: wmms,
+    textEmphasisPosition: w,
+    textEmphasis: w,
+    textEmphasisStyle: w,
+    textEmphasisColor: w,
+    boxDecorationBreak: w,
+    clipPath: w,
+    maskImage: w,
+    maskMode: w,
+    maskRepeat: w,
+    maskPosition: w,
+    maskClip: w,
+    maskOrigin: w,
+    maskSize: w,
+    maskComposite: w,
+    mask: w,
+    maskBorderSource: w,
+    maskBorderMode: w,
+    maskBorderSlice: w,
+    maskBorderWidth: w,
+    maskBorderOutset: w,
+    maskBorderRepeat: w,
+    maskBorder: w,
+    maskType: w,
+    textDecorationStyle: w,
+    textDecorationSkip: w,
+    textDecorationLine: w,
+    textDecorationColor: w,
+    filter: w,
+    fontFeatureSettings: w,
+    breakAfter: wmms,
+    breakBefore: wmms,
+    breakInside: wmms,
+    columnCount: wm,
+    columnFill: wm,
+    columnGap: wm,
+    columnRule: wm,
+    columnRuleColor: wm,
+    columnRuleStyle: wm,
+    columnRuleWidth: wm,
+    columns: wm,
+    columnSpan: wm,
+    columnWidth: wm,
+    writingMode: wms,
+    flex: wms,
+    flexBasis: w,
+    flexDirection: wms,
+    flexGrow: w,
+    flexFlow: wms,
+    flexShrink: w,
+    flexWrap: wms,
+    alignContent: w,
+    alignItems: w,
+    alignSelf: w,
+    justifyContent: w,
+    order: w,
+    transform: w,
+    transformOrigin: w,
+    transformOriginX: w,
+    transformOriginY: w,
+    backfaceVisibility: w,
+    perspective: w,
+    perspectiveOrigin: w,
+    transformStyle: w,
+    transformOriginZ: w,
+    backdropFilter: w,
+    fontKerning: w,
+    scrollSnapType: wms,
+    scrollSnapPointsX: wms,
+    scrollSnapPointsY: wms,
+    scrollSnapDestination: wms,
+    scrollSnapCoordinate: wms,
+    shapeImageThreshold: w,
+    shapeImageMargin: w,
+    shapeImageOutside: w,
+    hyphens: wmms,
+    flowInto: wms,
+    flowFrom: wms,
+    regionFragment: wms,
+    textOrientation: w,
+    textAlignLast: m,
+    tabSize: m,
+    wrapFlow: ms,
+    wrapThrough: ms,
+    wrapMargin: ms,
+    touchAction: ms,
+    textSizeAdjust: ["ms", "Webkit"],
+    borderImage: w,
+    borderImageOutset: w,
+    borderImageRepeat: w,
+    borderImageSlice: w,
+    borderImageSource: w,
+    borderImageWidth: w,
+    transitionDelay: w,
+    transitionDuration: w,
+    transitionProperty: w,
+    transitionTimingFunction: w
+  }
+};
+const prefixStyles = createPrefixer(staticData);
+export {
+  prefixInlineStyles,
+  prefixStyles
+};

package/dist/jsx/hooks/useIsTouchDevice.js

@@ -1,11 +1,11 @@
 var __defProp = Object.defineProperty;
 var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
 import { useState } from "react";
-import { isTouchDevice, useIsomorphicLayoutEffect } from "../constants/platform";
+import { isTouchable, useIsomorphicLayoutEffect } from "../constants/platform";
 const useIsTouchDevice = /* @__PURE__ */ __name(() => {
   const [touchOnly, setTouchOnly] = useState(false);
   useIsomorphicLayoutEffect(() => {
-    if (isTouchDevice) {
+    if (isTouchable) {
       setTouchOnly(true);
     }
   }, []);

package/dist/jsx/hooks/useTheme.js

@@ -11,7 +11,7 @@ import { useConstant } from "./useConstant";
 const useTheme = /* @__PURE__ */ __name((themeName, componentName, props, forceUpdate) => {
   const { name, theme, themes, themeManager, className, didChangeTheme } = useChangeThemeEffect(themeName, componentName, props, forceUpdate);
   if (process.env.NODE_ENV === "development") {
-    if ((props == null ? void 0 : props["debug"]) === "verbose") {
+    if ((props == null ? void 0 : props.debug) === "verbose") {
       console.log("  \xBB useTheme", { themeName, componentName, name, className });
     }
   }
@@ -52,7 +52,7 @@ const useTheme = /* @__PURE__ */ __name((themeName, componentName, props, forceU
         if (!name || key === "__proto__" || typeof key === "symbol") {
           if (key === GetThemeManager) {
             if (process.env.NODE_ENV === "development") {
-              if (props["debug"]) {
+              if (props == null ? void 0 : props.debug) {
                 console.log("did change", { themeName, didChangeTheme, name, componentName }, themeManager == null ? void 0 : themeManager.parentName);
               }
             }
@@ -131,13 +131,14 @@ const useChangeThemeEffect = /* @__PURE__ */ __name((name, componentName, props,
   const debug = props && props["debug"];
   const parentManager = useContext(ThemeManagerContext) || emptyManager;
   const { themes } = useContext(ThemeContext);
-  const next = parentManager.getNextTheme({ name, componentName, themes }, props);
+  const reset = (props == null ? void 0 : props.reset) || false;
+  const getThemeProps = { name, componentName, themes, reset };
+  const next = parentManager.getNextTheme(getThemeProps, debug);
   const forceUpdate = forceUpdateProp || useForceUpdate();
   const themeManager = useConstant(() => {
-    if (!next) {
+    if (!next)
       return null;
-    }
-    return new ThemeManager(next.name, next.theme, parentManager);
+    return new ThemeManager(next.name, next.theme, parentManager, reset);
   });
   if (typeof document !== "undefined") {
     useLayoutEffect(() => {
@@ -147,7 +148,7 @@ const useChangeThemeEffect = /* @__PURE__ */ __name((name, componentName, props,
         themeManager.update(next);
       }
       return parentManager.onChangeTheme(() => {
-        const next2 = parentManager.getNextTheme({ name, componentName, themes }, debug);
+        const next2 = parentManager.getNextTheme(getThemeProps, debug);
         if (!next2)
           return;
         if (themeManager.update(next2)) {

package/dist/jsx/views/ThemeProvider.js

@@ -20,7 +20,7 @@ const ThemeProvider = /* @__PURE__ */ __name((props) => {
       return () => {
         document.body.classList.remove(cn);
       };
-    }, [props.disableRootThemeClass]);
+    }, [props.defaultTheme, props.disableRootThemeClass]);
   }
   const themeContext = useMemo(() => {
     return {

package/dist/jsx/views/ThemeReset.js

@@ -27,7 +27,7 @@ const ThemeReset = /* @__PURE__ */ __name((props) => {
   if (!themeManager || !props.children) {
     return props.children || null;
   }
-  return <Theme className="tui-theme-reset" name={name}>{props.children}</Theme>;
+  return <Theme className="tui-theme-reset" reset name={name}>{props.children}</Theme>;
 }, "ThemeReset");
 export {
   ThemeReset

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tamagui/core",
-  "version": "1.0.1-beta.27",
+  "version": "1.0.1-beta.30",
   "source": "src/index.ts",
   "main": "dist/cjs",
   "module": "dist/esm",
@@ -21,11 +21,14 @@
   ],
   "dependencies": {
     "@expo/match-media": "^0.3.0",
-    "@tamagui/helpers": "^1.0.1-beta.27",
+    "@tamagui/helpers": "^1.0.1-beta.30",
     "@tamagui/ow": "^0.28.1",
-    "@tamagui/use-debounce": "^1.0.1-beta.27",
-    "@tamagui/use-force-update": "^1.0.1-beta.27",
+    "@tamagui/use-debounce": "^1.0.1-beta.30",
+    "@tamagui/use-force-update": "^1.0.1-beta.30",
     "expo-screen-orientation": "^4.2.0",
+    "hyphenate-style-name": "^1.0.4",
+    "inline-style-prefixer": "^6.0.0",
+    "normalize-css-color": "^1.0.2",
     "react": "*",
     "react-dom": "*"
   },
@@ -33,7 +36,7 @@
     "react-native-web": "*"
   },
   "devDependencies": {
-    "@tamagui/build": "^1.0.1-beta.27",
+    "@tamagui/build": "^1.0.1-beta.30",
     "@types/react": "^17.0.35",
     "csstype": "^3.0.10",
     "esbuild": "^0.14.36",

package/reset.css

@@ -14,7 +14,8 @@ button,
 ul,
 ol,
 li,
-pre {
+pre,
+h1, h2, h3, h4, h5, h6 {
   margin: 0;
   padding: 0;
 }

package/types/Tamagui.d.ts

@@ -1,7 +1,7 @@
 import * as Helpers from '@tamagui/helpers';
 import { TamaguiInternalConfig } from './types';
 declare class TamaguiManager {
-    rnw: Record<string, any>;
+    rnw: any;
     Helpers: typeof Helpers;
     get config(): TamaguiInternalConfig<import("./types").CreateTokens<import("./types").VariableVal>, {
         [key: string]: Partial<import("./types").TamaguiBaseTheme> & {

package/types/Tamagui.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Tamagui.d.ts","sourceRoot":"","sources":["../src/Tamagui.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,OAAO,MAAM,kBAAkB,CAAA;AAK3C,OAAO,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAA;AAI/C,cAAM,cAAc;IAClB,GAAG,sBAAM;IACT,OAAO,iBAAU;IAEjB,IAAI,MAAM;;;;;;;;;;;;;;OAET;IAED,IAAI,aAAa,cAEhB;IAED,IAAI,YAAY,OAEf;IAED,IAAI,aAAa,OAEhB;IAED,IAAI,iBAAiB,qBAEpB;CACF;AAED,eAAO,MAAM,OAAO,gBAAuB,CAAA;AAI3C,eAAO,MAAM,sBAAsB,eAAgB,MAAM,QAExD,CAAA;AAED,eAAO,MAAM,kBAAkB,eAAgB,MAAM,SAAS,GAAG,SAEhE,CAAA"}
+{"version":3,"file":"Tamagui.d.ts","sourceRoot":"","sources":["../src/Tamagui.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,OAAO,MAAM,kBAAkB,CAAA;AAK3C,OAAO,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAA;AAI/C,cAAM,cAAc;IAClB,GAAG,MAAM;IACT,OAAO,iBAAU;IAEjB,IAAI,MAAM;;;;;;;;;;;;;;OAET;IAED,IAAI,aAAa,cAEhB;IAED,IAAI,YAAY,OAEf;IAED,IAAI,aAAa,OAEhB;IAED,IAAI,iBAAiB,qBAEpB;CACF;AAED,eAAO,MAAM,OAAO,gBAAuB,CAAA;AAI3C,eAAO,MAAM,sBAAsB,eAAgB,MAAM,QAExD,CAAA;AAED,eAAO,MAAM,kBAAkB,eAAgB,MAAM,SAAS,GAAG,SAEhE,CAAA"}