@tamagui/stacks 1.0.1-beta.75 → 1.0.1-beta.76
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.
- package/dist/cjs/Stacks.js +14 -4
- package/dist/cjs/Stacks.js.map +2 -2
- package/dist/cjs/variants.js.map +2 -2
- package/dist/esm/Stacks.js +14 -4
- package/dist/esm/Stacks.js.map +2 -2
- package/dist/esm/variants.js +30 -17
- package/dist/esm/variants.js.map +2 -2
- package/dist/jsx/Stacks.js +14 -4
- package/package.json +3 -3
- package/src/Stacks.tsx +15 -13
- package/src/variants.tsx +1 -1
- package/types/SizableStack.d.ts +3 -3
- package/types/Stacks.d.ts.map +1 -1
- package/types/ThemeableStack.d.ts +3 -3
- package/types/variants.d.ts +70 -71
- package/types/variants.d.ts.map +1 -1
package/dist/cjs/Stacks.js
CHANGED
|
@@ -26,6 +26,8 @@ __export(Stacks_exports, {
|
|
|
26
26
|
module.exports = __toCommonJS(Stacks_exports);
|
|
27
27
|
var import_core = require("@tamagui/core");
|
|
28
28
|
const getElevation = (size, extras) => {
|
|
29
|
+
if (!size)
|
|
30
|
+
return;
|
|
29
31
|
const { tokens } = extras;
|
|
30
32
|
const token = tokens.size[size];
|
|
31
33
|
const sizeNum = (0, import_core.isVariable)(token) ? +token.val : size;
|
|
@@ -64,13 +66,21 @@ const ZStack = (0, import_core.styled)(YStack, {
|
|
|
64
66
|
isZStack: true
|
|
65
67
|
});
|
|
66
68
|
const getSizedElevation = (val, { theme, tokens }) => {
|
|
67
|
-
|
|
69
|
+
let num = 0;
|
|
70
|
+
if (val === true) {
|
|
68
71
|
const val2 = (0, import_core.getVariableValue)(tokens.size["true"]);
|
|
69
72
|
if (typeof val2 === "number") {
|
|
70
|
-
|
|
73
|
+
num = val2;
|
|
74
|
+
} else {
|
|
75
|
+
num = 10;
|
|
71
76
|
}
|
|
72
|
-
|
|
73
|
-
|
|
77
|
+
} else {
|
|
78
|
+
num = +val;
|
|
79
|
+
}
|
|
80
|
+
if (process.env.NODE_ENV === "development") {
|
|
81
|
+
if (isNaN(num))
|
|
82
|
+
console.warn("NaN shadow", num, val);
|
|
83
|
+
}
|
|
74
84
|
const [height, shadowRadius] = [Math.round(num / 4 + 1), Math.round(num / 2 + 2)];
|
|
75
85
|
const shadow = {
|
|
76
86
|
shadowColor: theme.shadowColor,
|
package/dist/cjs/Stacks.js.map
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/Stacks.tsx"],
|
|
4
|
-
"sourcesContent": ["import {\n GetProps,\n SizeTokens,\n SizeVariantSpreadFunction,\n Stack,\n StackProps,\n VariantSpreadExtras,\n getVariableValue,\n isVariable,\n styled,\n} from '@tamagui/core'\n\nexport type YStackProps = GetProps<typeof YStack>\nexport type XStackProps = YStackProps\nexport type ZStackProps = YStackProps\n\nexport const getElevation: SizeVariantSpreadFunction<StackProps> = (size, extras) => {\n const { tokens } = extras\n const token = tokens.size[size]\n const sizeNum = (isVariable(token) ? +token.val : size) as number\n // TODO this could be configurable with require('tamagui').configure({ elevation: () => {} })\n return getSizedElevation(sizeNum, extras)\n}\n\nconst fullscreenStyle = {\n position: 'absolute',\n top: 0,\n left: 0,\n right: 0,\n bottom: 0,\n} as const\n\nconst variants = {\n fullscreen: {\n true: fullscreenStyle,\n },\n elevation: {\n '...size': getElevation,\n },\n} as const\n\nexport const YStack = styled(Stack, {\n flexDirection: 'column',\n name: 'YStack',\n variants,\n})\n\nexport const XStack = styled(Stack, {\n flexDirection: 'row',\n name: 'XStack',\n variants,\n})\n\nexport const ZStack = styled(\n YStack,\n {\n name: 'ZStack',\n position: 'relative',\n },\n {\n neverFlatten: true,\n isZStack: true,\n }\n)\n\nexport const getSizedElevation = (\n val: SizeTokens | number | boolean,\n { theme, tokens }: VariantSpreadExtras<any>\n) => {\n
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAUO;AAMA,MAAM,eAAsD,CAAC,MAAM,WAAW;AACnF,QAAM,EAAE,WAAW;AACnB,QAAM,QAAQ,OAAO,KAAK;AAC1B,QAAM,UAAW,4BAAW,KAAK,IAAI,CAAC,MAAM,MAAM;AAElD,SAAO,kBAAkB,SAAS,MAAM;AAC1C;AAEA,MAAM,kBAAkB;AAAA,EACtB,UAAU;AAAA,EACV,KAAK;AAAA,EACL,MAAM;AAAA,EACN,OAAO;AAAA,EACP,QAAQ;AACV;AAEA,MAAM,WAAW;AAAA,EACf,YAAY;AAAA,IACV,MAAM;AAAA,EACR;AAAA,EACA,WAAW;AAAA,IACT,WAAW;AAAA,EACb;AACF;AAEO,MAAM,SAAS,wBAAO,mBAAO;AAAA,EAClC,eAAe;AAAA,EACf,MAAM;AAAA,EACN;AACF,CAAC;AAEM,MAAM,SAAS,wBAAO,mBAAO;AAAA,EAClC,eAAe;AAAA,EACf,MAAM;AAAA,EACN;AACF,CAAC;AAEM,MAAM,SAAS,wBACpB,QACA;AAAA,EACE,MAAM;AAAA,EACN,UAAU;AACZ,GACA;AAAA,EACE,cAAc;AAAA,EACd,UAAU;AACZ,CACF;AAEO,MAAM,oBAAoB,CAC/B,KACA,EAAE,OAAO,aACN;AACH,
|
|
4
|
+
"sourcesContent": ["import {\n GetProps,\n SizeTokens,\n SizeVariantSpreadFunction,\n Stack,\n StackProps,\n VariantSpreadExtras,\n getVariableValue,\n isVariable,\n styled,\n} from '@tamagui/core'\n\nexport type YStackProps = GetProps<typeof YStack>\nexport type XStackProps = YStackProps\nexport type ZStackProps = YStackProps\n\nexport const getElevation: SizeVariantSpreadFunction<StackProps> = (size, extras) => {\n if (!size) return\n const { tokens } = extras\n const token = tokens.size[size]\n const sizeNum = (isVariable(token) ? +token.val : size) as number\n // TODO this could be configurable with require('tamagui').configure({ elevation: () => {} })\n return getSizedElevation(sizeNum, extras)\n}\n\nconst fullscreenStyle = {\n position: 'absolute',\n top: 0,\n left: 0,\n right: 0,\n bottom: 0,\n} as const\n\nconst variants = {\n fullscreen: {\n true: fullscreenStyle,\n },\n elevation: {\n '...size': getElevation,\n },\n} as const\n\nexport const YStack = styled(Stack, {\n flexDirection: 'column',\n name: 'YStack',\n variants,\n})\n\nexport const XStack = styled(Stack, {\n flexDirection: 'row',\n name: 'XStack',\n variants,\n})\n\nexport const ZStack = styled(\n YStack,\n {\n name: 'ZStack',\n position: 'relative',\n },\n {\n neverFlatten: true,\n isZStack: true,\n }\n)\n\nexport const getSizedElevation = (\n val: SizeTokens | number | boolean,\n { theme, tokens }: VariantSpreadExtras<any>\n) => {\n let num = 0\n if (val === true) {\n const val = getVariableValue(tokens.size['true'])\n if (typeof val === 'number') {\n num = val\n } else {\n num = 10\n }\n } else {\n num = +val\n }\n if (process.env.NODE_ENV === 'development') {\n if (isNaN(num)) console.warn('NaN shadow', num, val)\n }\n const [height, shadowRadius] = [Math.round(num / 4 + 1), Math.round(num / 2 + 2)]\n const shadow = {\n shadowColor: theme.shadowColor,\n shadowRadius,\n shadowOffset: { height, width: 0 },\n }\n return shadow\n}\n"],
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAUO;AAMA,MAAM,eAAsD,CAAC,MAAM,WAAW;AACnF,MAAI,CAAC;AAAM;AACX,QAAM,EAAE,WAAW;AACnB,QAAM,QAAQ,OAAO,KAAK;AAC1B,QAAM,UAAW,4BAAW,KAAK,IAAI,CAAC,MAAM,MAAM;AAElD,SAAO,kBAAkB,SAAS,MAAM;AAC1C;AAEA,MAAM,kBAAkB;AAAA,EACtB,UAAU;AAAA,EACV,KAAK;AAAA,EACL,MAAM;AAAA,EACN,OAAO;AAAA,EACP,QAAQ;AACV;AAEA,MAAM,WAAW;AAAA,EACf,YAAY;AAAA,IACV,MAAM;AAAA,EACR;AAAA,EACA,WAAW;AAAA,IACT,WAAW;AAAA,EACb;AACF;AAEO,MAAM,SAAS,wBAAO,mBAAO;AAAA,EAClC,eAAe;AAAA,EACf,MAAM;AAAA,EACN;AACF,CAAC;AAEM,MAAM,SAAS,wBAAO,mBAAO;AAAA,EAClC,eAAe;AAAA,EACf,MAAM;AAAA,EACN;AACF,CAAC;AAEM,MAAM,SAAS,wBACpB,QACA;AAAA,EACE,MAAM;AAAA,EACN,UAAU;AACZ,GACA;AAAA,EACE,cAAc;AAAA,EACd,UAAU;AACZ,CACF;AAEO,MAAM,oBAAoB,CAC/B,KACA,EAAE,OAAO,aACN;AACH,MAAI,MAAM;AACV,MAAI,QAAQ,MAAM;AAChB,UAAM,OAAM,kCAAiB,OAAO,KAAK,OAAO;AAChD,QAAI,OAAO,SAAQ,UAAU;AAC3B,YAAM;AAAA,IACR,OAAO;AACL,YAAM;AAAA,IACR;AAAA,EACF,OAAO;AACL,UAAM,CAAC;AAAA,EACT;AACA,MAAI,QAAQ,IAAI,aAAa,eAAe;AAC1C,QAAI,MAAM,GAAG;AAAG,cAAQ,KAAK,cAAc,KAAK,GAAG;AAAA,EACrD;AACA,QAAM,CAAC,QAAQ,gBAAgB,CAAC,KAAK,MAAM,MAAM,IAAI,CAAC,GAAG,KAAK,MAAM,MAAM,IAAI,CAAC,CAAC;AAChF,QAAM,SAAS;AAAA,IACb,aAAa,MAAM;AAAA,IACnB;AAAA,IACA,cAAc,EAAE,QAAQ,OAAO,EAAE;AAAA,EACnC;AACA,SAAO;AACT;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
package/dist/cjs/variants.js.map
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/variants.tsx"],
|
|
4
|
-
"sourcesContent": ["import { getElevation } from './Stacks'\n\nexport const elevate = {\n true: (_, extras) => {\n return getElevation(extras.props['size'], extras)\n },\n}\n\nexport const bordered = (val: boolean | number, { props }) => {\n return {\n // TODO size it with size in '...size'\n borderWidth: typeof val === 'number' ? val : 1,\n borderColor: '$borderColor',\n\n ...(props.hoverTheme && {\n hoverStyle: {\n borderColor: '$borderColorHover',\n },\n }),\n\n ...(props.pressTheme && {\n pressStyle: {\n borderColor: '$borderColorPress',\n },\n }),\n\n ...(props.focusTheme && {\n focusStyle: {\n borderColor: '$borderColorFocus',\n },\n }),\n }\n}\n\nexport const padded = {\n true: (_, extras) => {\n const { tokens, props } = extras\n return {\n padding: tokens.space[props.size] || tokens.space['$4'],\n }\n },\n}\n\nexport const radiused = {\n true: (_, extras) => {\n const { tokens, props } = extras\n return {\n borderRadius: tokens.radius[props.size] || tokens.radius['$4'],\n }\n },\n}\n\nexport const circular = {\n true: (_, { props, tokens }) => {\n const size = tokens.size[props.size]\n return {\n width: size,\n height: size,\n maxWidth: size,\n maxHeight: size,\n minWidth: size,\n minHeight: size,\n borderRadius: 100_000,\n paddingVertical: 0,\n paddingHorizontal: 0,\n }\n },\n}\n\nexport const hoverTheme = {\n true: {\n hoverStyle: {\n backgroundColor: '$backgroundHover',\n borderColor: '$borderColorHover',\n },\n },\n false: {},\n}\n\nexport const pressTheme = {\n true: {\n pressStyle: {\n backgroundColor: '$backgroundPress',\n borderColor: '$borderColorPress',\n },\n },\n false: {},\n}\n\nexport const focusTheme = {\n true: {\n focusStyle: {\n backgroundColor: '$backgroundFocus',\n borderColor: '$borderColorFocus',\n },\n },\n false: {},\n}\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,oBAA6B;AAEtB,MAAM,UAAU;AAAA,EACrB,MAAM,CAAC,
|
|
4
|
+
"sourcesContent": ["import { getElevation } from './Stacks'\n\nexport const elevate = {\n true: (_: boolean, extras: any) => {\n return getElevation(extras.props['size'], extras)\n },\n}\n\nexport const bordered = (val: boolean | number, { props }) => {\n return {\n // TODO size it with size in '...size'\n borderWidth: typeof val === 'number' ? val : 1,\n borderColor: '$borderColor',\n\n ...(props.hoverTheme && {\n hoverStyle: {\n borderColor: '$borderColorHover',\n },\n }),\n\n ...(props.pressTheme && {\n pressStyle: {\n borderColor: '$borderColorPress',\n },\n }),\n\n ...(props.focusTheme && {\n focusStyle: {\n borderColor: '$borderColorFocus',\n },\n }),\n }\n}\n\nexport const padded = {\n true: (_, extras) => {\n const { tokens, props } = extras\n return {\n padding: tokens.space[props.size] || tokens.space['$4'],\n }\n },\n}\n\nexport const radiused = {\n true: (_, extras) => {\n const { tokens, props } = extras\n return {\n borderRadius: tokens.radius[props.size] || tokens.radius['$4'],\n }\n },\n}\n\nexport const circular = {\n true: (_, { props, tokens }) => {\n const size = tokens.size[props.size]\n return {\n width: size,\n height: size,\n maxWidth: size,\n maxHeight: size,\n minWidth: size,\n minHeight: size,\n borderRadius: 100_000,\n paddingVertical: 0,\n paddingHorizontal: 0,\n }\n },\n}\n\nexport const hoverTheme = {\n true: {\n hoverStyle: {\n backgroundColor: '$backgroundHover',\n borderColor: '$borderColorHover',\n },\n },\n false: {},\n}\n\nexport const pressTheme = {\n true: {\n pressStyle: {\n backgroundColor: '$backgroundPress',\n borderColor: '$borderColorPress',\n },\n },\n false: {},\n}\n\nexport const focusTheme = {\n true: {\n focusStyle: {\n backgroundColor: '$backgroundFocus',\n borderColor: '$borderColorFocus',\n },\n },\n false: {},\n}\n"],
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,oBAA6B;AAEtB,MAAM,UAAU;AAAA,EACrB,MAAM,CAAC,GAAY,WAAgB;AACjC,WAAO,gCAAa,OAAO,MAAM,SAAS,MAAM;AAAA,EAClD;AACF;AAEO,MAAM,WAAW,CAAC,KAAuB,EAAE,YAAY;AAC5D,SAAO;AAAA,IAEL,aAAa,OAAO,QAAQ,WAAW,MAAM;AAAA,IAC7C,aAAa;AAAA,KAET,MAAM,cAAc;AAAA,IACtB,YAAY;AAAA,MACV,aAAa;AAAA,IACf;AAAA,EACF,IAEI,MAAM,cAAc;AAAA,IACtB,YAAY;AAAA,MACV,aAAa;AAAA,IACf;AAAA,EACF,IAEI,MAAM,cAAc;AAAA,IACtB,YAAY;AAAA,MACV,aAAa;AAAA,IACf;AAAA,EACF;AAEJ;AAEO,MAAM,SAAS;AAAA,EACpB,MAAM,CAAC,GAAG,WAAW;AACnB,UAAM,EAAE,QAAQ,UAAU;AAC1B,WAAO;AAAA,MACL,SAAS,OAAO,MAAM,MAAM,SAAS,OAAO,MAAM;AAAA,IACpD;AAAA,EACF;AACF;AAEO,MAAM,WAAW;AAAA,EACtB,MAAM,CAAC,GAAG,WAAW;AACnB,UAAM,EAAE,QAAQ,UAAU;AAC1B,WAAO;AAAA,MACL,cAAc,OAAO,OAAO,MAAM,SAAS,OAAO,OAAO;AAAA,IAC3D;AAAA,EACF;AACF;AAEO,MAAM,WAAW;AAAA,EACtB,MAAM,CAAC,GAAG,EAAE,OAAO,aAAa;AAC9B,UAAM,OAAO,OAAO,KAAK,MAAM;AAC/B,WAAO;AAAA,MACL,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,UAAU;AAAA,MACV,WAAW;AAAA,MACX,UAAU;AAAA,MACV,WAAW;AAAA,MACX,cAAc;AAAA,MACd,iBAAiB;AAAA,MACjB,mBAAmB;AAAA,IACrB;AAAA,EACF;AACF;AAEO,MAAM,aAAa;AAAA,EACxB,MAAM;AAAA,IACJ,YAAY;AAAA,MACV,iBAAiB;AAAA,MACjB,aAAa;AAAA,IACf;AAAA,EACF;AAAA,EACA,OAAO,CAAC;AACV;AAEO,MAAM,aAAa;AAAA,EACxB,MAAM;AAAA,IACJ,YAAY;AAAA,MACV,iBAAiB;AAAA,MACjB,aAAa;AAAA,IACf;AAAA,EACF;AAAA,EACA,OAAO,CAAC;AACV;AAEO,MAAM,aAAa;AAAA,EACxB,MAAM;AAAA,IACJ,YAAY;AAAA,MACV,iBAAiB;AAAA,MACjB,aAAa;AAAA,IACf;AAAA,EACF;AAAA,EACA,OAAO,CAAC;AACV;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
package/dist/esm/Stacks.js
CHANGED
|
@@ -5,6 +5,8 @@ import {
|
|
|
5
5
|
styled
|
|
6
6
|
} from "@tamagui/core";
|
|
7
7
|
const getElevation = (size, extras) => {
|
|
8
|
+
if (!size)
|
|
9
|
+
return;
|
|
8
10
|
const { tokens } = extras;
|
|
9
11
|
const token = tokens.size[size];
|
|
10
12
|
const sizeNum = isVariable(token) ? +token.val : size;
|
|
@@ -43,13 +45,21 @@ const ZStack = styled(YStack, {
|
|
|
43
45
|
isZStack: true
|
|
44
46
|
});
|
|
45
47
|
const getSizedElevation = (val, { theme, tokens }) => {
|
|
46
|
-
|
|
48
|
+
let num = 0;
|
|
49
|
+
if (val === true) {
|
|
47
50
|
const val2 = getVariableValue(tokens.size["true"]);
|
|
48
51
|
if (typeof val2 === "number") {
|
|
49
|
-
|
|
52
|
+
num = val2;
|
|
53
|
+
} else {
|
|
54
|
+
num = 10;
|
|
50
55
|
}
|
|
51
|
-
|
|
52
|
-
|
|
56
|
+
} else {
|
|
57
|
+
num = +val;
|
|
58
|
+
}
|
|
59
|
+
if (process.env.NODE_ENV === "development") {
|
|
60
|
+
if (isNaN(num))
|
|
61
|
+
console.warn("NaN shadow", num, val);
|
|
62
|
+
}
|
|
53
63
|
const [height, shadowRadius] = [Math.round(num / 4 + 1), Math.round(num / 2 + 2)];
|
|
54
64
|
const shadow = {
|
|
55
65
|
shadowColor: theme.shadowColor,
|
package/dist/esm/Stacks.js.map
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/Stacks.tsx"],
|
|
4
|
-
"sourcesContent": ["import {\n GetProps,\n SizeTokens,\n SizeVariantSpreadFunction,\n Stack,\n StackProps,\n VariantSpreadExtras,\n getVariableValue,\n isVariable,\n styled,\n} from '@tamagui/core'\n\nexport type YStackProps = GetProps<typeof YStack>\nexport type XStackProps = YStackProps\nexport type ZStackProps = YStackProps\n\nexport const getElevation: SizeVariantSpreadFunction<StackProps> = (size, extras) => {\n const { tokens } = extras\n const token = tokens.size[size]\n const sizeNum = (isVariable(token) ? +token.val : size) as number\n // TODO this could be configurable with require('tamagui').configure({ elevation: () => {} })\n return getSizedElevation(sizeNum, extras)\n}\n\nconst fullscreenStyle = {\n position: 'absolute',\n top: 0,\n left: 0,\n right: 0,\n bottom: 0,\n} as const\n\nconst variants = {\n fullscreen: {\n true: fullscreenStyle,\n },\n elevation: {\n '...size': getElevation,\n },\n} as const\n\nexport const YStack = styled(Stack, {\n flexDirection: 'column',\n name: 'YStack',\n variants,\n})\n\nexport const XStack = styled(Stack, {\n flexDirection: 'row',\n name: 'XStack',\n variants,\n})\n\nexport const ZStack = styled(\n YStack,\n {\n name: 'ZStack',\n position: 'relative',\n },\n {\n neverFlatten: true,\n isZStack: true,\n }\n)\n\nexport const getSizedElevation = (\n val: SizeTokens | number | boolean,\n { theme, tokens }: VariantSpreadExtras<any>\n) => {\n
|
|
5
|
-
"mappings": "AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAgBO,MAAM,eAAsD,CAAC,MAAM,WAAW;AACnF,QAAM,EAAE,WAAW;AACnB,QAAM,QAAQ,OAAO,KAAK;AAC1B,QAAM,UAAW,WAAW,KAAK,IAAI,CAAC,MAAM,MAAM;AAElD,SAAO,kBAAkB,SAAS,MAAM;AAC1C;AAEA,MAAM,kBAAkB;AAAA,EACtB,UAAU;AAAA,EACV,KAAK;AAAA,EACL,MAAM;AAAA,EACN,OAAO;AAAA,EACP,QAAQ;AACV;AAEA,MAAM,WAAW;AAAA,EACf,YAAY;AAAA,IACV,MAAM;AAAA,EACR;AAAA,EACA,WAAW;AAAA,IACT,WAAW;AAAA,EACb;AACF;AAEO,MAAM,SAAS,OAAO,OAAO;AAAA,EAClC,eAAe;AAAA,EACf,MAAM;AAAA,EACN;AACF,CAAC;AAEM,MAAM,SAAS,OAAO,OAAO;AAAA,EAClC,eAAe;AAAA,EACf,MAAM;AAAA,EACN;AACF,CAAC;AAEM,MAAM,SAAS,OACpB,QACA;AAAA,EACE,MAAM;AAAA,EACN,UAAU;AACZ,GACA;AAAA,EACE,cAAc;AAAA,EACd,UAAU;AACZ,CACF;AAEO,MAAM,oBAAoB,CAC/B,KACA,EAAE,OAAO,aACN;AACH,
|
|
4
|
+
"sourcesContent": ["import {\n GetProps,\n SizeTokens,\n SizeVariantSpreadFunction,\n Stack,\n StackProps,\n VariantSpreadExtras,\n getVariableValue,\n isVariable,\n styled,\n} from '@tamagui/core'\n\nexport type YStackProps = GetProps<typeof YStack>\nexport type XStackProps = YStackProps\nexport type ZStackProps = YStackProps\n\nexport const getElevation: SizeVariantSpreadFunction<StackProps> = (size, extras) => {\n if (!size) return\n const { tokens } = extras\n const token = tokens.size[size]\n const sizeNum = (isVariable(token) ? +token.val : size) as number\n // TODO this could be configurable with require('tamagui').configure({ elevation: () => {} })\n return getSizedElevation(sizeNum, extras)\n}\n\nconst fullscreenStyle = {\n position: 'absolute',\n top: 0,\n left: 0,\n right: 0,\n bottom: 0,\n} as const\n\nconst variants = {\n fullscreen: {\n true: fullscreenStyle,\n },\n elevation: {\n '...size': getElevation,\n },\n} as const\n\nexport const YStack = styled(Stack, {\n flexDirection: 'column',\n name: 'YStack',\n variants,\n})\n\nexport const XStack = styled(Stack, {\n flexDirection: 'row',\n name: 'XStack',\n variants,\n})\n\nexport const ZStack = styled(\n YStack,\n {\n name: 'ZStack',\n position: 'relative',\n },\n {\n neverFlatten: true,\n isZStack: true,\n }\n)\n\nexport const getSizedElevation = (\n val: SizeTokens | number | boolean,\n { theme, tokens }: VariantSpreadExtras<any>\n) => {\n let num = 0\n if (val === true) {\n const val = getVariableValue(tokens.size['true'])\n if (typeof val === 'number') {\n num = val\n } else {\n num = 10\n }\n } else {\n num = +val\n }\n if (process.env.NODE_ENV === 'development') {\n if (isNaN(num)) console.warn('NaN shadow', num, val)\n }\n const [height, shadowRadius] = [Math.round(num / 4 + 1), Math.round(num / 2 + 2)]\n const shadow = {\n shadowColor: theme.shadowColor,\n shadowRadius,\n shadowOffset: { height, width: 0 },\n }\n return shadow\n}\n"],
|
|
5
|
+
"mappings": "AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAgBO,MAAM,eAAsD,CAAC,MAAM,WAAW;AACnF,MAAI,CAAC;AAAM;AACX,QAAM,EAAE,WAAW;AACnB,QAAM,QAAQ,OAAO,KAAK;AAC1B,QAAM,UAAW,WAAW,KAAK,IAAI,CAAC,MAAM,MAAM;AAElD,SAAO,kBAAkB,SAAS,MAAM;AAC1C;AAEA,MAAM,kBAAkB;AAAA,EACtB,UAAU;AAAA,EACV,KAAK;AAAA,EACL,MAAM;AAAA,EACN,OAAO;AAAA,EACP,QAAQ;AACV;AAEA,MAAM,WAAW;AAAA,EACf,YAAY;AAAA,IACV,MAAM;AAAA,EACR;AAAA,EACA,WAAW;AAAA,IACT,WAAW;AAAA,EACb;AACF;AAEO,MAAM,SAAS,OAAO,OAAO;AAAA,EAClC,eAAe;AAAA,EACf,MAAM;AAAA,EACN;AACF,CAAC;AAEM,MAAM,SAAS,OAAO,OAAO;AAAA,EAClC,eAAe;AAAA,EACf,MAAM;AAAA,EACN;AACF,CAAC;AAEM,MAAM,SAAS,OACpB,QACA;AAAA,EACE,MAAM;AAAA,EACN,UAAU;AACZ,GACA;AAAA,EACE,cAAc;AAAA,EACd,UAAU;AACZ,CACF;AAEO,MAAM,oBAAoB,CAC/B,KACA,EAAE,OAAO,aACN;AACH,MAAI,MAAM;AACV,MAAI,QAAQ,MAAM;AAChB,UAAM,OAAM,iBAAiB,OAAO,KAAK,OAAO;AAChD,QAAI,OAAO,SAAQ,UAAU;AAC3B,YAAM;AAAA,IACR,OAAO;AACL,YAAM;AAAA,IACR;AAAA,EACF,OAAO;AACL,UAAM,CAAC;AAAA,EACT;AACA,MAAI,QAAQ,IAAI,aAAa,eAAe;AAC1C,QAAI,MAAM,GAAG;AAAG,cAAQ,KAAK,cAAc,KAAK,GAAG;AAAA,EACrD;AACA,QAAM,CAAC,QAAQ,gBAAgB,CAAC,KAAK,MAAM,MAAM,IAAI,CAAC,GAAG,KAAK,MAAM,MAAM,IAAI,CAAC,CAAC;AAChF,QAAM,SAAS;AAAA,IACb,aAAa,MAAM;AAAA,IACnB;AAAA,IACA,cAAc,EAAE,QAAQ,OAAO,EAAE;AAAA,EACnC;AACA,SAAO;AACT;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
package/dist/esm/variants.js
CHANGED
|
@@ -1,3 +1,19 @@
|
|
|
1
|
+
var __defProp = Object.defineProperty;
|
|
2
|
+
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
|
|
3
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
4
|
+
var __propIsEnum = Object.prototype.propertyIsEnumerable;
|
|
5
|
+
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
6
|
+
var __spreadValues = (a, b) => {
|
|
7
|
+
for (var prop in b || (b = {}))
|
|
8
|
+
if (__hasOwnProp.call(b, prop))
|
|
9
|
+
__defNormalProp(a, prop, b[prop]);
|
|
10
|
+
if (__getOwnPropSymbols)
|
|
11
|
+
for (var prop of __getOwnPropSymbols(b)) {
|
|
12
|
+
if (__propIsEnum.call(b, prop))
|
|
13
|
+
__defNormalProp(a, prop, b[prop]);
|
|
14
|
+
}
|
|
15
|
+
return a;
|
|
16
|
+
};
|
|
1
17
|
import { getElevation } from "./Stacks";
|
|
2
18
|
const elevate = {
|
|
3
19
|
true: (_, extras) => {
|
|
@@ -5,25 +21,22 @@ const elevate = {
|
|
|
5
21
|
}
|
|
6
22
|
};
|
|
7
23
|
const bordered = (val, { props }) => {
|
|
8
|
-
return {
|
|
24
|
+
return __spreadValues(__spreadValues(__spreadValues({
|
|
9
25
|
borderWidth: typeof val === "number" ? val : 1,
|
|
10
|
-
borderColor: "$borderColor"
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
focusStyle: {
|
|
23
|
-
borderColor: "$borderColorFocus"
|
|
24
|
-
}
|
|
26
|
+
borderColor: "$borderColor"
|
|
27
|
+
}, props.hoverTheme && {
|
|
28
|
+
hoverStyle: {
|
|
29
|
+
borderColor: "$borderColorHover"
|
|
30
|
+
}
|
|
31
|
+
}), props.pressTheme && {
|
|
32
|
+
pressStyle: {
|
|
33
|
+
borderColor: "$borderColorPress"
|
|
34
|
+
}
|
|
35
|
+
}), props.focusTheme && {
|
|
36
|
+
focusStyle: {
|
|
37
|
+
borderColor: "$borderColorFocus"
|
|
25
38
|
}
|
|
26
|
-
};
|
|
39
|
+
});
|
|
27
40
|
};
|
|
28
41
|
const padded = {
|
|
29
42
|
true: (_, extras) => {
|
package/dist/esm/variants.js.map
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/variants.tsx"],
|
|
4
|
-
"sourcesContent": ["import { getElevation } from './Stacks'\n\nexport const elevate = {\n true: (_, extras) => {\n return getElevation(extras.props['size'], extras)\n },\n}\n\nexport const bordered = (val: boolean | number, { props }) => {\n return {\n // TODO size it with size in '...size'\n borderWidth: typeof val === 'number' ? val : 1,\n borderColor: '$borderColor',\n\n ...(props.hoverTheme && {\n hoverStyle: {\n borderColor: '$borderColorHover',\n },\n }),\n\n ...(props.pressTheme && {\n pressStyle: {\n borderColor: '$borderColorPress',\n },\n }),\n\n ...(props.focusTheme && {\n focusStyle: {\n borderColor: '$borderColorFocus',\n },\n }),\n }\n}\n\nexport const padded = {\n true: (_, extras) => {\n const { tokens, props } = extras\n return {\n padding: tokens.space[props.size] || tokens.space['$4'],\n }\n },\n}\n\nexport const radiused = {\n true: (_, extras) => {\n const { tokens, props } = extras\n return {\n borderRadius: tokens.radius[props.size] || tokens.radius['$4'],\n }\n },\n}\n\nexport const circular = {\n true: (_, { props, tokens }) => {\n const size = tokens.size[props.size]\n return {\n width: size,\n height: size,\n maxWidth: size,\n maxHeight: size,\n minWidth: size,\n minHeight: size,\n borderRadius: 100_000,\n paddingVertical: 0,\n paddingHorizontal: 0,\n }\n },\n}\n\nexport const hoverTheme = {\n true: {\n hoverStyle: {\n backgroundColor: '$backgroundHover',\n borderColor: '$borderColorHover',\n },\n },\n false: {},\n}\n\nexport const pressTheme = {\n true: {\n pressStyle: {\n backgroundColor: '$backgroundPress',\n borderColor: '$borderColorPress',\n },\n },\n false: {},\n}\n\nexport const focusTheme = {\n true: {\n focusStyle: {\n backgroundColor: '$backgroundFocus',\n borderColor: '$borderColorFocus',\n },\n },\n false: {},\n}\n"],
|
|
5
|
-
"mappings": "AAAA;AAEO,MAAM,UAAU;AAAA,EACrB,MAAM,CAAC,
|
|
4
|
+
"sourcesContent": ["import { getElevation } from './Stacks'\n\nexport const elevate = {\n true: (_: boolean, extras: any) => {\n return getElevation(extras.props['size'], extras)\n },\n}\n\nexport const bordered = (val: boolean | number, { props }) => {\n return {\n // TODO size it with size in '...size'\n borderWidth: typeof val === 'number' ? val : 1,\n borderColor: '$borderColor',\n\n ...(props.hoverTheme && {\n hoverStyle: {\n borderColor: '$borderColorHover',\n },\n }),\n\n ...(props.pressTheme && {\n pressStyle: {\n borderColor: '$borderColorPress',\n },\n }),\n\n ...(props.focusTheme && {\n focusStyle: {\n borderColor: '$borderColorFocus',\n },\n }),\n }\n}\n\nexport const padded = {\n true: (_, extras) => {\n const { tokens, props } = extras\n return {\n padding: tokens.space[props.size] || tokens.space['$4'],\n }\n },\n}\n\nexport const radiused = {\n true: (_, extras) => {\n const { tokens, props } = extras\n return {\n borderRadius: tokens.radius[props.size] || tokens.radius['$4'],\n }\n },\n}\n\nexport const circular = {\n true: (_, { props, tokens }) => {\n const size = tokens.size[props.size]\n return {\n width: size,\n height: size,\n maxWidth: size,\n maxHeight: size,\n minWidth: size,\n minHeight: size,\n borderRadius: 100_000,\n paddingVertical: 0,\n paddingHorizontal: 0,\n }\n },\n}\n\nexport const hoverTheme = {\n true: {\n hoverStyle: {\n backgroundColor: '$backgroundHover',\n borderColor: '$borderColorHover',\n },\n },\n false: {},\n}\n\nexport const pressTheme = {\n true: {\n pressStyle: {\n backgroundColor: '$backgroundPress',\n borderColor: '$borderColorPress',\n },\n },\n false: {},\n}\n\nexport const focusTheme = {\n true: {\n focusStyle: {\n backgroundColor: '$backgroundFocus',\n borderColor: '$borderColorFocus',\n },\n },\n false: {},\n}\n"],
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;AAAA;AAEO,MAAM,UAAU;AAAA,EACrB,MAAM,CAAC,GAAY,WAAgB;AACjC,WAAO,aAAa,OAAO,MAAM,SAAS,MAAM;AAAA,EAClD;AACF;AAEO,MAAM,WAAW,CAAC,KAAuB,EAAE,YAAY;AAC5D,SAAO;AAAA,IAEL,aAAa,OAAO,QAAQ,WAAW,MAAM;AAAA,IAC7C,aAAa;AAAA,KAET,MAAM,cAAc;AAAA,IACtB,YAAY;AAAA,MACV,aAAa;AAAA,IACf;AAAA,EACF,IAEI,MAAM,cAAc;AAAA,IACtB,YAAY;AAAA,MACV,aAAa;AAAA,IACf;AAAA,EACF,IAEI,MAAM,cAAc;AAAA,IACtB,YAAY;AAAA,MACV,aAAa;AAAA,IACf;AAAA,EACF;AAEJ;AAEO,MAAM,SAAS;AAAA,EACpB,MAAM,CAAC,GAAG,WAAW;AACnB,UAAM,EAAE,QAAQ,UAAU;AAC1B,WAAO;AAAA,MACL,SAAS,OAAO,MAAM,MAAM,SAAS,OAAO,MAAM;AAAA,IACpD;AAAA,EACF;AACF;AAEO,MAAM,WAAW;AAAA,EACtB,MAAM,CAAC,GAAG,WAAW;AACnB,UAAM,EAAE,QAAQ,UAAU;AAC1B,WAAO;AAAA,MACL,cAAc,OAAO,OAAO,MAAM,SAAS,OAAO,OAAO;AAAA,IAC3D;AAAA,EACF;AACF;AAEO,MAAM,WAAW;AAAA,EACtB,MAAM,CAAC,GAAG,EAAE,OAAO,aAAa;AAC9B,UAAM,OAAO,OAAO,KAAK,MAAM;AAC/B,WAAO;AAAA,MACL,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,UAAU;AAAA,MACV,WAAW;AAAA,MACX,UAAU;AAAA,MACV,WAAW;AAAA,MACX,cAAc;AAAA,MACd,iBAAiB;AAAA,MACjB,mBAAmB;AAAA,IACrB;AAAA,EACF;AACF;AAEO,MAAM,aAAa;AAAA,EACxB,MAAM;AAAA,IACJ,YAAY;AAAA,MACV,iBAAiB;AAAA,MACjB,aAAa;AAAA,IACf;AAAA,EACF;AAAA,EACA,OAAO,CAAC;AACV;AAEO,MAAM,aAAa;AAAA,EACxB,MAAM;AAAA,IACJ,YAAY;AAAA,MACV,iBAAiB;AAAA,MACjB,aAAa;AAAA,IACf;AAAA,EACF;AAAA,EACA,OAAO,CAAC;AACV;AAEO,MAAM,aAAa;AAAA,EACxB,MAAM;AAAA,IACJ,YAAY;AAAA,MACV,iBAAiB;AAAA,MACjB,aAAa;AAAA,IACf;AAAA,EACF;AAAA,EACA,OAAO,CAAC;AACV;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
package/dist/jsx/Stacks.js
CHANGED
|
@@ -5,6 +5,8 @@ import {
|
|
|
5
5
|
styled
|
|
6
6
|
} from "@tamagui/core";
|
|
7
7
|
const getElevation = (size, extras) => {
|
|
8
|
+
if (!size)
|
|
9
|
+
return;
|
|
8
10
|
const { tokens } = extras;
|
|
9
11
|
const token = tokens.size[size];
|
|
10
12
|
const sizeNum = isVariable(token) ? +token.val : size;
|
|
@@ -43,13 +45,21 @@ const ZStack = styled(YStack, {
|
|
|
43
45
|
isZStack: true
|
|
44
46
|
});
|
|
45
47
|
const getSizedElevation = (val, { theme, tokens }) => {
|
|
46
|
-
|
|
48
|
+
let num = 0;
|
|
49
|
+
if (val === true) {
|
|
47
50
|
const val2 = getVariableValue(tokens.size["true"]);
|
|
48
51
|
if (typeof val2 === "number") {
|
|
49
|
-
|
|
52
|
+
num = val2;
|
|
53
|
+
} else {
|
|
54
|
+
num = 10;
|
|
50
55
|
}
|
|
51
|
-
|
|
52
|
-
|
|
56
|
+
} else {
|
|
57
|
+
num = +val;
|
|
58
|
+
}
|
|
59
|
+
if (process.env.NODE_ENV === "development") {
|
|
60
|
+
if (isNaN(num))
|
|
61
|
+
console.warn("NaN shadow", num, val);
|
|
62
|
+
}
|
|
53
63
|
const [height, shadowRadius] = [Math.round(num / 4 + 1), Math.round(num / 2 + 2)];
|
|
54
64
|
const shadow = {
|
|
55
65
|
shadowColor: theme.shadowColor,
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@tamagui/stacks",
|
|
3
|
-
"version": "1.0.1-beta.
|
|
3
|
+
"version": "1.0.1-beta.76",
|
|
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.
|
|
22
|
+
"@tamagui/core": "^1.0.1-beta.76"
|
|
23
23
|
},
|
|
24
24
|
"peerDependencies": {
|
|
25
25
|
"react": "*",
|
|
26
26
|
"react-dom": "*"
|
|
27
27
|
},
|
|
28
28
|
"devDependencies": {
|
|
29
|
-
"@tamagui/build": "^1.0.1-beta.
|
|
29
|
+
"@tamagui/build": "^1.0.1-beta.76",
|
|
30
30
|
"react": "*",
|
|
31
31
|
"react-dom": "*"
|
|
32
32
|
},
|
package/src/Stacks.tsx
CHANGED
|
@@ -15,6 +15,7 @@ export type XStackProps = YStackProps
|
|
|
15
15
|
export type ZStackProps = YStackProps
|
|
16
16
|
|
|
17
17
|
export const getElevation: SizeVariantSpreadFunction<StackProps> = (size, extras) => {
|
|
18
|
+
if (!size) return
|
|
18
19
|
const { tokens } = extras
|
|
19
20
|
const token = tokens.size[size]
|
|
20
21
|
const sizeNum = (isVariable(token) ? +token.val : size) as number
|
|
@@ -67,19 +68,20 @@ export const getSizedElevation = (
|
|
|
67
68
|
val: SizeTokens | number | boolean,
|
|
68
69
|
{ theme, tokens }: VariantSpreadExtras<any>
|
|
69
70
|
) => {
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
71
|
+
let num = 0
|
|
72
|
+
if (val === true) {
|
|
73
|
+
const val = getVariableValue(tokens.size['true'])
|
|
74
|
+
if (typeof val === 'number') {
|
|
75
|
+
num = val
|
|
76
|
+
} else {
|
|
77
|
+
num = 10
|
|
78
|
+
}
|
|
79
|
+
} else {
|
|
80
|
+
num = +val
|
|
81
|
+
}
|
|
82
|
+
if (process.env.NODE_ENV === 'development') {
|
|
83
|
+
if (isNaN(num)) console.warn('NaN shadow', num, val)
|
|
84
|
+
}
|
|
83
85
|
const [height, shadowRadius] = [Math.round(num / 4 + 1), Math.round(num / 2 + 2)]
|
|
84
86
|
const shadow = {
|
|
85
87
|
shadowColor: theme.shadowColor,
|
package/src/variants.tsx
CHANGED
package/types/SizableStack.d.ts
CHANGED
|
@@ -2,7 +2,7 @@ import { GetProps } from '@tamagui/core';
|
|
|
2
2
|
export declare const SizableStack: 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
|
-
}, "
|
|
5
|
+
}, "size" | "fontFamily" | "hoverTheme" | "pressTheme" | "focusTheme" | "circular" | "elevate" | "bordered"> & {
|
|
6
6
|
fontFamily?: unknown;
|
|
7
7
|
hoverTheme?: boolean | undefined;
|
|
8
8
|
pressTheme?: boolean | undefined;
|
|
@@ -14,7 +14,7 @@ export declare const SizableStack: import("@tamagui/core").TamaguiComponent<Omit
|
|
|
14
14
|
} & 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<{
|
|
15
15
|
readonly fullscreen?: boolean | undefined;
|
|
16
16
|
readonly elevation?: import("@tamagui/core").SizeTokens | undefined;
|
|
17
|
-
}, "
|
|
17
|
+
}, "size" | "fontFamily" | "hoverTheme" | "pressTheme" | "focusTheme" | "circular" | "elevate" | "bordered"> & {
|
|
18
18
|
fontFamily?: unknown;
|
|
19
19
|
hoverTheme?: boolean | undefined;
|
|
20
20
|
pressTheme?: boolean | undefined;
|
|
@@ -26,7 +26,7 @@ export declare const SizableStack: import("@tamagui/core").TamaguiComponent<Omit
|
|
|
26
26
|
}>> & 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<{
|
|
27
27
|
readonly fullscreen?: boolean | undefined;
|
|
28
28
|
readonly elevation?: import("@tamagui/core").SizeTokens | undefined;
|
|
29
|
-
}, "
|
|
29
|
+
}, "size" | "fontFamily" | "hoverTheme" | "pressTheme" | "focusTheme" | "circular" | "elevate" | "bordered"> & {
|
|
30
30
|
fontFamily?: unknown;
|
|
31
31
|
hoverTheme?: boolean | undefined;
|
|
32
32
|
pressTheme?: boolean | undefined;
|
package/types/Stacks.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Stacks.d.ts","sourceRoot":"","sources":["../src/Stacks.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,QAAQ,EACR,UAAU,EACV,yBAAyB,EAEzB,UAAU,EACV,mBAAmB,EAIpB,MAAM,eAAe,CAAA;AAEtB,oBAAY,WAAW,GAAG,QAAQ,CAAC,OAAO,MAAM,CAAC,CAAA;AACjD,oBAAY,WAAW,GAAG,WAAW,CAAA;AACrC,oBAAY,WAAW,GAAG,WAAW,CAAA;AAErC,eAAO,MAAM,YAAY,EAAE,yBAAyB,CAAC,UAAU,
|
|
1
|
+
{"version":3,"file":"Stacks.d.ts","sourceRoot":"","sources":["../src/Stacks.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,QAAQ,EACR,UAAU,EACV,yBAAyB,EAEzB,UAAU,EACV,mBAAmB,EAIpB,MAAM,eAAe,CAAA;AAEtB,oBAAY,WAAW,GAAG,QAAQ,CAAC,OAAO,MAAM,CAAC,CAAA;AACjD,oBAAY,WAAW,GAAG,WAAW,CAAA;AACrC,oBAAY,WAAW,GAAG,WAAW,CAAA;AAErC,eAAO,MAAM,YAAY,EAAE,yBAAyB,CAAC,UAAU,CAO9D,CAAA;AAmBD,eAAO,MAAM,MAAM;;;;;;;;;;;;EAIjB,CAAA;AAEF,eAAO,MAAM,MAAM;;;;;;;;;;;;EAIjB,CAAA;AAEF,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAUlB,CAAA;AAED,eAAO,MAAM,iBAAiB,QACvB,UAAU,GAAG,MAAM,GAAG,OAAO,qBACf,oBAAoB,GAAG,CAAC;;;;;;;CAuB5C,CAAA"}
|
|
@@ -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" | "
|
|
5
|
+
}, "fontFamily" | "transparent" | "backgrounded" | "radiused" | "hoverTheme" | "pressTheme" | "focusTheme" | "circular" | "padded" | "elevate" | "bordered" | "chromeless"> & {
|
|
6
6
|
fontFamily?: unknown;
|
|
7
7
|
backgrounded?: boolean | undefined;
|
|
8
8
|
radiused?: boolean | undefined;
|
|
@@ -18,7 +18,7 @@ export declare const ThemeableStack: import("@tamagui/core").TamaguiComponent<Om
|
|
|
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" | "
|
|
21
|
+
}, "fontFamily" | "transparent" | "backgrounded" | "radiused" | "hoverTheme" | "pressTheme" | "focusTheme" | "circular" | "padded" | "elevate" | "bordered" | "chromeless"> & {
|
|
22
22
|
fontFamily?: unknown;
|
|
23
23
|
backgrounded?: boolean | undefined;
|
|
24
24
|
radiused?: boolean | undefined;
|
|
@@ -34,7 +34,7 @@ export declare const ThemeableStack: import("@tamagui/core").TamaguiComponent<Om
|
|
|
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" | "
|
|
37
|
+
}, "fontFamily" | "transparent" | "backgrounded" | "radiused" | "hoverTheme" | "pressTheme" | "focusTheme" | "circular" | "padded" | "elevate" | "bordered" | "chromeless"> & {
|
|
38
38
|
fontFamily?: unknown;
|
|
39
39
|
backgrounded?: boolean | undefined;
|
|
40
40
|
radiused?: boolean | undefined;
|
package/types/variants.d.ts
CHANGED
|
@@ -1,6 +1,5 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
1
|
export declare const elevate: {
|
|
3
|
-
true: (_:
|
|
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
|
hitSlop?: import("@tamagui/core").Variable<any> | import("react-native").Insets | undefined;
|
|
6
5
|
onLayout?: import("@tamagui/core").Variable<any> | ((event: import("react-native").LayoutChangeEvent) => void) | undefined;
|
|
@@ -45,7 +44,7 @@ export declare const elevate: {
|
|
|
45
44
|
}>[] | undefined;
|
|
46
45
|
accessibilityLabel?: string | import("@tamagui/core").Variable<any> | undefined;
|
|
47
46
|
accessibilityRole?: "none" | "button" | "link" | "search" | "image" | "keyboardkey" | "text" | "adjustable" | "imagebutton" | "header" | "summary" | import("@tamagui/core").Variable<any> | undefined;
|
|
48
|
-
accessibilityState?: import("
|
|
47
|
+
accessibilityState?: import("@tamagui/core").Variable<any> | import("react-native").AccessibilityState | undefined;
|
|
49
48
|
accessibilityHint?: string | import("@tamagui/core").Variable<any> | undefined;
|
|
50
49
|
accessibilityValue?: import("@tamagui/core").Variable<any> | import("react-native").AccessibilityValue | undefined;
|
|
51
50
|
onAccessibilityAction?: import("@tamagui/core").Variable<any> | ((event: import("react-native").AccessibilityActionEvent) => void) | undefined;
|
|
@@ -78,9 +77,9 @@ export declare const elevate: {
|
|
|
78
77
|
onSelectionChangeShouldSetResponder?: unknown;
|
|
79
78
|
onSelectionChangeShouldSetResponderCapture?: unknown;
|
|
80
79
|
asChild?: boolean | import("@tamagui/core").Variable<any> | undefined;
|
|
81
|
-
space?: import("@tamagui/core").
|
|
80
|
+
space?: import("@tamagui/core").Variable<any> | import("@tamagui/core").SpaceTokens | undefined;
|
|
82
81
|
spaceDirection?: import("@tamagui/core").Variable<any> | import("@tamagui/core").SpaceFlexDirection;
|
|
83
|
-
separator?: import("
|
|
82
|
+
separator?: import("@tamagui/core").Variable<any> | import("react").ReactNode;
|
|
84
83
|
dangerouslySetInnerHTML?: import("@tamagui/core").Variable<any> | {
|
|
85
84
|
__html: string;
|
|
86
85
|
} | undefined;
|
|
@@ -97,84 +96,84 @@ export declare const elevate: {
|
|
|
97
96
|
forceStyle?: import("@tamagui/core").Variable<any> | "hover" | "press" | "focus" | undefined;
|
|
98
97
|
onHoverIn?: import("@tamagui/core").Variable<any> | ((e: MouseEvent) => any) | undefined;
|
|
99
98
|
onHoverOut?: import("@tamagui/core").Variable<any> | ((e: MouseEvent) => any) | undefined;
|
|
100
|
-
onPress?: ((e: import("react-native").GestureResponderEvent) => any) |
|
|
101
|
-
onPressIn?: ((e: import("react-native").GestureResponderEvent) => any) |
|
|
102
|
-
onPressOut?: ((e: import("react-native").GestureResponderEvent) => any) |
|
|
99
|
+
onPress?: import("@tamagui/core").Variable<any> | ((e: import("react-native").GestureResponderEvent) => any) | undefined;
|
|
100
|
+
onPressIn?: import("@tamagui/core").Variable<any> | ((e: import("react-native").GestureResponderEvent) => any) | undefined;
|
|
101
|
+
onPressOut?: import("@tamagui/core").Variable<any> | ((e: import("react-native").GestureResponderEvent) => any) | undefined;
|
|
103
102
|
userSelect?: import("@tamagui/core").Variable<any> | import("csstype").Property.UserSelect | undefined;
|
|
104
103
|
cursor?: (import("csstype").Property.Cursor & string) | import("@tamagui/core").Variable<any> | undefined;
|
|
105
|
-
backgroundColor?: import("@tamagui/core").
|
|
106
|
-
borderBottomColor?: import("@tamagui/core").
|
|
107
|
-
borderBottomEndRadius?: import("@tamagui/core").
|
|
108
|
-
borderBottomLeftRadius?: import("@tamagui/core").
|
|
109
|
-
borderBottomRightRadius?: import("@tamagui/core").
|
|
110
|
-
borderBottomStartRadius?: import("@tamagui/core").
|
|
111
|
-
borderBottomWidth?: import("@tamagui/core").
|
|
112
|
-
borderColor?: import("@tamagui/core").
|
|
104
|
+
backgroundColor?: import("@tamagui/core").Variable<any> | import("@tamagui/core").ColorTokens | import("@tamagui/core").ThemeValueFallback | import("react-native").OpaqueColorValue | undefined;
|
|
105
|
+
borderBottomColor?: import("@tamagui/core").Variable<any> | import("@tamagui/core").ColorTokens | import("@tamagui/core").ThemeValueFallback | import("react-native").OpaqueColorValue | undefined;
|
|
106
|
+
borderBottomEndRadius?: import("@tamagui/core").Variable<any> | import("@tamagui/core").SpaceTokens | import("@tamagui/core").ThemeValueFallback | undefined;
|
|
107
|
+
borderBottomLeftRadius?: import("@tamagui/core").Variable<any> | import("@tamagui/core").SpaceTokens | import("@tamagui/core").ThemeValueFallback | undefined;
|
|
108
|
+
borderBottomRightRadius?: import("@tamagui/core").Variable<any> | import("@tamagui/core").SpaceTokens | import("@tamagui/core").ThemeValueFallback | undefined;
|
|
109
|
+
borderBottomStartRadius?: import("@tamagui/core").Variable<any> | import("@tamagui/core").SpaceTokens | import("@tamagui/core").ThemeValueFallback | undefined;
|
|
110
|
+
borderBottomWidth?: import("@tamagui/core").Variable<any> | import("@tamagui/core").SpaceTokens | import("@tamagui/core").ThemeValueFallback | undefined;
|
|
111
|
+
borderColor?: import("@tamagui/core").Variable<any> | import("@tamagui/core").ColorTokens | import("@tamagui/core").ThemeValueFallback | import("react-native").OpaqueColorValue | undefined;
|
|
113
112
|
borderEndColor?: import("@tamagui/core").Variable<any> | import("react-native").ColorValue | undefined;
|
|
114
|
-
borderLeftColor?: import("@tamagui/core").
|
|
115
|
-
borderLeftWidth?: import("@tamagui/core").
|
|
116
|
-
borderRadius?: import("@tamagui/core").
|
|
117
|
-
borderRightColor?: import("@tamagui/core").
|
|
118
|
-
borderRightWidth?: import("@tamagui/core").
|
|
113
|
+
borderLeftColor?: import("@tamagui/core").Variable<any> | import("@tamagui/core").ColorTokens | import("@tamagui/core").ThemeValueFallback | import("react-native").OpaqueColorValue | undefined;
|
|
114
|
+
borderLeftWidth?: import("@tamagui/core").Variable<any> | import("@tamagui/core").SpaceTokens | import("@tamagui/core").ThemeValueFallback | undefined;
|
|
115
|
+
borderRadius?: import("@tamagui/core").Variable<any> | import("@tamagui/core").SpaceTokens | import("@tamagui/core").ThemeValueFallback | undefined;
|
|
116
|
+
borderRightColor?: import("@tamagui/core").Variable<any> | import("@tamagui/core").ColorTokens | import("@tamagui/core").ThemeValueFallback | import("react-native").OpaqueColorValue | undefined;
|
|
117
|
+
borderRightWidth?: import("@tamagui/core").Variable<any> | import("@tamagui/core").SpaceTokens | import("@tamagui/core").ThemeValueFallback | undefined;
|
|
119
118
|
borderStartColor?: import("@tamagui/core").Variable<any> | import("react-native").ColorValue | undefined;
|
|
120
119
|
borderStyle?: import("@tamagui/core").Variable<any> | "solid" | "dotted" | "dashed" | undefined;
|
|
121
|
-
borderTopColor?: import("@tamagui/core").
|
|
122
|
-
borderTopEndRadius?: import("@tamagui/core").
|
|
123
|
-
borderTopLeftRadius?: import("@tamagui/core").
|
|
124
|
-
borderTopRightRadius?: import("@tamagui/core").
|
|
125
|
-
borderTopStartRadius?: import("@tamagui/core").
|
|
126
|
-
borderTopWidth?: import("@tamagui/core").
|
|
127
|
-
borderWidth?: import("@tamagui/core").
|
|
120
|
+
borderTopColor?: import("@tamagui/core").Variable<any> | import("@tamagui/core").ColorTokens | import("@tamagui/core").ThemeValueFallback | import("react-native").OpaqueColorValue | undefined;
|
|
121
|
+
borderTopEndRadius?: import("@tamagui/core").Variable<any> | import("@tamagui/core").SpaceTokens | import("@tamagui/core").ThemeValueFallback | undefined;
|
|
122
|
+
borderTopLeftRadius?: import("@tamagui/core").Variable<any> | import("@tamagui/core").SpaceTokens | import("@tamagui/core").ThemeValueFallback | undefined;
|
|
123
|
+
borderTopRightRadius?: import("@tamagui/core").Variable<any> | import("@tamagui/core").SpaceTokens | import("@tamagui/core").ThemeValueFallback | undefined;
|
|
124
|
+
borderTopStartRadius?: import("@tamagui/core").Variable<any> | import("@tamagui/core").SpaceTokens | import("@tamagui/core").ThemeValueFallback | undefined;
|
|
125
|
+
borderTopWidth?: import("@tamagui/core").Variable<any> | import("@tamagui/core").SpaceTokens | import("@tamagui/core").ThemeValueFallback | undefined;
|
|
126
|
+
borderWidth?: import("@tamagui/core").Variable<any> | import("@tamagui/core").SpaceTokens | import("@tamagui/core").ThemeValueFallback | undefined;
|
|
128
127
|
opacity?: number | import("@tamagui/core").Variable<any> | undefined;
|
|
129
128
|
alignContent?: import("@tamagui/core").Variable<any> | "flex-start" | "flex-end" | "center" | "stretch" | "space-between" | "space-around" | undefined;
|
|
130
129
|
alignItems?: import("@tamagui/core").Variable<any> | import("react-native").FlexAlignType | undefined;
|
|
131
130
|
alignSelf?: "auto" | import("@tamagui/core").Variable<any> | import("react-native").FlexAlignType | undefined;
|
|
132
131
|
aspectRatio?: number | import("@tamagui/core").Variable<any> | undefined;
|
|
133
|
-
borderEndWidth?: import("@tamagui/core").
|
|
134
|
-
borderStartWidth?: import("@tamagui/core").
|
|
135
|
-
bottom?: import("@tamagui/core").
|
|
132
|
+
borderEndWidth?: import("@tamagui/core").Variable<any> | import("@tamagui/core").SpaceTokens | import("@tamagui/core").ThemeValueFallback | undefined;
|
|
133
|
+
borderStartWidth?: import("@tamagui/core").Variable<any> | import("@tamagui/core").SpaceTokens | import("@tamagui/core").ThemeValueFallback | undefined;
|
|
134
|
+
bottom?: import("@tamagui/core").Variable<any> | import("@tamagui/core").SpaceTokens | import("@tamagui/core").ThemeValueFallback | undefined;
|
|
136
135
|
end?: string | number | import("@tamagui/core").Variable<any> | undefined;
|
|
137
136
|
flex?: number | import("@tamagui/core").Variable<any> | undefined;
|
|
138
137
|
flexBasis?: string | number | import("@tamagui/core").Variable<any> | undefined;
|
|
139
|
-
flexDirection?: "
|
|
138
|
+
flexDirection?: import("@tamagui/core").Variable<any> | "row" | "column" | "row-reverse" | "column-reverse" | undefined;
|
|
140
139
|
flexGrow?: number | import("@tamagui/core").Variable<any> | undefined;
|
|
141
140
|
flexShrink?: number | import("@tamagui/core").Variable<any> | undefined;
|
|
142
141
|
flexWrap?: import("@tamagui/core").Variable<any> | "wrap" | "nowrap" | "wrap-reverse" | undefined;
|
|
143
|
-
height?: import("@tamagui/core").SizeTokens | import("@tamagui/core").
|
|
142
|
+
height?: import("@tamagui/core").SizeTokens | import("@tamagui/core").Variable<any> | import("@tamagui/core").ThemeValueFallback | undefined;
|
|
144
143
|
justifyContent?: import("@tamagui/core").Variable<any> | "flex-start" | "flex-end" | "center" | "space-between" | "space-around" | "space-evenly" | undefined;
|
|
145
|
-
left?: import("@tamagui/core").
|
|
146
|
-
margin?: import("@tamagui/core").
|
|
147
|
-
marginBottom?: import("@tamagui/core").
|
|
148
|
-
marginEnd?: import("@tamagui/core").
|
|
149
|
-
marginHorizontal?: import("@tamagui/core").
|
|
150
|
-
marginLeft?: import("@tamagui/core").
|
|
151
|
-
marginRight?: import("@tamagui/core").
|
|
152
|
-
marginStart?: import("@tamagui/core").
|
|
153
|
-
marginTop?: import("@tamagui/core").
|
|
154
|
-
marginVertical?: import("@tamagui/core").
|
|
155
|
-
maxHeight?: import("@tamagui/core").SizeTokens | import("@tamagui/core").
|
|
156
|
-
maxWidth?: import("@tamagui/core").SizeTokens | import("@tamagui/core").
|
|
157
|
-
minHeight?: import("@tamagui/core").SizeTokens | import("@tamagui/core").
|
|
158
|
-
minWidth?: import("@tamagui/core").SizeTokens | import("@tamagui/core").
|
|
144
|
+
left?: import("@tamagui/core").Variable<any> | import("@tamagui/core").SpaceTokens | import("@tamagui/core").ThemeValueFallback | undefined;
|
|
145
|
+
margin?: import("@tamagui/core").Variable<any> | import("@tamagui/core").SpaceTokens | import("@tamagui/core").ThemeValueFallback | undefined;
|
|
146
|
+
marginBottom?: import("@tamagui/core").Variable<any> | import("@tamagui/core").SpaceTokens | import("@tamagui/core").ThemeValueFallback | undefined;
|
|
147
|
+
marginEnd?: import("@tamagui/core").Variable<any> | import("@tamagui/core").SpaceTokens | import("@tamagui/core").ThemeValueFallback | undefined;
|
|
148
|
+
marginHorizontal?: import("@tamagui/core").Variable<any> | import("@tamagui/core").SpaceTokens | import("@tamagui/core").ThemeValueFallback | undefined;
|
|
149
|
+
marginLeft?: import("@tamagui/core").Variable<any> | import("@tamagui/core").SpaceTokens | import("@tamagui/core").ThemeValueFallback | undefined;
|
|
150
|
+
marginRight?: import("@tamagui/core").Variable<any> | import("@tamagui/core").SpaceTokens | import("@tamagui/core").ThemeValueFallback | undefined;
|
|
151
|
+
marginStart?: import("@tamagui/core").Variable<any> | import("@tamagui/core").SpaceTokens | import("@tamagui/core").ThemeValueFallback | undefined;
|
|
152
|
+
marginTop?: import("@tamagui/core").Variable<any> | import("@tamagui/core").SpaceTokens | import("@tamagui/core").ThemeValueFallback | undefined;
|
|
153
|
+
marginVertical?: import("@tamagui/core").Variable<any> | import("@tamagui/core").SpaceTokens | import("@tamagui/core").ThemeValueFallback | undefined;
|
|
154
|
+
maxHeight?: import("@tamagui/core").SizeTokens | import("@tamagui/core").Variable<any> | import("@tamagui/core").ThemeValueFallback | undefined;
|
|
155
|
+
maxWidth?: import("@tamagui/core").SizeTokens | import("@tamagui/core").Variable<any> | import("@tamagui/core").ThemeValueFallback | undefined;
|
|
156
|
+
minHeight?: import("@tamagui/core").SizeTokens | import("@tamagui/core").Variable<any> | import("@tamagui/core").ThemeValueFallback | undefined;
|
|
157
|
+
minWidth?: import("@tamagui/core").SizeTokens | import("@tamagui/core").Variable<any> | import("@tamagui/core").ThemeValueFallback | undefined;
|
|
159
158
|
overflow?: import("@tamagui/core").Variable<any> | "visible" | "hidden" | "scroll" | undefined;
|
|
160
|
-
padding?: import("@tamagui/core").
|
|
161
|
-
paddingBottom?: import("@tamagui/core").
|
|
162
|
-
paddingEnd?: import("@tamagui/core").
|
|
163
|
-
paddingHorizontal?: import("@tamagui/core").
|
|
164
|
-
paddingLeft?: import("@tamagui/core").
|
|
165
|
-
paddingRight?: import("@tamagui/core").
|
|
166
|
-
paddingStart?: import("@tamagui/core").
|
|
167
|
-
paddingTop?: import("@tamagui/core").
|
|
168
|
-
paddingVertical?: import("@tamagui/core").
|
|
169
|
-
position?:
|
|
170
|
-
right?: import("@tamagui/core").
|
|
159
|
+
padding?: import("@tamagui/core").Variable<any> | import("@tamagui/core").SpaceTokens | import("@tamagui/core").ThemeValueFallback | undefined;
|
|
160
|
+
paddingBottom?: import("@tamagui/core").Variable<any> | import("@tamagui/core").SpaceTokens | import("@tamagui/core").ThemeValueFallback | undefined;
|
|
161
|
+
paddingEnd?: import("@tamagui/core").Variable<any> | import("@tamagui/core").SpaceTokens | import("@tamagui/core").ThemeValueFallback | undefined;
|
|
162
|
+
paddingHorizontal?: import("@tamagui/core").Variable<any> | import("@tamagui/core").SpaceTokens | import("@tamagui/core").ThemeValueFallback | undefined;
|
|
163
|
+
paddingLeft?: import("@tamagui/core").Variable<any> | import("@tamagui/core").SpaceTokens | import("@tamagui/core").ThemeValueFallback | undefined;
|
|
164
|
+
paddingRight?: import("@tamagui/core").Variable<any> | import("@tamagui/core").SpaceTokens | import("@tamagui/core").ThemeValueFallback | undefined;
|
|
165
|
+
paddingStart?: import("@tamagui/core").Variable<any> | import("@tamagui/core").SpaceTokens | import("@tamagui/core").ThemeValueFallback | undefined;
|
|
166
|
+
paddingTop?: import("@tamagui/core").Variable<any> | import("@tamagui/core").SpaceTokens | import("@tamagui/core").ThemeValueFallback | undefined;
|
|
167
|
+
paddingVertical?: import("@tamagui/core").Variable<any> | import("@tamagui/core").SpaceTokens | import("@tamagui/core").ThemeValueFallback | undefined;
|
|
168
|
+
position?: import("@tamagui/core").Variable<any> | "absolute" | "relative" | undefined;
|
|
169
|
+
right?: import("@tamagui/core").Variable<any> | import("@tamagui/core").SpaceTokens | import("@tamagui/core").ThemeValueFallback | undefined;
|
|
171
170
|
start?: string | number | import("@tamagui/core").Variable<any> | undefined;
|
|
172
|
-
top?: import("@tamagui/core").
|
|
173
|
-
width?: import("@tamagui/core").SizeTokens | import("@tamagui/core").
|
|
174
|
-
zIndex?: import("@tamagui/core").
|
|
171
|
+
top?: import("@tamagui/core").Variable<any> | import("@tamagui/core").SpaceTokens | import("@tamagui/core").ThemeValueFallback | undefined;
|
|
172
|
+
width?: import("@tamagui/core").SizeTokens | import("@tamagui/core").Variable<any> | import("@tamagui/core").ThemeValueFallback | undefined;
|
|
173
|
+
zIndex?: import("@tamagui/core").Variable<any> | import("@tamagui/core").ThemeValueFallback | import("@tamagui/core").ZIndexTokens | undefined;
|
|
175
174
|
direction?: "inherit" | import("@tamagui/core").Variable<any> | "ltr" | "rtl" | undefined;
|
|
176
|
-
shadowColor?: import("@tamagui/core").
|
|
177
|
-
shadowOffset?: import("@tamagui/core").
|
|
175
|
+
shadowColor?: import("@tamagui/core").Variable<any> | import("@tamagui/core").ColorTokens | import("@tamagui/core").ThemeValueFallback | import("react-native").OpaqueColorValue | undefined;
|
|
176
|
+
shadowOffset?: import("@tamagui/core").Variable<any> | import("@tamagui/core").ThemeValueFallback | {
|
|
178
177
|
width: import("@tamagui/core").SpaceTokens;
|
|
179
178
|
height: import("@tamagui/core").SpaceTokens;
|
|
180
179
|
} | {
|
|
@@ -182,21 +181,21 @@ export declare const elevate: {
|
|
|
182
181
|
height: number;
|
|
183
182
|
} | undefined;
|
|
184
183
|
shadowOpacity?: number | import("@tamagui/core").Variable<any> | undefined;
|
|
185
|
-
shadowRadius?: import("@tamagui/core").SizeTokens | import("@tamagui/core").
|
|
184
|
+
shadowRadius?: import("@tamagui/core").SizeTokens | import("@tamagui/core").Variable<any> | import("@tamagui/core").ThemeValueFallback | undefined;
|
|
186
185
|
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;
|
|
187
|
-
transformMatrix?:
|
|
186
|
+
transformMatrix?: import("@tamagui/core").Variable<any> | number[] | undefined;
|
|
188
187
|
rotation?: number | import("@tamagui/core").Variable<any> | undefined;
|
|
189
|
-
scaleX?: import("@tamagui/core").
|
|
190
|
-
scaleY?: import("@tamagui/core").
|
|
188
|
+
scaleX?: import("@tamagui/core").Variable<any> | import("@tamagui/core").SpaceTokens | import("@tamagui/core").ThemeValueFallback | undefined;
|
|
189
|
+
scaleY?: import("@tamagui/core").Variable<any> | import("@tamagui/core").SpaceTokens | import("@tamagui/core").ThemeValueFallback | undefined;
|
|
191
190
|
translateX?: number | import("@tamagui/core").Variable<any> | undefined;
|
|
192
191
|
translateY?: number | import("@tamagui/core").Variable<any> | undefined;
|
|
193
|
-
x?: import("@tamagui/core").
|
|
194
|
-
y?: import("@tamagui/core").
|
|
192
|
+
x?: import("@tamagui/core").Variable<any> | import("@tamagui/core").SpaceTokens | import("@tamagui/core").ThemeValueFallback | undefined;
|
|
193
|
+
y?: import("@tamagui/core").Variable<any> | import("@tamagui/core").SpaceTokens | import("@tamagui/core").ThemeValueFallback | undefined;
|
|
195
194
|
perspective?: number | import("@tamagui/core").Variable<any> | undefined;
|
|
196
|
-
scale?: import("@tamagui/core").
|
|
195
|
+
scale?: import("@tamagui/core").Variable<any> | import("@tamagui/core").SpaceTokens | import("@tamagui/core").ThemeValueFallback | undefined;
|
|
197
196
|
skewX?: string | import("@tamagui/core").Variable<any> | undefined;
|
|
198
197
|
skewY?: string | import("@tamagui/core").Variable<any> | undefined;
|
|
199
|
-
matrix?:
|
|
198
|
+
matrix?: import("@tamagui/core").Variable<any> | number[] | undefined;
|
|
200
199
|
rotate?: string | import("@tamagui/core").Variable<any> | undefined;
|
|
201
200
|
rotateY?: string | import("@tamagui/core").Variable<any> | undefined;
|
|
202
201
|
rotateX?: string | import("@tamagui/core").Variable<any> | undefined;
|
package/types/variants.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"variants.d.ts","sourceRoot":"","sources":["../src/variants.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"variants.d.ts","sourceRoot":"","sources":["../src/variants.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,OAAO;cACR,OAAO,UAAU,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAG/B,CAAA;AAED,eAAO,MAAM,QAAQ,QAAS,OAAO,GAAG,MAAM;;SAwB7C,CAAA;AAED,eAAO,MAAM,MAAM;;;;CAOlB,CAAA;AAED,eAAO,MAAM,QAAQ;;;;CAOpB,CAAA;AAED,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;CAepB,CAAA;AAED,eAAO,MAAM,UAAU;;;;;;;;CAQtB,CAAA;AAED,eAAO,MAAM,UAAU;;;;;;;;CAQtB,CAAA;AAED,eAAO,MAAM,UAAU;;;;;;;;CAQtB,CAAA"}
|