@tamagui/spacer 2.7.7 → 3.0.0-beta.1091.1

package/package.json

@@ -1,6 +1,7 @@
 {
   "name": "@tamagui/spacer",
-  "version": "2.7.7",
+  "version": "3.0.0-beta.1091.1",
+  "license": "MIT",
   "files": [
     "src",
     "types",
@@ -33,12 +34,13 @@
     "clean:build": "tamagui-build clean:build"
   },
   "dependencies": {
-    "@tamagui/web": "2.7.7"
+    "@tamagui/size": "3.0.0-beta.1091.1",
+    "@tamagui/web": "3.0.0-beta.1091.1"
   },
   "devDependencies": {
-    "@tamagui/build": "2.7.7",
-    "react": ">=19",
-    "react-native": "0.83.2"
+    "@tamagui/build": "3.0.0-beta.1091.1",
+    "react": "19.2.3",
+    "react-native": "0.86.2"
   },
   "peerDependencies": {
     "react": ">=19"

package/src/Spacer.tsx

@@ -1,26 +1,25 @@
+import { resolveSize } from '@tamagui/size'
 import { styled, View, type SizeTokens } from '@tamagui/web'
 
-const getSpacerSize = (size: SizeTokens | number | boolean, { tokens }) => {
-  size = size === true ? '$true' : size
-  const sizePx = tokens.space[size as any] ?? size
+const getSpacerSize = styled.dynamic<SizeTokens | number | boolean>((size, env) => {
+  if (size === false) return
+  const sizePx =
+    typeof size === 'number' ? size : resolveSize(size, env).frame.paddingHorizontal
   return {
     width: sizePx,
     height: sizePx,
     minWidth: sizePx,
     minHeight: sizePx,
   }
-}
+})
 
 export const Spacer = styled(View, {
-  name: 'Spacer',
+  displayName: 'Spacer',
   pointerEvents: 'none',
   render: 'span',
 
   variants: {
-    size: {
-      '...size': getSpacerSize,
-      '...': getSpacerSize,
-    },
+    size: getSpacerSize,
 
     direction: {
       horizontal: {

package/types/Spacer.d.ts

@@ -1,6 +1,15 @@
-import { type SizeTokens } from '@tamagui/web';
-export declare const Spacer: import("@tamagui/web").TamaguiComponent<import("@tamagui/web").TamaDefer, import("@tamagui/web").TamaguiElement, import("@tamagui/web").StackNonStyleProps, import("@tamagui/web").StackStyleBase, {
-    size?: `$${string}` | SizeTokens | `$${number}` | undefined;
-    direction?: "horizontal" | "vertical" | "both" | undefined;
-}, import("@tamagui/web").StaticConfigPublic>;
+export declare const Spacer: import("react").FunctionComponent<Omit<import("@tamagui/web").StackNonStyleProps, "size" | keyof import("@tamagui/web").StackStyleBase> & import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStyleBase> & import("@tamagui/web").WithFlatVariantValues<{
+    direction?: "both" | "horizontal" | "vertical" | undefined;
+    size?: number | false | import("@tamagui/web").Size | undefined;
+}> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStyleBase>> & {
+    ref?: import("react").Ref<import("@tamagui/web").TamaguiElement> | undefined;
+}> & import("@tamagui/web").StaticComponentObject<import("@tamagui/web").TamaDefer, import("@tamagui/web").TamaguiElement, import("@tamagui/web").StackNonStyleProps, import("@tamagui/web").StackStyleBase, {
+    direction?: "both" | "horizontal" | "vertical" | undefined;
+    size?: number | false | import("@tamagui/web").Size | undefined;
+}, import("@tamagui/web").StaticConfigPublic> & Omit<import("@tamagui/web").StaticConfigPublic, "staticConfig"> & {
+    __tama: [import("@tamagui/web").TamaDefer, import("@tamagui/web").TamaguiElement, import("@tamagui/web").StackNonStyleProps, import("@tamagui/web").StackStyleBase, {
+        direction?: "both" | "horizontal" | "vertical" | undefined;
+        size?: number | false | import("@tamagui/web").Size | undefined;
+    }, import("@tamagui/web").StaticConfigPublic];
+};
 //# sourceMappingURL=Spacer.d.ts.map

package/types/Spacer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Spacer.d.ts","sourceRoot":"","sources":["../src/Spacer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAgB,KAAK,UAAU,EAAE,MAAM,cAAc,CAAA;AAa5D,eAAO,MAAM,MAAM;;;6CA4BjB,CAAA"}
+{"version":3,"file":"Spacer.d.ts","sourceRoot":"","sources":["../src/Spacer.tsx"],"names":[],"mappings":"AAeA,eAAO,MAAM,MAAM;;;;;;;;;;;;;CAyBjB,CAAA"}

package/types/Unspaced.d.ts

@@ -2,7 +2,8 @@ export declare function Unspaced(props: {
     children?: any;
 }): any;
 export declare namespace Unspaced {
-    var isUnspaced: boolean;
+    var _a: boolean;
+    export { _a as isUnspaced };
 }
 export declare function isUnspaced(child: React.ReactNode): any;
 //# sourceMappingURL=Unspaced.d.ts.map

package/types/Unspaced.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Unspaced.d.ts","sourceRoot":"","sources":["../src/Unspaced.tsx"],"names":[],"mappings":"AACA,wBAAgB,QAAQ,CAAC,KAAK,EAAE;IAAE,QAAQ,CAAC,EAAE,GAAG,CAAA;CAAE,OAEjD;yBAFe,QAAQ;;;AAMxB,wBAAgB,UAAU,CAAC,KAAK,EAAE,KAAK,CAAC,SAAS,OAGhD"}
+{"version":3,"file":"Unspaced.d.ts","sourceRoot":"","sources":["../src/Unspaced.tsx"],"names":[],"mappings":"AACA,wBAAgB,QAAQ,CAAC,KAAK,EAAE;IAAE,QAAQ,CAAC,EAAE,GAAG,CAAA;CAAE,OAEjD;yBAFe,QAAQ;;;;AAMxB,wBAAgB,UAAU,CAAC,KAAK,EAAE,KAAK,CAAC,SAAS,OAGhD"}

package/dist/esm/index.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["spacedChildren"],"sources":["../../src/index.ts"],"sourcesContent":[null],"mappings":"AAAA,SAASA,cAAA,QAAsB;AAC/B,cAAc;AACd,cAAc","ignoreList":[]}

package/dist/esm/index.mjs.map

@@ -1 +0,0 @@
-{"version":3,"names":["spacedChildren"],"sources":["../../src/index.ts"],"sourcesContent":[null],"mappings":"AAAA,SAASA,cAAA,QAAsB;AAC/B,cAAc;AACd,cAAc","ignoreList":[]}

package/dist/esm/index.native.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["spacedChildren"],"sources":["../../src/index.ts"],"sourcesContent":[null],"mappings":"AAAA,SAASA,cAAA,QAAsB;AAC/B,cAAc;AACd,cAAc","ignoreList":[]}

package/dist/esm/types.mjs.map

@@ -1 +0,0 @@
-{"version":3,"names":[],"sources":[],"sourcesContent":[],"mappings":"","ignoreList":[]}

package/dist/esm/types.native.js.map

@@ -1 +0,0 @@
-{"version":3,"names":[],"sources":[],"sourcesContent":[],"mappings":"","ignoreList":[]}