tamagui 1.5.9 → 1.5.10

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (46) hide show
  1. package/dist/cjs/views/Input.js +29 -21
  2. package/dist/cjs/views/Input.js.map +2 -2
  3. package/dist/cjs/views/TextArea.js +8 -3
  4. package/dist/cjs/views/TextArea.js.map +2 -2
  5. package/dist/esm/views/Input.js +27 -20
  6. package/dist/esm/views/Input.js.map +2 -2
  7. package/dist/esm/views/Input.mjs +27 -20
  8. package/dist/esm/views/Input.mjs.map +2 -2
  9. package/dist/esm/views/TextArea.js +9 -4
  10. package/dist/esm/views/TextArea.js.map +2 -2
  11. package/dist/esm/views/TextArea.mjs +9 -4
  12. package/dist/esm/views/TextArea.mjs.map +2 -2
  13. package/dist/jsx/views/Input.js +27 -20
  14. package/dist/jsx/views/Input.js.map +2 -2
  15. package/dist/jsx/views/Input.mjs +27 -20
  16. package/dist/jsx/views/Input.mjs.map +2 -2
  17. package/dist/jsx/views/TextArea.js +9 -4
  18. package/dist/jsx/views/TextArea.js.map +2 -2
  19. package/dist/jsx/views/TextArea.mjs +9 -4
  20. package/dist/jsx/views/TextArea.mjs.map +2 -2
  21. package/package.json +47 -47
  22. package/src/views/Input.tsx +30 -22
  23. package/src/views/TextArea.tsx +10 -4
  24. package/types/createTamagui.d.ts.map +1 -0
  25. package/types/helpers/inputHelpers.d.ts.map +1 -0
  26. package/types/index.d.ts.map +1 -0
  27. package/types/lib/linear-gradient.native.d.ts.map +1 -0
  28. package/types/linear-gradient.d.ts.map +1 -0
  29. package/types/setup.d.ts.map +1 -0
  30. package/types/viewTypes.d.ts.map +1 -0
  31. package/types/views/Anchor.d.ts.map +1 -0
  32. package/types/views/EnsureFlexed.d.ts.map +1 -0
  33. package/types/views/Fieldset.d.ts.map +1 -0
  34. package/types/views/Form.d.ts.map +1 -0
  35. package/types/views/Grid.d.ts.map +1 -0
  36. package/types/views/Group.d.ts.map +1 -0
  37. package/types/views/Input.d.ts +36 -8
  38. package/types/views/Input.d.ts.map +1 -0
  39. package/types/views/Layouts.d.ts.map +1 -0
  40. package/types/views/Skeleton.d.ts.map +1 -0
  41. package/types/views/Spinner.d.ts.map +1 -0
  42. package/types/views/TamaguiProvider.d.ts.map +1 -0
  43. package/types/views/TamaguiProvider.server.d.ts.map +1 -0
  44. package/types/views/TextArea.d.ts +22 -6
  45. package/types/views/TextArea.d.ts.map +1 -0
  46. package/types/views/VisuallyHidden.d.ts.map +1 -0
@@ -19,7 +19,8 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
19
19
  var Input_exports = {};
20
20
  __export(Input_exports, {
21
21
  Input: () => Input,
22
- InputFrame: () => InputFrame
22
+ InputFrame: () => InputFrame,
23
+ defaultStyles: () => defaultStyles
23
24
  });
24
25
  module.exports = __toCommonJS(Input_exports);
25
26
  var import_core = require("@tamagui/core");
@@ -29,35 +30,41 @@ var import_inputHelpers = require("../helpers/inputHelpers");
29
30
  (0, import_core.setupReactNative)({
30
31
  TextInput: import_react_native.TextInput
31
32
  });
