@tamagui/separator 1.0.1-beta.18 → 1.0.1-beta.181

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (18) hide show
  1. package/dist/cjs/Separator.js +9 -2
  2. package/dist/cjs/Separator.js.map +2 -2
  3. package/dist/cjs/index.js +1 -0
  4. package/dist/cjs/index.js.map +1 -1
  5. package/dist/esm/Separator.js +9 -3
  6. package/dist/esm/Separator.js.map +2 -2
  7. package/dist/esm/index.js +0 -0
  8. package/dist/esm/index.js.map +1 -1
  9. package/dist/jsx/Separator.js +10 -3
  10. package/dist/jsx/Separator.js.map +7 -0
  11. package/dist/jsx/index.js +1 -0
  12. package/dist/jsx/index.js.map +7 -0
  13. package/package.json +11 -6
  14. package/src/Separator.tsx +31 -0
  15. package/src/index.tsx +1 -0
  16. package/types/Separator.d.ts +5 -5
  17. package/types/Separator.d.ts.map +0 -1
  18. package/types/index.d.ts.map +0 -1
package/dist/cjs/Separator.js CHANGED
@@ -1,3 +1,4 @@
1
+ "use strict";
1
2
  var __defProp = Object.defineProperty;
2
3
  var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
3
4
  var __getOwnPropNames = Object.getOwnPropertyNames;
@@ -23,10 +24,12 @@ module.exports = __toCommonJS(Separator_exports);
23
24
  var import_core = require("@tamagui/core");
