@tamagui/separator 1.0.0-beta.16 → 1.0.1-beta.101

package/dist/cjs/Separator.js

@@ -23,10 +23,12 @@ module.exports = __toCommonJS(Separator_exports);
 var import_core = require("@tamagui/core");
 const Separator = (0, import_core.styled)(import_core.Stack, {
   name: "Separator",
-  borderColor: "$borderColorHover",
+  borderColor: "$borderColor",
   flexShrink: 0,
-  alignSelf: "stretch",
   borderWidth: 0,
+  flex: 1,
+  height: 0,
+  maxHeight: 0,
   borderBottomWidth: 1,
   y: -0.5,
   variants: {
@@ -34,6 +36,10 @@ const Separator = (0, import_core.styled)(import_core.Stack, {
       true: {
         y: 0,
         x: -0.5,
+        height: import_core.isWeb ? "initial" : "auto",
+        maxHeight: import_core.isWeb ? "initial" : "auto",
+        width: 0,
+        maxWidth: 0,
         borderBottomWidth: 0,
         borderRightWidth: 1
       }

package/dist/cjs/Separator.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/Separator.tsx"],
-  "sourcesContent": ["import { Stack, styled } from '@tamagui/core'\n\nexport const Separator = styled(Stack, {\n  name: 'Separator',\n  borderColor: '$borderColorHover',\n  flexShrink: 0,\n  alignSelf: 'stretch',\n  borderWidth: 0,\n  borderBottomWidth: 1,\n  y: -0.5,\n\n  variants: {\n    vertical: {\n      true: {\n        y: 0,\n        x: -0.5,\n        borderBottomWidth: 0,\n        borderRightWidth: 1,\n      },\n    },\n  },\n})\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAA8B;AAEvB,MAAM,YAAY,wBAAO,mBAAO;AAAA,EACrC,MAAM;AAAA,EACN,aAAa;AAAA,EACb,YAAY;AAAA,EACZ,WAAW;AAAA,EACX,aAAa;AAAA,EACb,mBAAmB;AAAA,EACnB,GAAG;AAAA,EAEH,UAAU;AAAA,IACR,UAAU;AAAA,MACR,MAAM;AAAA,QACJ,GAAG;AAAA,QACH,GAAG;AAAA,QACH,mBAAmB;AAAA,QACnB,kBAAkB;AAAA,MACpB;AAAA,IACF;AAAA,EACF;AACF,CAAC;",
+  "sourcesContent": ["import { Stack, isWeb, styled } from '@tamagui/core'\n\nexport const Separator = styled(Stack, {\n  name: 'Separator',\n  borderColor: '$borderColor',\n  flexShrink: 0,\n  borderWidth: 0,\n  flex: 1,\n  height: 0,\n  maxHeight: 0,\n  borderBottomWidth: 1,\n  y: -0.5,\n\n  variants: {\n    vertical: {\n      true: {\n        y: 0,\n        x: -0.5,\n        height: isWeb ? 'initial' : 'auto',\n        // maxHeight auto WILL BE passed to style attribute, but for some reason not used?\n        // almost seems like a react or browser bug, but for now `initial` works\n        // also, it doesn't happen for `height`, but for consistency using the same values\n        maxHeight: isWeb ? 'initial' : 'auto',\n        width: 0,\n        maxWidth: 0,\n        borderBottomWidth: 0,\n        borderRightWidth: 1,\n      },\n    },\n  },\n})\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAAqC;AAE9B,MAAM,YAAY,wBAAO,mBAAO;AAAA,EACrC,MAAM;AAAA,EACN,aAAa;AAAA,EACb,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,WAAW;AAAA,EACX,mBAAmB;AAAA,EACnB,GAAG;AAAA,EAEH,UAAU;AAAA,IACR,UAAU;AAAA,MACR,MAAM;AAAA,QACJ,GAAG;AAAA,QACH,GAAG;AAAA,QACH,QAAQ,oBAAQ,YAAY;AAAA,QAI5B,WAAW,oBAAQ,YAAY;AAAA,QAC/B,OAAO;AAAA,QACP,UAAU;AAAA,QACV,mBAAmB;AAAA,QACnB,kBAAkB;AAAA,MACpB;AAAA,IACF;AAAA,EACF;AACF,CAAC;",
   "names": []
 }

package/dist/esm/Separator.js

@@ -1,10 +1,12 @@
-import { Stack, styled } from "@tamagui/core";
+import { Stack, isWeb, styled } from "@tamagui/core";
 const Separator = styled(Stack, {
   name: "Separator",
-  borderColor: "$borderColorHover",
+  borderColor: "$borderColor",
   flexShrink: 0,
-  alignSelf: "stretch",
   borderWidth: 0,
+  flex: 1,
+  height: 0,
+  maxHeight: 0,
   borderBottomWidth: 1,
   y: -0.5,
   variants: {
@@ -12,6 +14,10 @@ const Separator = styled(Stack, {
       true: {
         y: 0,
         x: -0.5,
+        height: isWeb ? "initial" : "auto",
+        maxHeight: isWeb ? "initial" : "auto",
+        width: 0,
+        maxWidth: 0,
         borderBottomWidth: 0,
         borderRightWidth: 1
       }

package/dist/esm/Separator.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/Separator.tsx"],
-  "sourcesContent": ["import { Stack, styled } from '@tamagui/core'\n\nexport const Separator = styled(Stack, {\n  name: 'Separator',\n  borderColor: '$borderColorHover',\n  flexShrink: 0,\n  alignSelf: 'stretch',\n  borderWidth: 0,\n  borderBottomWidth: 1,\n  y: -0.5,\n\n  variants: {\n    vertical: {\n      true: {\n        y: 0,\n        x: -0.5,\n        borderBottomWidth: 0,\n        borderRightWidth: 1,\n      },\n    },\n  },\n})\n"],
-  "mappings": "AAAA;AAEO,MAAM,YAAY,OAAO,OAAO;AAAA,EACrC,MAAM;AAAA,EACN,aAAa;AAAA,EACb,YAAY;AAAA,EACZ,WAAW;AAAA,EACX,aAAa;AAAA,EACb,mBAAmB;AAAA,EACnB,GAAG;AAAA,EAEH,UAAU;AAAA,IACR,UAAU;AAAA,MACR,MAAM;AAAA,QACJ,GAAG;AAAA,QACH,GAAG;AAAA,QACH,mBAAmB;AAAA,QACnB,kBAAkB;AAAA,MACpB;AAAA,IACF;AAAA,EACF;AACF,CAAC;",
+  "sourcesContent": ["import { Stack, isWeb, styled } from '@tamagui/core'\n\nexport const Separator = styled(Stack, {\n  name: 'Separator',\n  borderColor: '$borderColor',\n  flexShrink: 0,\n  borderWidth: 0,\n  flex: 1,\n  height: 0,\n  maxHeight: 0,\n  borderBottomWidth: 1,\n  y: -0.5,\n\n  variants: {\n    vertical: {\n      true: {\n        y: 0,\n        x: -0.5,\n        height: isWeb ? 'initial' : 'auto',\n        // maxHeight auto WILL BE passed to style attribute, but for some reason not used?\n        // almost seems like a react or browser bug, but for now `initial` works\n        // also, it doesn't happen for `height`, but for consistency using the same values\n        maxHeight: isWeb ? 'initial' : 'auto',\n        width: 0,\n        maxWidth: 0,\n        borderBottomWidth: 0,\n        borderRightWidth: 1,\n      },\n    },\n  },\n})\n"],
+  "mappings": "AAAA;AAEO,MAAM,YAAY,OAAO,OAAO;AAAA,EACrC,MAAM;AAAA,EACN,aAAa;AAAA,EACb,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,WAAW;AAAA,EACX,mBAAmB;AAAA,EACnB,GAAG;AAAA,EAEH,UAAU;AAAA,IACR,UAAU;AAAA,MACR,MAAM;AAAA,QACJ,GAAG;AAAA,QACH,GAAG;AAAA,QACH,QAAQ,QAAQ,YAAY;AAAA,QAI5B,WAAW,QAAQ,YAAY;AAAA,QAC/B,OAAO;AAAA,QACP,UAAU;AAAA,QACV,mBAAmB;AAAA,QACnB,kBAAkB;AAAA,MACpB;AAAA,IACF;AAAA,EACF;AACF,CAAC;",
   "names": []
 }

package/dist/jsx/Separator.js

@@ -1,10 +1,12 @@
-import { Stack, styled } from "@tamagui/core";
+import { Stack, isWeb, styled } from "@tamagui/core";
 const Separator = styled(Stack, {
   name: "Separator",
-  borderColor: "$borderColorHover",
+  borderColor: "$borderColor",
   flexShrink: 0,
-  alignSelf: "stretch",
   borderWidth: 0,
+  flex: 1,
+  height: 0,
+  maxHeight: 0,
   borderBottomWidth: 1,
   y: -0.5,
   variants: {
@@ -12,6 +14,10 @@ const Separator = styled(Stack, {
       true: {
         y: 0,
         x: -0.5,
+        height: isWeb ? "initial" : "auto",
+        maxHeight: isWeb ? "initial" : "auto",
+        width: 0,
+        maxWidth: 0,
         borderBottomWidth: 0,
         borderRightWidth: 1
       }
@@ -21,3 +27,4 @@ const Separator = styled(Stack, {
 export {
   Separator
 };
+//# sourceMappingURL=Separator.js.map

package/dist/jsx/Separator.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/Separator.tsx"],
+  "sourcesContent": ["import { Stack, isWeb, styled } from '@tamagui/core'\n\nexport const Separator = styled(Stack, {\n  name: 'Separator',\n  borderColor: '$borderColor',\n  flexShrink: 0,\n  borderWidth: 0,\n  flex: 1,\n  height: 0,\n  maxHeight: 0,\n  borderBottomWidth: 1,\n  y: -0.5,\n\n  variants: {\n    vertical: {\n      true: {\n        y: 0,\n        x: -0.5,\n        height: isWeb ? 'initial' : 'auto',\n        // maxHeight auto WILL BE passed to style attribute, but for some reason not used?\n        // almost seems like a react or browser bug, but for now `initial` works\n        // also, it doesn't happen for `height`, but for consistency using the same values\n        maxHeight: isWeb ? 'initial' : 'auto',\n        width: 0,\n        maxWidth: 0,\n        borderBottomWidth: 0,\n        borderRightWidth: 1,\n      },\n    },\n  },\n})\n"],
+  "mappings": "AAAA;AAEO,MAAM,YAAY,OAAO,OAAO;AAAA,EACrC,MAAM;AAAA,EACN,aAAa;AAAA,EACb,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,WAAW;AAAA,EACX,mBAAmB;AAAA,EACnB,GAAG;AAAA,EAEH,UAAU;AAAA,IACR,UAAU;AAAA,MACR,MAAM;AAAA,QACJ,GAAG;AAAA,QACH,GAAG;AAAA,QACH,QAAQ,QAAQ,YAAY;AAAA,QAI5B,WAAW,QAAQ,YAAY;AAAA,QAC/B,OAAO;AAAA,QACP,UAAU;AAAA,QACV,mBAAmB;AAAA,QACnB,kBAAkB;AAAA,MACpB;AAAA,IACF;AAAA,EACF;AACF,CAAC;",
+  "names": []
+}

package/dist/jsx/index.js

@@ -1 +1,2 @@
 export * from "./Separator";
+//# sourceMappingURL=index.js.map

package/dist/jsx/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/index.tsx"],
+  "sourcesContent": ["export * from './Separator'\n"],
+  "mappings": "AAAA;",
+  "names": []
+}

package/package.json

@@ -1,13 +1,16 @@
 {
   "name": "@tamagui/separator",
-  "version": "1.0.0-beta.16",
-  "sideEffects": false,
+  "version": "1.0.1-beta.101",
+  "sideEffects": [
+    "*.css"
+  ],
   "source": "src/index.ts",
-  "typings": "types",
+  "types": "./types/index.d.ts",
   "main": "dist/cjs",
   "module": "dist/esm",
   "module:jsx": "dist/jsx",
   "files": [
+    "src",
     "types",
     "dist"
   ],
@@ -16,14 +19,14 @@
     "watch": "tamagui-build --watch"
   },
   "dependencies": {
-    "@tamagui/core": "^1.0.0-beta.16"
+    "@tamagui/core": "^1.0.1-beta.101"
   },
   "peerDependencies": {
     "react": "*",
     "react-dom": "*"
   },
   "devDependencies": {
-    "@tamagui/build": "^1.0.0-beta.16",
+    "@tamagui/build": "^1.0.1-beta.101",
     "react": "*",
     "react-dom": "*"
   },

package/src/Separator.tsx

@@ -0,0 +1,31 @@
+import { Stack, isWeb, styled } from '@tamagui/core'
+
+export const Separator = styled(Stack, {
+  name: 'Separator',
+  borderColor: '$borderColor',
+  flexShrink: 0,
+  borderWidth: 0,
+  flex: 1,
+  height: 0,
+  maxHeight: 0,
+  borderBottomWidth: 1,
+  y: -0.5,
+
+  variants: {
+    vertical: {
+      true: {
+        y: 0,
+        x: -0.5,
+        height: isWeb ? 'initial' : 'auto',
+        // maxHeight auto WILL BE passed to style attribute, but for some reason not used?
+        // almost seems like a react or browser bug, but for now `initial` works
+        // also, it doesn't happen for `height`, but for consistency using the same values
+        maxHeight: isWeb ? 'initial' : 'auto',
+        width: 0,
+        maxWidth: 0,
+        borderBottomWidth: 0,
+        borderRightWidth: 1,
+      },
+    },
+  },
+})

package/src/index.tsx

@@ -0,0 +1 @@
+export * from './Separator'

package/types/Separator.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Separator.d.ts","sourceRoot":"","sources":["../src/Separator.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,SAAS;;;;;;;;EAmBpB,CAAA"}
+{"version":3,"file":"Separator.d.ts","sourceRoot":"","sources":["../src/Separator.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,SAAS;;;;;;;;EA4BpB,CAAA"}