@tamagui/stacks 1.0.1-beta.132 → 1.0.1-beta.135

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 (14) hide show
  1. package/dist/cjs/ThemeableStack.js +11 -4
  2. package/dist/cjs/ThemeableStack.js.map +2 -2
  3. package/dist/esm/ThemeableStack.js +11 -4
  4. package/dist/esm/ThemeableStack.js.map +2 -2
  5. package/dist/jsx/ThemeableStack.js +11 -4
  6. package/dist/jsx/ThemeableStack.js.map +2 -2
  7. package/package.json +3 -3
  8. package/src/ThemeableStack.tsx +11 -4
  9. package/types/SizableStack.d.ts +0 -0
  10. package/types/Stacks.d.ts +4 -1
  11. package/types/ThemeableStack.d.ts +7 -7
  12. package/types/index.d.ts +0 -0
  13. package/types/variants.d.ts +4 -5
  14. package/types/ThemeableSizableStack.d.ts +0 -68
package/dist/cjs/ThemeableStack.js CHANGED
@@ -24,6 +24,11 @@ module.exports = __toCommonJS(ThemeableStack_exports);
24
24
  var import_core = require("@tamagui/core");
25
25
  var import_Stacks = require("./Stacks");
26
26
  var import_variants = require("./variants");
27
+ const chromelessStyle = {
28
+ backgroundColor: "transparent",
29
+ borderColor: "transparent",
30
+ shadowColor: "transparent"
31
+ };
27
32
  const ThemeableStack = (0, import_core.styled)(import_Stacks.YStack, {
28
33
  name: "SizableStack",
29
34
  variants: {
@@ -47,10 +52,12 @@ const ThemeableStack = (0, import_core.styled)(import_Stacks.YStack, {
47
52
  }
48
53
  },
49
54
  chromeless: {
50
- true: {
51
- backgroundColor: "transparent",
52
- borderColor: "transparent",
53
- shadowColor: "transparent"
55
+ true: chromelessStyle,
56
+ all: {
57
+ ...chromelessStyle,
58
+ hoverStyle: chromelessStyle,
59
+ pressStyle: chromelessStyle,
60
+ focusStyle: chromelessStyle
54
61
  }
55
62
  }
56
63
  }
package/dist/cjs/ThemeableStack.js.map CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../src/ThemeableStack.tsx"],
4
- "sourcesContent": ["import { GetProps, styled } from '@tamagui/core'\n\nimport { YStack } from './Stacks'\nimport {\n bordered,\n circular,\n elevate,\n focusTheme,\n hoverTheme,\n padded,\n pressTheme,\n radiused,\n} from './variants'\n\nexport const ThemeableStack = styled(YStack, {\n name: 'SizableStack',\n\n variants: {\n // allows the type to come in for use in size\n fontFamily: () => ({}),\n\n backgrounded: {\n true: {\n backgroundColor: '$background',\n },\n },\n\n radiused,\n hoverTheme,\n pressTheme,\n focusTheme,\n circular,\n padded,\n elevate,\n bordered,\n\n transparent: {\n true: {\n backgroundColor: 'transparent',\n },\n },\n\n chromeless: {\n true: {\n backgroundColor: 'transparent',\n borderColor: 'transparent',\n shadowColor: 'transparent',\n },\n },\n },\n})\n\nexport type ThemeableStackProps = GetProps<typeof ThemeableStack>\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAAiC;AAEjC,oBAAuB;AACvB,sBASO;AAEA,MAAM,iBAAiB,wBAAO,sBAAQ;AAAA,EAC3C,MAAM;AAAA,EAEN,UAAU;AAAA,IAER,YAAY,MAAO,EAAC;AAAA,IAEpB,cAAc;AAAA,MACZ,MAAM;AAAA,QACJ,iBAAiB;AAAA,MACnB;AAAA,IACF;AAAA,IAEA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IAEA,aAAa;AAAA,MACX,MAAM;AAAA,QACJ,iBAAiB;AAAA,MACnB;AAAA,IACF;AAAA,IAEA,YAAY;AAAA,MACV,MAAM;AAAA,QACJ,iBAAiB;AAAA,QACjB,aAAa;AAAA,QACb,aAAa;AAAA,MACf;AAAA,IACF;AAAA,EACF;AACF,CAAC;",
4
+ "sourcesContent": ["import { GetProps, styled } from '@tamagui/core'\n\nimport { YStack } from './Stacks'\nimport {\n bordered,\n circular,\n elevate,\n focusTheme,\n hoverTheme,\n padded,\n pressTheme,\n radiused,\n} from './variants'\n\nconst chromelessStyle = {\n backgroundColor: 'transparent',\n borderColor: 'transparent',\n shadowColor: 'transparent',\n}\nexport const ThemeableStack = styled(YStack, {\n name: 'SizableStack',\n\n variants: {\n // allows the type to come in for use in size\n fontFamily: () => ({}),\n\n backgrounded: {\n true: {\n backgroundColor: '$background',\n },\n },\n\n radiused,\n hoverTheme,\n pressTheme,\n focusTheme,\n circular,\n padded,\n elevate,\n bordered,\n\n transparent: {\n true: {\n backgroundColor: 'transparent',\n },\n },\n\n chromeless: {\n true: chromelessStyle,\n all: {\n ...chromelessStyle,\n hoverStyle: chromelessStyle,\n pressStyle: chromelessStyle,\n focusStyle: chromelessStyle,\n },\n },\n },\n})\n\nexport type ThemeableStackProps = GetProps<typeof ThemeableStack>\n"],
5
+ "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAAiC;AAEjC,oBAAuB;AACvB,sBASO;AAEP,MAAM,kBAAkB;AAAA,EACtB,iBAAiB;AAAA,EACjB,aAAa;AAAA,EACb,aAAa;AACf;AACO,MAAM,iBAAiB,wBAAO,sBAAQ;AAAA,EAC3C,MAAM;AAAA,EAEN,UAAU;AAAA,IAER,YAAY,MAAO,EAAC;AAAA,IAEpB,cAAc;AAAA,MACZ,MAAM;AAAA,QACJ,iBAAiB;AAAA,MACnB;AAAA,IACF;AAAA,IAEA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IAEA,aAAa;AAAA,MACX,MAAM;AAAA,QACJ,iBAAiB;AAAA,MACnB;AAAA,IACF;AAAA,IAEA,YAAY;AAAA,MACV,MAAM;AAAA,MACN,KAAK;AAAA,QACH,GAAG;AAAA,QACH,YAAY;AAAA,QACZ,YAAY;AAAA,QACZ,YAAY;AAAA,MACd;AAAA,IACF;AAAA,EACF;AACF,CAAC;",
6
6
  "names": []
7
7
  }
package/dist/esm/ThemeableStack.js CHANGED
@@ -10,6 +10,11 @@ import {
10
10
  pressTheme,
11
11
  radiused
12
12
  } from "./variants";
13
+ const chromelessStyle = {
14
+ backgroundColor: "transparent",
15
+ borderColor: "transparent",
16
+ shadowColor: "transparent"
17
+ };
13
18
  const ThemeableStack = styled(YStack, {
14
19
  name: "SizableStack",
15
20
  variants: {
@@ -33,10 +38,12 @@ const ThemeableStack = styled(YStack, {
33
38
  }
34
39
  },
35
40
  chromeless: {
36
- true: {
37
- backgroundColor: "transparent",
38
- borderColor: "transparent",
39
- shadowColor: "transparent"
41
+ true: chromelessStyle,
42
+ all: {
43
+ ...chromelessStyle,
44
+ hoverStyle: chromelessStyle,
45
+ pressStyle: chromelessStyle,
46
+ focusStyle: chromelessStyle
40
47
  }
41
48
  }
42
49
  }
package/dist/esm/ThemeableStack.js.map CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../src/ThemeableStack.tsx"],
4
- "sourcesContent": ["import { GetProps, styled } from '@tamagui/core'\n\nimport { YStack } from './Stacks'\nimport {\n bordered,\n circular,\n elevate,\n focusTheme,\n hoverTheme,\n padded,\n pressTheme,\n radiused,\n} from './variants'\n\nexport const ThemeableStack = styled(YStack, {\n name: 'SizableStack',\n\n variants: {\n // allows the type to come in for use in size\n fontFamily: () => ({}),\n\n backgrounded: {\n true: {\n backgroundColor: '$background',\n },\n },\n\n radiused,\n hoverTheme,\n pressTheme,\n focusTheme,\n circular,\n padded,\n elevate,\n bordered,\n\n transparent: {\n true: {\n backgroundColor: 'transparent',\n },\n },\n\n chromeless: {\n true: {\n backgroundColor: 'transparent',\n borderColor: 'transparent',\n shadowColor: 'transparent',\n },\n },\n },\n})\n\nexport type ThemeableStackProps = GetProps<typeof ThemeableStack>\n"],
5
- "mappings": "AAAA;AAEA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAWO,MAAM,iBAAiB,OAAO,QAAQ;AAAA,EAC3C,MAAM;AAAA,EAEN,UAAU;AAAA,IAER,YAAY,MAAO,EAAC;AAAA,IAEpB,cAAc;AAAA,MACZ,MAAM;AAAA,QACJ,iBAAiB;AAAA,MACnB;AAAA,IACF;AAAA,IAEA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IAEA,aAAa;AAAA,MACX,MAAM;AAAA,QACJ,iBAAiB;AAAA,MACnB;AAAA,IACF;AAAA,IAEA,YAAY;AAAA,MACV,MAAM;AAAA,QACJ,iBAAiB;AAAA,QACjB,aAAa;AAAA,QACb,aAAa;AAAA,MACf;AAAA,IACF;AAAA,EACF;AACF,CAAC;",
4
+ "sourcesContent": ["import { GetProps, styled } from '@tamagui/core'\n\nimport { YStack } from './Stacks'\nimport {\n bordered,\n circular,\n elevate,\n focusTheme,\n hoverTheme,\n padded,\n pressTheme,\n radiused,\n} from './variants'\n\nconst chromelessStyle = {\n backgroundColor: 'transparent',\n borderColor: 'transparent',\n shadowColor: 'transparent',\n}\nexport const ThemeableStack = styled(YStack, {\n name: 'SizableStack',\n\n variants: {\n // allows the type to come in for use in size\n fontFamily: () => ({}),\n\n backgrounded: {\n true: {\n backgroundColor: '$background',\n },\n },\n\n radiused,\n hoverTheme,\n pressTheme,\n focusTheme,\n circular,\n padded,\n elevate,\n bordered,\n\n transparent: {\n true: {\n backgroundColor: 'transparent',\n },\n },\n\n chromeless: {\n true: chromelessStyle,\n all: {\n ...chromelessStyle,\n hoverStyle: chromelessStyle,\n pressStyle: chromelessStyle,\n focusStyle: chromelessStyle,\n },\n },\n },\n})\n\nexport type ThemeableStackProps = GetProps<typeof ThemeableStack>\n"],
5
+ "mappings": "AAAA;AAEA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAWA,MAAM,kBAAkB;AAAA,EACtB,iBAAiB;AAAA,EACjB,aAAa;AAAA,EACb,aAAa;AACf;AACO,MAAM,iBAAiB,OAAO,QAAQ;AAAA,EAC3C,MAAM;AAAA,EAEN,UAAU;AAAA,IAER,YAAY,MAAO,EAAC;AAAA,IAEpB,cAAc;AAAA,MACZ,MAAM;AAAA,QACJ,iBAAiB;AAAA,MACnB;AAAA,IACF;AAAA,IAEA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IAEA,aAAa;AAAA,MACX,MAAM;AAAA,QACJ,iBAAiB;AAAA,MACnB;AAAA,IACF;AAAA,IAEA,YAAY;AAAA,MACV,MAAM;AAAA,MACN,KAAK;AAAA,QACH,GAAG;AAAA,QACH,YAAY;AAAA,QACZ,YAAY;AAAA,QACZ,YAAY;AAAA,MACd;AAAA,IACF;AAAA,EACF;AACF,CAAC;",
6
6
  "names": []
7
7
  }
package/dist/jsx/ThemeableStack.js CHANGED
@@ -10,6 +10,11 @@ import {
10
10
  pressTheme,
11
11
  radiused
12
12
  } from "./variants";
13
+ const chromelessStyle = {
14
+ backgroundColor: "transparent",
15
+ borderColor: "transparent",
16
+ shadowColor: "transparent"
17
+ };
13
18
  const ThemeableStack = styled(YStack, {
14
19
  name: "SizableStack",
15
20
  variants: {
@@ -33,10 +38,12 @@ const ThemeableStack = styled(YStack, {
33
38
  }
34
39
  },
35
40
  chromeless: {
36
- true: {
37
- backgroundColor: "transparent",
38
- borderColor: "transparent",
39
- shadowColor: "transparent"
41
+ true: chromelessStyle,
42
+ all: {
43
+ ...chromelessStyle,
44
+ hoverStyle: chromelessStyle,
45
+ pressStyle: chromelessStyle,
46
+ focusStyle: chromelessStyle
40
47
  }
41
48
  }
42
49
  }
package/dist/jsx/ThemeableStack.js.map CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../src/ThemeableStack.tsx"],
4
- "sourcesContent": ["import { GetProps, styled } from '@tamagui/core'\n\nimport { YStack } from './Stacks'\nimport {\n bordered,\n circular,\n elevate,\n focusTheme,\n hoverTheme,\n padded,\n pressTheme,\n radiused,\n} from './variants'\n\nexport const ThemeableStack = styled(YStack, {\n name: 'SizableStack',\n\n variants: {\n // allows the type to come in for use in size\n fontFamily: () => ({}),\n\n backgrounded: {\n true: {\n backgroundColor: '$background',\n },\n },\n\n radiused,\n hoverTheme,\n pressTheme,\n focusTheme,\n circular,\n padded,\n elevate,\n bordered,\n\n transparent: {\n true: {\n backgroundColor: 'transparent',\n },\n },\n\n chromeless: {\n true: {\n backgroundColor: 'transparent',\n borderColor: 'transparent',\n shadowColor: 'transparent',\n },\n },\n },\n})\n\nexport type ThemeableStackProps = GetProps<typeof ThemeableStack>\n"],
5
- "mappings": "AAAA;AAEA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAWO,MAAM,iBAAiB,OAAO,QAAQ;AAAA,EAC3C,MAAM;AAAA,EAEN,UAAU;AAAA,IAER,YAAY,MAAO,EAAC;AAAA,IAEpB,cAAc;AAAA,MACZ,MAAM;AAAA,QACJ,iBAAiB;AAAA,MACnB;AAAA,IACF;AAAA,IAEA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IAEA,aAAa;AAAA,MACX,MAAM;AAAA,QACJ,iBAAiB;AAAA,MACnB;AAAA,IACF;AAAA,IAEA,YAAY;AAAA,MACV,MAAM;AAAA,QACJ,iBAAiB;AAAA,QACjB,aAAa;AAAA,QACb,aAAa;AAAA,MACf;AAAA,IACF;AAAA,EACF;AACF,CAAC;",
4
+ "sourcesContent": ["import { GetProps, styled } from '@tamagui/core'\n\nimport { YStack } from './Stacks'\nimport {\n bordered,\n circular,\n elevate,\n focusTheme,\n hoverTheme,\n padded,\n pressTheme,\n radiused,\n} from './variants'\n\nconst chromelessStyle = {\n backgroundColor: 'transparent',\n borderColor: 'transparent',\n shadowColor: 'transparent',\n}\nexport const ThemeableStack = styled(YStack, {\n name: 'SizableStack',\n\n variants: {\n // allows the type to come in for use in size\n fontFamily: () => ({}),\n\n backgrounded: {\n true: {\n backgroundColor: '$background',\n },\n },\n\n radiused,\n hoverTheme,\n pressTheme,\n focusTheme,\n circular,\n padded,\n elevate,\n bordered,\n\n transparent: {\n true: {\n backgroundColor: 'transparent',\n },\n },\n\n chromeless: {\n true: chromelessStyle,\n all: {\n ...chromelessStyle,\n hoverStyle: chromelessStyle,\n pressStyle: chromelessStyle,\n focusStyle: chromelessStyle,\n },\n },\n },\n})\n\nexport type ThemeableStackProps = GetProps<typeof ThemeableStack>\n"],
5
+ "mappings": "AAAA;AAEA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAWA,MAAM,kBAAkB;AAAA,EACtB,iBAAiB;AAAA,EACjB,aAAa;AAAA,EACb,aAAa;AACf;AACO,MAAM,iBAAiB,OAAO,QAAQ;AAAA,EAC3C,MAAM;AAAA,EAEN,UAAU;AAAA,IAER,YAAY,MAAO,EAAC;AAAA,IAEpB,cAAc;AAAA,MACZ,MAAM;AAAA,QACJ,iBAAiB;AAAA,MACnB;AAAA,IACF;AAAA,IAEA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IAEA,aAAa;AAAA,MACX,MAAM;AAAA,QACJ,iBAAiB;AAAA,MACnB;AAAA,IACF;AAAA,IAEA,YAAY;AAAA,MACV,MAAM;AAAA,MACN,KAAK;AAAA,QACH,GAAG;AAAA,QACH,YAAY;AAAA,QACZ,YAAY;AAAA,QACZ,YAAY;AAAA,MACd;AAAA,IACF;AAAA,EACF;AACF,CAAC;",
6
6
  "names": []
7
7
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@tamagui/stacks",
3
- "version": "1.0.1-beta.132",
3
+ "version": "1.0.1-beta.135",
4
4
  "sideEffects": [
5
5
  "*.css"
6
6
  ],
@@ -19,14 +19,14 @@
19
19
  "watch": "tamagui-build --watch"
20
20
  },
21
21
  "dependencies": {
22
- "@tamagui/core": "^1.0.1-beta.132"
22
+ "@tamagui/core": "^1.0.1-beta.135"
23
23
  },
24
24
  "peerDependencies": {
25
25
  "react": "*",
26
26
  "react-dom": "*"
27
27
  },
28
28
  "devDependencies": {
29
- "@tamagui/build": "^1.0.1-beta.132",
29
+ "@tamagui/build": "^1.0.1-beta.135",
30
30
  "react": "*",
31
31
  "react-dom": "*"
32
32
  },
package/src/ThemeableStack.tsx CHANGED
@@ -12,6 +12,11 @@ import {
12
12
  radiused,
13
13
  } from './variants'
14
14
 
15
+ const chromelessStyle = {
16
+ backgroundColor: 'transparent',
17
+ borderColor: 'transparent',
18
+ shadowColor: 'transparent',
19
+ }
15
20
  export const ThemeableStack = styled(YStack, {
16
21
  name: 'SizableStack',
17
22
 
@@ -41,10 +46,12 @@ export const ThemeableStack = styled(YStack, {
41
46
  },
42
47
 
43
48
  chromeless: {
44
- true: {
45
- backgroundColor: 'transparent',
46
- borderColor: 'transparent',
47
- shadowColor: 'transparent',
49
+ true: chromelessStyle,
50
+ all: {
51
+ ...chromelessStyle,
52
+ hoverStyle: chromelessStyle,
53
+ pressStyle: chromelessStyle,
54
+ focusStyle: chromelessStyle,
48
55
  },
49
56
  },
50
57
  },
package/types/SizableStack.d.ts CHANGED
File without changes
package/types/Stacks.d.ts CHANGED
@@ -56,7 +56,10 @@ export declare const ZStack: import("@tamagui/core").TamaguiComponent<(Omit<impo
56
56
  }>>), any, import("@tamagui/core").StackPropsBase, {
57
57
  readonly fullscreen?: boolean | undefined;
58
58
  readonly elevation?: SizeTokens | undefined;
59
- } & ({} | {
59
+ } | ({
60
+ readonly fullscreen?: boolean | undefined;
61
+ readonly elevation?: SizeTokens | undefined;
62
+ } & {
60
63
  [x: string]: undefined;
61
64
  })>;
62
65
  export declare const getSizedElevation: (val: SizeTokens | number | boolean, { theme, tokens }: VariantSpreadExtras<any>) => {
package/types/ThemeableStack.d.ts CHANGED
@@ -2,7 +2,7 @@ import { GetProps } from '@tamagui/core';
2
2
  export declare const ThemeableStack: 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<{
3
3
  readonly fullscreen?: boolean | undefined;
4
4
  readonly elevation?: import("@tamagui/core").SizeTokens | undefined;
5
- }, "fontFamily" | "hoverTheme" | "pressTheme" | "focusTheme" | "circular" | "elevate" | "bordered" | "transparent" | "backgrounded" | "radiused" | "padded" | "chromeless"> & {
5
+ }, "transparent" | "fontFamily" | "backgrounded" | "radiused" | "hoverTheme" | "pressTheme" | "focusTheme" | "circular" | "padded" | "elevate" | "bordered" | "chromeless"> & {
6
6
  fontFamily?: unknown;
7
7
  backgrounded?: boolean | undefined;
8
8
  radiused?: boolean | undefined;
@@ -14,11 +14,11 @@ export declare const ThemeableStack: import("@tamagui/core").TamaguiComponent<Om
14
14
  elevate?: boolean | undefined;
15
15
  bordered?: number | boolean | undefined;
16
16
  transparent?: boolean | undefined;
17
- chromeless?: boolean | undefined;
17
+ chromeless?: boolean | "all" | undefined;
18
18
  } & 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<{
19
19
  readonly fullscreen?: boolean | undefined;
20
20
  readonly elevation?: import("@tamagui/core").SizeTokens | undefined;
21
- }, "fontFamily" | "hoverTheme" | "pressTheme" | "focusTheme" | "circular" | "elevate" | "bordered" | "transparent" | "backgrounded" | "radiused" | "padded" | "chromeless"> & {
21
+ }, "transparent" | "fontFamily" | "backgrounded" | "radiused" | "hoverTheme" | "pressTheme" | "focusTheme" | "circular" | "padded" | "elevate" | "bordered" | "chromeless"> & {
22
22
  fontFamily?: unknown;
23
23
  backgrounded?: boolean | undefined;
24
24
  radiused?: boolean | undefined;
@@ -30,11 +30,11 @@ export declare const ThemeableStack: import("@tamagui/core").TamaguiComponent<Om
30
30
  elevate?: boolean | undefined;
31
31
  bordered?: number | boolean | undefined;
32
32
  transparent?: boolean | undefined;
33
- chromeless?: boolean | undefined;
33
+ chromeless?: boolean | "all" | undefined;
34
34
  }>> & 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<{
35
35
  readonly fullscreen?: boolean | undefined;
36
36
  readonly elevation?: import("@tamagui/core").SizeTokens | undefined;
37
- }, "fontFamily" | "hoverTheme" | "pressTheme" | "focusTheme" | "circular" | "elevate" | "bordered" | "transparent" | "backgrounded" | "radiused" | "padded" | "chromeless"> & {
37
+ }, "transparent" | "fontFamily" | "backgrounded" | "radiused" | "hoverTheme" | "pressTheme" | "focusTheme" | "circular" | "padded" | "elevate" | "bordered" | "chromeless"> & {
38
38
  fontFamily?: unknown;
39
39
  backgrounded?: boolean | undefined;
40
40
  radiused?: boolean | undefined;
@@ -46,7 +46,7 @@ export declare const ThemeableStack: import("@tamagui/core").TamaguiComponent<Om
46
46
  elevate?: boolean | undefined;
47
47
  bordered?: number | boolean | undefined;
48
48
  transparent?: boolean | undefined;
49
- chromeless?: boolean | undefined;
49
+ chromeless?: boolean | "all" | undefined;
50
50
  }>>, any, import("@tamagui/core").StackPropsBase, {
51
51
  readonly fullscreen?: boolean | undefined;
52
52
  readonly elevation?: import("@tamagui/core").SizeTokens | undefined;
@@ -62,7 +62,7 @@ export declare const ThemeableStack: import("@tamagui/core").TamaguiComponent<Om
62
62
  elevate?: boolean | undefined;
63
63
  bordered?: number | boolean | undefined;
64
64
  transparent?: boolean | undefined;
65
- chromeless?: boolean | undefined;
65
+ chromeless?: boolean | "all" | undefined;
66
66
  }>;
67
67
  export declare type ThemeableStackProps = GetProps<typeof ThemeableStack>;
68
68
  //# sourceMappingURL=ThemeableStack.d.ts.map
package/types/index.d.ts CHANGED
File without changes
package/types/variants.d.ts CHANGED
@@ -1,9 +1,8 @@
1
- /// <reference types="react" />
2
1
  export declare const elevate: {
3
2
  true: (_: boolean, extras: any) => {
4
3
  [x: `$${string}`]: (import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & import("@tamagui/core").PseudoProps<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>>>) | import("@tamagui/core").Variable<any> | undefined;
5
4
  [x: `$${number}`]: (import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & import("@tamagui/core").PseudoProps<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>>>) | import("@tamagui/core").Variable<any> | undefined;
6
- hitSlop?: (import("react-native").Insets & (number | import("react-native").Insets | null)) | import("@tamagui/core").Variable<any> | undefined;
5
+ hitSlop?: import("react-native").Insets | (import("react-native").Insets & number) | import("@tamagui/core").Variable<any> | undefined;
7
6
  onLayout?: import("@tamagui/core").Variable<any> | ((event: import("react-native").LayoutChangeEvent) => void) | undefined;
8
7
  pointerEvents?: "box-none" | "none" | "box-only" | "auto" | import("@tamagui/core").Variable<any> | undefined;
9
8
  removeClippedSubviews?: boolean | import("@tamagui/core").Variable<any> | undefined;
@@ -103,7 +102,7 @@ export declare const elevate: {
103
102
  onPressIn?: ((e: import("react-native").GestureResponderEvent) => any) | import("@tamagui/core").Variable<any> | undefined;
104
103
  onPressOut?: ((e: import("react-native").GestureResponderEvent) => any) | import("@tamagui/core").Variable<any> | undefined;
105
104
  userSelect?: import("@tamagui/core").Variable<any> | import("csstype").Property.UserSelect | undefined;
106
- cursor?: (import("csstype").Property.Cursor & string) | import("@tamagui/core").Variable<any> | undefined;
105
+ cursor?: string | import("@tamagui/core").Variable<any> | undefined;
107
106
  backgroundColor?: import("@tamagui/core").ThemeValueFallback | import("@tamagui/core").Variable<any> | import("@tamagui/core").ColorTokens | import("react-native").OpaqueColorValue | undefined;
108
107
  borderBottomColor?: import("@tamagui/core").ThemeValueFallback | import("@tamagui/core").Variable<any> | import("@tamagui/core").ColorTokens | import("react-native").OpaqueColorValue | undefined;
109
108
  borderBottomEndRadius?: import("@tamagui/core").SpaceTokens | import("@tamagui/core").ThemeValueFallback | import("@tamagui/core").Variable<any> | undefined;
@@ -186,7 +185,7 @@ export declare const elevate: {
186
185
  shadowOpacity?: number | import("@tamagui/core").Variable<any> | undefined;
187
186
  shadowRadius?: import("@tamagui/core").SizeTokens | import("@tamagui/core").ThemeValueFallback | import("@tamagui/core").Variable<any> | undefined;
188
187
  transform?: import("@tamagui/core").Variable<any> | (import("react-native").PerpectiveTransform | import("react-native").RotateTransform | import("react-native").RotateXTransform | import("react-native").RotateYTransform | import("react-native").RotateZTransform | import("react-native").ScaleTransform | import("react-native").ScaleXTransform | import("react-native").ScaleYTransform | import("react-native").TranslateXTransform | import("react-native").TranslateYTransform | import("react-native").SkewXTransform | import("react-native").SkewYTransform | import("react-native").MatrixTransform)[] | undefined;
189
- transformMatrix?: number[] | import("@tamagui/core").Variable<any> | undefined;
188
+ transformMatrix?: import("@tamagui/core").Variable<any> | number[] | undefined;
190
189
  rotation?: number | import("@tamagui/core").Variable<any> | undefined;
191
190
  scaleX?: import("@tamagui/core").SpaceTokens | import("@tamagui/core").ThemeValueFallback | import("@tamagui/core").Variable<any> | undefined;
192
191
  scaleY?: import("@tamagui/core").SpaceTokens | import("@tamagui/core").ThemeValueFallback | import("@tamagui/core").Variable<any> | undefined;
@@ -198,7 +197,7 @@ export declare const elevate: {
198
197
  scale?: import("@tamagui/core").SpaceTokens | import("@tamagui/core").ThemeValueFallback | import("@tamagui/core").Variable<any> | undefined;
199
198
  skewX?: string | import("@tamagui/core").Variable<any> | undefined;
200
199
  skewY?: string | import("@tamagui/core").Variable<any> | undefined;
201
- matrix?: number[] | import("@tamagui/core").Variable<any> | undefined;
200
+ matrix?: import("@tamagui/core").Variable<any> | number[] | undefined;
202
201
  rotate?: string | import("@tamagui/core").Variable<any> | undefined;
203
202
  rotateY?: string | import("@tamagui/core").Variable<any> | undefined;
204
203
  rotateX?: string | import("@tamagui/core").Variable<any> | undefined;
package/types/ThemeableSizableStack.d.ts DELETED
@@ -1,68 +0,0 @@
1
- import { GetProps } from '@tamagui/core';
2
- export declare const ThemeableSizableStack: 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<{
3
- fullscreen?: boolean | undefined;
4
- elevation?: import("@tamagui/core").SizeTokens | undefined;
5
- }, "focusable" | "fontFamily" | "disabled" | "size" | "hoverable" | "pressable" | "circular" | "elevate" | "bordered" | "transparent" | "pad" | "chromeless"> & {
6
- fontFamily?: unknown;
7
- hoverable?: boolean | undefined;
8
- pressable?: boolean | undefined;
9
- focusable?: boolean | undefined;
10
- circular?: boolean | undefined;
11
- pad?: boolean | undefined;
12
- elevate?: boolean | undefined;
13
- bordered?: number | boolean | undefined;
14
- size?: import("@tamagui/core").SizeTokens | undefined;
15
- disabled?: boolean | undefined;
16
- transparent?: boolean | undefined;
17
- chromeless?: boolean | undefined;
18
- } & 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<{
19
- fullscreen?: boolean | undefined;
20
- elevation?: import("@tamagui/core").SizeTokens | undefined;
21
- }, "focusable" | "fontFamily" | "disabled" | "size" | "hoverable" | "pressable" | "circular" | "elevate" | "bordered" | "transparent" | "pad" | "chromeless"> & {
22
- fontFamily?: unknown;
23
- hoverable?: boolean | undefined;
24
- pressable?: boolean | undefined;
25
- focusable?: boolean | undefined;
26
- circular?: boolean | undefined;
27
- pad?: boolean | undefined;
28
- elevate?: boolean | undefined;
29
- bordered?: number | boolean | undefined;
30
- size?: import("@tamagui/core").SizeTokens | undefined;
31
- disabled?: boolean | undefined;
32
- transparent?: boolean | undefined;
33
- chromeless?: boolean | undefined;
34
- }>> & 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<{
35
- fullscreen?: boolean | undefined;
36
- elevation?: import("@tamagui/core").SizeTokens | undefined;
37
- }, "focusable" | "fontFamily" | "disabled" | "size" | "hoverable" | "pressable" | "circular" | "elevate" | "bordered" | "transparent" | "pad" | "chromeless"> & {
38
- fontFamily?: unknown;
39
- hoverable?: boolean | undefined;
40
- pressable?: boolean | undefined;
41
- focusable?: boolean | undefined;
42
- circular?: boolean | undefined;
43
- pad?: boolean | undefined;
44
- elevate?: boolean | undefined;
45
- bordered?: number | boolean | undefined;
46
- size?: import("@tamagui/core").SizeTokens | undefined;
47
- disabled?: boolean | undefined;
48
- transparent?: boolean | undefined;
49
- chromeless?: boolean | undefined;
50
- }>>, any, import("@tamagui/core").StackPropsBase, {
51
- fullscreen?: boolean | undefined;
52
- elevation?: import("@tamagui/core").SizeTokens | undefined;
53
- } & {
54
- fontFamily?: unknown;
55
- hoverable?: boolean | undefined;
56
- pressable?: boolean | undefined;
57
- focusable?: boolean | undefined;
58
- circular?: boolean | undefined;
59
- pad?: boolean | undefined;
60
- elevate?: boolean | undefined;
61
- bordered?: number | boolean | undefined;
62
- size?: import("@tamagui/core").SizeTokens | undefined;
63
- disabled?: boolean | undefined;
64
- transparent?: boolean | undefined;
65
- chromeless?: boolean | undefined;
66
- }>;
67
- export declare type ThemeableSizableStackProps = GetProps<typeof ThemeableSizableStack>;
68
- //# sourceMappingURL=ThemeableSizableStack.d.ts.map