@tamagui/stacks 1.0.1-beta.131 → 1.0.1-beta.134

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 (11) 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/Stacks.d.ts +4 -1
  10. package/types/ThemeableStack.d.ts +7 -7
  11. package/types/variants.d.ts +4 -5
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.131",
3
+ "version": "1.0.1-beta.134",
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.131"
22
+ "@tamagui/core": "^1.0.1-beta.134"
23
23
  },
24
24
  "peerDependencies": {
25
25
  "react": "*",
26
26
  "react-dom": "*"
27
27
  },
28
28
  "devDependencies": {
29
- "@tamagui/build": "^1.0.1-beta.131",
29
+ "@tamagui/build": "^1.0.1-beta.134",
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/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/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;