24
25
  const Separator = (0, import_core.styled)(import_core.Stack, {
25
26
  name: "Separator",
26
- borderColor: "$borderColorHover",
27
+ borderColor: "$borderColor",
27
28
  flexShrink: 0,
28
- alignSelf: "stretch",
29
29
  borderWidth: 0,
30
+ flex: 1,
31
+ height: 0,
32
+ maxHeight: 0,
30
33
  borderBottomWidth: 1,
31
34
  y: -0.5,
32
35
  variants: {
@@ -34,6 +37,10 @@ const Separator = (0, import_core.styled)(import_core.Stack, {
34
37
  true: {
35
38
  y: 0,
36
39
  x: -0.5,
40
+ height: import_core.isWeb ? "initial" : "auto",
41
+ maxHeight: import_core.isWeb ? "initial" : "auto",
42
+ width: 0,
43
+ maxWidth: 0,
37
44
  borderBottomWidth: 0,
38
45
  borderRightWidth: 1
39
46
  }
package/dist/cjs/Separator.js.map CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../src/Separator.tsx"],
4
- "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"],
5
- "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;",
4
+ "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 } as const,\n})\n"],
5
+ "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAAqC;AAE9B,MAAM,gBAAY,oBAAO,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;",
6
6
  "names": []
7
7
  }
package/dist/cjs/index.js CHANGED
@@ -1,3 +1,4 @@
1
+ "use strict";
1
2
  var __defProp = Object.defineProperty;
2
3
  var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
3
4
  var __getOwnPropNames = Object.getOwnPropertyNames;
package/dist/cjs/index.js.map CHANGED
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../src/index.tsx"],
4
4
  "sourcesContent": ["export * from './Separator'\n"],
5
- "mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA,wBAAc,wBAAd;",
5
+ "mappings": ";;;;;;;;;;;;;;;AAAA;AAAA;AAAA,wBAAc,wBAAd;",
6
6
  "names": []
7
7
  }
package/dist/esm/Separator.js CHANGED
@@ -1,10 +1,12 @@
1
- import { Stack, styled } from "@tamagui/core";
1
+ import { Stack, isWeb, styled } from "@tamagui/core";
2
2
  const Separator = styled(Stack, {
3
3
  name: "Separator",
4
- borderColor: "$borderColorHover",
4
+ borderColor: "$borderColor",
5
5
  flexShrink: 0,
6
- alignSelf: "stretch",
7
6
  borderWidth: 0,
7
+ flex: 1,
8
+ height: 0,
9
+ maxHeight: 0,
8
10
  borderBottomWidth: 1,
9
11
  y: -0.5,
10
12
  variants: {
@@ -12,6 +14,10 @@ const Separator = styled(Stack, {
12
14
  true: {
13
15
  y: 0,
14
16
  x: -0.5,
17
+ height: isWeb ? "initial" : "auto",
18
+ maxHeight: isWeb ? "initial" : "auto",
19
+ width: 0,
20
+ maxWidth: 0,
15
21
  borderBottomWidth: 0,
16
22
  borderRightWidth: 1
17
23
  }
package/dist/esm/Separator.js.map CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../src/Separator.tsx"],
4
- "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"],
5
- "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;",
4
+ "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 } as const,\n})\n"],
5
+ "mappings": "AAAA,SAAS,OAAO,OAAO,cAAc;AAE9B,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;",
6
6
  "names": []
7
7
  }
package/dist/esm/index.js CHANGED
File without changes
package/dist/esm/index.js.map CHANGED
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../src/index.tsx"],
4
4
  "sourcesContent": ["export * from './Separator'\n"],
5
- "mappings": "AAAA;",
5
+ "mappings": "AAAA,cAAc;",
6
6
  "names": []
7
7
  }
package/dist/jsx/Separator.js CHANGED
@@ -1,10 +1,12 @@
1
- import { Stack, styled } from "@tamagui/core";
1
+ import { Stack, isWeb, styled } from "@tamagui/core";
2
2
  const Separator = styled(Stack, {
3
3
  name: "Separator",
4
- borderColor: "$borderColorHover",
4
+ borderColor: "$borderColor",
5
5
  flexShrink: 0,
6
- alignSelf: "stretch",
7
6
  borderWidth: 0,
7
+ flex: 1,
8
+ height: 0,
9
+ maxHeight: 0,
8
10
  borderBottomWidth: 1,
9
11
  y: -0.5,
10
12
  variants: {
@@ -12,6 +14,10 @@ const Separator = styled(Stack, {
12
14
  true: {
13
15
  y: 0,
14
16
  x: -0.5,
17
+ height: isWeb ? "initial" : "auto",
18
+ maxHeight: isWeb ? "initial" : "auto",
19
+ width: 0,
20
+ maxWidth: 0,
15
21
  borderBottomWidth: 0,
16
22
  borderRightWidth: 1
17
23
  }
@@ -21,3 +27,4 @@ const Separator = styled(Stack, {
21
27
  export {
22
28
  Separator
23
29
  };
30
+ //# sourceMappingURL=Separator.js.map
package/dist/jsx/Separator.js.map ADDED
@@ -0,0 +1,7 @@
1
+ {
2
+ "version": 3,
3
+ "sources": ["../../src/Separator.tsx"],
4
+ "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 } as const,\n})\n"],
5
+ "mappings": "AAAA,SAAS,OAAO,OAAO,cAAc;AAE9B,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;",
6
+ "names": []
7
+ }
package/dist/jsx/index.js CHANGED
@@ -1 +1,2 @@
1
1
  export * from "./Separator";
2
+ //# sourceMappingURL=index.js.map
package/dist/jsx/index.js.map ADDED
@@ -0,0 +1,7 @@
1
+ {
2
+ "version": 3,
3
+ "sources": ["../../src/index.tsx"],
4
+ "sourcesContent": ["export * from './Separator'\n"],
5
+ "mappings": "AAAA,cAAc;",
6
+ "names": []
7
+ }
package/package.json CHANGED
@@ -1,29 +1,34 @@
1
1
  {
2
2
  "name": "@tamagui/separator",
3
- "version": "1.0.1-beta.18",
4
- "sideEffects": false,
3
+ "version": "1.0.1-beta.181",
4
+ "sideEffects": [
5
+ "*.css"
6
+ ],
5
7
  "source": "src/index.ts",
6
- "typings": "types",
8
+ "types": "./types/index.d.ts",
7
9
  "main": "dist/cjs",
8
10
  "module": "dist/esm",
9
11
  "module:jsx": "dist/jsx",
10
12
  "files": [
13
+ "src",
11
14
  "types",
12
15
  "dist"
13
16
  ],
14
17
  "scripts": {
15
18
  "build": "tamagui-build",
16
- "watch": "tamagui-build --watch"
19
+ "watch": "tamagui-build --watch",
20
+ "lint": "eslint",
21
+ "lint:fix": "yarn lint --fix"
17
22
  },
18
23
  "dependencies": {
19
- "@tamagui/core": "^1.0.1-beta.18"
24
+ "@tamagui/core": "^1.0.1-beta.181"
20
25
  },
21
26
  "peerDependencies": {
22
27
  "react": "*",
23
28
  "react-dom": "*"
24
29
  },
25
30
  "devDependencies": {
26
- "@tamagui/build": "^1.0.1-beta.18",
31
+ "@tamagui/build": "^1.0.1-beta.181",
27
32
  "react": "*",
28
33
  "react-dom": "*"
29
34
  },
package/src/Separator.tsx ADDED
@@ -0,0 +1,31 @@
1
+ import { Stack, isWeb, styled } from '@tamagui/core'
2
+
3
+ export const Separator = styled(Stack, {
4
+ name: 'Separator',
5
+ borderColor: '$borderColor',
6
+ flexShrink: 0,
7
+ borderWidth: 0,
8
+ flex: 1,
9
+ height: 0,
10
+ maxHeight: 0,
11
+ borderBottomWidth: 1,
12
+ y: -0.5,
13
+
14
+ variants: {
15
+ vertical: {
16
+ true: {
17
+ y: 0,
18
+ x: -0.5,
19
+ height: isWeb ? 'initial' : 'auto',
20
+ // maxHeight auto WILL BE passed to style attribute, but for some reason not used?
21
+ // almost seems like a react or browser bug, but for now `initial` works
22
+ // also, it doesn't happen for `height`, but for consistency using the same values
23
+ maxHeight: isWeb ? 'initial' : 'auto',
24
+ width: 0,
25
+ maxWidth: 0,
26
+ borderBottomWidth: 0,
27
+ borderRightWidth: 1,
28
+ },
29
+ },
30
+ } as const,
31
+ })
package/src/index.tsx ADDED
@@ -0,0 +1 @@
1
+ export * from './Separator'
package/types/Separator.d.ts CHANGED
@@ -1,10 +1,10 @@
1
1
  export declare const Separator: import("@tamagui/core").TamaguiComponent<Omit<import("react-native").ViewProps, "display" | "children"> & import("@tamagui/core").RNWViewProps & import("@tamagui/core").TamaguiComponentPropsBase & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & Omit<{}, "vertical"> & {
2
- vertical?: boolean | undefined;
2
+ readonly vertical?: boolean | undefined;
3
3
  } & import("@tamagui/core").MediaProps<Partial<Omit<import("react-native").ViewProps, "display" | "children"> & import("@tamagui/core").RNWViewProps & import("@tamagui/core").TamaguiComponentPropsBase & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & Omit<{}, "vertical"> & {
4
- vertical?: boolean | undefined;
4
+ readonly vertical?: boolean | undefined;
5
5
  }>> & import("@tamagui/core").PseudoProps<Partial<Omit<import("react-native").ViewProps, "display" | "children"> & import("@tamagui/core").RNWViewProps & import("@tamagui/core").TamaguiComponentPropsBase & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & Omit<{}, "vertical"> & {
6
- vertical?: boolean | undefined;
7
- }>>, any, import("@tamagui/core").StackPropsBase, {
8
- vertical?: boolean | undefined;
6
+ readonly vertical?: boolean | undefined;
7
+ }>>, import("@tamagui/core").TamaguiElement, import("@tamagui/core").StackPropsBase, {
8
+ readonly vertical?: boolean | undefined;
9
9
  }>;
10
10
  //# sourceMappingURL=Separator.d.ts.map
package/types/Separator.d.ts.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"file":"Separator.d.ts","sourceRoot":"","sources":["../src/Separator.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,SAAS;;;;;;;;EAmBpB,CAAA"}
package/types/index.d.ts.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAA"}