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,37 +1,2 @@
|
|
|
1
|
-
import
|
|
2
|
-
import { isWeb, styled } from "@tamagui/core";
|
|
3
|
-
import { SizableText } from "@tamagui/text";
|
|
4
|
-
import { forwardRef } from "react";
|
|
5
|
-
import { Linking } from "react-native";
|
|
6
|
-
const AnchorFrame = styled(SizableText, {
|
|
7
|
-
name: "Anchor",
|
|
8
|
-
tag: "a",
|
|
9
|
-
accessibilityRole: "link"
|
|
10
|
-
});
|
|
11
|
-
const Anchor = AnchorFrame.extractable(
|
|
12
|
-
forwardRef(({ href, target, ...props }, ref) => {
|
|
13
|
-
return /* @__PURE__ */ jsx(
|
|
14
|
-
AnchorFrame,
|
|
15
|
-
{
|
|
16
|
-
...props,
|
|
17
|
-
...isWeb ? {
|
|
18
|
-
href,
|
|
19
|
-
target
|
|
20
|
-
} : {
|
|
21
|
-
onPress: (event) => {
|
|
22
|
-
var _a;
|
|
23
|
-
(_a = props.onPress) == null ? void 0 : _a.call(props, event);
|
|
24
|
-
if (href !== void 0) {
|
|
25
|
-
Linking.openURL(href);
|
|
26
|
-
}
|
|
27
|
-
}
|
|
28
|
-
},
|
|
29
|
-
ref
|
|
30
|
-
}
|
|
31
|
-
);
|
|
32
|
-
})
|
|
33
|
-
);
|
|
34
|
-
export {
|
|
35
|
-
Anchor
|
|
36
|
-
};
|
|
1
|
+
import{jsx as g}from"react/jsx-runtime";import{isWeb as m,styled as c}from"@tamagui/core";import{SizableText as s}from"@tamagui/text";import{forwardRef as l}from"react";import{Linking as f}from"react-native";const o=c(s,{name:"Anchor",tag:"a",accessibilityRole:"link"}),p=o.extractable(l(({href:t,target:r,...e},i)=>g(o,{...e,...m?{href:t,target:r}:{onPress:a=>{var n;(n=e.onPress)==null||n.call(e,a),t!==void 0&&f.openURL(t)}},ref:i})));export{p as Anchor};
|
|
37
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": "AAqBQ
|
|
6
|
-
"names": []
|
|
5
|
+
"mappings": "AAqBQ,cAAAA,MAAA,oBArBR,OAAgD,SAAAC,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,IAEpCX,EAACM,EAAA,CACE,GAAGI,EACH,GAAIT,EACD,CACE,KAAAO,EACA,OAAAC,CACF,EACA,CACE,QAAUG,GAAU,CA7BpC,IAAAC,GA8BkBA,EAAAH,EAAM,UAAN,MAAAG,EAAA,KAAAH,EAAgBE,GACZJ,IAAS,QACXH,EAAQ,QAAQG,CAAI,CAExB,CACF,EACJ,IAAKG,EACP,CAEH,CACH",
|
|
6
|
+
"names": ["jsx", "isWeb", "styled", "SizableText", "forwardRef", "Linking", "AnchorFrame", "Anchor", "href", "target", "props", "ref", "event", "_a"]
|
|
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/esm/views/Grid.js
CHANGED
|
@@ -1,43 +1,2 @@
|
|
|
1
|
-
import
|
|
2
|
-
import { isWeb } from "@tamagui/core";
|
|
3
|
-
import { XStack } from "@tamagui/stacks";
|
|
4
|
-
import React from "react";
|
|
5
|
-
function Grid({ children, columns, itemMinWidth = 200, gap }) {
|
|
6
|
-
if (isWeb) {
|
|
7
|
-
return /* @__PURE__ */ jsx(
|
|
8
|
-
"div",
|
|
9
|
-
{
|
|
10
|
-
style: {
|
|
11
|
-
gap,
|
|
12
|
-
display: "grid",
|
|
13
|
-
justifyContent: "stretch",
|
|
14
|
-
// gridTemplateRows: 'repeat(4, 1fr)',
|
|
15
|
-
gridTemplateColumns: `repeat( auto-fit, minmax(${itemMinWidth}px, 1fr) )`
|
|
16
|
-
// gridTemplateColumns: '1fr 1fr',
|
|
17
|
-
},
|
|
18
|
-
children
|
|
19
|
-
}
|
|
20
|
-
);
|
|
21
|
-
}
|
|
22
|
-
const childrenList = React.Children.toArray(children);
|
|
23
|
-
return /* @__PURE__ */ jsx(XStack, { alignItems: "center", justifyContent: "center", flexWrap: "wrap", children: childrenList.map((child, i) => {
|
|
24
|
-
if (!child) {
|
|
25
|
-
return null;
|
|
26
|
-
}
|
|
27
|
-
return /* @__PURE__ */ jsx(
|
|
28
|
-
XStack,
|
|
29
|
-
{
|
|
30
|
-
flex: 1,
|
|
31
|
-
minWidth: itemMinWidth,
|
|
32
|
-
marginRight: gap,
|
|
33
|
-
marginBottom: gap,
|
|
34
|
-
children: child
|
|
35
|
-
},
|
|
36
|
-
i
|
|
37
|
-
);
|
|
38
|
-
}) });
|
|
39
|
-
}
|
|
40
|
-
export {
|
|
41
|
-
Grid
|
|
42
|
-
};
|
|
1
|
+
import{jsx as t}from"react/jsx-runtime";import{isWeb as p}from"@tamagui/core";import{XStack as o}from"@tamagui/stacks";import s from"react";function d({children:e,columns:u,itemMinWidth:n=200,gap:r}){if(p)return t("div",{style:{gap:r,display:"grid",justifyContent:"stretch",gridTemplateColumns:`repeat( auto-fit, minmax(${n}px, 1fr) )`},children:e});const m=s.Children.toArray(e);return t(o,{alignItems:"center",justifyContent:"center",flexWrap:"wrap",children:m.map((i,a)=>i?t(o,{flex:1,minWidth:n,marginRight:r,marginBottom:r,children:i},a):null)})}export{d as Grid};
|
|
43
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": "AAcM
|
|
6
|
-
"names": []
|
|
5
|
+
"mappings": "AAcM,cAAAA,MAAA,oBAdN,OAAS,SAAAC,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,OACED,EAAC,OACC,MAAO,CACL,IAAAQ,EACA,QAAS,OACT,eAAgB,UAEhB,oBAAqB,4BAA4BD,aAEnD,EAEC,SAAAF,EACH,EAIJ,MAAMI,EAAeN,EAAM,SAAS,QAAQE,CAAQ,EAEpD,OACEL,EAACE,EAAA,CAAO,WAAW,SAAS,eAAe,SAAS,SAAS,OAC1D,SAAAO,EAAa,IAAI,CAACC,EAAOC,IACnBD,EAMHV,EAACE,EAAA,CAEC,KAAM,EACN,SAAUK,EACV,YAAaC,EACb,aAAcA,EAEb,SAAAE,GANIC,CAOP,EAbO,IAeV,EACH,CAEJ",
|
|
6
|
+
"names": ["jsx", "isWeb", "XStack", "React", "Grid", "children", "columns", "itemMinWidth", "gap", "childrenList", "child", "i"]
|
|
7
7
|
}
|
package/dist/esm/views/Grid.mjs
CHANGED
|
@@ -1,43 +1,2 @@
|
|
|
1
|
-
import
|
|
2
|
-
import { isWeb } from "@tamagui/core";
|
|
3
|
-
import { XStack } from "@tamagui/stacks";
|
|
4
|
-
import React from "react";
|
|
5
|
-
function Grid({ children, columns, itemMinWidth = 200, gap }) {
|
|
6
|
-
if (isWeb) {
|
|
7
|
-
return /* @__PURE__ */ jsx(
|
|
8
|
-
"div",
|
|
9
|
-
{
|
|
10
|
-
style: {
|
|
11
|
-
gap,
|
|
12
|
-
display: "grid",
|
|
13
|
-
justifyContent: "stretch",
|
|
14
|
-
// gridTemplateRows: 'repeat(4, 1fr)',
|
|
15
|
-
gridTemplateColumns: `repeat( auto-fit, minmax(${itemMinWidth}px, 1fr) )`
|
|
16
|
-
// gridTemplateColumns: '1fr 1fr',
|
|
17
|
-
},
|
|
18
|
-
children
|
|
19
|
-
}
|
|
20
|
-
);
|
|
21
|
-
}
|
|
22
|
-
const childrenList = React.Children.toArray(children);
|
|
23
|
-
return /* @__PURE__ */ jsx(XStack, { alignItems: "center", justifyContent: "center", flexWrap: "wrap", children: childrenList.map((child, i) => {
|
|
24
|
-
if (!child) {
|
|
25
|
-
return null;
|
|
26
|
-
}
|
|
27
|
-
return /* @__PURE__ */ jsx(
|
|
28
|
-
XStack,
|
|
29
|
-
{
|
|
30
|
-
flex: 1,
|
|
31
|
-
minWidth: itemMinWidth,
|
|
32
|
-
marginRight: gap,
|
|
33
|
-
marginBottom: gap,
|
|
34
|
-
children: child
|
|
35
|
-
},
|
|
36
|
-
i
|
|
37
|
-
);
|
|
38
|
-
}) });
|
|
39
|
-
}
|
|
40
|
-
export {
|
|
41
|
-
Grid
|
|
42
|
-
};
|
|
1
|
+
import{jsx as t}from"react/jsx-runtime";import{isWeb as p}from"@tamagui/core";import{XStack as o}from"@tamagui/stacks";import s from"react";function d({children:e,columns:u,itemMinWidth:n=200,gap:r}){if(p)return t("div",{style:{gap:r,display:"grid",justifyContent:"stretch",gridTemplateColumns:`repeat( auto-fit, minmax(${n}px, 1fr) )`},children:e});const m=s.Children.toArray(e);return t(o,{alignItems:"center",justifyContent:"center",flexWrap:"wrap",children:m.map((i,a)=>i?t(o,{flex:1,minWidth:n,marginRight:r,marginBottom:r,children:i},a):null)})}export{d as Grid};
|
|
43
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": "AAcM
|
|
6
|
-
"names": []
|
|
5
|
+
"mappings": "AAcM,cAAAA,MAAA,oBAdN,OAAS,SAAAC,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,OACED,EAAC,OACC,MAAO,CACL,IAAAQ,EACA,QAAS,OACT,eAAgB,UAEhB,oBAAqB,4BAA4BD,aAEnD,EAEC,SAAAF,EACH,EAIJ,MAAMI,EAAeN,EAAM,SAAS,QAAQE,CAAQ,EAEpD,OACEL,EAACE,EAAA,CAAO,WAAW,SAAS,eAAe,SAAS,SAAS,OAC1D,SAAAO,EAAa,IAAI,CAACC,EAAOC,IACnBD,EAMHV,EAACE,EAAA,CAEC,KAAM,EACN,SAAUK,EACV,YAAaC,EACb,aAAcA,EAEb,SAAAE,GANIC,CAOP,EAbO,IAeV,EACH,CAEJ",
|
|
6
|
+
"names": ["jsx", "isWeb", "XStack", "React", "Grid", "children", "columns", "itemMinWidth", "gap", "childrenList", "child", "i"]
|
|
7
7
|
}
|
package/dist/esm/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/esm/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
|
|
@@ -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
|
}
|
|
@@ -1,51 +1,2 @@
|
|
|
1
|
-
import
|
|
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
|
-
};
|
|
1
|
+
import{Stack as e,styled as t}from"@tamagui/core";const n=t(e,{name:"Section",tag:"section",flexDirection:"column",accessibilityRole:"summary"}),i=t(e,{name:"Article",tag:"article",flexDirection:"column"}),c=t(e,{name:"Main",tag:"main",flexDirection:"column"}),a=t(e,{name:"Header",tag:"header",accessibilityRole:"header",flexDirection:"column"}),r=t(e,{name:"Aside",tag:"aside",flexDirection:"column"}),l=t(e,{name:"Footer",tag:"footer",flexDirection:"column"}),m=t(e,{name:"Nav",tag:"nav",flexDirection:"column"});export{i as Article,r as Aside,l as Footer,a as Header,c as Main,m as Nav,n as Section};
|
|
51
2
|
//# sourceMappingURL=Layouts.js.map
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/views/Layouts.tsx"],
|
|
4
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,
|
|
6
|
-
"names": []
|
|
5
|
+
"mappings": "AAAA,OAAS,SAAAA,EAAO,UAAAC,MAAc,gBAEvB,MAAMC,EAAUD,EAAOD,EAAO,CACnC,KAAM,UACN,IAAK,UACL,cAAe,SACf,kBAAmB,SACrB,CAAC,EAEYG,EAAUF,EAAOD,EAAO,CACnC,KAAM,UACN,IAAK,UACL,cAAe,QACjB,CAAC,EAEYI,EAAOH,EAAOD,EAAO,CAChC,KAAM,OACN,IAAK,OACL,cAAe,QACjB,CAAC,EAEYK,EAASJ,EAAOD,EAAO,CAClC,KAAM,SACN,IAAK,SACL,kBAAmB,SACnB,cAAe,QACjB,CAAC,EAEYM,EAAQL,EAAOD,EAAO,CACjC,KAAM,QACN,IAAK,QACL,cAAe,QAEjB,CAAC,EAEYO,EAASN,EAAOD,EAAO,CAClC,KAAM,SACN,IAAK,SACL,cAAe,QAEjB,CAAC,EAEYQ,EAAMP,EAAOD,EAAO,CAC/B,KAAM,MACN,IAAK,MACL,cAAe,QAEjB,CAAC",
|
|
6
|
+
"names": ["Stack", "styled", "Section", "Article", "Main", "Header", "Aside", "Footer", "Nav"]
|
|
7
7
|
}
|
|
@@ -1,51 +1,2 @@
|
|
|
1
|
-
import
|
|
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
|
-
};
|
|
1
|
+
import{Stack as e,styled as t}from"@tamagui/core";const n=t(e,{name:"Section",tag:"section",flexDirection:"column",accessibilityRole:"summary"}),i=t(e,{name:"Article",tag:"article",flexDirection:"column"}),c=t(e,{name:"Main",tag:"main",flexDirection:"column"}),a=t(e,{name:"Header",tag:"header",accessibilityRole:"header",flexDirection:"column"}),r=t(e,{name:"Aside",tag:"aside",flexDirection:"column"}),l=t(e,{name:"Footer",tag:"footer",flexDirection:"column"}),m=t(e,{name:"Nav",tag:"nav",flexDirection:"column"});export{i as Article,r as Aside,l as Footer,a as Header,c as Main,m as Nav,n as Section};
|
|
51
2
|
//# sourceMappingURL=Layouts.mjs.map
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/views/Layouts.tsx"],
|
|
4
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,
|
|
6
|
-
"names": []
|
|
5
|
+
"mappings": "AAAA,OAAS,SAAAA,EAAO,UAAAC,MAAc,gBAEvB,MAAMC,EAAUD,EAAOD,EAAO,CACnC,KAAM,UACN,IAAK,UACL,cAAe,SACf,kBAAmB,SACrB,CAAC,EAEYG,EAAUF,EAAOD,EAAO,CACnC,KAAM,UACN,IAAK,UACL,cAAe,QACjB,CAAC,EAEYI,EAAOH,EAAOD,EAAO,CAChC,KAAM,OACN,IAAK,OACL,cAAe,QACjB,CAAC,EAEYK,EAASJ,EAAOD,EAAO,CAClC,KAAM,SACN,IAAK,SACL,kBAAmB,SACnB,cAAe,QACjB,CAAC,EAEYM,EAAQL,EAAOD,EAAO,CACjC,KAAM,QACN,IAAK,QACL,cAAe,QAEjB,CAAC,EAEYO,EAASN,EAAOD,EAAO,CAClC,KAAM,SACN,IAAK,SACL,cAAe,QAEjB,CAAC,EAEYQ,EAAMP,EAAOD,EAAO,CAC/B,KAAM,MACN,IAAK,MACL,cAAe,QAEjB,CAAC",
|
|
6
|
+
"names": ["Stack", "styled", "Section", "Article", "Main", "Header", "Aside", "Footer", "Nav"]
|
|
7
7
|
}
|