@tamagui/web 2.0.0-rc.9 → 2.0.0

package/dist/esm/helpers/expandStyle.mjs

@@ -1,41 +1,54 @@
-import { isWeb } from "@tamagui/constants";
-import { getSetting } from "../config.mjs";
-import "./parseBorderShorthand.mjs";
-import "./parseOutlineShorthand.mjs";
+import { isAndroid, isWeb } from "@tamagui/constants";
+import { getStyleCompat } from "../config.mjs";
+import { parseBorderShorthand } from "./parseBorderShorthand.mjs";
+import { parseOutlineShorthand } from "./parseOutlineShorthand.mjs";
 const neg1Flex = [["flexGrow", 0], ["flexShrink", 1], ["flexBasis", "auto"]];
-function expandStyle(key, value) {
-  if (key === "flex") return value === -1 ? neg1Flex : [["flexGrow", value], ["flexShrink", 1], ["flexBasis", getSetting("styleCompat") === "legacy" ? "auto" : 0]];
+function expandFlex(value, compat) {
+  if (typeof value === "string") return [["flex", value]];
+  if (typeof value !== "number") return;
+  if (value === -1) return neg1Flex;
+  switch (compat) {
+    case "legacy":
+      return [["flexGrow", value], ["flexShrink", 1], ["flexBasis", "auto"]];
+    case "react-native":
+      if (value > 0) return [["flexGrow", value], ["flexShrink", 0], ["flexBasis", 0]];
+      if (value === 0) return [["flexGrow", 0], ["flexShrink", 0], ["flexBasis", "auto"]];
+      return [["flexGrow", 0], ["flexShrink", -value], ["flexBasis", "auto"]];
+    case "web":
+      if (value < 0) return [["flex", value]];
+      return [["flexGrow", value], ["flexShrink", 1], ["flexBasis", 0]];
+  }
+}
+function expandStyle(key, value, styleCompat = getStyleCompat()) {
+  if (key === "flex") return expandFlex(value, styleCompat);
   switch (key) {
     case "writingDirection":
       return [["direction", value]];
-    // some safari-based browsers seem not to support without -webkit prefix
     case "backdropFilter":
       return [["backdropFilter", value], ["WebkitBackdropFilter", value]];
   }
   if (key in EXPANSIONS) return EXPANSIONS[key].map(k => [k, value]);
 }
-const all = ["Top", "Right", "Bottom", "Left"],
-  horiz = ["Right", "Left"],
-  vert = ["Top", "Bottom"],
-  xy = ["X", "Y"],
-  EXPANSIONS = {
-    borderColor: ["TopColor", "RightColor", "BottomColor", "LeftColor"],
-    borderRadius: ["TopLeftRadius", "TopRightRadius", "BottomRightRadius", "BottomLeftRadius"],
-    borderWidth: ["TopWidth", "RightWidth", "BottomWidth", "LeftWidth"],
-    margin: all,
-    marginHorizontal: horiz,
-    marginVertical: vert,
-    padding: all,
-    paddingHorizontal: horiz,
-    paddingVertical: vert,
-    ...(isWeb && {
-      // react-native only supports borderStyle
-      borderStyle: ["TopStyle", "RightStyle", "BottomStyle", "LeftStyle"],
-      // react-native doesn't support X / Y
-      overflow: xy,
-      overscrollBehavior: xy
-    })
-  };
+const all = ["Top", "Right", "Bottom", "Left"];
+const horiz = ["Right", "Left"];
+const vert = ["Top", "Bottom"];
+const xy = ["X", "Y"];
+const EXPANSIONS = {
+  borderColor: ["TopColor", "RightColor", "BottomColor", "LeftColor"],
+  borderRadius: ["TopLeftRadius", "TopRightRadius", "BottomRightRadius", "BottomLeftRadius"],
+  borderWidth: ["TopWidth", "RightWidth", "BottomWidth", "LeftWidth"],
+  margin: all,
+  marginHorizontal: horiz,
+  marginVertical: vert,
+  padding: all,
+  paddingHorizontal: horiz,
+  paddingVertical: vert,
+  ...(isWeb && {
+    borderStyle: ["TopStyle", "RightStyle", "BottomStyle", "LeftStyle"],
+    overflow: xy,
+    overscrollBehavior: xy
+  })
+};
 for (const parent in EXPANSIONS) {
   const prefix = parent.slice(0, /[A-Z]/.exec(parent)?.index ?? parent.length);
   EXPANSIONS[parent] = EXPANSIONS[parent].map(k => `${prefix}${k}`);

package/dist/esm/helpers/expandStyle.mjs.map

@@ -1 +1 @@
-{"version":3,"names":["isWeb","getSetting","neg1Flex","expandStyle","key","value","EXPANSIONS","map","k","all","horiz","vert","xy","borderColor","borderRadius","borderWidth","margin","marginHorizontal","marginVertical","padding","paddingHorizontal","paddingVertical","borderStyle","overflow","overscrollBehavior","parent","prefix","slice","exec","index","length"],"sources":["../../../src/helpers/expandStyle.ts"],"sourcesContent":[null],"mappings":"AAKA,SAAoBA,KAAA,QAAa;AAEjC,SAASC,UAAA,QAAkB;AAE3B,OAAqC;AACrC,OAAsC;AAEtC,MAAMC,QAAA,GAAW,CACf,CAAC,YAAY,CAAC,GACd,CAAC,cAAc,CAAC,GAChB,CAAC,aAAa,MAAM,EACtB;AAEO,SAASC,YAAYC,GAAA,EAAaC,KAAA,EAA6B;EAElE,IAAID,GAAA,KAAQ,QACV,OAAIC,KAAA,KAAU,KACLH,QAAA,GAEF,CACL,CAAC,YAAYG,KAAK,GAClB,CAAC,cAAc,CAAC,GAChB,CAAC,aAAaJ,UAAA,CAAW,aAAa,MAAM,WAAW,SAAS,CAAC,EACnE;EAGF,QAAQG,GAAA;IACN,KAAK;MACH,OAAO,CAAC,CAAC,aAAaC,KAAK,CAAC;IAAA;IAG9B,KAAK;MACH,OAAO,CACL,CAAC,kBAAkBA,KAAK,GACxB,CAAC,wBAAwBA,KAAK,EAChC;EAEJ;EAyDF,IAAID,GAAA,IAAOE,UAAA,EACT,OAAOA,UAAA,CAAWF,GAAG,EAAEG,GAAA,CAAKC,CAAA,IAAM,CAACA,CAAA,EAAGH,KAAK,CAAC;AAEhD;AAmBA,MAAMI,GAAA,GAAM,CAAC,OAAO,SAAS,UAAU,MAAM;EACvCC,KAAA,GAAQ,CAAC,SAAS,MAAM;EACxBC,IAAA,GAAO,CAAC,OAAO,QAAQ;EACvBC,EAAA,GAAK,CAAC,KAAK,GAAG;EAEdN,UAAA,GAAuC;IAC3CO,WAAA,EAAa,CAAC,YAAY,cAAc,eAAe,WAAW;IAClEC,YAAA,EAAc,CACZ,iBACA,kBACA,qBACA,mBACF;IACAC,WAAA,EAAa,CAAC,YAAY,cAAc,eAAe,WAAW;IAClEC,MAAA,EAAQP,GAAA;IACRQ,gBAAA,EAAkBP,KAAA;IAClBQ,cAAA,EAAgBP,IAAA;IAChBQ,OAAA,EAASV,GAAA;IACTW,iBAAA,EAAmBV,KAAA;IACnBW,eAAA,EAAiBV,IAAA;IACjB,IAAIX,KAAA,IAAS;MAAA;MAEXsB,WAAA,EAAa,CAAC,YAAY,cAAc,eAAe,WAAW;MAAA;MAElEC,QAAA,EAAUX,EAAA;MACVY,kBAAA,EAAoBZ;IACtB;EACF;AAEA,WAAWa,MAAA,IAAUnB,UAAA,EAAY;EAC/B,MAAMoB,MAAA,GAASD,MAAA,CAAOE,KAAA,CAAM,GAAG,QAAQC,IAAA,CAAKH,MAAM,GAAGI,KAAA,IAASJ,MAAA,CAAOK,MAAM;EAC3ExB,UAAA,CAAWmB,MAAM,IAAInB,UAAA,CAAWmB,MAAM,EAAElB,GAAA,CAAKC,CAAA,IAAM,GAAGkB,MAAM,GAAGlB,CAAC,EAAE;AACpE","ignoreList":[]}
+{"version":3,"names":["isAndroid","isWeb","getStyleCompat","parseBorderShorthand","parseOutlineShorthand","neg1Flex","expandFlex","value","compat","expandStyle","key","styleCompat","EXPANSIONS","map","k","all","horiz","vert","xy","borderColor","borderRadius","borderWidth","margin","marginHorizontal","marginVertical","padding","paddingHorizontal","paddingVertical","borderStyle","overflow","overscrollBehavior","parent","prefix","slice","exec","index","length"],"sources":["../../../src/helpers/expandStyle.ts"],"sourcesContent":[null],"mappings":"AAKA,SAASA,SAAA,EAAWC,KAAA,QAAa;AAEjC,SAASC,cAAA,QAAwC;AAEjD,SAASC,oBAAA,QAA4B;AACrC,SAASC,qBAAA,QAA6B;AAEtC,MAAMC,QAAA,GAAW,EACf,UAAC,GAAY,CAAC,GACd,YAAC,GAAc,CAAC,GAChB,WAAC,QAAa,CAAM,CACtB;AAEA,SAASC,WAAWC,KAAA,EAAgBC,MAAA,EAAsC;EACxE,WAAID,KAAO,aAAU,SAAU,UAAAA,KAAA;EAC7B,WAAQA,KAAC,KAAQ,QAAM;EAAA,IACzBA,KAAA,gBAAAF,QAAA;EAEA,QAAIG,MAAO;IACT;MAAA,QACF,aAAAD,KAAA,GAEA,aAAc,IAAI,EAChB,YAAO,UACT;IAEA,mBAAgB;MAAA,IACdA,KAAK,cACH,WAAO,EAAAA,KAAA,gBACJ,IAAY,EAAK,YACjB,KAAe;MACI,IACtBA,KAAA,gBACF,WAAK,MACH,aAAI,EAAQ,EAAG,EACb,YAAO;MACa,OAClB,CAAgB,WACf,MAAc,aACjB,GAAAA,KAAA,eACF,UACA;IACE;MAAO,IAAAA,KACJ,aAAa,UAAAA,KAAA;MAAA,OACd,CAAgB,WACf,EAAAA,KAAA,GAAmB,aACtB,kBACF,KACA;EAAO;AACS;AACO,SACpBE,YAAAC,GAAa,EAAAH,KAAM,EAAAI,WAAA,GAAAT,cAAA;EAAA,IAAAQ,GACtB,oBAAAJ,UAAA,CAAAC,KAAA,EAAAI,WAAA;EAAA,QACGD,GAAA;IACH,uBAAe;MAAA,sBAAAH,KAAA;IACb,qBAAS;MAAQ,OAAM,oBAAAA,KAAA,4BAAAA,KAAA;EAAA;EAEzB,IAAAG,GAAA,IAAAE,UAAO,SAAAA,UAAA,CAAAF,GAAA,EAAAG,GAAA,CAAAC,CAAA,KAAAA,CAAA,EAAAP,KAAA;AAAA;AACa,MAAAQ,GACjB,IAAe,OACD,OACjB,UACJ,EACF,OAEO;AAKL,MAAIC,KAAA,GAAQ,QAAI;AACd,MAAAC,IAAI,SAAQ,UAAQ;AAClB,MAAAC,EAAA,OAAO;AAA6B,MACtCN,UAAA;EAEAO,WAAQ,GAAK,UACN,EACH,cAA4B,aAC9B;EAGEC,YAAA,EAAO,gBACJ,EAAuB,gBACvB,EAA6B,mBAChC,oBACF;EACFC,WACF,GAEA,UAAI,EACF,YAAI,EACF,aAAS,EAAmB,WAC9B,CAGA;EAAaC,MACX,EAAAP,GAAK;EACHQ,gBAAM,EAAAP,KAAA;EACNQ,cAAO,EAAEP,IAAA;EAAyBQ,OACpC,EAAAV,GAAA;EAAAW,iBACK,EAAAV,KAAA;EACHW,eAAQ,EAACV,IAAA;EAAuD,IAAAhB,KAClE;IAAA2B,WACK,GAEH,UAAI,EACF,cAAgC,aAClC,EACA;IACFC,QACA,EAAKX,EAAA;IAGHY,kBAAS,EAAAZ;EAAsC;AACjD;AAIE,WAAAa,MAAI,IAAOnB,UAAU;EACnB,MAAAoB,MAAA,GAAMD,MAAA,CAAAE,KAAS,YAAAC,IAAA,CAAAH,MAA0B,GAAAI,KAAA,IAAAJ,MAAA,CAAAK,MAAA;EACzCxB,UAAA,CAAAmB,MAAI,IAAQnB,UAAA,CAAAmB,MAAA,EAAAlB,GAAA,CAAAC,CAAA,OAAAkB,MAAA,GAAAlB,CAAA;AACV;AAAO,SAAAL,WACT","ignoreList":[]}

package/dist/esm/helpers/expandStyle.native.js

@@ -1,45 +1,40 @@
 import { isAndroid, isWeb } from "@tamagui/constants";
-import "../config.native.js";
+import { getStyleCompat } from "../config.native.js";
 import { parseBorderShorthand } from "./parseBorderShorthand.native.js";
 import { parseOutlineShorthand } from "./parseOutlineShorthand.native.js";
 var _loop = function (parent) {
-  var _exec,
-    _exec_index,
-    prefix = parent.slice(0, (_exec_index = (_exec = /[A-Z]/.exec(parent)) === null || _exec === void 0 ? void 0 : _exec.index) !== null && _exec_index !== void 0 ? _exec_index : parent.length);
+  var _exec;
+  var _exec_index;
+  var prefix = parent.slice(0, (_exec_index = (_exec = /[A-Z]/.exec(parent)) === null || _exec === void 0 ? void 0 : _exec.index) !== null && _exec_index !== void 0 ? _exec_index : parent.length);
   EXPANSIONS[parent] = EXPANSIONS[parent].map(function (k) {
     return `${prefix}${k}`;
   });
 };
 function expandStyle(key, value) {
+  arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : getStyleCompat();
   if (isAndroid && key === "elevationAndroid") return [["elevation", value]];
   switch (key) {
     case "objectFit":
-      {
-        var resizeMode = resizeModeMap[value] || "cover";
-        return [["resizeMode", resizeMode]];
-      }
+      return [["resizeMode", resizeModeMap[value] || "cover"]];
     case "verticalAlign":
       return [["textAlignVertical", verticalAlignMap[value] || "auto"]];
     case "position":
-      return value === "fixed" || value === "sticky" ? [["position", "absolute"]] : void 0;
+      if (value === "fixed" || value === "sticky") return [["position", "absolute"]];
+      return;
     case "backgroundImage":
       return [["experimental_backgroundImage", value]];
     case "border":
-      {
-        if (typeof value == "string") {
-          var parsed = parseBorderShorthand(value);
-          if (parsed) return parsed;
-        }
-        return;
+      if (typeof value === "string") {
+        var parsed = parseBorderShorthand(value);
+        if (parsed) return parsed;
       }
+      return;
     case "outline":
-      {
-        if (typeof value == "string") {
-          var parsed1 = parseOutlineShorthand(value);
-          if (parsed1) return parsed1;
-        }
-        return;
+      if (typeof value === "string") {
+        var parsed1 = parseOutlineShorthand(value);
+        if (parsed1) return parsed1;
       }
+      return;
   }
   if (key in nativeExpansions) return nativeExpansions[key].map(function (k) {
     return [k, value];
@@ -49,43 +44,40 @@ function expandStyle(key, value) {
   });
 }
 var resizeModeMap = {
-    fill: "stretch",
-    none: "center",
-    "scale-down": "contain",
-    contain: "contain",
-    cover: "cover"
-  },
-  verticalAlignMap = {
-    top: "top",
-    middle: "center",
-    bottom: "bottom",
-    auto: "auto"
-  },
-  all = ["Top", "Right", "Bottom", "Left"],
-  horiz = ["Right", "Left"],
-  vert = ["Top", "Bottom"],
-  xy = ["X", "Y"],
-  EXPANSIONS = {
-    borderColor: ["TopColor", "RightColor", "BottomColor", "LeftColor"],
-    borderRadius: ["TopLeftRadius", "TopRightRadius", "BottomRightRadius", "BottomLeftRadius"],
-    borderWidth: ["TopWidth", "RightWidth", "BottomWidth", "LeftWidth"],
-    margin: all,
-    marginHorizontal: horiz,
-    marginVertical: vert,
-    padding: all,
-    paddingHorizontal: horiz,
-    paddingVertical: vert,
-    ...(isWeb && {
-      // react-native only supports borderStyle
-      borderStyle: ["TopStyle", "RightStyle", "BottomStyle", "LeftStyle"],
-      // react-native doesn't support X / Y
-      overflow: xy,
-      overscrollBehavior: xy
-    })
-  };
+  fill: "stretch",
+  none: "center",
+  "scale-down": "contain",
+  contain: "contain",
+  cover: "cover"
+};
+var verticalAlignMap = {
+  top: "top",
+  middle: "center",
+  bottom: "bottom",
+  auto: "auto"
+};
+var all = ["Top", "Right", "Bottom", "Left"];
+var horiz = ["Right", "Left"];
+var vert = ["Top", "Bottom"];
+var xy = ["X", "Y"];
+var EXPANSIONS = {
+  borderColor: ["TopColor", "RightColor", "BottomColor", "LeftColor"],
+  borderRadius: ["TopLeftRadius", "TopRightRadius", "BottomRightRadius", "BottomLeftRadius"],
+  borderWidth: ["TopWidth", "RightWidth", "BottomWidth", "LeftWidth"],
+  margin: all,
+  marginHorizontal: horiz,
+  marginVertical: vert,
+  padding: all,
+  paddingHorizontal: horiz,
+  paddingVertical: vert,
+  ...(isWeb && {
+    borderStyle: ["TopStyle", "RightStyle", "BottomStyle", "LeftStyle"],
+    overflow: xy,
+    overscrollBehavior: xy
+  })
+};
 for (var parent in EXPANSIONS) _loop(parent);
 var nativeExpansions = {
-  // logical border properties
   borderBlockColor: ["borderTopColor", "borderBottomColor"],
   borderInlineColor: ["borderEndColor", "borderStartColor"],
   borderBlockWidth: ["borderTopWidth", "borderBottomWidth"],
@@ -104,7 +96,6 @@ var nativeExpansions = {
   borderBlockEndStyle: ["borderBottomStyle"],
   borderInlineStartStyle: ["borderStartStyle"],
   borderInlineEndStyle: ["borderEndStyle"],
-  // logical margin/padding
   marginBlock: ["marginTop", "marginBottom"],
   marginInline: ["marginEnd", "marginStart"],
   paddingBlock: ["paddingTop", "paddingBottom"],
@@ -117,14 +108,12 @@ var nativeExpansions = {
   paddingBlockEnd: ["paddingBottom"],
   paddingInlineStart: ["paddingStart"],
   paddingInlineEnd: ["paddingEnd"],
-  // logical sizing
   minBlockSize: ["minHeight"],
   maxBlockSize: ["maxHeight"],
   minInlineSize: ["minWidth"],
   maxInlineSize: ["maxWidth"],
   blockSize: ["height"],
   inlineSize: ["width"],
-  // inset
   inset: ["top", "right", "bottom", "left"],
   insetBlock: ["top", "bottom"],
   insetBlockStart: ["top"],

package/dist/esm/helpers/expandStyle.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["isAndroid","isWeb","parseBorderShorthand","parseOutlineShorthand","_loop","parent","_exec","_exec_index","prefix","slice","exec","index","length","EXPANSIONS","map","k","expandStyle","key","value","resizeMode","resizeModeMap","verticalAlignMap","parsed"],"sources":["../../../src/helpers/expandStyle.ts"],"sourcesContent":[null],"mappings":"AAKA,SAAoBA,SAAA,EAAAC,KAAa;AAEjC,4BAAS;AAET,SAAqCC,oBAAA;AACrC,SAAsCC,qBAAA;AAEtC,IAAAC,KAAM,YAAAA,CAAWC,MAAA;EACf,IAACC,KAAA;IAAAC,WAAa;IAAAC,MAAA,GAAAH,MAAA,CAAAI,KAAA,KAAAF,WAAA,IAAAD,KAAA,WAAAI,IAAA,CAAAL,MAAA,eAAAC,KAAA,uBAAAA,KAAA,CAAAK,KAAA,cAAAJ,WAAA,cAAAA,WAAA,GAAAF,MAAA,CAAAO,MAAA;EACdC,UAAC,CAAAR,MAAe,IAAAQ,UAAA,CAAAR,MAAA,EAAAS,GAAA,WAAAC,CAAA;IACf,UAAAP,MAAa,GAAMO,CAAA;EACtB;AAEO;AAEH,SAAIC,WAAQA,CAAAC,GAAA,EAAAC,KAAA;EACV,IAAAlB,SAAI,IAAAiB,GAAU,KACL,kBAEF,SACJ,CACD,CACC,aACHC,KAAA,CAGF,CACE;EACE,QAAAD,GAAO;IAAqB;MAAA;QAG9B,IAAKE,UAAA,GAAAC,aAAA,CAAAF,KAAA;QACH,OAAO,CACL,CACC,cACHC,UAAA,CAEJ,CAyDE;MACF;IAEJ;MAmBM,OAAO,CAMX,CACA,mBAAc,EACZE,gBAAA,CAAAH,KAAA,YACA,CACA;IACA;MACF,OAAAA,KAAA,gBAAAA,KAAA,iBACA,CACQ,YACR,UAAkB,CAClB,CACA,QAAS;IACT,sBAAmB;MACnB,QACI,CAAS,gCAEXA,KAAA,CAAkE,CAElE;IACA;MAAA;QACF,WAAAA,KAAA;UACF,IAAAI,MAAA,GAAApB,oBAAA,CAAAgB,KAAA;UAEA,IAAWI,MAAA,EACH,OAASA,MAAA;QACf;QACF","ignoreList":[]}
+{"version":3,"names":["isAndroid","isWeb","getStyleCompat","parseBorderShorthand","parseOutlineShorthand","_loop","parent","_exec","_exec_index","prefix","slice","exec","index","length","EXPANSIONS","map","k","expandStyle","key","value","arguments","resizeModeMap","verticalAlignMap","parsed","parsed1","nativeExpansions","fill","none","contain","cover","top","middle","bottom","auto","all","horiz","vert","xy","borderColor","borderRadius","borderWidth","margin","marginHorizontal","marginVertical","padding","paddingHorizontal","paddingVertical","borderStyle","overflow","overscrollBehavior","borderBlockColor","borderInlineColor","borderBlockWidth","borderInlineWidth","borderBlockStyle","borderInlineStyle","borderBlockStartColor","borderBlockEndColor","borderInlineStartColor","borderInlineEndColor","borderBlockStartWidth","borderBlockEndWidth","borderInlineStartWidth","borderInlineEndWidth","borderBlockStartStyle","borderBlockEndStyle","borderInlineStartStyle","borderInlineEndStyle","marginBlock","marginInline","paddingBlock","paddingInline","marginBlockStart","marginBlockEnd","marginInlineStart","marginInlineEnd","paddingBlockStart","paddingBlockEnd","paddingInlineStart","paddingInlineEnd","minBlockSize","maxBlockSize","minInlineSize","maxInlineSize","blockSize","inlineSize","inset","insetBlock","insetBlockStart","insetBlockEnd","insetInlineStart","insetInlineEnd"],"sources":["../../../src/helpers/expandStyle.ts"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/esm/helpers/expandStyles.mjs

@@ -1,17 +1,16 @@
 import { isWeb } from "@tamagui/constants";
 import { normalizeShadow } from "./normalizeShadow.mjs";
 function fixStyles(style) {
-  (style.shadowRadius != null || style.shadowColor || style.shadowOpacity != null || style.shadowOffset) && Object.assign(style, normalizeShadow(style));
-  for (const key in borderDefaults) key in style && (style[borderDefaults[key]] ||= "solid");
+  if (style.shadowRadius != null || style.shadowColor || style.shadowOpacity != null || style.shadowOffset) Object.assign(style, normalizeShadow(style));
+  for (const key in borderDefaults) if (key in style) style[borderDefaults[key]] ||= "solid";
 }
-const nativeStyle = isWeb ? null : "borderStyle",
-  borderDefaults = {
-    borderWidth: "borderStyle",
-    borderBottomWidth: nativeStyle || "borderBottomStyle",
-    borderTopWidth: nativeStyle || "borderTopStyle",
-    borderLeftWidth: nativeStyle || "borderLeftStyle",
-    borderRightWidth: nativeStyle || "borderRightStyle"
-    // TODO: need to add borderBlock and borderInline here, but they are alot and might impact performance
-  };
+const nativeStyle = isWeb ? null : "borderStyle";
+const borderDefaults = {
+  borderWidth: "borderStyle",
+  borderBottomWidth: nativeStyle || "borderBottomStyle",
+  borderTopWidth: nativeStyle || "borderTopStyle",
+  borderLeftWidth: nativeStyle || "borderLeftStyle",
+  borderRightWidth: nativeStyle || "borderRightStyle"
+};
 export { fixStyles };
 //# sourceMappingURL=expandStyles.mjs.map

package/dist/esm/helpers/expandStyles.mjs.map

@@ -1 +1 @@
-{"version":3,"names":["isWeb","normalizeShadow","fixStyles","style","shadowRadius","shadowColor","shadowOpacity","shadowOffset","Object","assign","key","borderDefaults","nativeStyle","borderWidth","borderBottomWidth","borderTopWidth","borderLeftWidth","borderRightWidth"],"sources":["../../../src/helpers/expandStyles.ts"],"sourcesContent":[null],"mappings":"AAAA,SAASA,KAAA,QAAa;AACtB,SAASC,eAAA,QAAuB;AAEzB,SAASC,UAAUC,KAAA,EAA4B;EAWpD,CACEA,KAAA,CAAMC,YAAA,IAAgB,QACtBD,KAAA,CAAME,WAAA,IACNF,KAAA,CAAMG,aAAA,IAAiB,QACvBH,KAAA,CAAMI,YAAA,KAENC,MAAA,CAAOC,MAAA,CAAON,KAAA,EAAOF,eAAA,CAAgBE,KAAK,CAAC;EAK7C,WAAWO,GAAA,IAAOC,cAAA,EACZD,GAAA,IAAOP,KAAA,KACTA,KAAA,CAAMQ,cAAA,CAAeD,GAAG,CAAC,MAAM;AAGrC;AAGA,MAAME,WAAA,GAAcZ,KAAA,GAAQ,OAAO;EAC7BW,cAAA,GAAiB;IACrBE,WAAA,EAAa;IACbC,iBAAA,EAAmBF,WAAA,IAAe;IAClCG,cAAA,EAAgBH,WAAA,IAAe;IAC/BI,eAAA,EAAiBJ,WAAA,IAAe;IAChCK,gBAAA,EAAkBL,WAAA,IAAe;IAAA;EAEnC","ignoreList":[]}
+{"version":3,"names":["isWeb","normalizeShadow","fixStyles","style","shadowRadius","shadowColor","shadowOpacity","shadowOffset","Object","assign","key","borderDefaults","nativeStyle","borderWidth","borderBottomWidth","borderTopWidth","borderLeftWidth","borderRightWidth"],"sources":["../../../src/helpers/expandStyles.ts"],"sourcesContent":[null],"mappings":"AAAA,SAASA,KAAA,QAAa;AACtB,SAASC,eAAA,QAAuB;AAEzB,SAASC,UAAUC,KAAA,EAA4B;EACpD,IAAAA,KAAI,CAAAC,YAAY,YAAAD,KAAmB,CAAAE,WAAU,IAAAF,KAAA,CAAAG,aAAA,YAAAH,KAAA,CAAAI,YAAA,EAAAC,MAAA,CAAAC,MAAA,CAAAN,KAAA,EAAAF,eAAA,CAAAE,KAAA;EAC3C,WAAIO,GAAA,IAAAC,cAAsB,MAAOD,GAAA,IAAAP,KAAA,EAAAA,KAAA,CAAAQ,cAAA,CAAAD,GAAA;AAE/B;AAEA,MAAAE,WAAO,GAAMZ,KAAA;AAAA,MACfW,cAAA;EAAAE,WACF;EAGAC,iBACQ,EAAAF,WAAgB,uBAChB;EAING,cAAO,EAAAH,WAAc,oBAAsB;EAAAI,eAC7C,EAAAJ,WAAA;EAIAK,gBAAW,EAAAL,WAAO;AAChB;AACE,SAAAV,SAAM","ignoreList":[]}

package/dist/esm/helpers/expandStyles.native.js

@@ -1,19 +1,23 @@
 import { isWeb } from "@tamagui/constants";
 import { normalizeShadow } from "./normalizeShadow.native.js";
 function fixStyles(style) {
-  "elevationAndroid" in style && (style.elevation = style.elevationAndroid, delete style.elevationAndroid), (style.shadowRadius != null || style.shadowColor || style.shadowOpacity != null || style.shadowOffset) && Object.assign(style, normalizeShadow(style));
+  if ("elevationAndroid" in style) {
+    style["elevation"] = style.elevationAndroid;
+    delete style.elevationAndroid;
+  }
+  if (style.shadowRadius != null || style.shadowColor || style.shadowOpacity != null || style.shadowOffset) Object.assign(style, normalizeShadow(style));
   for (var key in borderDefaults) if (key in style) {
     var _style, _borderDefaults_key;
     (_style = style)[_borderDefaults_key = borderDefaults[key]] || (_style[_borderDefaults_key] = "solid");
   }
 }
-var nativeStyle = isWeb ? null : "borderStyle",
-  borderDefaults = {
-    borderWidth: "borderStyle",
-    borderBottomWidth: nativeStyle || "borderBottomStyle",
-    borderTopWidth: nativeStyle || "borderTopStyle",
-    borderLeftWidth: nativeStyle || "borderLeftStyle",
-    borderRightWidth: nativeStyle || "borderRightStyle"
-  };
+var nativeStyle = isWeb ? null : "borderStyle";
+var borderDefaults = {
+  borderWidth: "borderStyle",
+  borderBottomWidth: nativeStyle || "borderBottomStyle",
+  borderTopWidth: nativeStyle || "borderTopStyle",
+  borderLeftWidth: nativeStyle || "borderLeftStyle",
+  borderRightWidth: nativeStyle || "borderRightStyle"
+};
 export { fixStyles };
 //# sourceMappingURL=expandStyles.native.js.map

package/dist/esm/helpers/expandStyles.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["isWeb","normalizeShadow","fixStyles","style","elevation","elevationAndroid","shadowRadius","shadowColor","shadowOpacity","shadowOffset","Object","assign","key","borderDefaults","_style","_borderDefaults_key","nativeStyle","borderWidth","borderBottomWidth","borderTopWidth","borderLeftWidth"],"sources":["../../../src/helpers/expandStyles.ts"],"sourcesContent":[null],"mappings":"AAAA,SAASA,KAAA,QAAa;AACtB,SAASC,eAAA,QAAuB;AAEzB,SAASC,UAAUC,KAAA,EAA4B;EAWpD,kBACQ,IAAAA,KAAgB,KACtBA,KAAM,CAAAC,SAAA,GAAAD,KACN,CAAAE,gBAAM,SAAiBF,KACvB,CAAAE,gBAAM,GAEN,CAAAF,KAAA,CAAOG,YAAO,IAAO,QAAAH,KAAA,CAAgBI,WAAM,IAAAJ,KAAA,CAAAK,aAAA,YAAAL,KAAA,CAAAM,YAAA,KAAAC,MAAA,CAAAC,MAAA,CAAAR,KAAA,EAAAF,eAAA,CAAAE,KAAA;EAK7C,SAAAS,GAAW,IAAAC,cAAO,EACZ,IAAAD,GAAO,IAAAT,KAAA,EACT;IAGN,IAAAW,MAAA,EAAAC,mBAAA;IAGM,CAAAD,MAAA,GAAAX,KAAc,EAAAY,mBAAe,GAAAF,cAC7B,CAAAD,GAAA,OAAiBE,MAAA,CAAAC,mBAAA;EACrB;AAAa;AACqB,IAClCC,WAAA,GAAgBhB,KAAA,UAAe;EAAAa,cAAA;IAC/BI,WAAA,eAAiB;IACjBC,iBAAA,EAAkBF,WAAA,IAAe;IAAAG,cAAA,EAAAH,WAAA;IAEnCI,eAAA,EAAAJ,WAAA","ignoreList":[]}
+{"version":3,"names":["isWeb","normalizeShadow","fixStyles","style","elevationAndroid","shadowRadius","shadowColor","shadowOpacity","shadowOffset","Object","assign","key","borderDefaults","_style","_borderDefaults_key","nativeStyle","borderWidth","borderBottomWidth","borderTopWidth","borderLeftWidth","borderRightWidth"],"sources":["../../../src/helpers/expandStyles.ts"],"sourcesContent":[null],"mappings":"AAAA,SAASA,KAAA,QAAa;AACtB,SAASC,eAAA,QAAuB;AAEzB,SAASC,UAAUC,KAAA,EAA4B;EACpD,sBAAgB,IAAAA,KAAA;IACdA,KAAA,CAAI,eAAAA,KAAA,CAAAC,gBAA6B;IAE/B,OAAAD,KAAM,CAAAC,gBAAe;EAErB;EAAa,IACfD,KAAA,CAAAE,YAAA,YAAAF,KAAA,CAAAG,WAAA,IAAAH,KAAA,CAAAI,aAAA,YAAAJ,KAAA,CAAAK,YAAA,EAAAC,MAAA,CAAAC,MAAA,CAAAP,KAAA,EAAAF,eAAA,CAAAE,KAAA;EAAA,KACF,IAAAQ,GAAA,IAAAC,cAAA,MAAAD,GAAA,IAAAR,KAAA;IAGA,IACEU,MAAM,EAAAC,mBAAgB;IAKtB,CAAAD,MAAA,GAAOV,KAAA,EAAOW,mBAAO,GAAgBF,cAAM,CAAAD,GAAA,OAAAE,MAAA,CAAAC,mBAAA;EAAA;AAK7C;AACE,IAAAC,WAAW,GAAAf,KAAO;AAChB,IAAAY,cAAM;EAAyBI,WACjC;EAAAC,iBACF,EAAAF,WAAA;EACFG,cAAA,EAAAH,WAAA;EAGAI,eAAM,EAAAJ,WAAsB,qBAAO;EACnCK,gBAAM,EAAAL,WAAiB;AAAA;AACR,SACbb,SAAA","ignoreList":[]}

package/dist/esm/helpers/getCSSStylesAtomic.mjs

@@ -12,12 +12,23 @@ function getCSSStylesAtomic(style) {
   for (const key in style) {
     if (key === "$$css") continue;
     const val = style[key];
-    if (key in pseudoDescriptors) val && out.push(...getStyleAtomic(val, pseudoDescriptors[key]));else if (isMediaKey(key)) for (const subKey in val) {
-      const so = getStyleObject(val, subKey);
-      so && (so[0] = key, out.push(so));
+    if (key in pseudoDescriptors) {
+      if (val) {
+        out.push(...getStyleAtomic(val, pseudoDescriptors[key]));
+      }
+    } else if (isMediaKey(key)) {
+      for (const subKey in val) {
+        const so = getStyleObject(val, subKey);
+        if (so) {
+          so[0] = key;
+          out.push(so);
+        }
+      }
     } else {
       const so = getStyleObject(style, key);
-      so && out.push(so);
+      if (so) {
+        out.push(so);
+      }
     }
   }
   return out;
@@ -27,7 +38,9 @@ const getStyleAtomic = (style, pseudo) => {
   const out = [];
   for (const key in style) {
     const so = getStyleObject(style, key, pseudo);
-    so && out.push(so);
+    if (so) {
+      out.push(so);
+    }
   }
   return out;
 };
@@ -35,13 +48,19 @@ let conf = null;
 const getStyleObject = (style, key, pseudo) => {
   let val = style[key];
   if (val == null) return;
-  key === "transform" && Array.isArray(style.transform) && (val = transformsToString(val));
-  const value = normalizeValueWithProperty(val, key),
-    hash = simpleHash(typeof value == "string" ? value : `${value}`),
-    pseudoPrefix = pseudo ? `0${pseudo.name}-` : "";
+  if (key === "transform" && Array.isArray(style.transform)) {
+    val = transformsToString(val);
+  }
+  const value = normalizeValueWithProperty(val, key);
+  const hash = simpleHash(typeof value === "string" ? value : `${value}`);
+  const pseudoPrefix = pseudo ? `0${pseudo.name}-` : "";
   conf ||= getConfigMaybe();
-  const identifier = `_${conf?.inverseShorthands[key] || key}-${pseudoPrefix}${hash}`,
-    rules = createAtomicRules(identifier, key, value, pseudo);
+  const shortProp = conf?.inverseShorthands[key] || key;
+  let identifier = `_${shortProp}-${pseudoPrefix}${hash}`;
+  if (key === "pointerEvents" && !pseudo) {
+    if (value === "box-none") identifier = "_pe-boxnone";else if (value === "box-only") identifier = "_pe-boxonly";
+  }
+  const rules = createAtomicRules(identifier, key, value, pseudo);
   return [
   // array for performance
   key, value, identifier, pseudo?.name, rules];
@@ -54,16 +73,19 @@ function styleToCSS(style) {
     shadowOpacity
   } = style;
   if (shadowRadius != null || shadowColor || shadowOffset != null || shadowOpacity != null) {
-    const offset = shadowOffset || defaultOffset,
-      width = normalizeValueWithProperty(offset.width),
-      height = normalizeValueWithProperty(offset.height),
-      radius = normalizeValueWithProperty(shadowRadius),
-      color = normalizeColor(shadowColor, shadowOpacity);
+    const offset = shadowOffset || defaultOffset;
+    const width = normalizeValueWithProperty(offset.width);
+    const height = normalizeValueWithProperty(offset.height);
+    const radius = normalizeValueWithProperty(shadowRadius);
+    const color = normalizeColor(shadowColor, shadowOpacity);
     if (color) {
       const shadow = `${width} ${height} ${radius} ${color}`;
       style.boxShadow = style.boxShadow ? `${style.boxShadow}, ${shadow}` : shadow;
     }
-    delete style.shadowOffset, delete style.shadowRadius, delete style.shadowColor, delete style.shadowOpacity;
+    delete style.shadowOffset;
+    delete style.shadowRadius;
+    delete style.shadowColor;
+    delete style.shadowOpacity;
   }
   const {
     textShadowColor,
@@ -72,46 +94,53 @@ function styleToCSS(style) {
   } = style;
   if (textShadowColor || textShadowOffset || textShadowRadius) {
     const {
-        height,
-        width
-      } = textShadowOffset || defaultOffset,
-      radius = textShadowRadius || 0,
-      color = normalizeValueWithProperty(textShadowColor, "textShadowColor");
+      height,
+      width
+    } = textShadowOffset || defaultOffset;
+    const radius = textShadowRadius || 0;
+    const color = normalizeValueWithProperty(textShadowColor, "textShadowColor");
     if (color && (height !== 0 || width !== 0 || radius !== 0)) {
-      const blurRadius = normalizeValueWithProperty(radius),
-        offsetX = normalizeValueWithProperty(width),
-        offsetY = normalizeValueWithProperty(height);
+      const blurRadius = normalizeValueWithProperty(radius);
+      const offsetX = normalizeValueWithProperty(width);
+      const offsetY = normalizeValueWithProperty(height);
       style.textShadow = `${offsetX} ${offsetY} ${blurRadius} ${color}`;
     }
-    delete style.textShadowColor, delete style.textShadowOffset, delete style.textShadowRadius;
+    delete style.textShadowColor;
+    delete style.textShadowOffset;
+    delete style.textShadowRadius;
   }
 }
-function createDeclarationBlock(style, important = !1) {
+function createDeclarationBlock(style, important = false) {
   let next = "";
-  for (const [key, value] of style) next += `${hyphenateStyleName(key)}:${value}${important ? " !important" : ""};`;
+  for (const [key, value] of style) {
+    next += `${hyphenateStyleName(key)}:${value}${important ? " !important" : ""};`;
+  }
   return `{${next}}`;
 }
-const hcache = {},
-  toHyphenLower = match => `-${match.toLowerCase()}`,
-  hyphenateStyleName = key => {
-    if (key in hcache) return hcache[key];
-    const val = key.replace(/[A-Z]/g, toHyphenLower);
-    return hcache[key] = val, val;
-  },
-  selectorPriority = (() => {
-    const res = {};
-    for (const key in pseudoDescriptors) {
-      const pseudo = pseudoDescriptors[key];
-      res[pseudo.name] = `${[...Array(pseudo.priority)].map(() => ":root").join("")} `;
-    }
-    return res;
-  })();
+const hcache = {};
+const toHyphenLower = match => `-${match.toLowerCase()}`;
+const hyphenateStyleName = key => {
+  if (key in hcache) return hcache[key];
+  const val = key.replace(/[A-Z]/g, toHyphenLower);
+  hcache[key] = val;
+  return val;
+};
+const selectorPriority = (() => {
+  const res = {};
+  for (const key in pseudoDescriptors) {
+    const pseudo = pseudoDescriptors[key];
+    res[pseudo.name] = `${[...Array(pseudo.priority)].map(() => ":root").join("")} `;
+  }
+  return res;
+})();
 function createAtomicRules(identifier, property, value, pseudo) {
-  const pseudoIdPostfix = pseudo ? pseudo.name === "disabled" ? "[aria-disabled]" : `:${pseudo.name}` : "",
-    pseudoSelector = pseudo?.selector,
-    cls = property in cssShorthandLonghands ? `.${identifier}.${identifier}` : `.${identifier}`;
+  const pseudoIdPostfix = pseudo ? pseudo.name === "disabled" ? `[aria-disabled]` : `:${pseudo.name}` : "";
+  const pseudoSelector = pseudo?.selector;
+  const cls = property in cssShorthandLonghands ? `.${identifier}.${identifier}` : `.${identifier}`;
   let selector = pseudo ? pseudoSelector ? `${pseudoSelector} ${cls}` : `${selectorPriority[pseudo.name]} ${cls}${pseudoIdPostfix}` : `:root ${cls}`;
-  pseudoSelector === pseudoDescriptors.enterStyle.selector && (selector = `${selector}, .${identifier}${pseudoSelector}`);
+  if (pseudoSelector === pseudoDescriptors.enterStyle.selector) {
+    selector = `${selector}, .${identifier}${pseudoSelector}`;
+  }
   const important = !!pseudo;
   let rules = [];
   switch (property) {
@@ -126,8 +155,9 @@ function createAtomicRules(identifier, property, value, pseudo) {
     case "backgroundClip":
     case "userSelect":
       {
-        const webkitProperty = `Webkit${`${property[0].toUpperCase()}${property.slice(1)}`}`,
-          block = createDeclarationBlock([[property, value], [webkitProperty, value]], important);
+        const propertyCapitalized = `${property[0].toUpperCase()}${property.slice(1)}`;
+        const webkitProperty = `Webkit${propertyCapitalized}`;
+        const block = createDeclarationBlock([[property, value], [webkitProperty, value]], important);
         rules.push(`${selector}${block}`);
         break;
       }
@@ -135,8 +165,12 @@ function createAtomicRules(identifier, property, value, pseudo) {
     case "pointerEvents":
       {
         let finalValue = value;
-        value === "auto" || value === "box-only" ? (finalValue = "auto", value === "box-only" && rules.push(`${selector}>*${boxOnly}`)) : (value === "none" || value === "box-none") && (finalValue = "none", value === "box-none" && rules.push(`${selector}>*${boxNone}`));
-        const block = createDeclarationBlock([["pointerEvents", finalValue]], !0);
+        if (value === "auto" || value === "box-only") {
+          finalValue = "auto";
+        } else if (value === "none" || value === "box-none") {
+          finalValue = "none";
+        }
+        const block = createDeclarationBlock([["pointerEvents", finalValue]], true);
         rules.push(`${selector}${block}`);
         break;
       }
@@ -147,9 +181,10 @@ function createAtomicRules(identifier, property, value, pseudo) {
         break;
       }
   }
-  return pseudo?.name === "hover" && (rules = rules.map(r => `@media (hover) {${r}}`)), rules;
+  if (pseudo?.name === "hover") {
+    rules = rules.map(r => `@media (hover) {${r}}`);
+  }
+  return rules;
 }
-const boxNone = createDeclarationBlock([["pointerEvents", "auto"]], !0),
-  boxOnly = createDeclarationBlock([["pointerEvents", "none"]], !0);
 export { getCSSStylesAtomic, getStyleAtomic, styleToCSS };
 //# sourceMappingURL=getCSSStylesAtomic.mjs.map