tamagui 1.2.8 → 1.2.10
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/esm/createTamagui.mjs +62 -0
- package/dist/esm/createTamagui.mjs.map +7 -0
- package/dist/esm/helpers/inputHelpers.mjs +40 -0
- package/dist/esm/helpers/inputHelpers.mjs.map +7 -0
- package/dist/esm/index.mjs +165 -0
- package/dist/esm/index.mjs.map +7 -0
- package/dist/esm/lib/linear-gradient.native.mjs +2 -0
- package/dist/esm/lib/linear-gradient.native.mjs.map +7 -0
- package/dist/esm/linear-gradient.mjs +2 -0
- package/dist/esm/linear-gradient.mjs.map +7 -0
- package/dist/esm/setup.mjs +24 -0
- package/dist/esm/setup.mjs.map +7 -0
- package/dist/esm/viewTypes.mjs +1 -0
- package/dist/esm/viewTypes.mjs.map +7 -0
- package/dist/esm/views/Anchor.mjs +37 -0
- package/dist/esm/views/Anchor.mjs.map +7 -0
- package/dist/esm/views/EnsureFlexed.mjs +18 -0
- package/dist/esm/views/EnsureFlexed.mjs.map +7 -0
- package/dist/esm/views/Fieldset.mjs +18 -0
- package/dist/esm/views/Fieldset.mjs.map +7 -0
- package/dist/esm/views/Form.mjs +9 -0
- package/dist/esm/views/Form.mjs.map +7 -0
- package/dist/esm/views/Grid.mjs +43 -0
- package/dist/esm/views/Grid.mjs.map +7 -0
- package/dist/esm/views/Group.mjs +137 -0
- package/dist/esm/views/Group.mjs.map +7 -0
- package/dist/esm/views/Input.mjs +48 -0
- package/dist/esm/views/Input.mjs.map +7 -0
- package/dist/esm/views/Layouts.mjs +51 -0
- package/dist/esm/views/Layouts.mjs.map +7 -0
- package/dist/esm/views/Skeleton.mjs +39 -0
- package/dist/esm/views/Skeleton.mjs.map +7 -0
- package/dist/esm/views/Spinner.mjs +29 -0
- package/dist/esm/views/Spinner.mjs.map +7 -0
- package/dist/esm/views/TamaguiProvider.mjs +10 -0
- package/dist/esm/views/TamaguiProvider.mjs.map +7 -0
- package/dist/esm/views/TamaguiProvider.server.mjs +6 -0
- package/dist/esm/views/TamaguiProvider.server.mjs.map +7 -0
- package/dist/esm/views/TextArea.mjs +24 -0
- package/dist/esm/views/TextArea.mjs.map +7 -0
- package/dist/esm/views/VisuallyHidden.mjs +37 -0
- package/dist/esm/views/VisuallyHidden.mjs.map +7 -0
- package/dist/jsx/createTamagui.mjs +62 -0
- package/dist/jsx/createTamagui.mjs.map +7 -0
- package/dist/jsx/helpers/inputHelpers.mjs +40 -0
- package/dist/jsx/helpers/inputHelpers.mjs.map +7 -0
- package/dist/jsx/index.mjs +165 -0
- package/dist/jsx/index.mjs.map +7 -0
- package/dist/jsx/lib/linear-gradient.native.mjs +2 -0
- package/dist/jsx/lib/linear-gradient.native.mjs.map +7 -0
- package/dist/jsx/linear-gradient.mjs +2 -0
- package/dist/jsx/linear-gradient.mjs.map +7 -0
- package/dist/jsx/setup.mjs +24 -0
- package/dist/jsx/setup.mjs.map +7 -0
- package/dist/jsx/viewTypes.mjs +1 -0
- package/dist/jsx/viewTypes.mjs.map +7 -0
- package/dist/jsx/views/Anchor.mjs +32 -0
- package/dist/jsx/views/Anchor.mjs.map +7 -0
- package/dist/jsx/views/EnsureFlexed.mjs +18 -0
- package/dist/jsx/views/EnsureFlexed.mjs.map +7 -0
- package/dist/jsx/views/Fieldset.mjs +18 -0
- package/dist/jsx/views/Fieldset.mjs.map +7 -0
- package/dist/jsx/views/Form.mjs +9 -0
- package/dist/jsx/views/Form.mjs.map +7 -0
- package/dist/jsx/views/Grid.mjs +34 -0
- package/dist/jsx/views/Grid.mjs.map +7 -0
- package/dist/jsx/views/Group.mjs +128 -0
- package/dist/jsx/views/Group.mjs.map +7 -0
- package/dist/jsx/views/Input.mjs +48 -0
- package/dist/jsx/views/Input.mjs.map +7 -0
- package/dist/jsx/views/Layouts.mjs +51 -0
- package/dist/jsx/views/Layouts.mjs.map +7 -0
- package/dist/jsx/views/Skeleton.mjs +35 -0
- package/dist/jsx/views/Skeleton.mjs.map +7 -0
- package/dist/jsx/views/Spinner.mjs +28 -0
- package/dist/jsx/views/Spinner.mjs.map +7 -0
- package/dist/jsx/views/TamaguiProvider.mjs +9 -0
- package/dist/jsx/views/TamaguiProvider.mjs.map +7 -0
- package/dist/jsx/views/TamaguiProvider.server.mjs +6 -0
- package/dist/jsx/views/TamaguiProvider.server.mjs.map +7 -0
- package/dist/jsx/views/TextArea.mjs +24 -0
- package/dist/jsx/views/TextArea.mjs.map +7 -0
- package/dist/jsx/views/VisuallyHidden.mjs +37 -0
- package/dist/jsx/views/VisuallyHidden.mjs.map +7 -0
- package/package.json +46 -46
|
@@ -0,0 +1,51 @@
|
|
|
1
|
+
import { Stack, styled } from "@tamagui/core";
|
|
2
|
+
const Section = styled(Stack, {
|
|
3
|
+
name: "Section",
|
|
4
|
+
tag: "section",
|
|
5
|
+
flexDirection: "column",
|
|
6
|
+
accessibilityRole: "summary"
|
|
7
|
+
});
|
|
8
|
+
const Article = styled(Stack, {
|
|
9
|
+
name: "Article",
|
|
10
|
+
tag: "article",
|
|
11
|
+
flexDirection: "column"
|
|
12
|
+
});
|
|
13
|
+
const Main = styled(Stack, {
|
|
14
|
+
name: "Main",
|
|
15
|
+
tag: "main",
|
|
16
|
+
flexDirection: "column"
|
|
17
|
+
});
|
|
18
|
+
const Header = styled(Stack, {
|
|
19
|
+
name: "Header",
|
|
20
|
+
tag: "header",
|
|
21
|
+
accessibilityRole: "header",
|
|
22
|
+
flexDirection: "column"
|
|
23
|
+
});
|
|
24
|
+
const Aside = styled(Stack, {
|
|
25
|
+
name: "Aside",
|
|
26
|
+
tag: "aside",
|
|
27
|
+
flexDirection: "column"
|
|
28
|
+
// accessibilityRole: 'complementary',
|
|
29
|
+
});
|
|
30
|
+
const Footer = styled(Stack, {
|
|
31
|
+
name: "Footer",
|
|
32
|
+
tag: "footer",
|
|
33
|
+
flexDirection: "column"
|
|
34
|
+
// accessibilityRole: 'contentinfo',
|
|
35
|
+
});
|
|
36
|
+
const Nav = styled(Stack, {
|
|
37
|
+
name: "Nav",
|
|
38
|
+
tag: "nav",
|
|
39
|
+
flexDirection: "column"
|
|
40
|
+
// accessibilityRole: 'navigation',
|
|
41
|
+
});
|
|
42
|
+
export {
|
|
43
|
+
Article,
|
|
44
|
+
Aside,
|
|
45
|
+
Footer,
|
|
46
|
+
Header,
|
|
47
|
+
Main,
|
|
48
|
+
Nav,
|
|
49
|
+
Section
|
|
50
|
+
};
|
|
51
|
+
//# sourceMappingURL=Layouts.mjs.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../../src/views/Layouts.tsx"],
|
|
4
|
+
"sourcesContent": ["import { Stack, styled } from '@tamagui/core'\n\nexport const Section = styled(Stack, {\n name: 'Section',\n tag: 'section',\n flexDirection: 'column',\n accessibilityRole: 'summary',\n})\n\nexport const Article = styled(Stack, {\n name: 'Article',\n tag: 'article',\n flexDirection: 'column',\n})\n\nexport const Main = styled(Stack, {\n name: 'Main',\n tag: 'main',\n flexDirection: 'column',\n})\n\nexport const Header = styled(Stack, {\n name: 'Header',\n tag: 'header',\n accessibilityRole: 'header',\n flexDirection: 'column',\n})\n\nexport const Aside = styled(Stack, {\n name: 'Aside',\n tag: 'aside',\n flexDirection: 'column',\n // accessibilityRole: 'complementary',\n})\n\nexport const Footer = styled(Stack, {\n name: 'Footer',\n tag: 'footer',\n flexDirection: 'column',\n // accessibilityRole: 'contentinfo',\n})\n\nexport const Nav = styled(Stack, {\n name: 'Nav',\n tag: 'nav',\n flexDirection: 'column',\n // accessibilityRole: 'navigation',\n})\n"],
|
|
5
|
+
"mappings": "AAAA,SAAS,OAAO,cAAc;AAEvB,MAAM,UAAU,OAAO,OAAO;AAAA,EACnC,MAAM;AAAA,EACN,KAAK;AAAA,EACL,eAAe;AAAA,EACf,mBAAmB;AACrB,CAAC;AAEM,MAAM,UAAU,OAAO,OAAO;AAAA,EACnC,MAAM;AAAA,EACN,KAAK;AAAA,EACL,eAAe;AACjB,CAAC;AAEM,MAAM,OAAO,OAAO,OAAO;AAAA,EAChC,MAAM;AAAA,EACN,KAAK;AAAA,EACL,eAAe;AACjB,CAAC;AAEM,MAAM,SAAS,OAAO,OAAO;AAAA,EAClC,MAAM;AAAA,EACN,KAAK;AAAA,EACL,mBAAmB;AAAA,EACnB,eAAe;AACjB,CAAC;AAEM,MAAM,QAAQ,OAAO,OAAO;AAAA,EACjC,MAAM;AAAA,EACN,KAAK;AAAA,EACL,eAAe;AAAA;AAEjB,CAAC;AAEM,MAAM,SAAS,OAAO,OAAO;AAAA,EAClC,MAAM;AAAA,EACN,KAAK;AAAA,EACL,eAAe;AAAA;AAEjB,CAAC;AAEM,MAAM,MAAM,OAAO,OAAO;AAAA,EAC/B,MAAM;AAAA,EACN,KAAK;AAAA,EACL,eAAe;AAAA;AAEjB,CAAC;",
|
|
6
|
+
"names": []
|
|
7
|
+
}
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
import { styled } from "@tamagui/core";
|
|
2
|
+
import { LinearGradient } from "@tamagui/linear-gradient";
|
|
3
|
+
import { YStack } from "@tamagui/stacks";
|
|
4
|
+
import { forwardRef } from "react";
|
|
5
|
+
import { VisuallyHidden } from "./VisuallyHidden";
|
|
6
|
+
const SkeletonFrame = styled(YStack, {
|
|
7
|
+
name: "Skeleton",
|
|
8
|
+
backgroundColor: "$backgroundHover",
|
|
9
|
+
overflow: "hidden",
|
|
10
|
+
position: "relative"
|
|
11
|
+
});
|
|
12
|
+
const Skeleton = SkeletonFrame.extractable(
|
|
13
|
+
forwardRef(({ children, ...props }, ref) => {
|
|
14
|
+
return <SkeletonFrame ref={ref} {...props}>
|
|
15
|
+
<SkeletonShine />
|
|
16
|
+
<VisuallyHidden preserveDimensions>{children}</VisuallyHidden>
|
|
17
|
+
</SkeletonFrame>;
|
|
18
|
+
})
|
|
19
|
+
);
|
|
20
|
+
const SkeletonShine = (props) => {
|
|
21
|
+
return <LinearGradient
|
|
22
|
+
position="absolute"
|
|
23
|
+
top={0}
|
|
24
|
+
bottom={0}
|
|
25
|
+
width="25%"
|
|
26
|
+
colors={["$background", "$color"]}
|
|
27
|
+
{...props}
|
|
28
|
+
/>;
|
|
29
|
+
};
|
|
30
|
+
export {
|
|
31
|
+
Skeleton,
|
|
32
|
+
SkeletonFrame,
|
|
33
|
+
SkeletonShine
|
|
34
|
+
};
|
|
35
|
+
//# sourceMappingURL=Skeleton.mjs.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../../src/views/Skeleton.tsx"],
|
|
4
|
+
"sourcesContent": ["import { GetProps, TamaguiElement, styled } from '@tamagui/core'\nimport { LinearGradient, LinearGradientProps } from '@tamagui/linear-gradient'\nimport { YStack } from '@tamagui/stacks'\nimport { forwardRef } from 'react'\n\nimport { VisuallyHidden } from './VisuallyHidden'\n\nexport const SkeletonFrame = styled(YStack, {\n name: 'Skeleton',\n backgroundColor: '$backgroundHover',\n overflow: 'hidden',\n position: 'relative',\n})\n\nexport type SkeletonProps = GetProps<typeof SkeletonFrame>\n\nexport const Skeleton = SkeletonFrame.extractable(\n forwardRef<TamaguiElement>(({ children, ...props }: SkeletonProps, ref) => {\n return (\n <SkeletonFrame ref={ref} {...props}>\n <SkeletonShine />\n <VisuallyHidden preserveDimensions>{children}</VisuallyHidden>\n </SkeletonFrame>\n )\n })\n)\n\nexport const SkeletonShine = (props: LinearGradientProps) => {\n return (\n <LinearGradient\n position=\"absolute\"\n top={0}\n bottom={0}\n width=\"25%\"\n colors={['$background', '$color']}\n {...props}\n />\n )\n}\n"],
|
|
5
|
+
"mappings": "AAAA,SAAmC,cAAc;AACjD,SAAS,sBAA2C;AACpD,SAAS,cAAc;AACvB,SAAS,kBAAkB;AAE3B,SAAS,sBAAsB;AAExB,MAAM,gBAAgB,OAAO,QAAQ;AAAA,EAC1C,MAAM;AAAA,EACN,iBAAiB;AAAA,EACjB,UAAU;AAAA,EACV,UAAU;AACZ,CAAC;AAIM,MAAM,WAAW,cAAc;AAAA,EACpC,WAA2B,CAAC,EAAE,UAAU,GAAG,MAAM,GAAkB,QAAQ;AACzE,WACE,CAAC,cAAc,KAAK,SAAS;AAAA,MAC3B,CAAC,cAAc;AAAA,MACf,CAAC,eAAe,oBAAoB,SAAS,EAA5C;AAAA,IACH,EAHC;AAAA,EAKL,CAAC;AACH;AAEO,MAAM,gBAAgB,CAAC,UAA+B;AAC3D,SACE,CAAC;AAAA,IACC,SAAS;AAAA,IACT,KAAK;AAAA,IACL,QAAQ;AAAA,IACR,MAAM;AAAA,IACN,QAAQ,CAAC,eAAe,QAAQ;AAAA,QAC5B;AAAA,EACN;AAEJ;",
|
|
6
|
+
"names": []
|
|
7
|
+
}
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
import {
|
|
2
|
+
themeable,
|
|
3
|
+
useTheme,
|
|
4
|
+
variableToString
|
|
5
|
+
} from "@tamagui/core";
|
|
6
|
+
import { YStack } from "@tamagui/stacks";
|
|
7
|
+
import * as React from "react";
|
|
8
|
+
import { ActivityIndicator } from "react-native";
|
|
9
|
+
const Spinner = YStack.extractable(
|
|
10
|
+
themeable(
|
|
11
|
+
React.forwardRef((props, ref) => {
|
|
12
|
+
const { size, color: colorProp, ...stackProps } = props;
|
|
13
|
+
const theme = useTheme();
|
|
14
|
+
let color = colorProp;
|
|
15
|
+
if (color && color[0] === "$") {
|
|
16
|
+
color = variableToString(theme[color]);
|
|
17
|
+
}
|
|
18
|
+
return <YStack ref={ref} {...stackProps}><ActivityIndicator size={size} color={color} /></YStack>;
|
|
19
|
+
}),
|
|
20
|
+
{
|
|
21
|
+
componentName: "Spinner"
|
|
22
|
+
}
|
|
23
|
+
)
|
|
24
|
+
);
|
|
25
|
+
export {
|
|
26
|
+
Spinner
|
|
27
|
+
};
|
|
28
|
+
//# sourceMappingURL=Spinner.mjs.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../../src/views/Spinner.tsx"],
|
|
4
|
+
"sourcesContent": ["import {\n ColorTokens,\n TamaguiElement,\n ThemeTokens,\n themeable,\n useTheme,\n variableToString,\n} from '@tamagui/core'\nimport { YStack, YStackProps } from '@tamagui/stacks'\nimport * as React from 'react'\nimport { ActivityIndicator } from 'react-native'\n\nexport type SpinnerProps = Omit<YStackProps, 'children'> & {\n size?: 'small' | 'large'\n color?: (ColorTokens | ThemeTokens | (string & {})) | null\n}\n\nexport const Spinner: React.ForwardRefExoticComponent<\n SpinnerProps & React.RefAttributes<any>\n> = YStack.extractable(\n themeable(\n React.forwardRef<TamaguiElement>((props: SpinnerProps, ref) => {\n const { size, color: colorProp, ...stackProps } = props\n const theme = useTheme()\n let color = colorProp as string\n if (color && color[0] === '$') {\n color = variableToString(theme[color])\n }\n return (\n <YStack ref={ref} {...stackProps}>\n <ActivityIndicator size={size} color={color} />\n </YStack>\n )\n }),\n {\n componentName: 'Spinner',\n },\n ),\n) as any\n"],
|
|
5
|
+
"mappings": "AAAA;AAAA,EAIE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,cAA2B;AACpC,YAAY,WAAW;AACvB,SAAS,yBAAyB;AAO3B,MAAM,UAET,OAAO;AAAA,EACT;AAAA,IACE,MAAM,WAA2B,CAAC,OAAqB,QAAQ;AAC7D,YAAM,EAAE,MAAM,OAAO,WAAW,GAAG,WAAW,IAAI;AAClD,YAAM,QAAQ,SAAS;AACvB,UAAI,QAAQ;AACZ,UAAI,SAAS,MAAM,CAAC,MAAM,KAAK;AAC7B,gBAAQ,iBAAiB,MAAM,KAAK,CAAC;AAAA,MACvC;AACA,aACE,CAAC,OAAO,KAAK,SAAS,YACpB,CAAC,kBAAkB,MAAM,MAAM,OAAO,OAAO,EAC/C,EAFC;AAAA,IAIL,CAAC;AAAA,IACD;AAAA,MACE,eAAe;AAAA,IACjB;AAAA,EACF;AACF;",
|
|
6
|
+
"names": []
|
|
7
|
+
}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { TamaguiProvider as OGProvider, isRSC } from "@tamagui/core";
|
|
2
|
+
import { PortalProvider } from "@tamagui/portal";
|
|
3
|
+
const TamaguiProvider = isRSC ? OGProvider : ({ children, ...props }) => {
|
|
4
|
+
return <OGProvider {...props}><PortalProvider shouldAddRootHost>{children}</PortalProvider></OGProvider>;
|
|
5
|
+
};
|
|
6
|
+
export {
|
|
7
|
+
TamaguiProvider
|
|
8
|
+
};
|
|
9
|
+
//# sourceMappingURL=TamaguiProvider.mjs.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../../src/views/TamaguiProvider.tsx"],
|
|
4
|
+
"sourcesContent": ["import type { TamaguiProviderProps } from '@tamagui/core'\nimport { TamaguiProvider as OGProvider, isRSC } from '@tamagui/core'\nimport { PortalProvider } from '@tamagui/portal'\n\nexport const TamaguiProvider = isRSC\n ? OGProvider\n : ({ children, ...props }: TamaguiProviderProps) => {\n return (\n <OGProvider {...props}>\n <PortalProvider shouldAddRootHost>{children}</PortalProvider>\n </OGProvider>\n )\n }\n"],
|
|
5
|
+
"mappings": "AACA,SAAS,mBAAmB,YAAY,aAAa;AACrD,SAAS,sBAAsB;AAExB,MAAM,kBAAkB,QAC3B,aACA,CAAC,EAAE,UAAU,GAAG,MAAM,MAA4B;AAChD,SACE,CAAC,eAAe,OACd,CAAC,eAAe,mBAAmB,SAAS,EAA3C,eACH,EAFC;AAIL;",
|
|
6
|
+
"names": []
|
|
7
|
+
}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../../src/views/TamaguiProvider.server.tsx"],
|
|
4
|
+
"sourcesContent": ["import { TamaguiProvider as OGProvider } from '@tamagui/core'\n\nexport const TamaguiProvider = OGProvider\n"],
|
|
5
|
+
"mappings": "AAAA,SAAS,mBAAmB,kBAAkB;AAEvC,MAAM,kBAAkB;",
|
|
6
|
+
"names": []
|
|
7
|
+
}
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import { styled } from "@tamagui/core";
|
|
2
|
+
import { focusableInputHOC } from "@tamagui/focusable";
|
|
3
|
+
import { textAreaSizeVariant } from "../helpers/inputHelpers";
|
|
4
|
+
import { InputFrame } from "./Input";
|
|
5
|
+
const TextAreaFrame = styled(InputFrame, {
|
|
6
|
+
name: "TextArea",
|
|
7
|
+
multiline: true,
|
|
8
|
+
numberOfLines: 4,
|
|
9
|
+
height: "auto",
|
|
10
|
+
variants: {
|
|
11
|
+
size: {
|
|
12
|
+
"...size": textAreaSizeVariant
|
|
13
|
+
}
|
|
14
|
+
},
|
|
15
|
+
defaultVariants: {
|
|
16
|
+
size: "$true"
|
|
17
|
+
}
|
|
18
|
+
});
|
|
19
|
+
const TextArea = focusableInputHOC(TextAreaFrame);
|
|
20
|
+
export {
|
|
21
|
+
TextArea,
|
|
22
|
+
TextAreaFrame
|
|
23
|
+
};
|
|
24
|
+
//# sourceMappingURL=TextArea.mjs.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../../src/views/TextArea.tsx"],
|
|
4
|
+
"sourcesContent": ["import { GetProps, styled } from '@tamagui/core'\nimport { focusableInputHOC } from '@tamagui/focusable'\n\nimport { textAreaSizeVariant } from '../helpers/inputHelpers'\nimport { InputFrame } from './Input'\n\nexport const TextAreaFrame = styled(InputFrame, {\n name: 'TextArea',\n multiline: true,\n numberOfLines: 4,\n height: 'auto',\n\n variants: {\n size: {\n '...size': textAreaSizeVariant,\n },\n } as const,\n\n defaultVariants: {\n size: '$true',\n },\n})\n\nexport type TextAreaProps = GetProps<typeof TextArea>\n\nexport const TextArea = focusableInputHOC(TextAreaFrame)\n"],
|
|
5
|
+
"mappings": "AAAA,SAAmB,cAAc;AACjC,SAAS,yBAAyB;AAElC,SAAS,2BAA2B;AACpC,SAAS,kBAAkB;AAEpB,MAAM,gBAAgB,OAAO,YAAY;AAAA,EAC9C,MAAM;AAAA,EACN,WAAW;AAAA,EACX,eAAe;AAAA,EACf,QAAQ;AAAA,EAER,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,WAAW;AAAA,IACb;AAAA,EACF;AAAA,EAEA,iBAAiB;AAAA,IACf,MAAM;AAAA,EACR;AACF,CAAC;AAIM,MAAM,WAAW,kBAAkB,aAAa;",
|
|
6
|
+
"names": []
|
|
7
|
+
}
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
import { Stack, styled } from "@tamagui/core";
|
|
2
|
+
const VisuallyHidden = styled(Stack, {
|
|
3
|
+
position: "absolute",
|
|
4
|
+
width: 1,
|
|
5
|
+
height: 1,
|
|
6
|
+
margin: -1,
|
|
7
|
+
zIndex: -1e4,
|
|
8
|
+
overflow: "hidden",
|
|
9
|
+
opacity: 1e-8,
|
|
10
|
+
pointerEvents: "none",
|
|
11
|
+
variants: {
|
|
12
|
+
preserveDimensions: {
|
|
13
|
+
true: {
|
|
14
|
+
position: "relative",
|
|
15
|
+
width: "auto",
|
|
16
|
+
height: "auto"
|
|
17
|
+
}
|
|
18
|
+
},
|
|
19
|
+
visible: {
|
|
20
|
+
true: {
|
|
21
|
+
position: "relative",
|
|
22
|
+
width: "auto",
|
|
23
|
+
height: "auto",
|
|
24
|
+
margin: 0,
|
|
25
|
+
zIndex: 1,
|
|
26
|
+
overflow: "visible",
|
|
27
|
+
opacity: 1,
|
|
28
|
+
pointerEvents: "auto"
|
|
29
|
+
}
|
|
30
|
+
}
|
|
31
|
+
}
|
|
32
|
+
});
|
|
33
|
+
VisuallyHidden["isVisuallyHidden"] = true;
|
|
34
|
+
export {
|
|
35
|
+
VisuallyHidden
|
|
36
|
+
};
|
|
37
|
+
//# sourceMappingURL=VisuallyHidden.mjs.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../../src/views/VisuallyHidden.tsx"],
|
|
4
|
+
"sourcesContent": ["import { Stack, styled } from '@tamagui/core'\n\nexport const VisuallyHidden = styled(Stack, {\n position: 'absolute',\n width: 1,\n height: 1,\n margin: -1,\n zIndex: -10000,\n overflow: 'hidden',\n opacity: 0.00000001,\n pointerEvents: 'none',\n\n variants: {\n preserveDimensions: {\n true: {\n position: 'relative',\n width: 'auto',\n height: 'auto',\n },\n } as const,\n\n visible: {\n true: {\n position: 'relative',\n width: 'auto',\n height: 'auto',\n margin: 0,\n zIndex: 1,\n overflow: 'visible',\n opacity: 1,\n pointerEvents: 'auto',\n },\n } as const,\n },\n})\n\n// @tamgui/core checks for this in spacing\nVisuallyHidden['isVisuallyHidden'] = true\n"],
|
|
5
|
+
"mappings": "AAAA,SAAS,OAAO,cAAc;AAEvB,MAAM,iBAAiB,OAAO,OAAO;AAAA,EAC1C,UAAU;AAAA,EACV,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,UAAU;AAAA,EACV,SAAS;AAAA,EACT,eAAe;AAAA,EAEf,UAAU;AAAA,IACR,oBAAoB;AAAA,MAClB,MAAM;AAAA,QACJ,UAAU;AAAA,QACV,OAAO;AAAA,QACP,QAAQ;AAAA,MACV;AAAA,IACF;AAAA,IAEA,SAAS;AAAA,MACP,MAAM;AAAA,QACJ,UAAU;AAAA,QACV,OAAO;AAAA,QACP,QAAQ;AAAA,QACR,QAAQ;AAAA,QACR,QAAQ;AAAA,QACR,UAAU;AAAA,QACV,SAAS;AAAA,QACT,eAAe;AAAA,MACjB;AAAA,IACF;AAAA,EACF;AACF,CAAC;AAGD,eAAe,kBAAkB,IAAI;",
|
|
6
|
+
"names": []
|
|
7
|
+
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "tamagui",
|
|
3
|
-
"version": "1.2.
|
|
3
|
+
"version": "1.2.10",
|
|
4
4
|
"sideEffects": [
|
|
5
5
|
"*.css",
|
|
6
6
|
"*setup.js"
|
|
@@ -30,58 +30,58 @@
|
|
|
30
30
|
"./package.json": "./package.json",
|
|
31
31
|
".": {
|
|
32
32
|
"types": "./types/index.d.ts",
|
|
33
|
-
"import": "./dist/esm/index.
|
|
33
|
+
"import": "./dist/esm/index.mjs",
|
|
34
34
|
"require": "./dist/cjs/index.js"
|
|
35
35
|
},
|
|
36
36
|
"./linear-gradient": {
|
|
37
37
|
"types": "./types/linear-gradient.d.ts",
|
|
38
|
-
"import": "./dist/esm/linear-gradient.
|
|
38
|
+
"import": "./dist/esm/linear-gradient.mjs",
|
|
39
39
|
"require": "./dist/cjs/linear-gradient.js"
|
|
40
40
|
}
|
|
41
41
|
},
|
|
42
42
|
"dependencies": {
|
|
43
|
-
"@tamagui/adapt": "^1.2.
|
|
44
|
-
"@tamagui/alert-dialog": "^1.2.
|
|
45
|
-
"@tamagui/animate-presence": "^1.2.
|
|
46
|
-
"@tamagui/avatar": "^1.2.
|
|
47
|
-
"@tamagui/button": "^1.2.
|
|
48
|
-
"@tamagui/card": "^1.2.
|
|
49
|
-
"@tamagui/compose-refs": "^1.2.
|
|
50
|
-
"@tamagui/core": "^1.2.
|
|
51
|
-
"@tamagui/create-context": "^1.2.
|
|
52
|
-
"@tamagui/dialog": "^1.2.
|
|
53
|
-
"@tamagui/fake-react-native": "^1.2.
|
|
54
|
-
"@tamagui/font-size": "^1.2.
|
|
55
|
-
"@tamagui/get-button-sized": "^1.2.
|
|
56
|
-
"@tamagui/get-font-sized": "^1.2.
|
|
57
|
-
"@tamagui/get-size": "^1.2.
|
|
58
|
-
"@tamagui/helpers": "^1.2.
|
|
59
|
-
"@tamagui/helpers-tamagui": "^1.2.
|
|
60
|
-
"@tamagui/image": "^1.2.
|
|
61
|
-
"@tamagui/label": "^1.2.
|
|
62
|
-
"@tamagui/linear-gradient": "^1.2.
|
|
63
|
-
"@tamagui/list-item": "^1.2.
|
|
64
|
-
"@tamagui/popover": "^1.2.
|
|
65
|
-
"@tamagui/popper": "^1.2.
|
|
66
|
-
"@tamagui/portal": "^1.2.
|
|
67
|
-
"@tamagui/progress": "^1.2.
|
|
68
|
-
"@tamagui/react-native-media-driver": "^1.2.
|
|
69
|
-
"@tamagui/scroll-view": "^1.2.
|
|
70
|
-
"@tamagui/select": "^1.2.
|
|
71
|
-
"@tamagui/separator": "^1.2.
|
|
72
|
-
"@tamagui/shapes": "^1.2.
|
|
73
|
-
"@tamagui/sheet": "^1.2.
|
|
74
|
-
"@tamagui/slider": "^1.2.
|
|
75
|
-
"@tamagui/stacks": "^1.2.
|
|
76
|
-
"@tamagui/switch": "^1.2.
|
|
77
|
-
"@tamagui/text": "^1.2.
|
|
78
|
-
"@tamagui/tooltip": "^1.2.
|
|
79
|
-
"@tamagui/use-controllable-state": "^1.2.
|
|
80
|
-
"@tamagui/use-debounce": "^1.2.
|
|
81
|
-
"@tamagui/use-event": "^1.2.
|
|
82
|
-
"@tamagui/use-force-update": "^1.2.
|
|
83
|
-
"@tamagui/use-window-dimensions": "^1.2.
|
|
84
|
-
"@tamagui/visually-hidden": "^1.2.
|
|
43
|
+
"@tamagui/adapt": "^1.2.10",
|
|
44
|
+
"@tamagui/alert-dialog": "^1.2.10",
|
|
45
|
+
"@tamagui/animate-presence": "^1.2.10",
|
|
46
|
+
"@tamagui/avatar": "^1.2.10",
|
|
47
|
+
"@tamagui/button": "^1.2.10",
|
|
48
|
+
"@tamagui/card": "^1.2.10",
|
|
49
|
+
"@tamagui/compose-refs": "^1.2.10",
|
|
50
|
+
"@tamagui/core": "^1.2.10",
|
|
51
|
+
"@tamagui/create-context": "^1.2.10",
|
|
52
|
+
"@tamagui/dialog": "^1.2.10",
|
|
53
|
+
"@tamagui/fake-react-native": "^1.2.10",
|
|
54
|
+
"@tamagui/font-size": "^1.2.10",
|
|
55
|
+
"@tamagui/get-button-sized": "^1.2.10",
|
|
56
|
+
"@tamagui/get-font-sized": "^1.2.10",
|
|
57
|
+
"@tamagui/get-size": "^1.2.10",
|
|
58
|
+
"@tamagui/helpers": "^1.2.10",
|
|
59
|
+
"@tamagui/helpers-tamagui": "^1.2.10",
|
|
60
|
+
"@tamagui/image": "^1.2.10",
|
|
61
|
+
"@tamagui/label": "^1.2.10",
|
|
62
|
+
"@tamagui/linear-gradient": "^1.2.10",
|
|
63
|
+
"@tamagui/list-item": "^1.2.10",
|
|
64
|
+
"@tamagui/popover": "^1.2.10",
|
|
65
|
+
"@tamagui/popper": "^1.2.10",
|
|
66
|
+
"@tamagui/portal": "^1.2.10",
|
|
67
|
+
"@tamagui/progress": "^1.2.10",
|
|
68
|
+
"@tamagui/react-native-media-driver": "^1.2.10",
|
|
69
|
+
"@tamagui/scroll-view": "^1.2.10",
|
|
70
|
+
"@tamagui/select": "^1.2.10",
|
|
71
|
+
"@tamagui/separator": "^1.2.10",
|
|
72
|
+
"@tamagui/shapes": "^1.2.10",
|
|
73
|
+
"@tamagui/sheet": "^1.2.10",
|
|
74
|
+
"@tamagui/slider": "^1.2.10",
|
|
75
|
+
"@tamagui/stacks": "^1.2.10",
|
|
76
|
+
"@tamagui/switch": "^1.2.10",
|
|
77
|
+
"@tamagui/text": "^1.2.10",
|
|
78
|
+
"@tamagui/tooltip": "^1.2.10",
|
|
79
|
+
"@tamagui/use-controllable-state": "^1.2.10",
|
|
80
|
+
"@tamagui/use-debounce": "^1.2.10",
|
|
81
|
+
"@tamagui/use-event": "^1.2.10",
|
|
82
|
+
"@tamagui/use-force-update": "^1.2.10",
|
|
83
|
+
"@tamagui/use-window-dimensions": "^1.2.10",
|
|
84
|
+
"@tamagui/visually-hidden": "^1.2.10"
|
|
85
85
|
},
|
|
86
86
|
"peerDependencies": {
|
|
87
87
|
"react": "*",
|
|
@@ -89,7 +89,7 @@
|
|
|
89
89
|
"react-native-web": "*"
|
|
90
90
|
},
|
|
91
91
|
"devDependencies": {
|
|
92
|
-
"@tamagui/build": "^1.2.
|
|
92
|
+
"@tamagui/build": "^1.2.10",
|
|
93
93
|
"@types/node": "^16.11.9",
|
|
94
94
|
"@types/react": "^18.0.15",
|
|
95
95
|
"react": "^18.2.0",
|