33
+ const defaultStyles = {
34
+ size: "$true",
35
+ fontFamily: "$body",
36
+ borderWidth: 1,
37
+ outlineWidth: 0,
38
+ color: "$color",
39
+ focusable: true,
40
+ borderColor: "$borderColor",
41
+ backgroundColor: "$background",
42
+ placeholderTextColor: "$placeholderColor",
43
+ // this fixes a flex bug where it overflows container
44
+ minWidth: 0,
45
+ hoverStyle: {
46
+ borderColor: "$borderColorHover"
47
+ },
48
+ focusStyle: {
49
+ borderColor: "$borderColorFocus",
50
+ borderWidth: 2,
51
+ marginHorizontal: -1
52
+ }
53
+ };
32
54
  const InputFrame = (0, import_core.styled)(
33
55
  import_react_native.TextInput,
34
56
  {
35
57
  name: "Input",
36
- fontFamily: "$body",
37
- borderWidth: 1,
38
- outlineWidth: 0,
39
- color: "$color",
40
- focusable: true,
41
- borderColor: "$borderColor",
42
- backgroundColor: "$background",
43
- placeholderTextColor: "$placeholderColor",
44
- // this fixes a flex bug where it overflows container
45
- minWidth: 0,
46
- hoverStyle: {
47
- borderColor: "$borderColorHover"
48
- },
49
- focusStyle: {
50
- borderColor: "$borderColorFocus",
51
- borderWidth: 2,
52
- marginHorizontal: -1
53
- },
54
58
  variants: {
59
+ unstyled: {
60
+ false: defaultStyles
61
+ },
55
62
  size: {
56
63
  "...size": import_inputHelpers.inputSizeVariant
57
64
  }
58
65
  },
59
66
  defaultVariants: {
60
- size: "$true"
67
+ unstyled: false
61
68
  }
62
69
  },
63
70
  {
@@ -68,6 +75,7 @@ const Input = (0, import_focusable.focusableInputHOC)(InputFrame);
68
75
  // Annotate the CommonJS export names for ESM import in node:
69
76
  0 && (module.exports = {
70
77
  Input,
71
- InputFrame
78
+ InputFrame,
79
+ defaultStyles
72
80
  });
73
81
  //# sourceMappingURL=Input.js.map
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../../src/views/Input.tsx"],
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 InputFrame = styled(\n TextInput,\n {\n name: 'Input',\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 borderColor: '$borderColorFocus',\n borderWidth: 2,\n marginHorizontal: -1,\n },\n\n variants: {\n size: {\n '...size': inputSizeVariant,\n },\n } as const,\n\n defaultVariants: {\n size: '$true',\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;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAAmD;AACnD,uBAAkC;AAClC,0BAA0B;AAE1B,0BAAiC;AAAA,IAEjC,8BAAiB;AAAA,EACf;AACF,CAAC;AAEM,MAAM,iBAAa;AAAA,EACxB;AAAA,EACA;AAAA,IACE,MAAM;AAAA,IACN,YAAY;AAAA,IACZ,aAAa;AAAA,IACb,cAAc;AAAA,IACd,OAAO;AAAA,IACP,WAAW;AAAA,IACX,aAAa;AAAA,IACb,iBAAiB;AAAA,IACjB,sBAAsB;AAAA;AAAA,IAGtB,UAAU;AAAA,IAEV,YAAY;AAAA,MACV,aAAa;AAAA,IACf;AAAA,IAEA,YAAY;AAAA,MACV,aAAa;AAAA,MACb,aAAa;AAAA,MACb,kBAAkB;AAAA,IACpB;AAAA,IAEA,UAAU;AAAA,MACR,MAAM;AAAA,QACJ,WAAW;AAAA,MACb;AAAA,IACF;AAAA,IAEA,iBAAiB;AAAA,MACf,MAAM;AAAA,IACR;AAAA,EACF;AAAA,EACA;AAAA,IACE,SAAS;AAAA,EACX;AACF;AAIO,MAAM,YAAQ,oCAAkB,UAAU;",
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 borderColor: '$borderColorFocus',\n borderWidth: 2,\n marginHorizontal: -1,\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;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAAmD;AACnD,uBAAkC;AAClC,0BAA0B;AAE1B,0BAAiC;AAAA,IAEjC,8BAAiB;AAAA,EACf;AACF,CAAC;AAEM,MAAM,gBAAgB;AAAA,EAC3B,MAAM;AAAA,EACN,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,cAAc;AAAA,EACd,OAAO;AAAA,EACP,WAAW;AAAA,EACX,aAAa;AAAA,EACb,iBAAiB;AAAA,EACjB,sBAAsB;AAAA;AAAA,EAGtB,UAAU;AAAA,EAEV,YAAY;AAAA,IACV,aAAa;AAAA,EACf;AAAA,EAEA,YAAY;AAAA,IACV,aAAa;AAAA,IACb,aAAa;AAAA,IACb,kBAAkB;AAAA,EACpB;AACF;AAEO,MAAM,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,IACF;AAAA,IAEA,iBAAiB;AAAA,MACf,UAAU;AAAA,IACZ;AAAA,EACF;AAAA,EACA;AAAA,IACE,SAAS;AAAA,EACX;AACF;AAIO,MAAM,YAAQ,oCAAkB,UAAU;",
6
6
  "names": []
7
7
  }
@@ -29,15 +29,20 @@ var import_Input = require("./Input");
29
29
  const TextAreaFrame = (0, import_core.styled)(import_Input.InputFrame, {
30
30
  name: "TextArea",
31
31
  multiline: true,
32
- numberOfLines: 4,
33
- height: "auto",
34
32
  variants: {
33
+ unstyled: {
34
+ false: {
35
+ ...import_Input.defaultStyles,
36
+ height: "auto",
37
+ numberOfLines: 4
38
+ }
39
+ },
35
40
  size: {
36
41
  "...size": import_inputHelpers.textAreaSizeVariant
37
42
  }
38
43
  },
39
44
  defaultVariants: {
40
- size: "$true"
45
+ unstyled: false
41
46
  }
42
47
  });
43
48
  const TextArea = (0, import_focusable.focusableInputHOC)(TextAreaFrame);
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../../src/views/TextArea.tsx"],
4
- "sourcesContent": ["import { GetProps, styled } from '@tamagui/core'\nimport { focusableInputHOC } from '@tamagui/focusable'\n\nimport { textAreaSizeVariant } from '../helpers/inputHelpers'\nimport { InputFrame } from './Input'\n\nexport const TextAreaFrame = styled(InputFrame, {\n name: 'TextArea',\n multiline: true,\n numberOfLines: 4,\n height: 'auto',\n\n variants: {\n size: {\n '...size': textAreaSizeVariant,\n },\n } as const,\n\n defaultVariants: {\n size: '$true',\n },\n})\n\nexport type TextAreaProps = GetProps<typeof TextArea>\n\nexport const TextArea = focusableInputHOC(TextAreaFrame)\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAAiC;AACjC,uBAAkC;AAElC,0BAAoC;AACpC,mBAA2B;AAEpB,MAAM,oBAAgB,oBAAO,yBAAY;AAAA,EAC9C,MAAM;AAAA,EACN,WAAW;AAAA,EACX,eAAe;AAAA,EACf,QAAQ;AAAA,EAER,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,WAAW;AAAA,IACb;AAAA,EACF;AAAA,EAEA,iBAAiB;AAAA,IACf,MAAM;AAAA,EACR;AACF,CAAC;AAIM,MAAM,eAAW,oCAAkB,aAAa;",
4
+ "sourcesContent": ["import { GetProps, styled } from '@tamagui/core'\nimport { focusableInputHOC } from '@tamagui/focusable'\n\nimport { textAreaSizeVariant } from '../helpers/inputHelpers'\nimport { InputFrame, defaultStyles } from './Input'\n\nexport const TextAreaFrame = styled(InputFrame, {\n name: 'TextArea',\n multiline: true,\n\n variants: {\n unstyled: {\n false: {\n ...defaultStyles,\n height: 'auto',\n numberOfLines: 4,\n },\n },\n\n size: {\n '...size': textAreaSizeVariant,\n },\n } as const,\n\n defaultVariants: {\n unstyled: false,\n },\n})\n\nexport type TextAreaProps = GetProps<typeof TextArea>\n\nexport const TextArea = focusableInputHOC(TextAreaFrame)\n"],
5
+ "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAAiC;AACjC,uBAAkC;AAElC,0BAAoC;AACpC,mBAA0C;AAEnC,MAAM,oBAAgB,oBAAO,yBAAY;AAAA,EAC9C,MAAM;AAAA,EACN,WAAW;AAAA,EAEX,UAAU;AAAA,IACR,UAAU;AAAA,MACR,OAAO;AAAA,QACL,GAAG;AAAA,QACH,QAAQ;AAAA,QACR,eAAe;AAAA,MACjB;AAAA,IACF;AAAA,IAEA,MAAM;AAAA,MACJ,WAAW;AAAA,IACb;AAAA,EACF;AAAA,EAEA,iBAAiB;AAAA,IACf,UAAU;AAAA,EACZ;AACF,CAAC;AAIM,MAAM,eAAW,oCAAkB,aAAa;",
6
6
  "names": []
7
7
  }
@@ -5,35 +5,41 @@ import { inputSizeVariant } from "../helpers/inputHelpers";
5
5
  setupReactNative({
6
6
  TextInput
7
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
+ borderColor: "$borderColorFocus",
25
+ borderWidth: 2,
26
+ marginHorizontal: -1
27
+ }
28
+ };
8
29
  const InputFrame = styled(
9
30
  TextInput,
10
31
  {
11
32
  name: "Input",
12
- fontFamily: "$body",
13
- borderWidth: 1,
14
- outlineWidth: 0,
15
- color: "$color",
16
- focusable: true,
17
- borderColor: "$borderColor",
18
- backgroundColor: "$background",
19
- placeholderTextColor: "$placeholderColor",
20
- // this fixes a flex bug where it overflows container
21
- minWidth: 0,
22
- hoverStyle: {
23
- borderColor: "$borderColorHover"
24
- },
25
- focusStyle: {
26
- borderColor: "$borderColorFocus",
27
- borderWidth: 2,
28
- marginHorizontal: -1
29
- },
30
33
  variants: {
34
+ unstyled: {
35
+ false: defaultStyles
36
+ },
31
37
  size: {
32
38
  "...size": inputSizeVariant
33
39
  }
34
40
  },
35
41
  defaultVariants: {
36
- size: "$true"
42
+ unstyled: false
37
43
  }
38
44
  },
39
45
  {
@@ -43,6 +49,7 @@ const InputFrame = styled(
43
49
  const Input = focusableInputHOC(InputFrame);
44
50
  export {
45
51
  Input,
46
- InputFrame
52
+ InputFrame,
53
+ defaultStyles
47
54
  };
48
55
  //# sourceMappingURL=Input.js.map
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../../src/views/Input.tsx"],
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 InputFrame = styled(\n TextInput,\n {\n name: 'Input',\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 borderColor: '$borderColorFocus',\n borderWidth: 2,\n marginHorizontal: -1,\n },\n\n variants: {\n size: {\n '...size': inputSizeVariant,\n },\n } as const,\n\n defaultVariants: {\n size: '$true',\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,SAAmB,kBAAkB,cAAc;AACnD,SAAS,yBAAyB;AAClC,SAAS,iBAAiB;AAE1B,SAAS,wBAAwB;AAEjC,iBAAiB;AAAA,EACf;AACF,CAAC;AAEM,MAAM,aAAa;AAAA,EACxB;AAAA,EACA;AAAA,IACE,MAAM;AAAA,IACN,YAAY;AAAA,IACZ,aAAa;AAAA,IACb,cAAc;AAAA,IACd,OAAO;AAAA,IACP,WAAW;AAAA,IACX,aAAa;AAAA,IACb,iBAAiB;AAAA,IACjB,sBAAsB;AAAA;AAAA,IAGtB,UAAU;AAAA,IAEV,YAAY;AAAA,MACV,aAAa;AAAA,IACf;AAAA,IAEA,YAAY;AAAA,MACV,aAAa;AAAA,MACb,aAAa;AAAA,MACb,kBAAkB;AAAA,IACpB;AAAA,IAEA,UAAU;AAAA,MACR,MAAM;AAAA,QACJ,WAAW;AAAA,MACb;AAAA,IACF;AAAA,IAEA,iBAAiB;AAAA,MACf,MAAM;AAAA,IACR;AAAA,EACF;AAAA,EACA;AAAA,IACE,SAAS;AAAA,EACX;AACF;AAIO,MAAM,QAAQ,kBAAkB,UAAU;",
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 borderColor: '$borderColorFocus',\n borderWidth: 2,\n marginHorizontal: -1,\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,SAAmB,kBAAkB,cAAc;AACnD,SAAS,yBAAyB;AAClC,SAAS,iBAAiB;AAE1B,SAAS,wBAAwB;AAEjC,iBAAiB;AAAA,EACf;AACF,CAAC;AAEM,MAAM,gBAAgB;AAAA,EAC3B,MAAM;AAAA,EACN,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,cAAc;AAAA,EACd,OAAO;AAAA,EACP,WAAW;AAAA,EACX,aAAa;AAAA,EACb,iBAAiB;AAAA,EACjB,sBAAsB;AAAA;AAAA,EAGtB,UAAU;AAAA,EAEV,YAAY;AAAA,IACV,aAAa;AAAA,EACf;AAAA,EAEA,YAAY;AAAA,IACV,aAAa;AAAA,IACb,aAAa;AAAA,IACb,kBAAkB;AAAA,EACpB;AACF;AAEO,MAAM,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,IACF;AAAA,IAEA,iBAAiB;AAAA,MACf,UAAU;AAAA,IACZ;AAAA,EACF;AAAA,EACA;AAAA,IACE,SAAS;AAAA,EACX;AACF;AAIO,MAAM,QAAQ,kBAAkB,UAAU;",
6
6
  "names": []
7
7
  }
@@ -5,35 +5,41 @@ import { inputSizeVariant } from "../helpers/inputHelpers";
5
5
  setupReactNative({
6
6
  TextInput
7
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
+ borderColor: "$borderColorFocus",
25
+ borderWidth: 2,
26
+ marginHorizontal: -1
27
+ }
28
+ };
8
29
  const InputFrame = styled(
9
30
  TextInput,
10
31
  {
11
32
  name: "Input",
12
- fontFamily: "$body",
13
- borderWidth: 1,
14
- outlineWidth: 0,
15
- color: "$color",
16
- focusable: true,
17
- borderColor: "$borderColor",
18
- backgroundColor: "$background",
19
- placeholderTextColor: "$placeholderColor",
20
- // this fixes a flex bug where it overflows container
21
- minWidth: 0,
22
- hoverStyle: {
23
- borderColor: "$borderColorHover"
24
- },
25
- focusStyle: {
26
- borderColor: "$borderColorFocus",
27
- borderWidth: 2,
28
- marginHorizontal: -1
29
- },
30
33
  variants: {
34
+ unstyled: {
35
+ false: defaultStyles
36
+ },
31
37
  size: {
32
38
  "...size": inputSizeVariant
33
39
  }
34
40
  },
35
41
  defaultVariants: {
36
- size: "$true"
42
+ unstyled: false
37
43
  }
38
44
  },
39
45
  {
@@ -43,6 +49,7 @@ const InputFrame = styled(
43
49
  const Input = focusableInputHOC(InputFrame);
44
50
  export {
45
51
  Input,
46
- InputFrame
52
+ InputFrame,
53
+ defaultStyles
47
54
  };
48
55
  //# sourceMappingURL=Input.mjs.map
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../../src/views/Input.tsx"],
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 InputFrame = styled(\n TextInput,\n {\n name: 'Input',\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 borderColor: '$borderColorFocus',\n borderWidth: 2,\n marginHorizontal: -1,\n },\n\n variants: {\n size: {\n '...size': inputSizeVariant,\n },\n } as const,\n\n defaultVariants: {\n size: '$true',\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,SAAmB,kBAAkB,cAAc;AACnD,SAAS,yBAAyB;AAClC,SAAS,iBAAiB;AAE1B,SAAS,wBAAwB;AAEjC,iBAAiB;AAAA,EACf;AACF,CAAC;AAEM,MAAM,aAAa;AAAA,EACxB;AAAA,EACA;AAAA,IACE,MAAM;AAAA,IACN,YAAY;AAAA,IACZ,aAAa;AAAA,IACb,cAAc;AAAA,IACd,OAAO;AAAA,IACP,WAAW;AAAA,IACX,aAAa;AAAA,IACb,iBAAiB;AAAA,IACjB,sBAAsB;AAAA;AAAA,IAGtB,UAAU;AAAA,IAEV,YAAY;AAAA,MACV,aAAa;AAAA,IACf;AAAA,IAEA,YAAY;AAAA,MACV,aAAa;AAAA,MACb,aAAa;AAAA,MACb,kBAAkB;AAAA,IACpB;AAAA,IAEA,UAAU;AAAA,MACR,MAAM;AAAA,QACJ,WAAW;AAAA,MACb;AAAA,IACF;AAAA,IAEA,iBAAiB;AAAA,MACf,MAAM;AAAA,IACR;AAAA,EACF;AAAA,EACA;AAAA,IACE,SAAS;AAAA,EACX;AACF;AAIO,MAAM,QAAQ,kBAAkB,UAAU;",
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 borderColor: '$borderColorFocus',\n borderWidth: 2,\n marginHorizontal: -1,\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,SAAmB,kBAAkB,cAAc;AACnD,SAAS,yBAAyB;AAClC,SAAS,iBAAiB;AAE1B,SAAS,wBAAwB;AAEjC,iBAAiB;AAAA,EACf;AACF,CAAC;AAEM,MAAM,gBAAgB;AAAA,EAC3B,MAAM;AAAA,EACN,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,cAAc;AAAA,EACd,OAAO;AAAA,EACP,WAAW;AAAA,EACX,aAAa;AAAA,EACb,iBAAiB;AAAA,EACjB,sBAAsB;AAAA;AAAA,EAGtB,UAAU;AAAA,EAEV,YAAY;AAAA,IACV,aAAa;AAAA,EACf;AAAA,EAEA,YAAY;AAAA,IACV,aAAa;AAAA,IACb,aAAa;AAAA,IACb,kBAAkB;AAAA,EACpB;AACF;AAEO,MAAM,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,IACF;AAAA,IAEA,iBAAiB;AAAA,MACf,UAAU;AAAA,IACZ;AAAA,EACF;AAAA,EACA;AAAA,IACE,SAAS;AAAA,EACX;AACF;AAIO,MAAM,QAAQ,kBAAkB,UAAU;",
6
6
  "names": []
7
7
  }
@@ -1,19 +1,24 @@
1
1
  import { styled } from "@tamagui/core";
2
2
  import { focusableInputHOC } from "@tamagui/focusable";
3
3
  import { textAreaSizeVariant } from "../helpers/inputHelpers";
4
- import { InputFrame } from "./Input";
4
+ import { InputFrame, defaultStyles } from "./Input";
5
5
  const TextAreaFrame = styled(InputFrame, {
6
6
  name: "TextArea",
7
7
  multiline: true,
8
- numberOfLines: 4,
9
- height: "auto",
10
8
  variants: {
9
+ unstyled: {
10
+ false: {
11
+ ...defaultStyles,
12
+ height: "auto",
13
+ numberOfLines: 4
14
+ }
15
+ },
11
16
  size: {
12
17
  "...size": textAreaSizeVariant
13
18
  }
14
19
  },
15
20
  defaultVariants: {
16
- size: "$true"
21
+ unstyled: false
17
22
  }
18
23
  });
19
24
  const TextArea = focusableInputHOC(TextAreaFrame);
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../../src/views/TextArea.tsx"],
4
- "sourcesContent": ["import { GetProps, styled } from '@tamagui/core'\nimport { focusableInputHOC } from '@tamagui/focusable'\n\nimport { textAreaSizeVariant } from '../helpers/inputHelpers'\nimport { InputFrame } from './Input'\n\nexport const TextAreaFrame = styled(InputFrame, {\n name: 'TextArea',\n multiline: true,\n numberOfLines: 4,\n height: 'auto',\n\n variants: {\n size: {\n '...size': textAreaSizeVariant,\n },\n } as const,\n\n defaultVariants: {\n size: '$true',\n },\n})\n\nexport type TextAreaProps = GetProps<typeof TextArea>\n\nexport const TextArea = focusableInputHOC(TextAreaFrame)\n"],
5
- "mappings": "AAAA,SAAmB,cAAc;AACjC,SAAS,yBAAyB;AAElC,SAAS,2BAA2B;AACpC,SAAS,kBAAkB;AAEpB,MAAM,gBAAgB,OAAO,YAAY;AAAA,EAC9C,MAAM;AAAA,EACN,WAAW;AAAA,EACX,eAAe;AAAA,EACf,QAAQ;AAAA,EAER,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,WAAW;AAAA,IACb;AAAA,EACF;AAAA,EAEA,iBAAiB;AAAA,IACf,MAAM;AAAA,EACR;AACF,CAAC;AAIM,MAAM,WAAW,kBAAkB,aAAa;",
4
+ "sourcesContent": ["import { GetProps, styled } from '@tamagui/core'\nimport { focusableInputHOC } from '@tamagui/focusable'\n\nimport { textAreaSizeVariant } from '../helpers/inputHelpers'\nimport { InputFrame, defaultStyles } from './Input'\n\nexport const TextAreaFrame = styled(InputFrame, {\n name: 'TextArea',\n multiline: true,\n\n variants: {\n unstyled: {\n false: {\n ...defaultStyles,\n height: 'auto',\n numberOfLines: 4,\n },\n },\n\n size: {\n '...size': textAreaSizeVariant,\n },\n } as const,\n\n defaultVariants: {\n unstyled: false,\n },\n})\n\nexport type TextAreaProps = GetProps<typeof TextArea>\n\nexport const TextArea = focusableInputHOC(TextAreaFrame)\n"],
5
+ "mappings": "AAAA,SAAmB,cAAc;AACjC,SAAS,yBAAyB;AAElC,SAAS,2BAA2B;AACpC,SAAS,YAAY,qBAAqB;AAEnC,MAAM,gBAAgB,OAAO,YAAY;AAAA,EAC9C,MAAM;AAAA,EACN,WAAW;AAAA,EAEX,UAAU;AAAA,IACR,UAAU;AAAA,MACR,OAAO;AAAA,QACL,GAAG;AAAA,QACH,QAAQ;AAAA,QACR,eAAe;AAAA,MACjB;AAAA,IACF;AAAA,IAEA,MAAM;AAAA,MACJ,WAAW;AAAA,IACb;AAAA,EACF;AAAA,EAEA,iBAAiB;AAAA,IACf,UAAU;AAAA,EACZ;AACF,CAAC;AAIM,MAAM,WAAW,kBAAkB,aAAa;",
6
6
  "names": []
7
7
  }
@@ -1,19 +1,24 @@
1
1
  import { styled } from "@tamagui/core";
2
2
  import { focusableInputHOC } from "@tamagui/focusable";
3
3
  import { textAreaSizeVariant } from "../helpers/inputHelpers";
4
- import { InputFrame } from "./Input";
4
+ import { InputFrame, defaultStyles } from "./Input";
5
5
  const TextAreaFrame = styled(InputFrame, {
6
6
  name: "TextArea",
7
7
  multiline: true,
8
- numberOfLines: 4,
9
- height: "auto",
10
8
  variants: {
9
+ unstyled: {
10
+ false: {
11
+ ...defaultStyles,
12
+ height: "auto",
13
+ numberOfLines: 4
14
+ }
15
+ },
11
16
  size: {
12
17
  "...size": textAreaSizeVariant
13
18
  }
14
19
  },
15
20
  defaultVariants: {
16
- size: "$true"
21
+ unstyled: false
17
22
  }
18
23
  });
19
24
  const TextArea = focusableInputHOC(TextAreaFrame);
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../../src/views/TextArea.tsx"],
4
- "sourcesContent": ["import { GetProps, styled } from '@tamagui/core'\nimport { focusableInputHOC } from '@tamagui/focusable'\n\nimport { textAreaSizeVariant } from '../helpers/inputHelpers'\nimport { InputFrame } from './Input'\n\nexport const TextAreaFrame = styled(InputFrame, {\n name: 'TextArea',\n multiline: true,\n numberOfLines: 4,\n height: 'auto',\n\n variants: {\n size: {\n '...size': textAreaSizeVariant,\n },\n } as const,\n\n defaultVariants: {\n size: '$true',\n },\n})\n\nexport type TextAreaProps = GetProps<typeof TextArea>\n\nexport const TextArea = focusableInputHOC(TextAreaFrame)\n"],
5
- "mappings": "AAAA,SAAmB,cAAc;AACjC,SAAS,yBAAyB;AAElC,SAAS,2BAA2B;AACpC,SAAS,kBAAkB;AAEpB,MAAM,gBAAgB,OAAO,YAAY;AAAA,EAC9C,MAAM;AAAA,EACN,WAAW;AAAA,EACX,eAAe;AAAA,EACf,QAAQ;AAAA,EAER,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,WAAW;AAAA,IACb;AAAA,EACF;AAAA,EAEA,iBAAiB;AAAA,IACf,MAAM;AAAA,EACR;AACF,CAAC;AAIM,MAAM,WAAW,kBAAkB,aAAa;",
4
+ "sourcesContent": ["import { GetProps, styled } from '@tamagui/core'\nimport { focusableInputHOC } from '@tamagui/focusable'\n\nimport { textAreaSizeVariant } from '../helpers/inputHelpers'\nimport { InputFrame, defaultStyles } from './Input'\n\nexport const TextAreaFrame = styled(InputFrame, {\n name: 'TextArea',\n multiline: true,\n\n variants: {\n unstyled: {\n false: {\n ...defaultStyles,\n height: 'auto',\n numberOfLines: 4,\n },\n },\n\n size: {\n '...size': textAreaSizeVariant,\n },\n } as const,\n\n defaultVariants: {\n unstyled: false,\n },\n})\n\nexport type TextAreaProps = GetProps<typeof TextArea>\n\nexport const TextArea = focusableInputHOC(TextAreaFrame)\n"],
5
+ "mappings": "AAAA,SAAmB,cAAc;AACjC,SAAS,yBAAyB;AAElC,SAAS,2BAA2B;AACpC,SAAS,YAAY,qBAAqB;AAEnC,MAAM,gBAAgB,OAAO,YAAY;AAAA,EAC9C,MAAM;AAAA,EACN,WAAW;AAAA,EAEX,UAAU;AAAA,IACR,UAAU;AAAA,MACR,OAAO;AAAA,QACL,GAAG;AAAA,QACH,QAAQ;AAAA,QACR,eAAe;AAAA,MACjB;AAAA,IACF;AAAA,IAEA,MAAM;AAAA,MACJ,WAAW;AAAA,IACb;AAAA,EACF;AAAA,EAEA,iBAAiB;AAAA,IACf,UAAU;AAAA,EACZ;AACF,CAAC;AAIM,MAAM,WAAW,kBAAkB,aAAa;",
6
6
  "names": []
7
7
  }
@@ -5,35 +5,41 @@ import { inputSizeVariant } from "../helpers/inputHelpers";
5
5
  setupReactNative({
6
6
  TextInput
7
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
+ borderColor: "$borderColorFocus",
25
+ borderWidth: 2,
26
+ marginHorizontal: -1
27
+ }
28
+ };
8
29
  const InputFrame = styled(
9
30
  TextInput,
10
31
  {
11
32
  name: "Input",
12
- fontFamily: "$body",
13
- borderWidth: 1,
14
- outlineWidth: 0,
15
- color: "$color",
16
- focusable: true,
17
- borderColor: "$borderColor",
18
- backgroundColor: "$background",
19
- placeholderTextColor: "$placeholderColor",
20
- // this fixes a flex bug where it overflows container
21
- minWidth: 0,
22
- hoverStyle: {
23
- borderColor: "$borderColorHover"
24
- },
25
- focusStyle: {
26
- borderColor: "$borderColorFocus",
27
- borderWidth: 2,
28
- marginHorizontal: -1
29
- },
30
33
  variants: {
34
+ unstyled: {
35
+ false: defaultStyles
36
+ },
31
37
  size: {
32
38
  "...size": inputSizeVariant
33
39
  }
34
40
  },
35
41
  defaultVariants: {
36
- size: "$true"
42
+ unstyled: false
37
43
  }
38
44
  },
39
45
  {
@@ -43,6 +49,7 @@ const InputFrame = styled(
43
49
  const Input = focusableInputHOC(InputFrame);
44
50
  export {
45
51
  Input,
46
- InputFrame
52
+ InputFrame,
53
+ defaultStyles
47
54
  };
48
55
  //# sourceMappingURL=Input.js.map
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../../src/views/Input.tsx"],
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 InputFrame = styled(\n TextInput,\n {\n name: 'Input',\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 borderColor: '$borderColorFocus',\n borderWidth: 2,\n marginHorizontal: -1,\n },\n\n variants: {\n size: {\n '...size': inputSizeVariant,\n },\n } as const,\n\n defaultVariants: {\n size: '$true',\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,SAAmB,kBAAkB,cAAc;AACnD,SAAS,yBAAyB;AAClC,SAAS,iBAAiB;AAE1B,SAAS,wBAAwB;AAEjC,iBAAiB;AAAA,EACf;AACF,CAAC;AAEM,MAAM,aAAa;AAAA,EACxB;AAAA,EACA;AAAA,IACE,MAAM;AAAA,IACN,YAAY;AAAA,IACZ,aAAa;AAAA,IACb,cAAc;AAAA,IACd,OAAO;AAAA,IACP,WAAW;AAAA,IACX,aAAa;AAAA,IACb,iBAAiB;AAAA,IACjB,sBAAsB;AAAA;AAAA,IAGtB,UAAU;AAAA,IAEV,YAAY;AAAA,MACV,aAAa;AAAA,IACf;AAAA,IAEA,YAAY;AAAA,MACV,aAAa;AAAA,MACb,aAAa;AAAA,MACb,kBAAkB;AAAA,IACpB;AAAA,IAEA,UAAU;AAAA,MACR,MAAM;AAAA,QACJ,WAAW;AAAA,MACb;AAAA,IACF;AAAA,IAEA,iBAAiB;AAAA,MACf,MAAM;AAAA,IACR;AAAA,EACF;AAAA,EACA;AAAA,IACE,SAAS;AAAA,EACX;AACF;AAIO,MAAM,QAAQ,kBAAkB,UAAU;",
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 borderColor: '$borderColorFocus',\n borderWidth: 2,\n marginHorizontal: -1,\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,SAAmB,kBAAkB,cAAc;AACnD,SAAS,yBAAyB;AAClC,SAAS,iBAAiB;AAE1B,SAAS,wBAAwB;AAEjC,iBAAiB;AAAA,EACf;AACF,CAAC;AAEM,MAAM,gBAAgB;AAAA,EAC3B,MAAM;AAAA,EACN,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,cAAc;AAAA,EACd,OAAO;AAAA,EACP,WAAW;AAAA,EACX,aAAa;AAAA,EACb,iBAAiB;AAAA,EACjB,sBAAsB;AAAA;AAAA,EAGtB,UAAU;AAAA,EAEV,YAAY;AAAA,IACV,aAAa;AAAA,EACf;AAAA,EAEA,YAAY;AAAA,IACV,aAAa;AAAA,IACb,aAAa;AAAA,IACb,kBAAkB;AAAA,EACpB;AACF;AAEO,MAAM,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,IACF;AAAA,IAEA,iBAAiB;AAAA,MACf,UAAU;AAAA,IACZ;AAAA,EACF;AAAA,EACA;AAAA,IACE,SAAS;AAAA,EACX;AACF;AAIO,MAAM,QAAQ,kBAAkB,UAAU;",
6
6
  "names": []
7
7
  }
@@ -5,35 +5,41 @@ import { inputSizeVariant } from "../helpers/inputHelpers";
5
5
  setupReactNative({
6
6
  TextInput
7
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
+ borderColor: "$borderColorFocus",
25
+ borderWidth: 2,
26
+ marginHorizontal: -1
27
+ }
28
+ };
8
29
  const InputFrame = styled(
9
30
  TextInput,
10
31
  {
11
32
  name: "Input",
12
- fontFamily: "$body",
13
- borderWidth: 1,
14
- outlineWidth: 0,
15
- color: "$color",
16
- focusable: true,
17
- borderColor: "$borderColor",
18
- backgroundColor: "$background",
19
- placeholderTextColor: "$placeholderColor",
20
- // this fixes a flex bug where it overflows container
21
- minWidth: 0,
22
- hoverStyle: {
23
- borderColor: "$borderColorHover"
24
- },
25
- focusStyle: {
26
- borderColor: "$borderColorFocus",
27
- borderWidth: 2,
28
- marginHorizontal: -1
29
- },
30
33
  variants: {
34
+ unstyled: {
35
+ false: defaultStyles
36
+ },
31
37
  size: {
32
38
  "...size": inputSizeVariant
33
39
  }
34
40
  },
35
41
  defaultVariants: {
36
- size: "$true"
42
+ unstyled: false
37
43
  }
38
44
  },
39
45
  {
@@ -43,6 +49,7 @@ const InputFrame = styled(
43
49
  const Input = focusableInputHOC(InputFrame);
44
50
  export {
45
51
  Input,
46
- InputFrame
52
+ InputFrame,
53
+ defaultStyles
47
54
  };
48
55
  //# sourceMappingURL=Input.mjs.map
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../../src/views/Input.tsx"],
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 InputFrame = styled(\n TextInput,\n {\n name: 'Input',\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 borderColor: '$borderColorFocus',\n borderWidth: 2,\n marginHorizontal: -1,\n },\n\n variants: {\n size: {\n '...size': inputSizeVariant,\n },\n } as const,\n\n defaultVariants: {\n size: '$true',\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,SAAmB,kBAAkB,cAAc;AACnD,SAAS,yBAAyB;AAClC,SAAS,iBAAiB;AAE1B,SAAS,wBAAwB;AAEjC,iBAAiB;AAAA,EACf;AACF,CAAC;AAEM,MAAM,aAAa;AAAA,EACxB;AAAA,EACA;AAAA,IACE,MAAM;AAAA,IACN,YAAY;AAAA,IACZ,aAAa;AAAA,IACb,cAAc;AAAA,IACd,OAAO;AAAA,IACP,WAAW;AAAA,IACX,aAAa;AAAA,IACb,iBAAiB;AAAA,IACjB,sBAAsB;AAAA;AAAA,IAGtB,UAAU;AAAA,IAEV,YAAY;AAAA,MACV,aAAa;AAAA,IACf;AAAA,IAEA,YAAY;AAAA,MACV,aAAa;AAAA,MACb,aAAa;AAAA,MACb,kBAAkB;AAAA,IACpB;AAAA,IAEA,UAAU;AAAA,MACR,MAAM;AAAA,QACJ,WAAW;AAAA,MACb;AAAA,IACF;AAAA,IAEA,iBAAiB;AAAA,MACf,MAAM;AAAA,IACR;AAAA,EACF;AAAA,EACA;AAAA,IACE,SAAS;AAAA,EACX;AACF;AAIO,MAAM,QAAQ,kBAAkB,UAAU;",
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 borderColor: '$borderColorFocus',\n borderWidth: 2,\n marginHorizontal: -1,\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,SAAmB,kBAAkB,cAAc;AACnD,SAAS,yBAAyB;AAClC,SAAS,iBAAiB;AAE1B,SAAS,wBAAwB;AAEjC,iBAAiB;AAAA,EACf;AACF,CAAC;AAEM,MAAM,gBAAgB;AAAA,EAC3B,MAAM;AAAA,EACN,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,cAAc;AAAA,EACd,OAAO;AAAA,EACP,WAAW;AAAA,EACX,aAAa;AAAA,EACb,iBAAiB;AAAA,EACjB,sBAAsB;AAAA;AAAA,EAGtB,UAAU;AAAA,EAEV,YAAY;AAAA,IACV,aAAa;AAAA,EACf;AAAA,EAEA,YAAY;AAAA,IACV,aAAa;AAAA,IACb,aAAa;AAAA,IACb,kBAAkB;AAAA,EACpB;AACF;AAEO,MAAM,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,IACF;AAAA,IAEA,iBAAiB;AAAA,MACf,UAAU;AAAA,IACZ;AAAA,EACF;AAAA,EACA;AAAA,IACE,SAAS;AAAA,EACX;AACF;AAIO,MAAM,QAAQ,kBAAkB,UAAU;",
6
6
  "names": []
7
7
  }
@@ -1,19 +1,24 @@
1
1
  import { styled } from "@tamagui/core";
2
2
  import { focusableInputHOC } from "@tamagui/focusable";
3
3
  import { textAreaSizeVariant } from "../helpers/inputHelpers";
4
- import { InputFrame } from "./Input";
4
+ import { InputFrame, defaultStyles } from "./Input";
5
5
  const TextAreaFrame = styled(InputFrame, {
6
6
  name: "TextArea",
7
7
  multiline: true,
8
- numberOfLines: 4,
9
- height: "auto",
10
8
  variants: {
9
+ unstyled: {
10
+ false: {
11
+ ...defaultStyles,
12
+ height: "auto",
13
+ numberOfLines: 4
14
+ }
15
+ },
11
16
  size: {
12
17
  "...size": textAreaSizeVariant
13
18
  }
14
19
  },
15
20
  defaultVariants: {
16
- size: "$true"
21
+ unstyled: false
17
22
  }
18
23
  });
19
24
  const TextArea = focusableInputHOC(TextAreaFrame);
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../../src/views/TextArea.tsx"],
4
- "sourcesContent": ["import { GetProps, styled } from '@tamagui/core'\nimport { focusableInputHOC } from '@tamagui/focusable'\n\nimport { textAreaSizeVariant } from '../helpers/inputHelpers'\nimport { InputFrame } from './Input'\n\nexport const TextAreaFrame = styled(InputFrame, {\n name: 'TextArea',\n multiline: true,\n numberOfLines: 4,\n height: 'auto',\n\n variants: {\n size: {\n '...size': textAreaSizeVariant,\n },\n } as const,\n\n defaultVariants: {\n size: '$true',\n },\n})\n\nexport type TextAreaProps = GetProps<typeof TextArea>\n\nexport const TextArea = focusableInputHOC(TextAreaFrame)\n"],
5
- "mappings": "AAAA,SAAmB,cAAc;AACjC,SAAS,yBAAyB;AAElC,SAAS,2BAA2B;AACpC,SAAS,kBAAkB;AAEpB,MAAM,gBAAgB,OAAO,YAAY;AAAA,EAC9C,MAAM;AAAA,EACN,WAAW;AAAA,EACX,eAAe;AAAA,EACf,QAAQ;AAAA,EAER,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,WAAW;AAAA,IACb;AAAA,EACF;AAAA,EAEA,iBAAiB;AAAA,IACf,MAAM;AAAA,EACR;AACF,CAAC;AAIM,MAAM,WAAW,kBAAkB,aAAa;",
4
+ "sourcesContent": ["import { GetProps, styled } from '@tamagui/core'\nimport { focusableInputHOC } from '@tamagui/focusable'\n\nimport { textAreaSizeVariant } from '../helpers/inputHelpers'\nimport { InputFrame, defaultStyles } from './Input'\n\nexport const TextAreaFrame = styled(InputFrame, {\n name: 'TextArea',\n multiline: true,\n\n variants: {\n unstyled: {\n false: {\n ...defaultStyles,\n height: 'auto',\n numberOfLines: 4,\n },\n },\n\n size: {\n '...size': textAreaSizeVariant,\n },\n } as const,\n\n defaultVariants: {\n unstyled: false,\n },\n})\n\nexport type TextAreaProps = GetProps<typeof TextArea>\n\nexport const TextArea = focusableInputHOC(TextAreaFrame)\n"],
5
+ "mappings": "AAAA,SAAmB,cAAc;AACjC,SAAS,yBAAyB;AAElC,SAAS,2BAA2B;AACpC,SAAS,YAAY,qBAAqB;AAEnC,MAAM,gBAAgB,OAAO,YAAY;AAAA,EAC9C,MAAM;AAAA,EACN,WAAW;AAAA,EAEX,UAAU;AAAA,IACR,UAAU;AAAA,MACR,OAAO;AAAA,QACL,GAAG;AAAA,QACH,QAAQ;AAAA,QACR,eAAe;AAAA,MACjB;AAAA,IACF;AAAA,IAEA,MAAM;AAAA,MACJ,WAAW;AAAA,IACb;AAAA,EACF;AAAA,EAEA,iBAAiB;AAAA,IACf,UAAU;AAAA,EACZ;AACF,CAAC;AAIM,MAAM,WAAW,kBAAkB,aAAa;",
6
6
  "names": []
7
7
  }
@@ -1,19 +1,24 @@
1
1
  import { styled } from "@tamagui/core";
2
2
  import { focusableInputHOC } from "@tamagui/focusable";
3
3
  import { textAreaSizeVariant } from "../helpers/inputHelpers";
4
- import { InputFrame } from "./Input";
4
+ import { InputFrame, defaultStyles } from "./Input";
5
5
  const TextAreaFrame = styled(InputFrame, {
6
6
  name: "TextArea",
7
7
  multiline: true,
8
- numberOfLines: 4,
9
- height: "auto",
10
8
  variants: {
9
+ unstyled: {
10
+ false: {
11
+ ...defaultStyles,
12
+ height: "auto",
13
+ numberOfLines: 4
14
+ }
15
+ },
11
16
  size: {
12
17
  "...size": textAreaSizeVariant
13
18
  }
14
19
  },
15
20
  defaultVariants: {
16
- size: "$true"
21
+ unstyled: false
17
22
  }
18
23
  });
19
24
  const TextArea = focusableInputHOC(TextAreaFrame);
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../../src/views/TextArea.tsx"],
4
- "sourcesContent": ["import { GetProps, styled } from '@tamagui/core'\nimport { focusableInputHOC } from '@tamagui/focusable'\n\nimport { textAreaSizeVariant } from '../helpers/inputHelpers'\nimport { InputFrame } from './Input'\n\nexport const TextAreaFrame = styled(InputFrame, {\n name: 'TextArea',\n multiline: true,\n numberOfLines: 4,\n height: 'auto',\n\n variants: {\n size: {\n '...size': textAreaSizeVariant,\n },\n } as const,\n\n defaultVariants: {\n size: '$true',\n },\n})\n\nexport type TextAreaProps = GetProps<typeof TextArea>\n\nexport const TextArea = focusableInputHOC(TextAreaFrame)\n"],
5
- "mappings": "AAAA,SAAmB,cAAc;AACjC,SAAS,yBAAyB;AAElC,SAAS,2BAA2B;AACpC,SAAS,kBAAkB;AAEpB,MAAM,gBAAgB,OAAO,YAAY;AAAA,EAC9C,MAAM;AAAA,EACN,WAAW;AAAA,EACX,eAAe;AAAA,EACf,QAAQ;AAAA,EAER,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,WAAW;AAAA,IACb;AAAA,EACF;AAAA,EAEA,iBAAiB;AAAA,IACf,MAAM;AAAA,EACR;AACF,CAAC;AAIM,MAAM,WAAW,kBAAkB,aAAa;",
4
+ "sourcesContent": ["import { GetProps, styled } from '@tamagui/core'\nimport { focusableInputHOC } from '@tamagui/focusable'\n\nimport { textAreaSizeVariant } from '../helpers/inputHelpers'\nimport { InputFrame, defaultStyles } from './Input'\n\nexport const TextAreaFrame = styled(InputFrame, {\n name: 'TextArea',\n multiline: true,\n\n variants: {\n unstyled: {\n false: {\n ...defaultStyles,\n height: 'auto',\n numberOfLines: 4,\n },\n },\n\n size: {\n '...size': textAreaSizeVariant,\n },\n } as const,\n\n defaultVariants: {\n unstyled: false,\n },\n})\n\nexport type TextAreaProps = GetProps<typeof TextArea>\n\nexport const TextArea = focusableInputHOC(TextAreaFrame)\n"],
5
+ "mappings": "AAAA,SAAmB,cAAc;AACjC,SAAS,yBAAyB;AAElC,SAAS,2BAA2B;AACpC,SAAS,YAAY,qBAAqB;AAEnC,MAAM,gBAAgB,OAAO,YAAY;AAAA,EAC9C,MAAM;AAAA,EACN,WAAW;AAAA,EAEX,UAAU;AAAA,IACR,UAAU;AAAA,MACR,OAAO;AAAA,QACL,GAAG;AAAA,QACH,QAAQ;AAAA,QACR,eAAe;AAAA,MACjB;AAAA,IACF;AAAA,IAEA,MAAM;AAAA,MACJ,WAAW;AAAA,IACb;AAAA,EACF;AAAA,EAEA,iBAAiB;AAAA,IACf,UAAU;AAAA,EACZ;AACF,CAAC;AAIM,MAAM,WAAW,kBAAkB,aAAa;",
6
6
  "names": []
7
7
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "tamagui",
3
- "version": "1.5.9",
3
+ "version": "1.5.10",
4
4
  "sideEffects": [
5
5
  "*.css",
6
6
  "*setup.js"
@@ -40,51 +40,51 @@
40
40
  }
41
41
  },
42
42
  "dependencies": {
43
- "@tamagui/adapt": "^1.5.9",
44
- "@tamagui/alert-dialog": "^1.5.9",
45
- "@tamagui/animate-presence": "^1.5.9",
46
- "@tamagui/avatar": "^1.5.9",
47
- "@tamagui/button": "^1.5.9",
48
- "@tamagui/card": "^1.5.9",
49
- "@tamagui/checkbox": "^1.5.9",
50
- "@tamagui/compose-refs": "^1.5.9",
51
- "@tamagui/core": "^1.5.9",
52
- "@tamagui/create-context": "^1.5.9",
53
- "@tamagui/dialog": "^1.5.9",
54
- "@tamagui/fake-react-native": "^1.5.9",
55
- "@tamagui/font-size": "^1.5.9",
56
- "@tamagui/form": "^1.5.9",
57
- "@tamagui/get-button-sized": "^1.5.9",
58
- "@tamagui/get-font-sized": "^1.5.9",
59
- "@tamagui/get-size": "^1.5.9",
60
- "@tamagui/helpers": "^1.5.9",
61
- "@tamagui/helpers-tamagui": "^1.5.9",
62
- "@tamagui/image": "^1.5.9",
63
- "@tamagui/label": "^1.5.9",
64
- "@tamagui/linear-gradient": "^1.5.9",
65
- "@tamagui/list-item": "^1.5.9",
66
- "@tamagui/popover": "^1.5.9",
67
- "@tamagui/popper": "^1.5.9",
68
- "@tamagui/portal": "^1.5.9",
69
- "@tamagui/progress": "^1.5.9",
70
- "@tamagui/radio-group": "^1.5.9",
71
- "@tamagui/react-native-media-driver": "^1.5.9",
72
- "@tamagui/scroll-view": "^1.5.9",
73
- "@tamagui/select": "^1.5.9",
74
- "@tamagui/separator": "^1.5.9",
75
- "@tamagui/shapes": "^1.5.9",
76
- "@tamagui/sheet": "^1.5.9",
77
- "@tamagui/slider": "^1.5.9",
78
- "@tamagui/stacks": "^1.5.9",
79
- "@tamagui/switch": "^1.5.9",
80
- "@tamagui/text": "^1.5.9",
81
- "@tamagui/tooltip": "^1.5.9",
82
- "@tamagui/use-controllable-state": "^1.5.9",
83
- "@tamagui/use-debounce": "^1.5.9",
84
- "@tamagui/use-event": "^1.5.9",
85
- "@tamagui/use-force-update": "^1.5.9",
86
- "@tamagui/use-window-dimensions": "^1.5.9",
87
- "@tamagui/visually-hidden": "^1.5.9"
43
+ "@tamagui/adapt": "^1.5.10",
44
+ "@tamagui/alert-dialog": "^1.5.10",
45
+ "@tamagui/animate-presence": "^1.5.10",
46
+ "@tamagui/avatar": "^1.5.10",
47
+ "@tamagui/button": "^1.5.10",
48
+ "@tamagui/card": "^1.5.10",
49
+ "@tamagui/checkbox": "^1.5.10",
50
+ "@tamagui/compose-refs": "^1.5.10",
51
+ "@tamagui/core": "^1.5.10",
52
+ "@tamagui/create-context": "^1.5.10",
53
+ "@tamagui/dialog": "^1.5.10",
54
+ "@tamagui/fake-react-native": "^1.5.10",
55
+ "@tamagui/font-size": "^1.5.10",
56
+ "@tamagui/form": "^1.5.10",
57
+ "@tamagui/get-button-sized": "^1.5.10",
58
+ "@tamagui/get-font-sized": "^1.5.10",
59
+ "@tamagui/get-size": "^1.5.10",
60
+ "@tamagui/helpers": "^1.5.10",
61
+ "@tamagui/helpers-tamagui": "^1.5.10",
62
+ "@tamagui/image": "^1.5.10",
63
+ "@tamagui/label": "^1.5.10",
64
+ "@tamagui/linear-gradient": "^1.5.10",
65
+ "@tamagui/list-item": "^1.5.10",
66
+ "@tamagui/popover": "^1.5.10",
67
+ "@tamagui/popper": "^1.5.10",
68
+ "@tamagui/portal": "^1.5.10",
69
+ "@tamagui/progress": "^1.5.10",
70
+ "@tamagui/radio-group": "^1.5.10",
71
+ "@tamagui/react-native-media-driver": "^1.5.10",
72
+ "@tamagui/scroll-view": "^1.5.10",
73
+ "@tamagui/select": "^1.5.10",
74
+ "@tamagui/separator": "^1.5.10",
75
+ "@tamagui/shapes": "^1.5.10",
76
+ "@tamagui/sheet": "^1.5.10",
77
+ "@tamagui/slider": "^1.5.10",
78
+ "@tamagui/stacks": "^1.5.10",
79
+ "@tamagui/switch": "^1.5.10",
80
+ "@tamagui/text": "^1.5.10",
81
+ "@tamagui/tooltip": "^1.5.10",
82
+ "@tamagui/use-controllable-state": "^1.5.10",
83
+ "@tamagui/use-debounce": "^1.5.10",
84
+ "@tamagui/use-event": "^1.5.10",
85
+ "@tamagui/use-force-update": "^1.5.10",
86
+ "@tamagui/use-window-dimensions": "^1.5.10",
87
+ "@tamagui/visually-hidden": "^1.5.10"
88
88
  },
89
89
  "peerDependencies": {
90
90
  "react": "*",
@@ -92,7 +92,7 @@
92
92
  "react-native-web": "*"
93
93
  },
94
94
  "devDependencies": {
95
- "@tamagui/build": "^1.5.9",
95
+ "@tamagui/build": "^1.5.10",
96
96
  "@types/node": "^16.11.9",
97
97
  "@types/react": "^18.0.15",
98
98
  "react": "^18.2.0",
@@ -8,40 +8,48 @@ setupReactNative({
8
8
  TextInput,
9
9
  })
10
10
 
11
+ export const defaultStyles = {
12
+ size: '$true',
13
+ fontFamily: '$body',
14
+ borderWidth: 1,
15
+ outlineWidth: 0,
16
+ color: '$color',
17
+ focusable: true,
18
+ borderColor: '$borderColor',
19
+ backgroundColor: '$background',
20
+ placeholderTextColor: '$placeholderColor',
21
+
22
+ // this fixes a flex bug where it overflows container
23
+ minWidth: 0,
24
+
25
+ hoverStyle: {
26
+ borderColor: '$borderColorHover',
27
+ },
28
+
29
+ focusStyle: {
30
+ borderColor: '$borderColorFocus',
31
+ borderWidth: 2,
32
+ marginHorizontal: -1,
33
+ },
34
+ } as const
35
+
11
36
  export const InputFrame = styled(
12
37
  TextInput,
13
38
  {
14
39
  name: 'Input',
15
- fontFamily: '$body',
16
- borderWidth: 1,
17
- outlineWidth: 0,
18
- color: '$color',
19
- focusable: true,
20
- borderColor: '$borderColor',
21
- backgroundColor: '$background',
22
- placeholderTextColor: '$placeholderColor',
23
-
24
- // this fixes a flex bug where it overflows container
25
- minWidth: 0,
26
-
27
- hoverStyle: {
28
- borderColor: '$borderColorHover',
29
- },
30
-
31
- focusStyle: {
32
- borderColor: '$borderColorFocus',
33
- borderWidth: 2,
34
- marginHorizontal: -1,
35
- },
36
40
 
37
41
  variants: {
42
+ unstyled: {
43
+ false: defaultStyles,
44
+ },
45
+
38
46
  size: {
39
47
  '...size': inputSizeVariant,
40
48
  },
41
49
  } as const,
42
50
 
43
51
  defaultVariants: {
44
- size: '$true',
52
+ unstyled: false,
45
53
  },
46
54
  },
47
55
  {
@@ -2,22 +2,28 @@ import { GetProps, styled } from '@tamagui/core'
2
2
  import { focusableInputHOC } from '@tamagui/focusable'
3
3
 
4
4
  import { textAreaSizeVariant } from '../helpers/inputHelpers'
5
- import { InputFrame } from './Input'
5
+ import { InputFrame, defaultStyles } from './Input'
6
6
 
7
7
  export const TextAreaFrame = styled(InputFrame, {
8
8
  name: 'TextArea',
9
9
  multiline: true,
10
- numberOfLines: 4,
11
- height: 'auto',
12
10
 
13
11
  variants: {
12
+ unstyled: {
13
+ false: {
14
+ ...defaultStyles,
15
+ height: 'auto',
16
+ numberOfLines: 4,
17
+ },
18
+ },
19
+
14
20
  size: {
15
21
  '...size': textAreaSizeVariant,
16
22
  },
17
23
  } as const,
18
24
 
19
25
  defaultVariants: {
20
- size: '$true',
26
+ unstyled: false,
21
27
  },
22
28
  })
23
29
 
@@ -0,0 +1 @@
1
+ {"version":3,"file":"createTamagui.d.ts","sourceRoot":"","sources":["../src/createTamagui.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,IAAI,iBAAiB,EAAE,MAAM,eAAe,CAAA;AAElE;;IAEI;AAEJ,eAAO,MAAM,aAAa,EAAE,OAAO,iBAkE5B,CAAA"}
@@ -0,0 +1 @@
1
+ {"version":3,"file":"inputHelpers.d.ts","sourceRoot":"","sources":["../../src/helpers/inputHelpers.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,yBAAyB,EAA2B,MAAM,eAAe,CAAA;AAKlF,eAAO,MAAM,gBAAgB,EAAE,yBAAyB,CAAC,GAAG,CAmB3D,CAAA;AAED,eAAO,MAAM,mBAAmB,EAAE,yBAAyB,CAAC,GAAG,CAmB9D,CAAA"}
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAA;AAEvB,cAAc,gBAAgB,CAAA;AAC9B,cAAc,uBAAuB,CAAA;AACrC,cAAc,2BAA2B,CAAA;AACzC,cAAc,iBAAiB,CAAA;AAC/B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,eAAe,CAAA;AAC7B,cAAc,uBAAuB,CAAA;AACrC,cAAc,yBAAyB,CAAA;AACvC,cAAc,iBAAiB,CAAA;AAC/B,cAAc,oBAAoB,CAAA;AAClC,cAAc,eAAe,CAAA;AAC7B,cAAc,0BAA0B,CAAA;AACxC,cAAc,gBAAgB,CAAA;AAC9B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,oBAAoB,CAAA;AAClC,cAAc,kBAAkB,CAAA;AAChC,cAAc,iBAAiB,CAAA;AAC/B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,mBAAmB,CAAA;AACjC,cAAc,sBAAsB,CAAA;AACpC,cAAc,sBAAsB,CAAA;AACpC,cAAc,iBAAiB,CAAA;AAC/B,cAAc,oBAAoB,CAAA;AAClC,cAAc,iBAAiB,CAAA;AAC/B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,eAAe,CAAA;AAC7B,cAAc,kBAAkB,CAAA;AAChC,cAAc,iCAAiC,CAAA;AAC/C,cAAc,uBAAuB,CAAA;AACrC,cAAc,2BAA2B,CAAA;AACzC,cAAc,gCAAgC,CAAA;AAC9C,cAAc,0BAA0B,CAAA;AACxC,cAAc,mBAAmB,CAAA;AAEjC,cAAc,iBAAiB,CAAA;AAE/B,cAAc,yBAAyB,CAAA;AACvC,cAAc,aAAa,CAAA;AAE3B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,sBAAsB,CAAA;AACpC,cAAc,kBAAkB,CAAA;AAChC,cAAc,cAAc,CAAA;AAC5B,cAAc,eAAe,CAAA;AAC7B,cAAc,eAAe,CAAA;AAC7B,cAAc,iBAAiB,CAAA;AAE/B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,kBAAkB,CAAA;AAIhC,YAAY,EACV,aAAa,EACb,WAAW,EACX,mBAAmB,EACnB,kBAAkB,EAClB,eAAe,EACf,uBAAuB,EACvB,oBAAoB,EACpB,cAAc,EACd,eAAe,EACf,UAAU,EACV,mBAAmB,EACnB,gBAAgB,EAChB,WAAW,EACX,oBAAoB,EACpB,gBAAgB,EAChB,QAAQ,EACR,eAAe,EACf,mBAAmB,EACnB,oBAAoB,EACpB,KAAK,EACL,aAAa,EACb,YAAY,EACZ,eAAe,EACf,UAAU,EACV,UAAU,EACV,WAAW,EACX,WAAW,EACX,cAAc,EACd,cAAc,EACd,kBAAkB,EAClB,YAAY,EACZ,kBAAkB,EAClB,gBAAgB,EAChB,gBAAgB,EAChB,yBAAyB,EACzB,aAAa,EACb,aAAa,EACb,mBAAmB,EACnB,qBAAqB,EACrB,oBAAoB,EACpB,SAAS,EACT,aAAa,EACb,iBAAiB,EACjB,SAAS,EACT,SAAS,EACT,WAAW,EACX,UAAU,EACV,MAAM,EACN,kBAAkB,EAClB,MAAM,EACN,mBAAmB,EACnB,mBAAmB,EACnB,qBAAqB,EACrB,YAAY,GACb,MAAM,eAAe,CAAA;AAEtB,OAAO,EAEL,MAAM,EACN,KAAK,EACL,IAAI,EACJ,KAAK,EACL,YAAY,EACZ,QAAQ,EAER,mBAAmB,EAEnB,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,WAAW,EACX,KAAK,EACL,cAAc,EACd,gBAAgB,EAChB,eAAe,EACf,UAAU,EACV,gBAAgB,EAChB,WAAW,EACX,QAAQ,EACR,WAAW,EACX,YAAY,EACZ,cAAc,EACd,SAAS,EACT,kBAAkB,EAClB,QAAQ,EACR,eAAe,EACf,SAAS,EACT,SAAS,EACT,WAAW,EACX,gBAAgB,EAChB,gBAAgB,EAChB,eAAe,EACf,UAAU,EACV,gBAAgB,EAChB,kBAAkB,EAClB,UAAU,EACV,UAAU,EACV,mBAAmB,EACnB,UAAU,EACV,cAAc,EACd,MAAM,EACN,SAAS,EACT,QAAQ,EACR,oBAAoB,EAEpB,MAAM,EACN,QAAQ,EACR,eAAe,EACf,yBAAyB,EACzB,gBAAgB,EAChB,QAAQ,EACR,QAAQ,EACR,YAAY,EACZ,UAAU,GACX,MAAM,eAAe,CAAA;AAEtB,wBAAgB,cAAc,CAAC,KAAK,EAAE,KAAK,QAK1C"}
@@ -0,0 +1 @@
1
+ {"version":3,"file":"linear-gradient.native.d.ts","sourceRoot":"","sources":["../../src/lib/linear-gradient.native.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAA"}
@@ -0,0 +1 @@
1
+ {"version":3,"file":"linear-gradient.d.ts","sourceRoot":"","sources":["../src/linear-gradient.ts"],"names":[],"mappings":"AAAA,cAAc,0BAA0B,CAAA"}
@@ -0,0 +1 @@
1
+ {"version":3,"file":"setup.d.ts","sourceRoot":"","sources":["../src/setup.ts"],"names":[],"mappings":"AA4BA,eAAO,MAAM,IAAI,YAAW,CAAA"}
@@ -0,0 +1 @@
1
+ {"version":3,"file":"viewTypes.d.ts","sourceRoot":"","sources":["../src/viewTypes.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AAEnD,MAAM,MAAM,uBAAuB,GAAG;IACpC,CAAC,CAAC,EAAE,SAAS,CAAC,OAAO,CAAC,CAAA;IACtB,CAAC,CAAC,EAAE,SAAS,CAAC,QAAQ,CAAC,CAAA;IAEvB,CAAC,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;IACxB,EAAE,CAAC,EAAE,SAAS,CAAC,YAAY,CAAC,CAAA;IAC5B,EAAE,CAAC,EAAE,SAAS,CAAC,eAAe,CAAC,CAAA;IAC/B,EAAE,CAAC,EAAE,SAAS,CAAC,aAAa,CAAC,CAAA;IAC7B,EAAE,CAAC,EAAE,SAAS,CAAC,cAAc,CAAC,CAAA;IAC9B,EAAE,CAAC,EAAE,SAAS,CAAC,mBAAmB,CAAC,CAAA;IACnC,EAAE,CAAC,EAAE,SAAS,CAAC,iBAAiB,CAAC,CAAA;IACjC,CAAC,CAAC,EAAE,SAAS,CAAC,QAAQ,CAAC,CAAA;IACvB,EAAE,CAAC,EAAE,SAAS,CAAC,WAAW,CAAC,CAAA;IAC3B,EAAE,CAAC,EAAE,SAAS,CAAC,cAAc,CAAC,CAAA;IAC9B,EAAE,CAAC,EAAE,SAAS,CAAC,YAAY,CAAC,CAAA;IAC5B,EAAE,CAAC,EAAE,SAAS,CAAC,aAAa,CAAC,CAAA;IAC7B,EAAE,CAAC,EAAE,SAAS,CAAC,kBAAkB,CAAC,CAAA;IAClC,EAAE,CAAC,EAAE,SAAS,CAAC,gBAAgB,CAAC,CAAA;IAEhC,CAAC,CAAC,EAAE,SAAS,CAAC,MAAM,CAAC,CAAA;IACrB,EAAE,CAAC,EAAE,SAAS,CAAC,eAAe,CAAC,CAAA;IAC/B,EAAE,CAAC,EAAE,SAAS,CAAC,UAAU,CAAC,CAAA;IAC1B,EAAE,CAAC,EAAE,SAAS,CAAC,UAAU,CAAC,CAAA;IAC1B,EAAE,CAAC,EAAE,SAAS,CAAC,YAAY,CAAC,CAAA;IAC5B,EAAE,CAAC,EAAE,SAAS,CAAC,WAAW,CAAC,CAAA;IAE3B,EAAE,CAAC,EAAE,SAAS,CAAC,YAAY,CAAC,CAAA;IAC5B,EAAE,CAAC,EAAE,SAAS,CAAC,cAAc,CAAC,CAAA;IAC9B,EAAE,CAAC,EAAE,SAAS,CAAC,gBAAgB,CAAC,CAAA;IAChC,GAAG,CAAC,EAAE,SAAS,CAAC,WAAW,CAAC,CAAA;IAE5B,EAAE,CAAC,EAAE,SAAS,CAAC,iBAAiB,CAAC,CAAA;IAEjC,EAAE,CAAC,EAAE,SAAS,CAAC,cAAc,CAAC,CAAA;IAC9B,IAAI,CAAC,EAAE,SAAS,CAAC,sBAAsB,CAAC,CAAA;IACxC,IAAI,CAAC,EAAE,SAAS,CAAC,yBAAyB,CAAC,CAAA;IAC3C,IAAI,CAAC,EAAE,SAAS,CAAC,wBAAwB,CAAC,CAAA;IAC1C,IAAI,CAAC,EAAE,SAAS,CAAC,qBAAqB,CAAC,CAAA;IAEvC,EAAE,CAAC,EAAE,UAAU,GAAG,MAAM,GAAG,UAAU,GAAG,MAAM,CAAA;IAC9C,EAAE,CAAC,EAAE,SAAS,CAAC,QAAQ,CAAC,CAAA;CACzB,CAAA;AAED,MAAM,MAAM,uBAAuB,GAAG,uBAAuB,GAAG;IAC9D,EAAE,CAAC,EAAE,SAAS,CAAC,WAAW,CAAC,CAAA;IAC3B,EAAE,CAAC,EAAE,SAAS,CAAC,UAAU,CAAC,CAAA;IAC1B,EAAE,CAAC,EAAE,SAAS,CAAC,YAAY,CAAC,CAAA;CAC7B,CAAA"}
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Anchor.d.ts","sourceRoot":"","sources":["../../src/views/Anchor.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,cAAc,EAAiB,MAAM,eAAe,CAAA;AACpF,OAAO,EAAe,gBAAgB,EAAE,MAAM,eAAe,CAAA;AAI7D,MAAM,MAAM,WAAW,GAAG,gBAAgB,GAAG;IAC3C,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,GAAG,CAAC,EAAE,MAAM,CAAA;CACb,CAAA;AAQD,eAAO,MAAM,MAAM,EAAE,qBAAqB,CAAC,WAAW,EAAE,cAAc,CAuBnE,CAAA"}
@@ -0,0 +1 @@
1
+ {"version":3,"file":"EnsureFlexed.d.ts","sourceRoot":"","sources":["../../src/views/EnsureFlexed.tsx"],"names":[],"mappings":"AAIA,eAAO,MAAM,YAAY;;;;;;;;EAavB,CAAA"}
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Fieldset.d.ts","sourceRoot":"","sources":["../../src/views/Fieldset.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAU,MAAM,eAAe,CAAA;AAGhD,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;EAYnB,CAAA;AAEF,MAAM,MAAM,aAAa,GAAG,QAAQ,CAAC,OAAO,QAAQ,CAAC,CAAA"}
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Form.d.ts","sourceRoot":"","sources":["../../src/views/Form.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,IAAI;;;;;;;;EAGf,CAAA"}
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Grid.d.ts","sourceRoot":"","sources":["../../src/views/Grid.tsx"],"names":[],"mappings":";AAIA,MAAM,MAAM,SAAS,GAAG;IACtB,QAAQ,CAAC,EAAE,GAAG,CAAA;IACd,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,GAAG,CAAC,EAAE,GAAG,CAAA;IACT,OAAO,CAAC,EAAE,MAAM,CAAA;CACjB,CAAA;AAED,wBAAgB,IAAI,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,YAAkB,EAAE,GAAG,EAAE,EAAE,SAAS,eA0C7E"}
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Group.d.ts","sourceRoot":"","sources":["../../src/views/Group.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,QAAQ,EACR,cAAc,EAUf,MAAM,eAAe,CAAA;AAEtB,OAAO,KAA+C,MAAM,OAAO,CAAA;AAGnE,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAiBrB,CAAA;AAEF,MAAM,MAAM,UAAU,GAAG,QAAQ,CAAC,OAAO,UAAU,CAAC,GAAG;IACrD,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB;;OAEG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAA;IAC7B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,uBAAuB,CAAC,EAAE,OAAO,CAAA;CAClC,CAAA;AA8FD,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IArGjB;;OAEG;;;;;wCAmGkC,CAAA;AACvC,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAtGjB;;OAEG;;;;;wCAoGmC,CAAA"}
@@ -1,21 +1,49 @@
1
1
  import { GetProps } from '@tamagui/core';
2
- export declare const InputFrame: import("@tamagui/core").TamaguiComponent<import("react-native").TextInputProps & Omit<import("@tamagui/core").TextProps, keyof import("react-native").TextInputProps> & Omit<{}, "size"> & {
3
- readonly size?: import("@tamagui/core").SizeTokens | undefined;
4
- } & import("@tamagui/core").MediaProps<Partial<import("react-native").TextInputProps & Omit<import("@tamagui/core").TextProps, keyof import("react-native").TextInputProps> & Omit<{}, "size"> & {
5
- readonly size?: import("@tamagui/core").SizeTokens | undefined;
6
- }>> & import("@tamagui/core").PseudoProps<Partial<import("react-native").TextInputProps & Omit<import("@tamagui/core").TextProps, keyof import("react-native").TextInputProps> & Omit<{}, "size"> & {
2
+ export declare const defaultStyles: {
3
+ readonly size: "$true";
4
+ readonly fontFamily: "$body";
5
+ readonly borderWidth: 1;
6
+ readonly outlineWidth: 0;
7
+ readonly color: "$color";
8
+ readonly focusable: true;
9
+ readonly borderColor: "$borderColor";
10
+ readonly backgroundColor: "$background";
11
+ readonly placeholderTextColor: "$placeholderColor";
12
+ readonly minWidth: 0;
13
+ readonly hoverStyle: {
14
+ readonly borderColor: "$borderColorHover";
15
+ };
16
+ readonly focusStyle: {
17
+ readonly borderColor: "$borderColorFocus";
18
+ readonly borderWidth: 2;
19
+ readonly marginHorizontal: -1;
20
+ };
21
+ };
22
+ export declare const InputFrame: import("@tamagui/core").TamaguiComponent<import("react-native").TextInputProps & Omit<import("@tamagui/core").TextProps, keyof import("react-native").TextInputProps> & Omit<{}, "size" | "unstyled"> & {
23
+ readonly unstyled?: boolean | undefined;
24
+ readonly size?: import("@tamagui/core").SizeTokens | undefined;
25
+ } & import("@tamagui/core").MediaProps<Partial<import("react-native").TextInputProps & Omit<import("@tamagui/core").TextProps, keyof import("react-native").TextInputProps> & Omit<{}, "size" | "unstyled"> & {
26
+ readonly unstyled?: boolean | undefined;
27
+ readonly size?: import("@tamagui/core").SizeTokens | undefined;
28
+ }>> & import("@tamagui/core").PseudoProps<Partial<import("react-native").TextInputProps & Omit<import("@tamagui/core").TextProps, keyof import("react-native").TextInputProps> & Omit<{}, "size" | "unstyled"> & {
29
+ readonly unstyled?: boolean | undefined;
7
30
  readonly size?: import("@tamagui/core").SizeTokens | undefined;
8
31
  }>>, import("@tamagui/core").TamaguiElement, import("react-native").TextInputProps & Omit<import("@tamagui/core").TextProps, keyof import("react-native").TextInputProps>, {
32
+ readonly unstyled?: boolean | undefined;
9
33
  readonly size?: import("@tamagui/core").SizeTokens | undefined;
10
34
  }>;
11
35
  export type InputProps = GetProps<typeof InputFrame>;
12
- export declare const Input: import("@tamagui/core").TamaguiComponent<import("react-native").TextInputProps & Omit<import("@tamagui/core").TextProps, keyof import("react-native").TextInputProps> & Omit<{}, "size"> & {
36
+ export declare const Input: import("@tamagui/core").TamaguiComponent<import("react-native").TextInputProps & Omit<import("@tamagui/core").TextProps, keyof import("react-native").TextInputProps> & Omit<{}, "size" | "unstyled"> & {
37
+ readonly unstyled?: boolean | undefined;
13
38
  readonly size?: import("@tamagui/core").SizeTokens | undefined;
14
- } & import("@tamagui/core").MediaProps<Partial<import("react-native").TextInputProps & Omit<import("@tamagui/core").TextProps, keyof import("react-native").TextInputProps> & Omit<{}, "size"> & {
39
+ } & import("@tamagui/core").MediaProps<Partial<import("react-native").TextInputProps & Omit<import("@tamagui/core").TextProps, keyof import("react-native").TextInputProps> & Omit<{}, "size" | "unstyled"> & {
40
+ readonly unstyled?: boolean | undefined;
15
41
  readonly size?: import("@tamagui/core").SizeTokens | undefined;
16
- }>> & import("@tamagui/core").PseudoProps<Partial<import("react-native").TextInputProps & Omit<import("@tamagui/core").TextProps, keyof import("react-native").TextInputProps> & Omit<{}, "size"> & {
42
+ }>> & import("@tamagui/core").PseudoProps<Partial<import("react-native").TextInputProps & Omit<import("@tamagui/core").TextProps, keyof import("react-native").TextInputProps> & Omit<{}, "size" | "unstyled"> & {
43
+ readonly unstyled?: boolean | undefined;
17
44
  readonly size?: import("@tamagui/core").SizeTokens | undefined;
18
45
  }>>, import("@tamagui/core").TamaguiElement, import("react-native").TextInputProps & Omit<import("@tamagui/core").TextProps, keyof import("react-native").TextInputProps>, {
46
+ readonly unstyled?: boolean | undefined;
19
47
  readonly size?: import("@tamagui/core").SizeTokens | undefined;
20
48
  }>;
21
49
  //# sourceMappingURL=Input.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../src/views/Input.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAA4B,MAAM,eAAe,CAAA;AAUlE,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;CAuBhB,CAAA;AAEV,eAAO,MAAM,UAAU;;;;;;;;;;;;EAsBtB,CAAA;AAED,MAAM,MAAM,UAAU,GAAG,QAAQ,CAAC,OAAO,UAAU,CAAC,CAAA;AAEpD,eAAO,MAAM,KAAK;;;;;;;;;;;;EAAgC,CAAA"}
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Layouts.d.ts","sourceRoot":"","sources":["../../src/views/Layouts.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,OAAO;;;;;;;;EAKlB,CAAA;AAEF,eAAO,MAAM,OAAO;;;;;;;;EAIlB,CAAA;AAEF,eAAO,MAAM,IAAI;;;;;;;;EAIf,CAAA;AAEF,eAAO,MAAM,MAAM;;;;;;;;EAKjB,CAAA;AAEF,eAAO,MAAM,KAAK;;;;;;;;EAKhB,CAAA;AAEF,eAAO,MAAM,MAAM;;;;;;;;EAKjB,CAAA;AAEF,eAAO,MAAM,GAAG;;;;;;;;EAKd,CAAA"}
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Skeleton.d.ts","sourceRoot":"","sources":["../../src/views/Skeleton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,cAAc,EAAU,MAAM,eAAe,CAAA;AAChE,OAAO,EAAkB,mBAAmB,EAAE,MAAM,0BAA0B,CAAA;AAM9E,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAKxB,CAAA;AAEF,MAAM,MAAM,aAAa,GAAG,QAAQ,CAAC,OAAO,aAAa,CAAC,CAAA;AAE1D,eAAO,MAAM,QAAQ,0FASpB,CAAA;AAED,eAAO,MAAM,aAAa,UAAW,mBAAmB,gBAWvD,CAAA"}
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Spinner.d.ts","sourceRoot":"","sources":["../../src/views/Spinner.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,WAAW,EAEX,WAAW,EAIZ,MAAM,eAAe,CAAA;AACtB,OAAO,EAAU,WAAW,EAAE,MAAM,iBAAiB,CAAA;AACrD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,MAAM,MAAM,YAAY,GAAG,IAAI,CAAC,WAAW,EAAE,UAAU,CAAC,GAAG;IACzD,IAAI,CAAC,EAAE,OAAO,GAAG,OAAO,CAAA;IACxB,KAAK,CAAC,EAAE,CAAC,WAAW,GAAG,WAAW,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC,GAAG,IAAI,CAAA;CAC3D,CAAA;AAED,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,yBAAyB,CACnD,YAAY,GAAG,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,CAoBjC,CAAA"}
@@ -0,0 +1 @@
1
+ {"version":3,"file":"TamaguiProvider.d.ts","sourceRoot":"","sources":["../../src/views/TamaguiProvider.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,IAAI,UAAU,EAAS,MAAM,eAAe,CAAA;AAGpE,eAAO,MAAM,eAAe,mBAQvB,CAAA"}
@@ -0,0 +1 @@
1
+ {"version":3,"file":"TamaguiProvider.server.d.ts","sourceRoot":"","sources":["../../src/views/TamaguiProvider.server.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,IAAI,UAAU,EAAE,MAAM,eAAe,CAAA;AAE7D,eAAO,MAAM,eAAe,mBAAa,CAAA"}
@@ -1,37 +1,53 @@
1
1
  import { GetProps } from '@tamagui/core';
2
2
  export declare const TextAreaFrame: import("@tamagui/core").TamaguiComponent<import("react-native").TextInputProps & Omit<import("@tamagui/core").TextProps, keyof import("react-native").TextInputProps> & Omit<{
3
+ readonly unstyled?: boolean | undefined;
3
4
  readonly size?: import("@tamagui/core").SizeTokens | undefined;
4
- }, "size"> & {
5
+ }, "size" | "unstyled"> & {
6
+ readonly unstyled?: boolean | undefined;
5
7
  readonly size?: import("@tamagui/core").SizeTokens | undefined;
6
8
  } & import("@tamagui/core").MediaProps<Partial<import("react-native").TextInputProps & Omit<import("@tamagui/core").TextProps, keyof import("react-native").TextInputProps> & Omit<{
9
+ readonly unstyled?: boolean | undefined;
7
10
  readonly size?: import("@tamagui/core").SizeTokens | undefined;
8
- }, "size"> & {
11
+ }, "size" | "unstyled"> & {
12
+ readonly unstyled?: boolean | undefined;
9
13
  readonly size?: import("@tamagui/core").SizeTokens | undefined;
10
14
  }>> & import("@tamagui/core").PseudoProps<Partial<import("react-native").TextInputProps & Omit<import("@tamagui/core").TextProps, keyof import("react-native").TextInputProps> & Omit<{
15
+ readonly unstyled?: boolean | undefined;
11
16
  readonly size?: import("@tamagui/core").SizeTokens | undefined;
12
- }, "size"> & {
17
+ }, "size" | "unstyled"> & {
18
+ readonly unstyled?: boolean | undefined;
13
19
  readonly size?: import("@tamagui/core").SizeTokens | undefined;
14
20
  }>>, import("@tamagui/core").TamaguiElement, import("react-native").TextInputProps & Omit<import("@tamagui/core").TextProps, keyof import("react-native").TextInputProps>, {
21
+ readonly unstyled?: boolean | undefined;
15
22
  readonly size?: import("@tamagui/core").SizeTokens | undefined;
16
23
  } & {
24
+ readonly unstyled?: boolean | undefined;
17
25
  readonly size?: import("@tamagui/core").SizeTokens | undefined;
18
26
  }>;
19
27
  export type TextAreaProps = GetProps<typeof TextArea>;
20
28
  export declare const TextArea: import("@tamagui/core").TamaguiComponent<import("react-native").TextInputProps & Omit<import("@tamagui/core").TextProps, keyof import("react-native").TextInputProps> & Omit<{
29
+ readonly unstyled?: boolean | undefined;
21
30
  readonly size?: import("@tamagui/core").SizeTokens | undefined;
22
- }, "size"> & {
31
+ }, "size" | "unstyled"> & {
32
+ readonly unstyled?: boolean | undefined;
23
33
  readonly size?: import("@tamagui/core").SizeTokens | undefined;
24
34
  } & import("@tamagui/core").MediaProps<Partial<import("react-native").TextInputProps & Omit<import("@tamagui/core").TextProps, keyof import("react-native").TextInputProps> & Omit<{
35
+ readonly unstyled?: boolean | undefined;
25
36
  readonly size?: import("@tamagui/core").SizeTokens | undefined;
26
- }, "size"> & {
37
+ }, "size" | "unstyled"> & {
38
+ readonly unstyled?: boolean | undefined;
27
39
  readonly size?: import("@tamagui/core").SizeTokens | undefined;
28
40
  }>> & import("@tamagui/core").PseudoProps<Partial<import("react-native").TextInputProps & Omit<import("@tamagui/core").TextProps, keyof import("react-native").TextInputProps> & Omit<{
41
+ readonly unstyled?: boolean | undefined;
29
42
  readonly size?: import("@tamagui/core").SizeTokens | undefined;
30
- }, "size"> & {
43
+ }, "size" | "unstyled"> & {
44
+ readonly unstyled?: boolean | undefined;
31
45
  readonly size?: import("@tamagui/core").SizeTokens | undefined;
32
46
  }>>, import("@tamagui/core").TamaguiElement, import("react-native").TextInputProps & Omit<import("@tamagui/core").TextProps, keyof import("react-native").TextInputProps>, {
47
+ readonly unstyled?: boolean | undefined;
33
48
  readonly size?: import("@tamagui/core").SizeTokens | undefined;
34
49
  } & {
50
+ readonly unstyled?: boolean | undefined;
35
51
  readonly size?: import("@tamagui/core").SizeTokens | undefined;
36
52
  }>;
37
53
  //# sourceMappingURL=TextArea.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"TextArea.d.ts","sourceRoot":"","sources":["../../src/views/TextArea.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAU,MAAM,eAAe,CAAA;AAMhD,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;EAqBxB,CAAA;AAEF,MAAM,MAAM,aAAa,GAAG,QAAQ,CAAC,OAAO,QAAQ,CAAC,CAAA;AAErD,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;EAAmC,CAAA"}
@@ -0,0 +1 @@
1
+ {"version":3,"file":"VisuallyHidden.d.ts","sourceRoot":"","sources":["../../src/views/VisuallyHidden.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,cAAc;;;;;;;;;;;;EAgCzB,CAAA"}