tamagui 1.13.2 → 1.13.4
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/createTamagui.js +9 -66
- package/dist/cjs/createTamagui.js.map +2 -2
- package/dist/cjs/helpers/inputHelpers.js +1 -64
- package/dist/cjs/helpers/inputHelpers.js.map +2 -2
- package/dist/cjs/index.js +1 -194
- package/dist/cjs/index.js.map +2 -2
- package/dist/cjs/lib/linear-gradient.native.js +1 -18
- package/dist/cjs/lib/linear-gradient.native.js.map +2 -2
- package/dist/cjs/linear-gradient.js +1 -18
- package/dist/cjs/linear-gradient.js.map +2 -2
- package/dist/cjs/setup.js +1 -57
- package/dist/cjs/setup.js.map +2 -2
- package/dist/cjs/viewTypes.js +1 -16
- package/dist/cjs/viewTypes.js.map +2 -2
- package/dist/cjs/views/Anchor.js +1 -60
- package/dist/cjs/views/Anchor.js.map +2 -2
- package/dist/cjs/views/EnsureFlexed.js +1 -41
- package/dist/cjs/views/EnsureFlexed.js.map +2 -2
- package/dist/cjs/views/Fieldset.js +1 -41
- package/dist/cjs/views/Fieldset.js.map +2 -2
- package/dist/cjs/views/Grid.js +1 -76
- package/dist/cjs/views/Grid.js.map +2 -2
- package/dist/cjs/views/Input.js +1 -81
- package/dist/cjs/views/Input.js.map +2 -2
- package/dist/cjs/views/Layouts.js +1 -80
- package/dist/cjs/views/Layouts.js.map +2 -2
- package/dist/cjs/views/Skeleton.js +1 -64
- package/dist/cjs/views/Skeleton.js.map +2 -2
- package/dist/cjs/views/Spinner.js +1 -58
- package/dist/cjs/views/Spinner.js.map +2 -2
- package/dist/cjs/views/TamaguiProvider.js +1 -33
- package/dist/cjs/views/TamaguiProvider.js.map +2 -2
- package/dist/cjs/views/TamaguiProvider.server.js +1 -29
- package/dist/cjs/views/TamaguiProvider.server.js.map +2 -2
- package/dist/cjs/views/TextArea.js +1 -53
- package/dist/cjs/views/TextArea.js.map +2 -2
- package/dist/cjs/views/VisuallyHidden.js +1 -60
- package/dist/cjs/views/VisuallyHidden.js.map +2 -2
- package/dist/esm/createTamagui.js +14 -47
- package/dist/esm/createTamagui.js.map +2 -2
- package/dist/esm/createTamagui.mjs +14 -47
- package/dist/esm/createTamagui.mjs.map +2 -2
- package/dist/esm/helpers/inputHelpers.js +1 -39
- package/dist/esm/helpers/inputHelpers.js.map +2 -2
- package/dist/esm/helpers/inputHelpers.mjs +1 -39
- package/dist/esm/helpers/inputHelpers.mjs.map +2 -2
- package/dist/esm/index.js +1 -170
- package/dist/esm/index.js.map +2 -2
- package/dist/esm/index.mjs +1 -170
- package/dist/esm/index.mjs.map +2 -2
- package/dist/esm/lib/linear-gradient.native.js +1 -1
- package/dist/esm/lib/linear-gradient.native.js.map +1 -1
- package/dist/esm/lib/linear-gradient.native.mjs +1 -1
- package/dist/esm/lib/linear-gradient.native.mjs.map +1 -1
- package/dist/esm/linear-gradient.js +1 -1
- package/dist/esm/linear-gradient.js.map +1 -1
- package/dist/esm/linear-gradient.mjs +1 -1
- package/dist/esm/linear-gradient.mjs.map +1 -1
- package/dist/esm/setup.js +1 -23
- package/dist/esm/setup.js.map +2 -2
- package/dist/esm/setup.mjs +1 -23
- package/dist/esm/setup.mjs.map +2 -2
- package/dist/esm/views/Anchor.js +1 -36
- package/dist/esm/views/Anchor.js.map +2 -2
- package/dist/esm/views/Anchor.mjs +1 -36
- package/dist/esm/views/Anchor.mjs.map +2 -2
- package/dist/esm/views/EnsureFlexed.js +1 -17
- package/dist/esm/views/EnsureFlexed.js.map +2 -2
- package/dist/esm/views/EnsureFlexed.mjs +1 -17
- package/dist/esm/views/EnsureFlexed.mjs.map +2 -2
- package/dist/esm/views/Fieldset.js +1 -17
- package/dist/esm/views/Fieldset.js.map +2 -2
- package/dist/esm/views/Fieldset.mjs +1 -17
- package/dist/esm/views/Fieldset.mjs.map +2 -2
- package/dist/esm/views/Grid.js +1 -42
- package/dist/esm/views/Grid.js.map +2 -2
- package/dist/esm/views/Grid.mjs +1 -42
- package/dist/esm/views/Grid.mjs.map +2 -2
- package/dist/esm/views/Input.js +1 -55
- package/dist/esm/views/Input.js.map +2 -2
- package/dist/esm/views/Input.mjs +1 -55
- package/dist/esm/views/Input.mjs.map +2 -2
- package/dist/esm/views/Layouts.js +1 -50
- package/dist/esm/views/Layouts.js.map +2 -2
- package/dist/esm/views/Layouts.mjs +1 -50
- package/dist/esm/views/Layouts.mjs.map +2 -2
- package/dist/esm/views/Skeleton.js +1 -38
- package/dist/esm/views/Skeleton.js.map +2 -2
- package/dist/esm/views/Skeleton.mjs +1 -38
- package/dist/esm/views/Skeleton.mjs.map +2 -2
- package/dist/esm/views/Spinner.js +1 -28
- package/dist/esm/views/Spinner.js.map +2 -2
- package/dist/esm/views/Spinner.mjs +1 -28
- package/dist/esm/views/Spinner.mjs.map +2 -2
- package/dist/esm/views/TamaguiProvider.js +1 -9
- package/dist/esm/views/TamaguiProvider.js.map +2 -2
- package/dist/esm/views/TamaguiProvider.mjs +1 -9
- package/dist/esm/views/TamaguiProvider.mjs.map +2 -2
- package/dist/esm/views/TamaguiProvider.server.js +1 -5
- package/dist/esm/views/TamaguiProvider.server.js.map +2 -2
- package/dist/esm/views/TamaguiProvider.server.mjs +1 -5
- package/dist/esm/views/TamaguiProvider.server.mjs.map +2 -2
- package/dist/esm/views/TextArea.js +1 -28
- package/dist/esm/views/TextArea.js.map +2 -2
- package/dist/esm/views/TextArea.mjs +1 -28
- package/dist/esm/views/TextArea.mjs.map +2 -2
- package/dist/esm/views/VisuallyHidden.js +1 -36
- package/dist/esm/views/VisuallyHidden.js.map +2 -2
- package/dist/esm/views/VisuallyHidden.mjs +1 -36
- package/dist/esm/views/VisuallyHidden.mjs.map +2 -2
- package/dist/jsx/createTamagui.js +14 -47
- package/dist/jsx/createTamagui.js.map +2 -2
- package/dist/jsx/createTamagui.mjs +14 -47
- package/dist/jsx/createTamagui.mjs.map +2 -2
- package/dist/jsx/helpers/inputHelpers.js +1 -39
- package/dist/jsx/helpers/inputHelpers.js.map +2 -2
- package/dist/jsx/helpers/inputHelpers.mjs +1 -39
- package/dist/jsx/helpers/inputHelpers.mjs.map +2 -2
- package/dist/jsx/index.js +1 -170
- package/dist/jsx/index.js.map +2 -2
- package/dist/jsx/index.mjs +1 -170
- package/dist/jsx/index.mjs.map +2 -2
- package/dist/jsx/lib/linear-gradient.native.js +1 -1
- package/dist/jsx/lib/linear-gradient.native.js.map +1 -1
- package/dist/jsx/lib/linear-gradient.native.mjs +1 -1
- package/dist/jsx/lib/linear-gradient.native.mjs.map +1 -1
- package/dist/jsx/linear-gradient.js +1 -1
- package/dist/jsx/linear-gradient.js.map +1 -1
- package/dist/jsx/linear-gradient.mjs +1 -1
- package/dist/jsx/linear-gradient.mjs.map +1 -1
- package/dist/jsx/setup.js +1 -23
- package/dist/jsx/setup.js.map +2 -2
- package/dist/jsx/setup.mjs +1 -23
- package/dist/jsx/setup.mjs.map +2 -2
- package/dist/jsx/views/Anchor.js +1 -31
- package/dist/jsx/views/Anchor.js.map +2 -2
- package/dist/jsx/views/Anchor.mjs +1 -31
- package/dist/jsx/views/Anchor.mjs.map +2 -2
- package/dist/jsx/views/EnsureFlexed.js +1 -17
- package/dist/jsx/views/EnsureFlexed.js.map +2 -2
- package/dist/jsx/views/EnsureFlexed.mjs +1 -17
- package/dist/jsx/views/EnsureFlexed.mjs.map +2 -2
- package/dist/jsx/views/Fieldset.js +1 -17
- package/dist/jsx/views/Fieldset.js.map +2 -2
- package/dist/jsx/views/Fieldset.mjs +1 -17
- package/dist/jsx/views/Fieldset.mjs.map +2 -2
- package/dist/jsx/views/Grid.js +1 -33
- package/dist/jsx/views/Grid.js.map +2 -2
- package/dist/jsx/views/Grid.mjs +1 -33
- package/dist/jsx/views/Grid.mjs.map +2 -2
- package/dist/jsx/views/Input.js +1 -55
- package/dist/jsx/views/Input.js.map +2 -2
- package/dist/jsx/views/Input.mjs +1 -55
- package/dist/jsx/views/Input.mjs.map +2 -2
- package/dist/jsx/views/Layouts.js +1 -50
- package/dist/jsx/views/Layouts.js.map +2 -2
- package/dist/jsx/views/Layouts.mjs +1 -50
- package/dist/jsx/views/Layouts.mjs.map +2 -2
- package/dist/jsx/views/Skeleton.js +1 -34
- package/dist/jsx/views/Skeleton.js.map +2 -2
- package/dist/jsx/views/Skeleton.mjs +1 -34
- package/dist/jsx/views/Skeleton.mjs.map +2 -2
- package/dist/jsx/views/Spinner.js +1 -27
- package/dist/jsx/views/Spinner.js.map +2 -2
- package/dist/jsx/views/Spinner.mjs +1 -27
- package/dist/jsx/views/Spinner.mjs.map +2 -2
- package/dist/jsx/views/TamaguiProvider.js +1 -8
- package/dist/jsx/views/TamaguiProvider.js.map +2 -2
- package/dist/jsx/views/TamaguiProvider.mjs +1 -8
- package/dist/jsx/views/TamaguiProvider.mjs.map +2 -2
- package/dist/jsx/views/TamaguiProvider.server.js +1 -5
- package/dist/jsx/views/TamaguiProvider.server.js.map +2 -2
- package/dist/jsx/views/TamaguiProvider.server.mjs +1 -5
- package/dist/jsx/views/TamaguiProvider.server.mjs.map +2 -2
- package/dist/jsx/views/TextArea.js +1 -28
- package/dist/jsx/views/TextArea.js.map +2 -2
- package/dist/jsx/views/TextArea.mjs +1 -28
- package/dist/jsx/views/TextArea.mjs.map +2 -2
- package/dist/jsx/views/VisuallyHidden.js +1 -36
- package/dist/jsx/views/VisuallyHidden.js.map +2 -2
- package/dist/jsx/views/VisuallyHidden.mjs +1 -36
- package/dist/jsx/views/VisuallyHidden.mjs.map +2 -2
- package/package.json +50 -50
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export
|
|
1
|
+
export*from"expo-linear-gradient";
|
|
2
2
|
//# sourceMappingURL=linear-gradient.native.mjs.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export
|
|
1
|
+
export*from"@tamagui/linear-gradient";
|
|
2
2
|
//# sourceMappingURL=linear-gradient.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export
|
|
1
|
+
export*from"@tamagui/linear-gradient";
|
|
2
2
|
//# sourceMappingURL=linear-gradient.mjs.map
|
package/dist/jsx/setup.js
CHANGED
|
@@ -1,24 +1,2 @@
|
|
|
1
|
-
import
|
|
2
|
-
import * as React from "react";
|
|
3
|
-
import { Text, View } from "react-native";
|
|
4
|
-
globalThis.React = React;
|
|
5
|
-
setupReactNative({
|
|
6
|
-
View,
|
|
7
|
-
Text
|
|
8
|
-
});
|
|
9
|
-
if (typeof requestAnimationFrame === "undefined") {
|
|
10
|
-
globalThis["requestAnimationFrame"] = setImmediate;
|
|
11
|
-
}
|
|
12
|
-
const cancelAnimationFrame = globalThis.cancelAnimationFrame;
|
|
13
|
-
global.cancelAnimationFrame = (x) => {
|
|
14
|
-
try {
|
|
15
|
-
cancelAnimationFrame(x);
|
|
16
|
-
} catch {
|
|
17
|
-
}
|
|
18
|
-
};
|
|
19
|
-
const idFn = () => {
|
|
20
|
-
};
|
|
21
|
-
export {
|
|
22
|
-
idFn
|
|
23
|
-
};
|
|
1
|
+
import{setupReactNative as a}from"@tamagui/core";import*as t from"react";import{Text as i,View as m}from"react-native";globalThis.React=t,a({View:m,Text:i}),typeof requestAnimationFrame>"u"&&(globalThis.requestAnimationFrame=setImmediate);const n=globalThis.cancelAnimationFrame;global.cancelAnimationFrame=e=>{try{n(e)}catch{}};const c=()=>{};export{c as idFn};
|
|
24
2
|
//# sourceMappingURL=setup.js.map
|
package/dist/jsx/setup.js.map
CHANGED
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/setup.ts"],
|
|
4
4
|
"sourcesContent": ["import { setupReactNative } from '@tamagui/core'\nimport * as React from 'react'\nimport { Text, View } from 'react-native'\n\nglobalThis.React = React\n\nsetupReactNative({\n View,\n Text,\n})\n\n// for SSR\nif (typeof requestAnimationFrame === 'undefined') {\n globalThis['requestAnimationFrame'] = setImmediate\n}\n\nconst cancelAnimationFrame = globalThis.cancelAnimationFrame\n\n// for vite / Animated.spring()\nglobal.cancelAnimationFrame = (x: number) => {\n try {\n cancelAnimationFrame(x)\n } catch {\n // illegal invocation :/\n }\n}\n\n// need to export something, afraid of tree shaking even with `sideEffects`\nexport const idFn = () => {}\n"],
|
|
5
|
-
"mappings": "AAAA,
|
|
6
|
-
"names": []
|
|
5
|
+
"mappings": "AAAA,OAAS,oBAAAA,MAAwB,gBACjC,UAAYC,MAAW,QACvB,OAAS,QAAAC,EAAM,QAAAC,MAAY,eAE3B,WAAW,MAAQF,EAEnBD,EAAiB,CACf,KAAAG,EACA,KAAAD,CACF,CAAC,EAGG,OAAO,sBAA0B,MACnC,WAAW,sBAA2B,cAGxC,MAAME,EAAuB,WAAW,qBAGxC,OAAO,qBAAwBC,GAAc,CAC3C,GAAI,CACFD,EAAqBC,CAAC,CACxB,MAAE,CAEF,CACF,EAGO,MAAMC,EAAO,IAAM,CAAC",
|
|
6
|
+
"names": ["setupReactNative", "React", "Text", "View", "cancelAnimationFrame", "x", "idFn"]
|
|
7
7
|
}
|
package/dist/jsx/setup.mjs
CHANGED
|
@@ -1,24 +1,2 @@
|
|
|
1
|
-
import
|
|
2
|
-
import * as React from "react";
|
|
3
|
-
import { Text, View } from "react-native";
|
|
4
|
-
globalThis.React = React;
|
|
5
|
-
setupReactNative({
|
|
6
|
-
View,
|
|
7
|
-
Text
|
|
8
|
-
});
|
|
9
|
-
if (typeof requestAnimationFrame === "undefined") {
|
|
10
|
-
globalThis["requestAnimationFrame"] = setImmediate;
|
|
11
|
-
}
|
|
12
|
-
const cancelAnimationFrame = globalThis.cancelAnimationFrame;
|
|
13
|
-
global.cancelAnimationFrame = (x) => {
|
|
14
|
-
try {
|
|
15
|
-
cancelAnimationFrame(x);
|
|
16
|
-
} catch {
|
|
17
|
-
}
|
|
18
|
-
};
|
|
19
|
-
const idFn = () => {
|
|
20
|
-
};
|
|
21
|
-
export {
|
|
22
|
-
idFn
|
|
23
|
-
};
|
|
1
|
+
import{setupReactNative as a}from"@tamagui/core";import*as t from"react";import{Text as i,View as m}from"react-native";globalThis.React=t,a({View:m,Text:i}),typeof requestAnimationFrame>"u"&&(globalThis.requestAnimationFrame=setImmediate);const n=globalThis.cancelAnimationFrame;global.cancelAnimationFrame=e=>{try{n(e)}catch{}};const c=()=>{};export{c as idFn};
|
|
24
2
|
//# sourceMappingURL=setup.mjs.map
|
package/dist/jsx/setup.mjs.map
CHANGED
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/setup.ts"],
|
|
4
4
|
"sourcesContent": ["import { setupReactNative } from '@tamagui/core'\nimport * as React from 'react'\nimport { Text, View } from 'react-native'\n\nglobalThis.React = React\n\nsetupReactNative({\n View,\n Text,\n})\n\n// for SSR\nif (typeof requestAnimationFrame === 'undefined') {\n globalThis['requestAnimationFrame'] = setImmediate\n}\n\nconst cancelAnimationFrame = globalThis.cancelAnimationFrame\n\n// for vite / Animated.spring()\nglobal.cancelAnimationFrame = (x: number) => {\n try {\n cancelAnimationFrame(x)\n } catch {\n // illegal invocation :/\n }\n}\n\n// need to export something, afraid of tree shaking even with `sideEffects`\nexport const idFn = () => {}\n"],
|
|
5
|
-
"mappings": "AAAA,
|
|
6
|
-
"names": []
|
|
5
|
+
"mappings": "AAAA,OAAS,oBAAAA,MAAwB,gBACjC,UAAYC,MAAW,QACvB,OAAS,QAAAC,EAAM,QAAAC,MAAY,eAE3B,WAAW,MAAQF,EAEnBD,EAAiB,CACf,KAAAG,EACA,KAAAD,CACF,CAAC,EAGG,OAAO,sBAA0B,MACnC,WAAW,sBAA2B,cAGxC,MAAME,EAAuB,WAAW,qBAGxC,OAAO,qBAAwBC,GAAc,CAC3C,GAAI,CACFD,EAAqBC,CAAC,CACxB,MAAE,CAEF,CACF,EAGO,MAAMC,EAAO,IAAM,CAAC",
|
|
6
|
+
"names": ["setupReactNative", "React", "Text", "View", "cancelAnimationFrame", "x", "idFn"]
|
|
7
7
|
}
|
package/dist/jsx/views/Anchor.js
CHANGED
|
@@ -1,32 +1,2 @@
|
|
|
1
|
-
import
|
|
2
|
-
import { SizableText } from "@tamagui/text";
|
|
3
|
-
import { forwardRef } from "react";
|
|
4
|
-
import { Linking } from "react-native";
|
|
5
|
-
const AnchorFrame = styled(SizableText, {
|
|
6
|
-
name: "Anchor",
|
|
7
|
-
tag: "a",
|
|
8
|
-
accessibilityRole: "link"
|
|
9
|
-
});
|
|
10
|
-
const Anchor = AnchorFrame.extractable(
|
|
11
|
-
forwardRef(({ href, target, ...props }, ref) => {
|
|
12
|
-
return <AnchorFrame
|
|
13
|
-
{...props}
|
|
14
|
-
{...isWeb ? {
|
|
15
|
-
href,
|
|
16
|
-
target
|
|
17
|
-
} : {
|
|
18
|
-
onPress: (event) => {
|
|
19
|
-
props.onPress?.(event);
|
|
20
|
-
if (href !== void 0) {
|
|
21
|
-
Linking.openURL(href);
|
|
22
|
-
}
|
|
23
|
-
}
|
|
24
|
-
}}
|
|
25
|
-
ref={ref}
|
|
26
|
-
/>;
|
|
27
|
-
})
|
|
28
|
-
);
|
|
29
|
-
export {
|
|
30
|
-
Anchor
|
|
31
|
-
};
|
|
1
|
+
import{isWeb as P,styled as A}from"@tamagui/core";import{SizableText as T}from"@tamagui/text";import{forwardRef as d}from"react";import{Linking as u}from"react-native";const R=A(T,{name:"Anchor",tag:"a",accessibilityRole:"link"}),w=R.extractable(d(({href:e,target:b,...t},h)=><R{...t}{...P?{href:e,target:b}:{onPress:x=>{t.onPress?.(x),e!==void 0&&u.openURL(e)}}}ref={h}/>));export{w as Anchor};
|
|
32
2
|
//# sourceMappingURL=Anchor.js.map
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/views/Anchor.tsx"],
|
|
4
4
|
"sourcesContent": ["import { ReactComponentWithRef, TamaguiElement, isWeb, styled } from '@tamagui/core'\nimport { SizableText, SizableTextProps } from '@tamagui/text'\nimport React, { forwardRef } from 'react'\nimport { Linking } from 'react-native'\n\nexport type AnchorProps = SizableTextProps & {\n href?: string\n target?: string\n rel?: string\n}\n\nconst AnchorFrame = styled(SizableText, {\n name: 'Anchor',\n tag: 'a',\n accessibilityRole: 'link',\n})\n\nexport const Anchor: ReactComponentWithRef<AnchorProps, TamaguiElement> =\n AnchorFrame.extractable(\n forwardRef(({ href, target, ...props }, ref) => {\n return (\n <AnchorFrame\n {...props}\n {...(isWeb\n ? {\n href,\n target,\n }\n : {\n onPress: (event) => {\n props.onPress?.(event)\n if (href !== undefined) {\n Linking.openURL(href)\n }\n },\n })}\n ref={ref as any}\n />\n )\n })\n )\n"],
|
|
5
|
-
"mappings": "AAAA,
|
|
6
|
-
"names": []
|
|
5
|
+
"mappings": "AAAA,OAAgD,SAAAA,EAAO,UAAAC,MAAc,gBACrE,OAAS,eAAAC,MAAqC,gBAC9C,OAAgB,cAAAC,MAAkB,QAClC,OAAS,WAAAC,MAAe,eAQxB,MAAMC,EAAcJ,EAAOC,EAAa,CACtC,KAAM,SACN,IAAK,IACL,kBAAmB,MACrB,CAAC,EAEYI,EACXD,EAAY,YACVF,EAAW,CAAC,CAAE,KAAAI,EAAM,OAAAC,EAAQ,GAAGC,CAAM,EAAGC,IAEpC,CAACL,KACKI,MACCT,EACD,CACE,KAAAO,EACA,OAAAC,CACF,EACA,CACE,QAAUG,GAAU,CAClBF,EAAM,UAAUE,CAAK,EACjBJ,IAAS,QACXH,EAAQ,QAAQG,CAAI,CAExB,CACF,EACJ,KAAKG,EACP,EAEH,CACH",
|
|
6
|
+
"names": ["isWeb", "styled", "SizableText", "forwardRef", "Linking", "AnchorFrame", "Anchor", "href", "target", "props", "ref", "event"]
|
|
7
7
|
}
|
|
@@ -1,32 +1,2 @@
|
|
|
1
|
-
import
|
|
2
|
-
import { SizableText } from "@tamagui/text";
|
|
3
|
-
import { forwardRef } from "react";
|
|
4
|
-
import { Linking } from "react-native";
|
|
5
|
-
const AnchorFrame = styled(SizableText, {
|
|
6
|
-
name: "Anchor",
|
|
7
|
-
tag: "a",
|
|
8
|
-
accessibilityRole: "link"
|
|
9
|
-
});
|
|
10
|
-
const Anchor = AnchorFrame.extractable(
|
|
11
|
-
forwardRef(({ href, target, ...props }, ref) => {
|
|
12
|
-
return <AnchorFrame
|
|
13
|
-
{...props}
|
|
14
|
-
{...isWeb ? {
|
|
15
|
-
href,
|
|
16
|
-
target
|
|
17
|
-
} : {
|
|
18
|
-
onPress: (event) => {
|
|
19
|
-
props.onPress?.(event);
|
|
20
|
-
if (href !== void 0) {
|
|
21
|
-
Linking.openURL(href);
|
|
22
|
-
}
|
|
23
|
-
}
|
|
24
|
-
}}
|
|
25
|
-
ref={ref}
|
|
26
|
-
/>;
|
|
27
|
-
})
|
|
28
|
-
);
|
|
29
|
-
export {
|
|
30
|
-
Anchor
|
|
31
|
-
};
|
|
1
|
+
import{isWeb as P,styled as A}from"@tamagui/core";import{SizableText as T}from"@tamagui/text";import{forwardRef as d}from"react";import{Linking as u}from"react-native";const R=A(T,{name:"Anchor",tag:"a",accessibilityRole:"link"}),w=R.extractable(d(({href:e,target:b,...t},h)=><R{...t}{...P?{href:e,target:b}:{onPress:x=>{t.onPress?.(x),e!==void 0&&u.openURL(e)}}}ref={h}/>));export{w as Anchor};
|
|
32
2
|
//# sourceMappingURL=Anchor.mjs.map
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/views/Anchor.tsx"],
|
|
4
4
|
"sourcesContent": ["import { ReactComponentWithRef, TamaguiElement, isWeb, styled } from '@tamagui/core'\nimport { SizableText, SizableTextProps } from '@tamagui/text'\nimport React, { forwardRef } from 'react'\nimport { Linking } from 'react-native'\n\nexport type AnchorProps = SizableTextProps & {\n href?: string\n target?: string\n rel?: string\n}\n\nconst AnchorFrame = styled(SizableText, {\n name: 'Anchor',\n tag: 'a',\n accessibilityRole: 'link',\n})\n\nexport const Anchor: ReactComponentWithRef<AnchorProps, TamaguiElement> =\n AnchorFrame.extractable(\n forwardRef(({ href, target, ...props }, ref) => {\n return (\n <AnchorFrame\n {...props}\n {...(isWeb\n ? {\n href,\n target,\n }\n : {\n onPress: (event) => {\n props.onPress?.(event)\n if (href !== undefined) {\n Linking.openURL(href)\n }\n },\n })}\n ref={ref as any}\n />\n )\n })\n )\n"],
|
|
5
|
-
"mappings": "AAAA,
|
|
6
|
-
"names": []
|
|
5
|
+
"mappings": "AAAA,OAAgD,SAAAA,EAAO,UAAAC,MAAc,gBACrE,OAAS,eAAAC,MAAqC,gBAC9C,OAAgB,cAAAC,MAAkB,QAClC,OAAS,WAAAC,MAAe,eAQxB,MAAMC,EAAcJ,EAAOC,EAAa,CACtC,KAAM,SACN,IAAK,IACL,kBAAmB,MACrB,CAAC,EAEYI,EACXD,EAAY,YACVF,EAAW,CAAC,CAAE,KAAAI,EAAM,OAAAC,EAAQ,GAAGC,CAAM,EAAGC,IAEpC,CAACL,KACKI,MACCT,EACD,CACE,KAAAO,EACA,OAAAC,CACF,EACA,CACE,QAAUG,GAAU,CAClBF,EAAM,UAAUE,CAAK,EACjBJ,IAAS,QACXH,EAAQ,QAAQG,CAAI,CAExB,CACF,EACJ,KAAKG,EACP,EAEH,CACH",
|
|
6
|
+
"names": ["isWeb", "styled", "SizableText", "forwardRef", "Linking", "AnchorFrame", "Anchor", "href", "target", "props", "ref", "event"]
|
|
7
7
|
}
|
|
@@ -1,18 +1,2 @@
|
|
|
1
|
-
import
|
|
2
|
-
const EnsureFlexed = styled(Text, {
|
|
3
|
-
opacity: 0,
|
|
4
|
-
lineHeight: 0,
|
|
5
|
-
height: 0,
|
|
6
|
-
display: "flex",
|
|
7
|
-
fontSize: 200,
|
|
8
|
-
children: "wwwwwwwwwwwwwwwwwww",
|
|
9
|
-
hoverStyle: {
|
|
10
|
-
backgroundColor: "red"
|
|
11
|
-
},
|
|
12
|
-
pointerEvents: "none"
|
|
13
|
-
});
|
|
14
|
-
EnsureFlexed["isVisuallyHidden"] = true;
|
|
15
|
-
export {
|
|
16
|
-
EnsureFlexed
|
|
17
|
-
};
|
|
1
|
+
import{Text as e,styled as w}from"@tamagui/core";const t=w(e,{opacity:0,lineHeight:0,height:0,display:"flex",fontSize:200,children:"wwwwwwwwwwwwwwwwwww",hoverStyle:{backgroundColor:"red"},pointerEvents:"none"});t.isVisuallyHidden=!0;export{t as EnsureFlexed};
|
|
18
2
|
//# sourceMappingURL=EnsureFlexed.js.map
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/views/EnsureFlexed.tsx"],
|
|
4
4
|
"sourcesContent": ["import { Text, styled } from '@tamagui/core'\n\n// expands flex elements when they should push a far as they \"want\" naturally\n\nexport const EnsureFlexed = styled(Text, {\n opacity: 0,\n lineHeight: 0,\n height: 0,\n display: 'flex',\n fontSize: 200,\n children: 'wwwwwwwwwwwwwwwwwww',\n\n hoverStyle: {\n backgroundColor: 'red',\n },\n\n pointerEvents: 'none',\n})\n\n// @tamgui/core checks for this in spacing\nEnsureFlexed['isVisuallyHidden'] = true\n"],
|
|
5
|
-
"mappings": "AAAA,
|
|
6
|
-
"names": []
|
|
5
|
+
"mappings": "AAAA,OAAS,QAAAA,EAAM,UAAAC,MAAc,gBAItB,MAAMC,EAAeD,EAAOD,EAAM,CACvC,QAAS,EACT,WAAY,EACZ,OAAQ,EACR,QAAS,OACT,SAAU,IACV,SAAU,sBAEV,WAAY,CACV,gBAAiB,KACnB,EAEA,cAAe,MACjB,CAAC,EAGDE,EAAa,iBAAsB",
|
|
6
|
+
"names": ["Text", "styled", "EnsureFlexed"]
|
|
7
7
|
}
|
|
@@ -1,18 +1,2 @@
|
|
|
1
|
-
import
|
|
2
|
-
const EnsureFlexed = styled(Text, {
|
|
3
|
-
opacity: 0,
|
|
4
|
-
lineHeight: 0,
|
|
5
|
-
height: 0,
|
|
6
|
-
display: "flex",
|
|
7
|
-
fontSize: 200,
|
|
8
|
-
children: "wwwwwwwwwwwwwwwwwww",
|
|
9
|
-
hoverStyle: {
|
|
10
|
-
backgroundColor: "red"
|
|
11
|
-
},
|
|
12
|
-
pointerEvents: "none"
|
|
13
|
-
});
|
|
14
|
-
EnsureFlexed["isVisuallyHidden"] = true;
|
|
15
|
-
export {
|
|
16
|
-
EnsureFlexed
|
|
17
|
-
};
|
|
1
|
+
import{Text as e,styled as w}from"@tamagui/core";const t=w(e,{opacity:0,lineHeight:0,height:0,display:"flex",fontSize:200,children:"wwwwwwwwwwwwwwwwwww",hoverStyle:{backgroundColor:"red"},pointerEvents:"none"});t.isVisuallyHidden=!0;export{t as EnsureFlexed};
|
|
18
2
|
//# sourceMappingURL=EnsureFlexed.mjs.map
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/views/EnsureFlexed.tsx"],
|
|
4
4
|
"sourcesContent": ["import { Text, styled } from '@tamagui/core'\n\n// expands flex elements when they should push a far as they \"want\" naturally\n\nexport const EnsureFlexed = styled(Text, {\n opacity: 0,\n lineHeight: 0,\n height: 0,\n display: 'flex',\n fontSize: 200,\n children: 'wwwwwwwwwwwwwwwwwww',\n\n hoverStyle: {\n backgroundColor: 'red',\n },\n\n pointerEvents: 'none',\n})\n\n// @tamgui/core checks for this in spacing\nEnsureFlexed['isVisuallyHidden'] = true\n"],
|
|
5
|
-
"mappings": "AAAA,
|
|
6
|
-
"names": []
|
|
5
|
+
"mappings": "AAAA,OAAS,QAAAA,EAAM,UAAAC,MAAc,gBAItB,MAAMC,EAAeD,EAAOD,EAAM,CACvC,QAAS,EACT,WAAY,EACZ,OAAQ,EACR,QAAS,OACT,SAAU,IACV,SAAU,sBAEV,WAAY,CACV,gBAAiB,KACnB,EAEA,cAAe,MACjB,CAAC,EAGDE,EAAa,iBAAsB",
|
|
6
|
+
"names": ["Text", "styled", "EnsureFlexed"]
|
|
7
7
|
}
|
|
@@ -1,18 +1,2 @@
|
|
|
1
|
-
import
|
|
2
|
-
import { YStack } from "@tamagui/stacks";
|
|
3
|
-
const Fieldset = styled(YStack, {
|
|
4
|
-
name: "Fieldset",
|
|
5
|
-
tag: "fieldset",
|
|
6
|
-
variants: {
|
|
7
|
-
horizontal: {
|
|
8
|
-
true: {
|
|
9
|
-
flexDirection: "row",
|
|
10
|
-
alignItems: "center"
|
|
11
|
-
}
|
|
12
|
-
}
|
|
13
|
-
}
|
|
14
|
-
});
|
|
15
|
-
export {
|
|
16
|
-
Fieldset
|
|
17
|
-
};
|
|
1
|
+
import{styled as e}from"@tamagui/core";import{YStack as t}from"@tamagui/stacks";const i=e(t,{name:"Fieldset",tag:"fieldset",variants:{horizontal:{true:{flexDirection:"row",alignItems:"center"}}}});export{i as Fieldset};
|
|
18
2
|
//# sourceMappingURL=Fieldset.js.map
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/views/Fieldset.tsx"],
|
|
4
4
|
"sourcesContent": ["import { GetProps, styled } from '@tamagui/core'\nimport { YStack } from '@tamagui/stacks'\n\nexport const Fieldset = styled(YStack, {\n name: 'Fieldset',\n tag: 'fieldset',\n\n variants: {\n horizontal: {\n true: {\n flexDirection: 'row',\n alignItems: 'center',\n },\n },\n } as const,\n})\n\nexport type FieldsetProps = GetProps<typeof Fieldset>\n"],
|
|
5
|
-
"mappings": "AAAA,
|
|
6
|
-
"names": []
|
|
5
|
+
"mappings": "AAAA,OAAmB,UAAAA,MAAc,gBACjC,OAAS,UAAAC,MAAc,kBAEhB,MAAMC,EAAWF,EAAOC,EAAQ,CACrC,KAAM,WACN,IAAK,WAEL,SAAU,CACR,WAAY,CACV,KAAM,CACJ,cAAe,MACf,WAAY,QACd,CACF,CACF,CACF,CAAC",
|
|
6
|
+
"names": ["styled", "YStack", "Fieldset"]
|
|
7
7
|
}
|
|
@@ -1,18 +1,2 @@
|
|
|
1
|
-
import
|
|
2
|
-
import { YStack } from "@tamagui/stacks";
|
|
3
|
-
const Fieldset = styled(YStack, {
|
|
4
|
-
name: "Fieldset",
|
|
5
|
-
tag: "fieldset",
|
|
6
|
-
variants: {
|
|
7
|
-
horizontal: {
|
|
8
|
-
true: {
|
|
9
|
-
flexDirection: "row",
|
|
10
|
-
alignItems: "center"
|
|
11
|
-
}
|
|
12
|
-
}
|
|
13
|
-
}
|
|
14
|
-
});
|
|
15
|
-
export {
|
|
16
|
-
Fieldset
|
|
17
|
-
};
|
|
1
|
+
import{styled as e}from"@tamagui/core";import{YStack as t}from"@tamagui/stacks";const i=e(t,{name:"Fieldset",tag:"fieldset",variants:{horizontal:{true:{flexDirection:"row",alignItems:"center"}}}});export{i as Fieldset};
|
|
18
2
|
//# sourceMappingURL=Fieldset.mjs.map
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/views/Fieldset.tsx"],
|
|
4
4
|
"sourcesContent": ["import { GetProps, styled } from '@tamagui/core'\nimport { YStack } from '@tamagui/stacks'\n\nexport const Fieldset = styled(YStack, {\n name: 'Fieldset',\n tag: 'fieldset',\n\n variants: {\n horizontal: {\n true: {\n flexDirection: 'row',\n alignItems: 'center',\n },\n },\n } as const,\n})\n\nexport type FieldsetProps = GetProps<typeof Fieldset>\n"],
|
|
5
|
-
"mappings": "AAAA,
|
|
6
|
-
"names": []
|
|
5
|
+
"mappings": "AAAA,OAAmB,UAAAA,MAAc,gBACjC,OAAS,UAAAC,MAAc,kBAEhB,MAAMC,EAAWF,EAAOC,EAAQ,CACrC,KAAM,WACN,IAAK,WAEL,SAAU,CACR,WAAY,CACV,KAAM,CACJ,cAAe,MACf,WAAY,QACd,CACF,CACF,CACF,CAAC",
|
|
6
|
+
"names": ["styled", "YStack", "Fieldset"]
|
|
7
7
|
}
|
package/dist/jsx/views/Grid.js
CHANGED
|
@@ -1,34 +1,2 @@
|
|
|
1
|
-
import
|
|
2
|
-
import { XStack } from "@tamagui/stacks";
|
|
3
|
-
import React from "react";
|
|
4
|
-
function Grid({ children, columns, itemMinWidth = 200, gap }) {
|
|
5
|
-
if (isWeb) {
|
|
6
|
-
return <div
|
|
7
|
-
style={{
|
|
8
|
-
gap,
|
|
9
|
-
display: "grid",
|
|
10
|
-
justifyContent: "stretch",
|
|
11
|
-
// gridTemplateRows: 'repeat(4, 1fr)',
|
|
12
|
-
gridTemplateColumns: `repeat( auto-fit, minmax(${itemMinWidth}px, 1fr) )`
|
|
13
|
-
// gridTemplateColumns: '1fr 1fr',
|
|
14
|
-
}}
|
|
15
|
-
>{children}</div>;
|
|
16
|
-
}
|
|
17
|
-
const childrenList = React.Children.toArray(children);
|
|
18
|
-
return <XStack alignItems="center" justifyContent="center" flexWrap="wrap">{childrenList.map((child, i) => {
|
|
19
|
-
if (!child) {
|
|
20
|
-
return null;
|
|
21
|
-
}
|
|
22
|
-
return <XStack
|
|
23
|
-
key={i}
|
|
24
|
-
flex={1}
|
|
25
|
-
minWidth={itemMinWidth}
|
|
26
|
-
marginRight={gap}
|
|
27
|
-
marginBottom={gap}
|
|
28
|
-
>{child}</XStack>;
|
|
29
|
-
})}</XStack>;
|
|
30
|
-
}
|
|
31
|
-
export {
|
|
32
|
-
Grid
|
|
33
|
-
};
|
|
1
|
+
import{isWeb as S}from"@tamagui/core";import{XStack as C}from"@tamagui/stacks";import W from"react";function R({children:t,columns:X,itemMinWidth:e=200,gap:r}){if(S)return<div style={{gap:r,display:"grid",justifyContent:"stretch",gridTemplateColumns:`repeat( auto-fit, minmax(${e}px, 1fr) )`}}>{t}</div>;const b=W.Children.toArray(t);return<C alignItems="center"justifyContent="center"flexWrap="wrap">{b.map((n,G)=>n?<C key={G}flex={1}minWidth={e}marginRight={r}marginBottom={r}>{n}</C>:null)}</C>}export{R as Grid};
|
|
34
2
|
//# sourceMappingURL=Grid.js.map
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/views/Grid.tsx"],
|
|
4
4
|
"sourcesContent": ["import { isWeb } from '@tamagui/core'\nimport { XStack } from '@tamagui/stacks'\nimport React from 'react'\n\nexport type GridProps = {\n children?: any\n itemMinWidth?: number\n gap?: any\n columns?: number\n}\n\nexport function Grid({ children, columns, itemMinWidth = 200, gap }: GridProps) {\n if (isWeb) {\n return (\n <div\n style={{\n gap,\n display: 'grid',\n justifyContent: 'stretch',\n // gridTemplateRows: 'repeat(4, 1fr)',\n gridTemplateColumns: `repeat( auto-fit, minmax(${itemMinWidth}px, 1fr) )`,\n // gridTemplateColumns: '1fr 1fr',\n }}\n >\n {children}\n </div>\n )\n }\n\n const childrenList = React.Children.toArray(children)\n\n return (\n <XStack alignItems=\"center\" justifyContent=\"center\" flexWrap=\"wrap\">\n {childrenList.map((child, i) => {\n if (!child) {\n return null\n }\n\n // index key bad\n return (\n <XStack\n key={i}\n flex={1}\n minWidth={itemMinWidth}\n marginRight={gap}\n marginBottom={gap}\n >\n {child}\n </XStack>\n )\n })}\n </XStack>\n )\n}\n"],
|
|
5
|
-
"mappings": "AAAA,
|
|
6
|
-
"names": []
|
|
5
|
+
"mappings": "AAAA,OAAS,SAAAA,MAAa,gBACtB,OAAS,UAAAC,MAAc,kBACvB,OAAOC,MAAW,QASX,SAASC,EAAK,CAAE,SAAAC,EAAU,QAAAC,EAAS,aAAAC,EAAe,IAAK,IAAAC,CAAI,EAAc,CAC9E,GAAIP,EACF,MACE,CAAC,IACC,OAAO,CACL,IAAAO,EACA,QAAS,OACT,eAAgB,UAEhB,oBAAqB,4BAA4BD,aAEnD,IAECF,EACH,EAXC,KAeL,MAAMI,EAAeN,EAAM,SAAS,QAAQE,CAAQ,EAEpD,MACE,CAACH,EAAO,WAAW,QAAS,eAAe,QAAS,SAAS,QAC1DO,EAAa,IAAI,CAACC,EAAOC,IACnBD,EAMH,CAACR,EACC,KAAKS,EACL,MAAM,EACN,UAAUJ,EACV,aAAaC,EACb,cAAcA,IAEbE,EACH,EARCR,GALM,IAeV,EACH,EAnBCA,EAqBL",
|
|
6
|
+
"names": ["isWeb", "XStack", "React", "Grid", "children", "columns", "itemMinWidth", "gap", "childrenList", "child", "i"]
|
|
7
7
|
}
|
package/dist/jsx/views/Grid.mjs
CHANGED
|
@@ -1,34 +1,2 @@
|
|
|
1
|
-
import
|
|
2
|
-
import { XStack } from "@tamagui/stacks";
|
|
3
|
-
import React from "react";
|
|
4
|
-
function Grid({ children, columns, itemMinWidth = 200, gap }) {
|
|
5
|
-
if (isWeb) {
|
|
6
|
-
return <div
|
|
7
|
-
style={{
|
|
8
|
-
gap,
|
|
9
|
-
display: "grid",
|
|
10
|
-
justifyContent: "stretch",
|
|
11
|
-
// gridTemplateRows: 'repeat(4, 1fr)',
|
|
12
|
-
gridTemplateColumns: `repeat( auto-fit, minmax(${itemMinWidth}px, 1fr) )`
|
|
13
|
-
// gridTemplateColumns: '1fr 1fr',
|
|
14
|
-
}}
|
|
15
|
-
>{children}</div>;
|
|
16
|
-
}
|
|
17
|
-
const childrenList = React.Children.toArray(children);
|
|
18
|
-
return <XStack alignItems="center" justifyContent="center" flexWrap="wrap">{childrenList.map((child, i) => {
|
|
19
|
-
if (!child) {
|
|
20
|
-
return null;
|
|
21
|
-
}
|
|
22
|
-
return <XStack
|
|
23
|
-
key={i}
|
|
24
|
-
flex={1}
|
|
25
|
-
minWidth={itemMinWidth}
|
|
26
|
-
marginRight={gap}
|
|
27
|
-
marginBottom={gap}
|
|
28
|
-
>{child}</XStack>;
|
|
29
|
-
})}</XStack>;
|
|
30
|
-
}
|
|
31
|
-
export {
|
|
32
|
-
Grid
|
|
33
|
-
};
|
|
1
|
+
import{isWeb as S}from"@tamagui/core";import{XStack as C}from"@tamagui/stacks";import W from"react";function R({children:t,columns:X,itemMinWidth:e=200,gap:r}){if(S)return<div style={{gap:r,display:"grid",justifyContent:"stretch",gridTemplateColumns:`repeat( auto-fit, minmax(${e}px, 1fr) )`}}>{t}</div>;const b=W.Children.toArray(t);return<C alignItems="center"justifyContent="center"flexWrap="wrap">{b.map((n,G)=>n?<C key={G}flex={1}minWidth={e}marginRight={r}marginBottom={r}>{n}</C>:null)}</C>}export{R as Grid};
|
|
34
2
|
//# sourceMappingURL=Grid.mjs.map
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/views/Grid.tsx"],
|
|
4
4
|
"sourcesContent": ["import { isWeb } from '@tamagui/core'\nimport { XStack } from '@tamagui/stacks'\nimport React from 'react'\n\nexport type GridProps = {\n children?: any\n itemMinWidth?: number\n gap?: any\n columns?: number\n}\n\nexport function Grid({ children, columns, itemMinWidth = 200, gap }: GridProps) {\n if (isWeb) {\n return (\n <div\n style={{\n gap,\n display: 'grid',\n justifyContent: 'stretch',\n // gridTemplateRows: 'repeat(4, 1fr)',\n gridTemplateColumns: `repeat( auto-fit, minmax(${itemMinWidth}px, 1fr) )`,\n // gridTemplateColumns: '1fr 1fr',\n }}\n >\n {children}\n </div>\n )\n }\n\n const childrenList = React.Children.toArray(children)\n\n return (\n <XStack alignItems=\"center\" justifyContent=\"center\" flexWrap=\"wrap\">\n {childrenList.map((child, i) => {\n if (!child) {\n return null\n }\n\n // index key bad\n return (\n <XStack\n key={i}\n flex={1}\n minWidth={itemMinWidth}\n marginRight={gap}\n marginBottom={gap}\n >\n {child}\n </XStack>\n )\n })}\n </XStack>\n )\n}\n"],
|
|
5
|
-
"mappings": "AAAA,
|
|
6
|
-
"names": []
|
|
5
|
+
"mappings": "AAAA,OAAS,SAAAA,MAAa,gBACtB,OAAS,UAAAC,MAAc,kBACvB,OAAOC,MAAW,QASX,SAASC,EAAK,CAAE,SAAAC,EAAU,QAAAC,EAAS,aAAAC,EAAe,IAAK,IAAAC,CAAI,EAAc,CAC9E,GAAIP,EACF,MACE,CAAC,IACC,OAAO,CACL,IAAAO,EACA,QAAS,OACT,eAAgB,UAEhB,oBAAqB,4BAA4BD,aAEnD,IAECF,EACH,EAXC,KAeL,MAAMI,EAAeN,EAAM,SAAS,QAAQE,CAAQ,EAEpD,MACE,CAACH,EAAO,WAAW,QAAS,eAAe,QAAS,SAAS,QAC1DO,EAAa,IAAI,CAACC,EAAOC,IACnBD,EAMH,CAACR,EACC,KAAKS,EACL,MAAM,EACN,UAAUJ,EACV,aAAaC,EACb,cAAcA,IAEbE,EACH,EARCR,GALM,IAeV,EACH,EAnBCA,EAqBL",
|
|
6
|
+
"names": ["isWeb", "XStack", "React", "Grid", "children", "columns", "itemMinWidth", "gap", "childrenList", "child", "i"]
|
|
7
7
|
}
|
package/dist/jsx/views/Input.js
CHANGED
|
@@ -1,56 +1,2 @@
|
|
|
1
|
-
import
|
|
2
|
-
import { focusableInputHOC } from "@tamagui/focusable";
|
|
3
|
-
import { TextInput } from "react-native";
|
|
4
|
-
import { inputSizeVariant } from "../helpers/inputHelpers";
|
|
5
|
-
setupReactNative({
|
|
6
|
-
TextInput
|
|
7
|
-
});
|
|
8
|
-
const defaultStyles = {
|
|
9
|
-
size: "$true",
|
|
10
|
-
fontFamily: "$body",
|
|
11
|
-
borderWidth: 1,
|
|
12
|
-
outlineWidth: 0,
|
|
13
|
-
color: "$color",
|
|
14
|
-
focusable: true,
|
|
15
|
-
borderColor: "$borderColor",
|
|
16
|
-
backgroundColor: "$background",
|
|
17
|
-
placeholderTextColor: "$placeholderColor",
|
|
18
|
-
// this fixes a flex bug where it overflows container
|
|
19
|
-
minWidth: 0,
|
|
20
|
-
hoverStyle: {
|
|
21
|
-
borderColor: "$borderColorHover"
|
|
22
|
-
},
|
|
23
|
-
focusStyle: {
|
|
24
|
-
outlineColor: "$borderColorFocus",
|
|
25
|
-
outlineWidth: 2,
|
|
26
|
-
outlineStyle: "solid",
|
|
27
|
-
borderColor: "$borderColorFocus"
|
|
28
|
-
}
|
|
29
|
-
};
|
|
30
|
-
const InputFrame = styled(
|
|
31
|
-
TextInput,
|
|
32
|
-
{
|
|
33
|
-
name: "Input",
|
|
34
|
-
variants: {
|
|
35
|
-
unstyled: {
|
|
36
|
-
false: defaultStyles
|
|
37
|
-
},
|
|
38
|
-
size: {
|
|
39
|
-
"...size": inputSizeVariant
|
|
40
|
-
}
|
|
41
|
-
},
|
|
42
|
-
defaultVariants: {
|
|
43
|
-
unstyled: false
|
|
44
|
-
}
|
|
45
|
-
},
|
|
46
|
-
{
|
|
47
|
-
isInput: true
|
|
48
|
-
}
|
|
49
|
-
);
|
|
50
|
-
const Input = focusableInputHOC(InputFrame);
|
|
51
|
-
export {
|
|
52
|
-
Input,
|
|
53
|
-
InputFrame,
|
|
54
|
-
defaultStyles
|
|
55
|
-
};
|
|
1
|
+
import{setupReactNative as r,styled as t}from"@tamagui/core";import{focusableInputHOC as e}from"@tamagui/focusable";import{TextInput as o}from"react-native";import{inputSizeVariant as l}from"../helpers/inputHelpers";r({TextInput:o});const s={size:"$true",fontFamily:"$body",borderWidth:1,outlineWidth:0,color:"$color",focusable:!0,borderColor:"$borderColor",backgroundColor:"$background",placeholderTextColor:"$placeholderColor",minWidth:0,hoverStyle:{borderColor:"$borderColorHover"},focusStyle:{outlineColor:"$borderColorFocus",outlineWidth:2,outlineStyle:"solid",borderColor:"$borderColorFocus"}},n=t(o,{name:"Input",variants:{unstyled:{false:s},size:{"...size":l}},defaultVariants:{unstyled:!1}},{isInput:!0}),c=e(n);export{c as Input,n as InputFrame,s as defaultStyles};
|
|
56
2
|
//# sourceMappingURL=Input.js.map
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/views/Input.tsx"],
|
|
4
4
|
"sourcesContent": ["import { GetProps, setupReactNative, styled } from '@tamagui/core'\nimport { focusableInputHOC } from '@tamagui/focusable'\nimport { TextInput } from 'react-native'\n\nimport { inputSizeVariant } from '../helpers/inputHelpers'\n\nsetupReactNative({\n TextInput,\n})\n\nexport const defaultStyles = {\n size: '$true',\n fontFamily: '$body',\n borderWidth: 1,\n outlineWidth: 0,\n color: '$color',\n focusable: true,\n borderColor: '$borderColor',\n backgroundColor: '$background',\n placeholderTextColor: '$placeholderColor',\n\n // this fixes a flex bug where it overflows container\n minWidth: 0,\n\n hoverStyle: {\n borderColor: '$borderColorHover',\n },\n\n focusStyle: {\n outlineColor: '$borderColorFocus',\n outlineWidth: 2,\n outlineStyle: 'solid',\n borderColor: '$borderColorFocus',\n },\n} as const\n\nexport const InputFrame = styled(\n TextInput,\n {\n name: 'Input',\n\n variants: {\n unstyled: {\n false: defaultStyles,\n },\n\n size: {\n '...size': inputSizeVariant,\n },\n } as const,\n\n defaultVariants: {\n unstyled: false,\n },\n },\n {\n isInput: true,\n }\n)\n\nexport type InputProps = GetProps<typeof InputFrame>\n\nexport const Input = focusableInputHOC(InputFrame)\n"],
|
|
5
|
-
"mappings": "AAAA,
|
|
6
|
-
"names": []
|
|
5
|
+
"mappings": "AAAA,OAAmB,oBAAAA,EAAkB,UAAAC,MAAc,gBACnD,OAAS,qBAAAC,MAAyB,qBAClC,OAAS,aAAAC,MAAiB,eAE1B,OAAS,oBAAAC,MAAwB,0BAEjCJ,EAAiB,CACf,UAAAG,CACF,CAAC,EAEM,MAAME,EAAgB,CAC3B,KAAM,QACN,WAAY,QACZ,YAAa,EACb,aAAc,EACd,MAAO,SACP,UAAW,GACX,YAAa,eACb,gBAAiB,cACjB,qBAAsB,oBAGtB,SAAU,EAEV,WAAY,CACV,YAAa,mBACf,EAEA,WAAY,CACV,aAAc,oBACd,aAAc,EACd,aAAc,QACd,YAAa,mBACf,CACF,EAEaC,EAAaL,EACxBE,EACA,CACE,KAAM,QAEN,SAAU,CACR,SAAU,CACR,MAAOE,CACT,EAEA,KAAM,CACJ,UAAWD,CACb,CACF,EAEA,gBAAiB,CACf,SAAU,EACZ,CACF,EACA,CACE,QAAS,EACX,CACF,EAIaG,EAAQL,EAAkBI,CAAU",
|
|
6
|
+
"names": ["setupReactNative", "styled", "focusableInputHOC", "TextInput", "inputSizeVariant", "defaultStyles", "InputFrame", "Input"]
|
|
7
7
|
}
|
package/dist/jsx/views/Input.mjs
CHANGED
|
@@ -1,56 +1,2 @@
|
|
|
1
|
-
import
|
|
2
|
-
import { focusableInputHOC } from "@tamagui/focusable";
|
|
3
|
-
import { TextInput } from "react-native";
|
|
4
|
-
import { inputSizeVariant } from "../helpers/inputHelpers";
|
|
5
|
-
setupReactNative({
|
|
6
|
-
TextInput
|
|
7
|
-
});
|
|
8
|
-
const defaultStyles = {
|
|
9
|
-
size: "$true",
|
|
10
|
-
fontFamily: "$body",
|
|
11
|
-
borderWidth: 1,
|
|
12
|
-
outlineWidth: 0,
|
|
13
|
-
color: "$color",
|
|
14
|
-
focusable: true,
|
|
15
|
-
borderColor: "$borderColor",
|
|
16
|
-
backgroundColor: "$background",
|
|
17
|
-
placeholderTextColor: "$placeholderColor",
|
|
18
|
-
// this fixes a flex bug where it overflows container
|
|
19
|
-
minWidth: 0,
|
|
20
|
-
hoverStyle: {
|
|
21
|
-
borderColor: "$borderColorHover"
|
|
22
|
-
},
|
|
23
|
-
focusStyle: {
|
|
24
|
-
outlineColor: "$borderColorFocus",
|
|
25
|
-
outlineWidth: 2,
|
|
26
|
-
outlineStyle: "solid",
|
|
27
|
-
borderColor: "$borderColorFocus"
|
|
28
|
-
}
|
|
29
|
-
};
|
|
30
|
-
const InputFrame = styled(
|
|
31
|
-
TextInput,
|
|
32
|
-
{
|
|
33
|
-
name: "Input",
|
|
34
|
-
variants: {
|
|
35
|
-
unstyled: {
|
|
36
|
-
false: defaultStyles
|
|
37
|
-
},
|
|
38
|
-
size: {
|
|
39
|
-
"...size": inputSizeVariant
|
|
40
|
-
}
|
|
41
|
-
},
|
|
42
|
-
defaultVariants: {
|
|
43
|
-
unstyled: false
|
|
44
|
-
}
|
|
45
|
-
},
|
|
46
|
-
{
|
|
47
|
-
isInput: true
|
|
48
|
-
}
|
|
49
|
-
);
|
|
50
|
-
const Input = focusableInputHOC(InputFrame);
|
|
51
|
-
export {
|
|
52
|
-
Input,
|
|
53
|
-
InputFrame,
|
|
54
|
-
defaultStyles
|
|
55
|
-
};
|
|
1
|
+
import{setupReactNative as r,styled as t}from"@tamagui/core";import{focusableInputHOC as e}from"@tamagui/focusable";import{TextInput as o}from"react-native";import{inputSizeVariant as l}from"../helpers/inputHelpers";r({TextInput:o});const s={size:"$true",fontFamily:"$body",borderWidth:1,outlineWidth:0,color:"$color",focusable:!0,borderColor:"$borderColor",backgroundColor:"$background",placeholderTextColor:"$placeholderColor",minWidth:0,hoverStyle:{borderColor:"$borderColorHover"},focusStyle:{outlineColor:"$borderColorFocus",outlineWidth:2,outlineStyle:"solid",borderColor:"$borderColorFocus"}},n=t(o,{name:"Input",variants:{unstyled:{false:s},size:{"...size":l}},defaultVariants:{unstyled:!1}},{isInput:!0}),c=e(n);export{c as Input,n as InputFrame,s as defaultStyles};
|
|
56
2
|
//# sourceMappingURL=Input.mjs.map
|