tamagui 1.88.13 → 1.88.14
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/LICENSE +21 -0
- package/dist/cjs/helpers/inputHelpers.js.map +1 -1
- package/dist/cjs/helpers/inputHelpers.native.js.map +1 -1
- package/dist/cjs/index.js +1 -1
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/index.native.js +2 -2
- package/dist/cjs/index.native.js.map +1 -1
- package/dist/cjs/views/Anchor.js.map +1 -1
- package/dist/cjs/views/Anchor.native.js.map +1 -1
- package/dist/cjs/views/Fieldset.js.map +1 -1
- package/dist/cjs/views/Fieldset.native.js.map +1 -1
- package/dist/cjs/views/Input.js.map +1 -1
- package/dist/cjs/views/Input.native.js.map +1 -1
- package/dist/cjs/views/Spinner.js.map +1 -1
- package/dist/cjs/views/Spinner.native.js.map +1 -1
- package/dist/cjs/views/TextArea.js.map +1 -1
- package/dist/cjs/views/TextArea.native.js.map +1 -1
- package/dist/esm/createTamagui.mjs +45 -0
- package/dist/esm/helpers/inputHelpers.js.map +1 -1
- package/dist/esm/helpers/inputHelpers.mjs +43 -0
- package/dist/esm/helpers/inputHelpers.native.js.map +1 -1
- package/dist/esm/index.js +1 -1
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/index.mjs +56 -0
- package/dist/esm/index.native.js +2 -2
- package/dist/esm/index.native.js.map +1 -1
- package/dist/esm/linear-gradient.mjs +1 -0
- package/dist/esm/setup.mjs +4 -0
- package/dist/esm/viewTypes.mjs +0 -0
- package/dist/esm/views/Anchor.js.map +1 -1
- package/dist/esm/views/Anchor.mjs +27 -0
- package/dist/esm/views/Anchor.native.js.map +1 -1
- package/dist/esm/views/EnsureFlexed.mjs +15 -0
- package/dist/esm/views/Fieldset.js.map +1 -1
- package/dist/esm/views/Fieldset.mjs +15 -0
- package/dist/esm/views/Fieldset.native.js.map +1 -1
- package/dist/esm/views/Input.js.map +1 -1
- package/dist/esm/views/Input.mjs +81 -0
- package/dist/esm/views/Input.native.js.map +1 -1
- package/dist/esm/views/Layouts.mjs +43 -0
- package/dist/esm/views/Skeleton.mjs +0 -0
- package/dist/esm/views/Spinner.js +1 -5
- package/dist/esm/views/Spinner.js.map +1 -1
- package/dist/esm/views/Spinner.mjs +25 -0
- package/dist/esm/views/Spinner.native.js.map +1 -1
- package/dist/esm/views/TamaguiProvider.mjs +14 -0
- package/dist/esm/views/TamaguiProvider.server.mjs +3 -0
- package/dist/esm/views/Text.mjs +14 -0
- package/dist/esm/views/TextArea.js +1 -5
- package/dist/esm/views/TextArea.js.map +1 -1
- package/dist/esm/views/TextArea.mjs +37 -0
- package/dist/esm/views/TextArea.native.js.map +1 -1
- package/dist/esm/views/VisuallyHidden.mjs +34 -0
- package/dist/jsx/createTamagui.mjs +45 -0
- package/dist/jsx/helpers/inputHelpers.js.map +1 -1
- package/dist/jsx/helpers/inputHelpers.mjs +43 -0
- package/dist/jsx/helpers/inputHelpers.native.js.map +1 -1
- package/dist/jsx/index.js +1 -1
- package/dist/jsx/index.js.map +1 -1
- package/dist/jsx/index.mjs +56 -0
- package/dist/jsx/index.native.js +2 -2
- package/dist/jsx/index.native.js.map +1 -1
- package/dist/jsx/linear-gradient.mjs +1 -0
- package/dist/jsx/setup.mjs +4 -0
- package/dist/jsx/viewTypes.mjs +0 -0
- package/dist/jsx/views/Anchor.js.map +1 -1
- package/dist/jsx/views/Anchor.mjs +27 -0
- package/dist/jsx/views/Anchor.native.js.map +1 -1
- package/dist/jsx/views/EnsureFlexed.mjs +15 -0
- package/dist/jsx/views/Fieldset.js.map +1 -1
- package/dist/jsx/views/Fieldset.mjs +15 -0
- package/dist/jsx/views/Fieldset.native.js.map +1 -1
- package/dist/jsx/views/Input.js.map +1 -1
- package/dist/jsx/views/Input.mjs +81 -0
- package/dist/jsx/views/Input.native.js.map +1 -1
- package/dist/jsx/views/Layouts.mjs +43 -0
- package/dist/jsx/views/Skeleton.mjs +0 -0
- package/dist/jsx/views/Spinner.js +1 -5
- package/dist/jsx/views/Spinner.js.map +1 -1
- package/dist/jsx/views/Spinner.mjs +25 -0
- package/dist/jsx/views/Spinner.native.js.map +1 -1
- package/dist/jsx/views/TamaguiProvider.mjs +14 -0
- package/dist/jsx/views/TamaguiProvider.server.mjs +3 -0
- package/dist/jsx/views/Text.mjs +14 -0
- package/dist/jsx/views/TextArea.js +1 -5
- package/dist/jsx/views/TextArea.js.map +1 -1
- package/dist/jsx/views/TextArea.mjs +37 -0
- package/dist/jsx/views/TextArea.native.js.map +1 -1
- package/dist/jsx/views/VisuallyHidden.mjs +34 -0
- package/dist/native.js +377 -377
- package/dist/native.js.map +3 -3
- package/dist/test.native.js +376 -376
- package/dist/test.native.js.map +3 -3
- package/package.json +56 -54
- package/src/helpers/inputHelpers.tsx +2 -1
- package/src/index.ts +1 -1
- package/src/viewTypes.tsx +1 -1
- package/src/views/Anchor.tsx +2 -1
- package/src/views/Fieldset.tsx +2 -1
- package/src/views/Input.tsx +2 -1
- package/src/views/Spinner.tsx +4 -9
- package/src/views/TextArea.tsx +2 -8
- package/types/helpers/inputHelpers.d.ts +1 -1
- package/types/helpers/inputHelpers.d.ts.map +1 -1
- package/types/index.d.ts +1 -1
- package/types/index.d.ts.map +1 -1
- package/types/viewTypes.d.ts +1 -1
- package/types/viewTypes.d.ts.map +1 -1
- package/types/views/Anchor.d.ts +1 -1
- package/types/views/Anchor.d.ts.map +1 -1
- package/types/views/Fieldset.d.ts +1 -1
- package/types/views/Fieldset.d.ts.map +1 -1
- package/types/views/Input.d.ts +1 -1
- package/types/views/Input.d.ts.map +1 -1
- package/types/views/Spinner.d.ts +2 -2
- package/types/views/Spinner.d.ts.map +1 -1
- package/types/views/TextArea.d.ts +1 -1
- package/types/views/TextArea.d.ts.map +1 -1
- package/src/views/Layouts.tsx +0 -48
- package/types/views/Layouts.d.ts +0 -8
- package/types/views/Layouts.d.ts.map +0 -1
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/views/Anchor.tsx"],
|
|
4
|
-
"mappings": ";;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,uBAAsB,+BACtB,cAAuB,
|
|
4
|
+
"mappings": ";;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,uBAAsB,+BACtB,cAAuB,0BAEvB,cAA4B,0BAC5B,sBAAwB,yBAmBlB;AATN,MAAM,kBAAc,oBAAO,yBAAa;AAAA,EACtC,MAAM;AAAA,EACN,KAAK;AAAA,EACL,mBAAmB;AACrB,CAAC,GAEY,SAAS,YAAY;AAAA,EAChC,CAAC,EAAE,MAAM,QAAQ,GAAG,MAAM,GAAG,QAEzB;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACH,GAAI,yBACD;AAAA,QACE;AAAA,QACA;AAAA,MACF,IACA;AAAA,QACE,SAAS,CAAC,UAAU;AA/BlC;AAgCgB,sBAAM,YAAN,uBAAgB,QACZ,SAAS,UACX,4BAAQ,QAAQ,IAAI;AAAA,QAExB;AAAA,MACF;AAAA,MACJ;AAAA;AAAA,EACF;AAGN;",
|
|
5
5
|
"names": []
|
|
6
6
|
}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { Text, styled } from "@tamagui/core";
|
|
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 = !0;
|
|
15
|
+
export { EnsureFlexed };
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/views/Fieldset.tsx"],
|
|
4
|
-
"mappings": "
|
|
4
|
+
"mappings": "AACA,SAAS,cAAc;AACvB,SAAS,cAAc;AAEhB,MAAM,WAAW,OAAO,QAAQ;AAAA,EACrC,MAAM;AAAA,EACN,KAAK;AAAA,EAEL,UAAU;AAAA,IACR,YAAY;AAAA,MACV,MAAM;AAAA,QACJ,eAAe;AAAA,QACf,YAAY;AAAA,MACd;AAAA,IACF;AAAA,EACF;AACF,CAAC;",
|
|
5
5
|
"names": []
|
|
6
6
|
}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { styled } from "@tamagui/core";
|
|
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 { Fieldset };
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/views/Fieldset.tsx"],
|
|
4
|
-
"mappings": ";;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;
|
|
4
|
+
"mappings": ";;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,kBAAuB,0BACvB,gBAAuB;AAEhB,MAAM,eAAW,oBAAO,sBAAQ;AAAA,EACrC,MAAM;AAAA,EACN,KAAK;AAAA,EAEL,UAAU;AAAA,IACR,YAAY;AAAA,MACV,MAAM;AAAA,QACJ,eAAe;AAAA,QACf,YAAY;AAAA,MACd;AAAA,IACF;AAAA,EACF;AACF,CAAC;",
|
|
5
5
|
"names": []
|
|
6
6
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/views/Input.tsx"],
|
|
4
|
-
"mappings": "AAAA,SAAS,aAAa;
|
|
4
|
+
"mappings": "AAAA,SAAS,aAAa;AAEtB,SAAS,QAAQ,gBAAgB;AACjC,SAAS,oBAAoB;AAC7B,SAAS,iBAAiB;AAE1B,SAAS,wBAAwB;AA8ExB;AA5EF,MAAM,gBAAgB;AAAA,EAC3B,MAAM;AAAA,EACN,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,cAAc;AAAA,EACd,OAAO;AAAA,EAEP,GAAI,QACA;AAAA,IACE,UAAU;AAAA,EACZ,IACA;AAAA,IACE,WAAW;AAAA,EACb;AAAA,EAEJ,aAAa;AAAA,EACb,iBAAiB;AAAA;AAAA,EAGjB,UAAU;AAAA,EAEV,YAAY;AAAA,IACV,aAAa;AAAA,EACf;AAAA,EAEA,YAAY;AAAA,IACV,cAAc;AAAA,IACd,cAAc;AAAA,IACd,cAAc;AAAA,IACd,aAAa;AAAA,EACf;AACF,GAEa,aAAa;AAAA,EACxB;AAAA,EACA;AAAA,IACE,MAAM;AAAA,IAEN,UAAU;AAAA,MACR,UAAU;AAAA,QACR,OAAO;AAAA,MACT;AAAA,MAEA,MAAM;AAAA,QACJ,WAAW;AAAA,MACb;AAAA,MAEA,UAAU;AAAA,QACR,MAAM,CAAC;AAAA,MACT;AAAA,IACF;AAAA,IAEA,iBAAiB;AAAA,MACf,UAAU,QAAQ,IAAI,qBAAqB;AAAA,IAC7C;AAAA,EACF;AAAA,EACA;AAAA,IACE,SAAS;AAAA,IACT,cAAc;AAAA,MACZ,sBAAsB;AAAA,IACxB;AAAA,EACF;AACF,GAYa,QAAQ,WAAW,UAA2B,CAAC,SAAS,QAAQ;AAC3E,QAAM,QAAQ,cAAc,SAAS,GAAG;AACxC,SAAO,oBAAC,cAAY,GAAG,OAAO;AAChC,CAAC;AAEM,SAAS,cAAc,OAAmB,KAAU;AACzD,QAAM,QAAQ,SAAS,GACjB,EAAE,cAAc,KAAK,YAAY,IAAI,aAAa;AAAA;AAAA,IAEtD;AAAA,IACA;AAAA,IACA,SAAS;AAAA,EACX,CAAC,GAEK,uBAAuB,MAAM,sBAC7B,uBACJ,MAAM,oBAA2B,GAAG,IAAI,KACxC,wBACA,MAAM,kBAAkB,IAAI;AAE9B,SAAO;AAAA,IACL,KAAK;AAAA,IACL,UAAU,MAAM;AAAA,IAChB,GAAG;AAAA,IACH;AAAA,IACA;AAAA,EACF;AACF;",
|
|
5
5
|
"names": []
|
|
6
6
|
}
|
|
@@ -0,0 +1,81 @@
|
|
|
1
|
+
import { isWeb } from "@tamagui/constants";
|
|
2
|
+
import { styled, useTheme } from "@tamagui/core";
|
|
3
|
+
import { useFocusable } from "@tamagui/focusable";
|
|
4
|
+
import { TextInput } from "react-native-web";
|
|
5
|
+
import { inputSizeVariant } from "../helpers/inputHelpers.mjs";
|
|
6
|
+
import { jsx } from "react/jsx-runtime";
|
|
7
|
+
const defaultStyles = {
|
|
8
|
+
size: "$true",
|
|
9
|
+
fontFamily: "$body",
|
|
10
|
+
borderWidth: 1,
|
|
11
|
+
outlineWidth: 0,
|
|
12
|
+
color: "$color",
|
|
13
|
+
...(isWeb ? {
|
|
14
|
+
tabIndex: 0
|
|
15
|
+
} : {
|
|
16
|
+
focusable: !0
|
|
17
|
+
}),
|
|
18
|
+
borderColor: "$borderColor",
|
|
19
|
+
backgroundColor: "$background",
|
|
20
|
+
// this fixes a flex bug where it overflows container
|
|
21
|
+
minWidth: 0,
|
|
22
|
+
hoverStyle: {
|
|
23
|
+
borderColor: "$borderColorHover"
|
|
24
|
+
},
|
|
25
|
+
focusStyle: {
|
|
26
|
+
outlineColor: "$outlineColor",
|
|
27
|
+
outlineWidth: 2,
|
|
28
|
+
outlineStyle: "solid",
|
|
29
|
+
borderColor: "$borderColorFocus"
|
|
30
|
+
}
|
|
31
|
+
},
|
|
32
|
+
InputFrame = styled(TextInput, {
|
|
33
|
+
name: "Input",
|
|
34
|
+
variants: {
|
|
35
|
+
unstyled: {
|
|
36
|
+
false: defaultStyles
|
|
37
|
+
},
|
|
38
|
+
size: {
|
|
39
|
+
"...size": inputSizeVariant
|
|
40
|
+
},
|
|
41
|
+
disabled: {
|
|
42
|
+
true: {}
|
|
43
|
+
}
|
|
44
|
+
},
|
|
45
|
+
defaultVariants: {
|
|
46
|
+
unstyled: process.env.TAMAGUI_HEADLESS === "1"
|
|
47
|
+
}
|
|
48
|
+
}, {
|
|
49
|
+
isInput: !0,
|
|
50
|
+
acceptTokens: {
|
|
51
|
+
placeholderTextColor: "color"
|
|
52
|
+
}
|
|
53
|
+
}),
|
|
54
|
+
Input = InputFrame.styleable((propsIn, ref) => {
|
|
55
|
+
const props = useInputProps(propsIn, ref);
|
|
56
|
+
return /* @__PURE__ */jsx(InputFrame, {
|
|
57
|
+
...props
|
|
58
|
+
});
|
|
59
|
+
});
|
|
60
|
+
function useInputProps(props, ref) {
|
|
61
|
+
const theme = useTheme(),
|
|
62
|
+
{
|
|
63
|
+
onChangeText,
|
|
64
|
+
ref: combinedRef
|
|
65
|
+
} = useFocusable({
|
|
66
|
+
// @ts-ignore
|
|
67
|
+
props,
|
|
68
|
+
ref,
|
|
69
|
+
isInput: !0
|
|
70
|
+
}),
|
|
71
|
+
placeholderColorProp = props.placeholderTextColor,
|
|
72
|
+
placeholderTextColor = theme[placeholderColorProp]?.get() ?? placeholderColorProp ?? theme.placeholderColor?.get();
|
|
73
|
+
return {
|
|
74
|
+
ref: combinedRef,
|
|
75
|
+
readOnly: props.disabled,
|
|
76
|
+
...props,
|
|
77
|
+
placeholderTextColor,
|
|
78
|
+
onChangeText
|
|
79
|
+
};
|
|
80
|
+
}
|
|
81
|
+
export { Input, InputFrame, defaultStyles, useInputProps };
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/views/Input.tsx"],
|
|
4
|
-
"mappings": ";;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,uBAAsB,+
|
|
4
|
+
"mappings": ";;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,uBAAsB,+BAEtB,cAAiC,0BACjC,mBAA6B,+BAC7B,sBAA0B,yBAE1B,sBAAiC,oCA8ExB;AA5EF,MAAM,gBAAgB;AAAA,EAC3B,MAAM;AAAA,EACN,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,cAAc;AAAA,EACd,OAAO;AAAA,EAEP,GAAI,yBACA;AAAA,IACE,UAAU;AAAA,EACZ,IACA;AAAA,IACE,WAAW;AAAA,EACb;AAAA,EAEJ,aAAa;AAAA,EACb,iBAAiB;AAAA;AAAA,EAGjB,UAAU;AAAA,EAEV,YAAY;AAAA,IACV,aAAa;AAAA,EACf;AAAA,EAEA,YAAY;AAAA,IACV,cAAc;AAAA,IACd,cAAc;AAAA,IACd,cAAc;AAAA,IACd,aAAa;AAAA,EACf;AACF,GAEa,iBAAa;AAAA,EACxB;AAAA,EACA;AAAA,IACE,MAAM;AAAA,IAEN,UAAU;AAAA,MACR,UAAU;AAAA,QACR,OAAO;AAAA,MACT;AAAA,MAEA,MAAM;AAAA,QACJ,WAAW;AAAA,MACb;AAAA,MAEA,UAAU;AAAA,QACR,MAAM,CAAC;AAAA,MACT;AAAA,IACF;AAAA,IAEA,iBAAiB;AAAA,MACf,UAAU,QAAQ,IAAI,qBAAqB;AAAA,IAC7C;AAAA,EACF;AAAA,EACA;AAAA,IACE,SAAS;AAAA,IACT,cAAc;AAAA,MACZ,sBAAsB;AAAA,IACxB;AAAA,EACF;AACF,GAYa,QAAQ,WAAW,UAA2B,CAAC,SAAS,QAAQ;AAC3E,QAAM,QAAQ,cAAc,SAAS,GAAG;AACxC,SAAO,4CAAC,cAAY,GAAG,OAAO;AAChC,CAAC;AAEM,SAAS,cAAc,OAAmB,KAAU;AAvF3D;AAwFE,QAAM,YAAQ,sBAAS,GACjB,EAAE,cAAc,KAAK,YAAY,QAAI,+BAAa;AAAA;AAAA,IAEtD;AAAA,IACA;AAAA,IACA,SAAS;AAAA,EACX,CAAC,GAEK,uBAAuB,MAAM,sBAC7B,yBACJ,WAAM,oBAA2B,MAAjC,mBAAoC,UACpC,0BACA,WAAM,qBAAN,mBAAwB;AAE1B,SAAO;AAAA,IACL,KAAK;AAAA,IACL,UAAU,MAAM;AAAA,IAChB,GAAG;AAAA,IACH;AAAA,IACA;AAAA,EACF;AACF;",
|
|
5
5
|
"names": []
|
|
6
6
|
}
|
|
@@ -0,0 +1,43 @@
|
|
|
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
|
+
Article = styled(Stack, {
|
|
9
|
+
name: "Article",
|
|
10
|
+
tag: "article",
|
|
11
|
+
flexDirection: "column"
|
|
12
|
+
}),
|
|
13
|
+
Main = styled(Stack, {
|
|
14
|
+
name: "Main",
|
|
15
|
+
tag: "main",
|
|
16
|
+
flexDirection: "column"
|
|
17
|
+
}),
|
|
18
|
+
Header = styled(Stack, {
|
|
19
|
+
name: "Header",
|
|
20
|
+
tag: "header",
|
|
21
|
+
accessibilityRole: "header",
|
|
22
|
+
flexDirection: "column"
|
|
23
|
+
}),
|
|
24
|
+
Aside = styled(Stack, {
|
|
25
|
+
name: "Aside",
|
|
26
|
+
tag: "aside",
|
|
27
|
+
flexDirection: "column"
|
|
28
|
+
// accessibilityRole: 'complementary',
|
|
29
|
+
}),
|
|
30
|
+
Footer = styled(Stack, {
|
|
31
|
+
name: "Footer",
|
|
32
|
+
tag: "footer",
|
|
33
|
+
flexDirection: "column"
|
|
34
|
+
// accessibilityRole: 'contentinfo',
|
|
35
|
+
}),
|
|
36
|
+
Nav = styled(Stack, {
|
|
37
|
+
name: "Nav",
|
|
38
|
+
tag: "nav",
|
|
39
|
+
flexDirection: "column"
|
|
40
|
+
// accessibilityRole: 'navigation',
|
|
41
|
+
});
|
|
42
|
+
|
|
43
|
+
export { Article, Aside, Footer, Header, Main, Nav, Section };
|
|
File without changes
|
|
@@ -1,8 +1,4 @@
|
|
|
1
|
-
import {
|
|
2
|
-
themeable,
|
|
3
|
-
useTheme,
|
|
4
|
-
variableToString
|
|
5
|
-
} from "@tamagui/core";
|
|
1
|
+
import { themeable, useTheme, variableToString } from "@tamagui/core";
|
|
6
2
|
import { YStack } from "@tamagui/stacks";
|
|
7
3
|
import * as React from "react";
|
|
8
4
|
import { ActivityIndicator } from "react-native-web";
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/views/Spinner.tsx"],
|
|
4
|
-
"mappings": "
|
|
4
|
+
"mappings": "AACA,SAAS,WAAW,UAAU,wBAAwB;AAEtD,SAAS,cAAc;AACvB,YAAY,WAAW;AACvB,SAAS,yBAAyB;AAoBxB;AAbH,MAAM,UAET,OAAO;AAAA,EACT;AAAA,IACE,MAAM,WAA2B,CAAC,OAAqB,QAAQ;AAC7D,YAAM,EAAE,MAAM,OAAO,WAAW,GAAG,WAAW,IAAI,OAC5C,QAAQ,SAAS;AACvB,UAAI,QAAQ;AACZ,aAAI,SAAS,MAAM,CAAC,MAAM,QACxB,QAAQ,iBAAiB,MAAM,KAAK,CAAC,IAGrC,oBAAC,UAAO,KAAW,GAAG,YACpB,8BAAC,qBAAkB,MAAY,OAAc,GAC/C;AAAA,IAEJ,CAAC;AAAA,IACD;AAAA,MACE,eAAe;AAAA,IACjB;AAAA,EACF;AACF;",
|
|
5
5
|
"names": []
|
|
6
6
|
}
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import { themeable, useTheme, variableToString } from "@tamagui/core";
|
|
2
|
+
import { YStack } from "@tamagui/stacks";
|
|
3
|
+
import * as React from "react";
|
|
4
|
+
import { ActivityIndicator } from "react-native-web";
|
|
5
|
+
import { jsx } from "react/jsx-runtime";
|
|
6
|
+
const Spinner = YStack.extractable(themeable(React.forwardRef((props, ref) => {
|
|
7
|
+
const {
|
|
8
|
+
size,
|
|
9
|
+
color: colorProp,
|
|
10
|
+
...stackProps
|
|
11
|
+
} = props,
|
|
12
|
+
theme = useTheme();
|
|
13
|
+
let color = colorProp;
|
|
14
|
+
return color && color[0] === "$" && (color = variableToString(theme[color])), /* @__PURE__ */jsx(YStack, {
|
|
15
|
+
ref,
|
|
16
|
+
...stackProps,
|
|
17
|
+
children: /* @__PURE__ */jsx(ActivityIndicator, {
|
|
18
|
+
size,
|
|
19
|
+
color
|
|
20
|
+
})
|
|
21
|
+
});
|
|
22
|
+
}), {
|
|
23
|
+
componentName: "Spinner"
|
|
24
|
+
}));
|
|
25
|
+
export { Spinner };
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/views/Spinner.tsx"],
|
|
4
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;
|
|
4
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,kBAAsD,0BAEtD,gBAAuB,4BACvB,QAAuB,2BACvB,sBAAkC,yBAoBxB;AAbH,MAAM,UAET,qBAAO;AAAA,MACT;AAAA,IACE,MAAM,WAA2B,CAAC,OAAqB,QAAQ;AAC7D,YAAM,EAAE,MAAM,OAAO,WAAW,GAAG,WAAW,IAAI,OAC5C,YAAQ,sBAAS;AACvB,UAAI,QAAQ;AACZ,aAAI,SAAS,MAAM,CAAC,MAAM,QACxB,YAAQ,8BAAiB,MAAM,KAAK,CAAC,IAGrC,4CAAC,wBAAO,KAAW,GAAG,YACpB,sDAAC,yCAAkB,MAAY,OAAc,GAC/C;AAAA,IAEJ,CAAC;AAAA,IACD;AAAA,MACE,eAAe;AAAA,IACjB;AAAA,EACF;AACF;",
|
|
5
5
|
"names": []
|
|
6
6
|
}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { TamaguiProvider as OGProvider } from "@tamagui/core";
|
|
2
|
+
import { PortalProvider } from "@tamagui/portal";
|
|
3
|
+
import { jsx } from "react/jsx-runtime";
|
|
4
|
+
const TamaguiProvider = ({
|
|
5
|
+
children,
|
|
6
|
+
...props
|
|
7
|
+
}) => /* @__PURE__ */jsx(OGProvider, {
|
|
8
|
+
...props,
|
|
9
|
+
children: /* @__PURE__ */jsx(PortalProvider, {
|
|
10
|
+
shouldAddRootHost: !0,
|
|
11
|
+
children
|
|
12
|
+
})
|
|
13
|
+
});
|
|
14
|
+
export { TamaguiProvider };
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { Text as TamaguiText, styled } from "@tamagui/core";
|
|
2
|
+
const Text = styled(TamaguiText, {
|
|
3
|
+
variants: {
|
|
4
|
+
unstyled: {
|
|
5
|
+
false: {
|
|
6
|
+
color: "$color"
|
|
7
|
+
}
|
|
8
|
+
}
|
|
9
|
+
},
|
|
10
|
+
defaultVariants: {
|
|
11
|
+
unstyled: process.env.TAMAGUI_HEADLESS === "1"
|
|
12
|
+
}
|
|
13
|
+
});
|
|
14
|
+
export { Text };
|
|
@@ -1,11 +1,7 @@
|
|
|
1
1
|
import { isWeb } from "@tamagui/constants";
|
|
2
2
|
import { styled } from "@tamagui/core";
|
|
3
3
|
import { textAreaSizeVariant } from "../helpers/inputHelpers";
|
|
4
|
-
import {
|
|
5
|
-
InputFrame,
|
|
6
|
-
defaultStyles,
|
|
7
|
-
useInputProps
|
|
8
|
-
} from "./Input";
|
|
4
|
+
import { InputFrame, defaultStyles, useInputProps } from "./Input";
|
|
9
5
|
import { jsx } from "react/jsx-runtime";
|
|
10
6
|
const TextAreaFrame = styled(InputFrame, {
|
|
11
7
|
name: "TextArea",
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/views/TextArea.tsx"],
|
|
4
|
-
"mappings": "AAAA,SAAS,aAAa;AACtB,SAAS,cAAc;AAEvB,SAAS,2BAA2B;
|
|
4
|
+
"mappings": "AAAA,SAAS,aAAa;AACtB,SAAS,cAAc;AAEvB,SAAS,2BAA2B;AAEpC,SAAS,YAAY,eAAe,qBAAqB;AAuChD;AAjCF,MAAM,gBAAgB,OAAO,YAAY;AAAA,EAC9C,MAAM;AAAA,EACN,WAAW;AAAA;AAAA,EAEX,YAAY;AAAA,EAEZ,UAAU;AAAA,IACR,UAAU;AAAA,MACR,OAAO;AAAA,QACL,QAAQ;AAAA,QACR,GAAG;AAAA,MACL;AAAA,IACF;AAAA,IAEA,MAAM;AAAA,MACJ,WAAW;AAAA,IACb;AAAA,EACF;AAAA,EAEA,iBAAiB;AAAA,IACf,UAAU,QAAQ,IAAI,qBAAqB;AAAA,EAC7C;AACF,CAAC,GAIY,WAAW,cAAc,UAA2B,CAAC,SAAS,QAAQ;AACjF,QAAM,QAAQ,cAAc,SAAS,GAAG,GAElC,YAAY;AAAA;AAAA,IAEhB,CAAC,QAAQ,SAAS,eAAe,GAAG,QAAQ,WAAW,SAAY;AAAA,EACrE;AACA,SAAO,oBAAC,iBAAe,GAAG,WAAY,GAAG,OAAO;AAClD,CAAC;",
|
|
5
5
|
"names": []
|
|
6
6
|
}
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
import { isWeb } from "@tamagui/constants";
|
|
2
|
+
import { styled } from "@tamagui/core";
|
|
3
|
+
import { textAreaSizeVariant } from "../helpers/inputHelpers.mjs";
|
|
4
|
+
import { InputFrame, defaultStyles, useInputProps } from "./Input.mjs";
|
|
5
|
+
import { jsx } from "react/jsx-runtime";
|
|
6
|
+
const TextAreaFrame = styled(InputFrame, {
|
|
7
|
+
name: "TextArea",
|
|
8
|
+
multiline: !0,
|
|
9
|
+
// this attribute fixes firefox newline issue
|
|
10
|
+
whiteSpace: "pre-wrap",
|
|
11
|
+
variants: {
|
|
12
|
+
unstyled: {
|
|
13
|
+
false: {
|
|
14
|
+
height: "auto",
|
|
15
|
+
...defaultStyles
|
|
16
|
+
}
|
|
17
|
+
},
|
|
18
|
+
size: {
|
|
19
|
+
"...size": textAreaSizeVariant
|
|
20
|
+
}
|
|
21
|
+
},
|
|
22
|
+
defaultVariants: {
|
|
23
|
+
unstyled: process.env.TAMAGUI_HEADLESS === "1"
|
|
24
|
+
}
|
|
25
|
+
}),
|
|
26
|
+
TextArea = TextAreaFrame.styleable((propsIn, ref) => {
|
|
27
|
+
const props = useInputProps(propsIn, ref),
|
|
28
|
+
linesProp = {
|
|
29
|
+
// web uses rows now, but native not caught up :/
|
|
30
|
+
[isWeb ? "rows" : "numberOfLines"]: propsIn.unstyled ? void 0 : 4
|
|
31
|
+
};
|
|
32
|
+
return /* @__PURE__ */jsx(TextAreaFrame, {
|
|
33
|
+
...linesProp,
|
|
34
|
+
...props
|
|
35
|
+
});
|
|
36
|
+
});
|
|
37
|
+
export { TextArea, TextAreaFrame };
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/views/TextArea.tsx"],
|
|
4
|
-
"mappings": ";;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,uBAAsB,+BACtB,cAAuB,0BAEvB,sBAAoC,
|
|
4
|
+
"mappings": ";;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,uBAAsB,+BACtB,cAAuB,0BAEvB,sBAAoC,oCAEpC,eAAyD,oBAuChD;AAjCF,MAAM,oBAAgB,oBAAO,yBAAY;AAAA,EAC9C,MAAM;AAAA,EACN,WAAW;AAAA;AAAA,EAEX,YAAY;AAAA,EAEZ,UAAU;AAAA,IACR,UAAU;AAAA,MACR,OAAO;AAAA,QACL,QAAQ;AAAA,QACR,GAAG;AAAA,MACL;AAAA,IACF;AAAA,IAEA,MAAM;AAAA,MACJ,WAAW;AAAA,IACb;AAAA,EACF;AAAA,EAEA,iBAAiB;AAAA,IACf,UAAU,QAAQ,IAAI,qBAAqB;AAAA,EAC7C;AACF,CAAC,GAIY,WAAW,cAAc,UAA2B,CAAC,SAAS,QAAQ;AACjF,QAAM,YAAQ,4BAAc,SAAS,GAAG,GAElC,YAAY;AAAA;AAAA,IAEhB,CAAC,yBAAQ,SAAS,eAAe,GAAG,QAAQ,WAAW,SAAY;AAAA,EACrE;AACA,SAAO,4CAAC,iBAAe,GAAG,WAAY,GAAG,OAAO;AAClD,CAAC;",
|
|
5
5
|
"names": []
|
|
6
6
|
}
|
|
@@ -0,0 +1,34 @@
|
|
|
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 = !0;
|
|
34
|
+
export { VisuallyHidden };
|