@tamagui/input 2.0.0-rc.8 → 2.0.0

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 (164) hide show
  1. package/dist/cjs/Input.cjs +165 -153
  2. package/dist/cjs/Input.native.js +255 -257
  3. package/dist/cjs/Input.native.js.map +1 -1
  4. package/dist/cjs/InputNativeProps.cjs +7 -5
  5. package/dist/cjs/InputNativeProps.native.js +7 -5
  6. package/dist/cjs/InputNativeProps.native.js.map +1 -1
  7. package/dist/cjs/TextArea.cjs +15 -13
  8. package/dist/cjs/TextArea.native.js +34 -32
  9. package/dist/cjs/TextArea.native.js.map +1 -1
  10. package/dist/cjs/index.cjs +13 -11
  11. package/dist/cjs/index.native.js +13 -11
  12. package/dist/cjs/index.native.js.map +1 -1
  13. package/dist/cjs/inputTypes.test-d.cjs +125 -0
  14. package/dist/cjs/inputTypes.test-d.native.js +128 -0
  15. package/dist/cjs/inputTypes.test-d.native.js.map +1 -0
  16. package/dist/cjs/shared.cjs +119 -101
  17. package/dist/cjs/shared.native.js +125 -107
  18. package/dist/cjs/shared.native.js.map +1 -1
  19. package/dist/cjs/types.cjs +7 -5
  20. package/dist/cjs/types.native.js +7 -5
  21. package/dist/cjs/types.native.js.map +1 -1
  22. package/dist/cjs/v1/Input.cjs +177 -170
  23. package/dist/cjs/v1/Input.native.js +154 -112
  24. package/dist/cjs/v1/Input.native.js.map +1 -1
  25. package/dist/cjs/v1/TextArea.cjs +15 -13
  26. package/dist/cjs/v1/TextArea.native.js +34 -32
  27. package/dist/cjs/v1/TextArea.native.js.map +1 -1
  28. package/dist/cjs/v1/index.cjs +7 -5
  29. package/dist/cjs/v1/index.native.js +7 -5
  30. package/dist/cjs/v1/index.native.js.map +1 -1
  31. package/dist/cjs/v1/types.cjs +7 -5
  32. package/dist/cjs/v1/types.native.js +7 -5
  33. package/dist/cjs/v1/types.native.js.map +1 -1
  34. package/dist/esm/Input.mjs +134 -124
  35. package/dist/esm/Input.mjs.map +1 -1
  36. package/dist/esm/Input.native.js +225 -229
  37. package/dist/esm/Input.native.js.map +1 -1
  38. package/dist/esm/TextArea.mjs.map +1 -1
  39. package/dist/esm/TextArea.native.js.map +1 -1
  40. package/dist/esm/index.js +4 -7
  41. package/dist/esm/index.js.map +1 -6
  42. package/dist/esm/inputTypes.test-d.mjs +126 -0
  43. package/dist/esm/inputTypes.test-d.mjs.map +1 -0
  44. package/dist/esm/inputTypes.test-d.native.js +126 -0
  45. package/dist/esm/inputTypes.test-d.native.js.map +1 -0
  46. package/dist/esm/shared.mjs +102 -86
  47. package/dist/esm/shared.mjs.map +1 -1
  48. package/dist/esm/shared.native.js +107 -91
  49. package/dist/esm/shared.native.js.map +1 -1
  50. package/dist/esm/v1/Input.mjs +146 -141
  51. package/dist/esm/v1/Input.mjs.map +1 -1
  52. package/dist/esm/v1/Input.native.js +123 -83
  53. package/dist/esm/v1/Input.native.js.map +1 -1
  54. package/dist/jsx/Input.mjs +134 -124
  55. package/dist/jsx/Input.mjs.map +1 -1
  56. package/dist/jsx/Input.native.js +255 -257
  57. package/dist/jsx/Input.native.js.map +1 -1
  58. package/dist/jsx/InputNativeProps.native.js +7 -5
  59. package/dist/jsx/TextArea.mjs.map +1 -1
  60. package/dist/jsx/TextArea.native.js +34 -32
  61. package/dist/jsx/TextArea.native.js.map +1 -1
  62. package/dist/jsx/index.js +4 -7
  63. package/dist/jsx/index.js.map +1 -6
  64. package/dist/jsx/index.native.js +13 -11
  65. package/dist/jsx/inputTypes.test-d.mjs +126 -0
  66. package/dist/jsx/inputTypes.test-d.mjs.map +1 -0
  67. package/dist/jsx/inputTypes.test-d.native.js +128 -0
  68. package/dist/jsx/inputTypes.test-d.native.js.map +1 -0
  69. package/dist/jsx/shared.mjs +102 -86
  70. package/dist/jsx/shared.mjs.map +1 -1
  71. package/dist/jsx/shared.native.js +125 -107
  72. package/dist/jsx/shared.native.js.map +1 -1
  73. package/dist/jsx/types.native.js +7 -5
  74. package/dist/jsx/v1/Input.mjs +146 -141
  75. package/dist/jsx/v1/Input.mjs.map +1 -1
  76. package/dist/jsx/v1/Input.native.js +154 -112
  77. package/dist/jsx/v1/Input.native.js.map +1 -1
  78. package/dist/jsx/v1/TextArea.native.js +34 -32
  79. package/dist/jsx/v1/TextArea.native.js.map +1 -1
  80. package/dist/jsx/v1/index.native.js +7 -5
  81. package/dist/jsx/v1/types.native.js +7 -5
  82. package/package.json +21 -24
  83. package/src/Input.native.tsx +3 -30
  84. package/src/Input.tsx +7 -5
  85. package/src/TextArea.tsx +3 -3
  86. package/src/index.ts +1 -1
  87. package/src/inputTypes.test-d.ts +237 -0
  88. package/src/shared.tsx +9 -0
  89. package/src/types.ts +24 -14
  90. package/src/v1/Input.tsx +4 -4
  91. package/types/Input.d.ts +17 -6
  92. package/types/Input.d.ts.map +1 -1
  93. package/types/Input.native.d.ts +15 -6
  94. package/types/Input.native.d.ts.map +1 -1
  95. package/types/TextArea.d.ts +11 -4
  96. package/types/TextArea.d.ts.map +1 -1
  97. package/types/index.d.ts +1 -1
  98. package/types/index.d.ts.map +1 -1
  99. package/types/shared.d.ts +8 -0
  100. package/types/shared.d.ts.map +1 -1
  101. package/types/types.d.ts +14 -4
  102. package/types/types.d.ts.map +1 -1
  103. package/types/v1/Input.d.ts +15 -6
  104. package/types/v1/Input.d.ts.map +1 -1
  105. package/types/v1/Input.native.d.ts +15 -6
  106. package/types/v1/Input.native.d.ts.map +1 -1
  107. package/types/v1/TextArea.d.ts +9 -3
  108. package/types/v1/TextArea.d.ts.map +1 -1
  109. package/dist/cjs/Input.js +0 -143
  110. package/dist/cjs/Input.js.map +0 -6
  111. package/dist/cjs/InputNativeProps.js +0 -14
  112. package/dist/cjs/InputNativeProps.js.map +0 -6
  113. package/dist/cjs/TextArea.js +0 -43
  114. package/dist/cjs/TextArea.js.map +0 -6
  115. package/dist/cjs/index.js +0 -24
  116. package/dist/cjs/index.js.map +0 -6
  117. package/dist/cjs/shared.js +0 -108
  118. package/dist/cjs/shared.js.map +0 -6
  119. package/dist/cjs/types.js +0 -14
  120. package/dist/cjs/types.js.map +0 -6
  121. package/dist/cjs/v1/Input.js +0 -171
  122. package/dist/cjs/v1/Input.js.map +0 -6
  123. package/dist/cjs/v1/TextArea.js +0 -43
  124. package/dist/cjs/v1/TextArea.js.map +0 -6
  125. package/dist/cjs/v1/index.js +0 -16
  126. package/dist/cjs/v1/index.js.map +0 -6
  127. package/dist/cjs/v1/types.js +0 -14
  128. package/dist/cjs/v1/types.js.map +0 -6
  129. package/dist/esm/Input.js +0 -124
  130. package/dist/esm/Input.js.map +0 -6
  131. package/dist/esm/InputNativeProps.js +0 -1
  132. package/dist/esm/InputNativeProps.js.map +0 -6
  133. package/dist/esm/TextArea.js +0 -29
  134. package/dist/esm/TextArea.js.map +0 -6
  135. package/dist/esm/shared.js +0 -96
  136. package/dist/esm/shared.js.map +0 -6
  137. package/dist/esm/types.js +0 -1
  138. package/dist/esm/types.js.map +0 -6
  139. package/dist/esm/v1/Input.js +0 -152
  140. package/dist/esm/v1/Input.js.map +0 -6
  141. package/dist/esm/v1/TextArea.js +0 -29
  142. package/dist/esm/v1/TextArea.js.map +0 -6
  143. package/dist/esm/v1/index.js +0 -3
  144. package/dist/esm/v1/index.js.map +0 -6
  145. package/dist/esm/v1/types.js +0 -1
  146. package/dist/esm/v1/types.js.map +0 -6
  147. package/dist/jsx/Input.js +0 -124
  148. package/dist/jsx/Input.js.map +0 -6
  149. package/dist/jsx/InputNativeProps.js +0 -1
  150. package/dist/jsx/InputNativeProps.js.map +0 -6
  151. package/dist/jsx/TextArea.js +0 -29
  152. package/dist/jsx/TextArea.js.map +0 -6
  153. package/dist/jsx/shared.js +0 -96
  154. package/dist/jsx/shared.js.map +0 -6
  155. package/dist/jsx/types.js +0 -1
  156. package/dist/jsx/types.js.map +0 -6
  157. package/dist/jsx/v1/Input.js +0 -152
  158. package/dist/jsx/v1/Input.js.map +0 -6
  159. package/dist/jsx/v1/TextArea.js +0 -29
  160. package/dist/jsx/v1/TextArea.js.map +0 -6
  161. package/dist/jsx/v1/index.js +0 -3
  162. package/dist/jsx/v1/index.js.map +0 -6
  163. package/dist/jsx/v1/types.js +0 -1
  164. package/dist/jsx/v1/types.js.map +0 -6
@@ -3,20 +3,22 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
3
3
  var __getOwnPropNames = Object.getOwnPropertyNames;
4
4
  var __hasOwnProp = Object.prototype.hasOwnProperty;
5
5
  var __export = (target, all) => {
6
- for (var name in all) __defProp(target, name, {
7
- get: all[name],
8
- enumerable: !0
9
- });
10
- },
11
- __copyProps = (to, from, except, desc) => {
12
- if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
6
+ for (var name in all) __defProp(target, name, {
7
+ get: all[name],
8
+ enumerable: true
9
+ });
10
+ };
11
+ var __copyProps = (to, from, except, desc) => {
12
+ if (from && typeof from === "object" || typeof from === "function") {
13
+ for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
13
14
  get: () => from[key],
14
15
  enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
15
16
  });
16
- return to;
17
- };
17
+ }
18
+ return to;
19
+ };
18
20
  var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
19
- value: !0
21
+ value: true
20
22
  }), mod);
21
23
  var shared_exports = {};
22
24
  __export(shared_exports, {
@@ -27,100 +29,116 @@ __export(shared_exports, {
27
29
  textAreaSizeVariant: () => textAreaSizeVariant
28
30
  });
29
31
  module.exports = __toCommonJS(shared_exports);
30
- var import_core = require("@tamagui/core"),
31
- import_core2 = require("@tamagui/core"),
32
- import_get_button_sized = require("@tamagui/get-button-sized"),
33
- import_get_font_sized = require("@tamagui/get-font-sized"),
34
- import_get_token = require("@tamagui/get-token");
32
+ var import_core = require("@tamagui/core");
33
+ var import_core2 = require("@tamagui/core");
34
+ var import_get_button_sized = require("@tamagui/get-button-sized");
35
+ var import_get_font_sized = require("@tamagui/get-font-sized");
36
+ var import_get_token = require("@tamagui/get-token");
35
37
  const defaultStyles = {
36
- size: "$true",
37
- fontFamily: "$body",
38
- borderWidth: 1,
39
- outlineWidth: 0,
40
- color: "$color",
41
- ...(import_core2.isWeb ? {
42
- tabIndex: 0
43
- } : {
44
- focusable: !0
45
- }),
46
- borderColor: "$borderColor",
47
- backgroundColor: "$background",
48
- // this fixes a flex bug where it overflows container
49
- minWidth: 0,
50
- hoverStyle: {
51
- borderColor: "$borderColorHover"
52
- },
53
- focusStyle: {
54
- borderColor: "$borderColorFocus"
55
- },
56
- focusVisibleStyle: {
57
- outlineColor: "$outlineColor",
58
- outlineWidth: 2,
59
- outlineStyle: "solid"
60
- }
61
- },
62
- inputSizeVariant = (val = "$true", extras) => {
63
- if (extras.props.tag === "textarea" || extras.props.rows > 1 || extras.props.multiline || extras.props.numberOfLines > 1) return textAreaSizeVariant(val, extras);
64
- const buttonStyles = (0, import_get_button_sized.getButtonSized)(val, extras),
65
- paddingHorizontal = (0, import_get_token.getSpace)(val, {
66
- shift: -1,
67
- bounds: [2]
68
- }),
69
- fontStyle = (0, import_get_font_sized.getFontSized)(val, extras);
70
- return !import_core2.isWeb && fontStyle && delete fontStyle.lineHeight, {
71
- ...fontStyle,
72
- ...buttonStyles,
73
- paddingHorizontal
74
- };
38
+ size: "$true",
39
+ fontFamily: "$body",
40
+ borderWidth: 1,
41
+ outlineWidth: 0,
42
+ color: "$color",
43
+ ...(import_core2.isWeb ? {
44
+ tabIndex: 0
45
+ } : {
46
+ focusable: true
47
+ }),
48
+ borderColor: "$borderColor",
49
+ backgroundColor: "$background",
50
+ // this fixes a flex bug where it overflows container
51
+ minWidth: 0,
52
+ hoverStyle: {
53
+ borderColor: "$borderColorHover"
75
54
  },
76
- textAreaSizeVariant = (val = "$true", extras) => {
77
- const {
78
- props
79
- } = extras,
80
- buttonStyles = (0, import_get_button_sized.getButtonSized)(val, extras),
81
- fontStyle = (0, import_get_font_sized.getFontSized)(val, extras),
82
- lines = props.rows ?? props.numberOfLines,
83
- height = typeof lines == "number" ? lines * (0, import_core2.getVariableValue)(fontStyle.lineHeight) : "auto";
84
- !import_core2.isWeb && fontStyle && delete fontStyle.lineHeight;
85
- const paddingVertical = (0, import_get_token.getSpace)(val, {
86
- shift: -2,
87
- bounds: [2]
88
- }),
89
- paddingHorizontal = (0, import_get_token.getSpace)(val, {
90
- shift: -1,
91
- bounds: [2]
92
- });
93
- return {
94
- ...buttonStyles,
95
- ...fontStyle,
96
- paddingVertical,
97
- paddingHorizontal,
98
- height
99
- };
55
+ focusStyle: {
56
+ borderColor: "$borderColorFocus"
100
57
  },
101
- INPUT_NAME = "Input",
102
- styledBody = [{
103
- name: INPUT_NAME,
104
- render: "input",
105
- variants: {
106
- unstyled: {
107
- false: defaultStyles
108
- },
109
- size: {
110
- "...size": inputSizeVariant
58
+ focusVisibleStyle: {
59
+ outlineColor: "$outlineColor",
60
+ outlineWidth: 2,
61
+ outlineStyle: "solid"
62
+ }
63
+ };
64
+ const inputSizeVariant = (val = "$true", extras) => {
65
+ if (extras.props.tag === "textarea" || extras.props.rows > 1 || extras.props.multiline || extras.props.numberOfLines > 1) {
66
+ return textAreaSizeVariant(val, extras);
67
+ }
68
+ const buttonStyles = (0, import_get_button_sized.getButtonSized)(val, extras);
69
+ const paddingHorizontal = (0, import_get_token.getSpace)(val, {
70
+ shift: -1,
71
+ bounds: [2]
72
+ });
73
+ const fontStyle = (0, import_get_font_sized.getFontSized)(val, extras);
74
+ if (!import_core2.isWeb && fontStyle) {
75
+ delete fontStyle["lineHeight"];
76
+ }
77
+ return {
78
+ ...fontStyle,
79
+ ...buttonStyles,
80
+ paddingHorizontal
81
+ };
82
+ };
83
+ const textAreaSizeVariant = (val = "$true", extras) => {
84
+ const {
85
+ props
86
+ } = extras;
87
+ const buttonStyles = (0, import_get_button_sized.getButtonSized)(val, extras);
88
+ const fontStyle = (0, import_get_font_sized.getFontSized)(val, extras);
89
+ const lines = props.rows ?? props.numberOfLines;
90
+ const height = typeof lines === "number" ? lines * (0, import_core2.getVariableValue)(fontStyle.lineHeight) : "auto";
91
+ if (!import_core2.isWeb && fontStyle) {
92
+ delete fontStyle["lineHeight"];
93
+ }
94
+ const paddingVertical = (0, import_get_token.getSpace)(val, {
95
+ shift: -2,
96
+ bounds: [2]
97
+ });
98
+ const paddingHorizontal = (0, import_get_token.getSpace)(val, {
99
+ shift: -1,
100
+ bounds: [2]
101
+ });
102
+ return {
103
+ ...buttonStyles,
104
+ ...fontStyle,
105
+ paddingVertical,
106
+ paddingHorizontal,
107
+ height
108
+ };
109
+ };
110
+ const INPUT_NAME = "Input";
111
+ const styledBody = [{
112
+ name: INPUT_NAME,
113
+ render: "input",
114
+ variants: {
115
+ unstyled: {
116
+ true: {
117
+ // reset browser <input>/<textarea> defaults
118
+ outlineWidth: 0,
119
+ borderWidth: 0,
120
+ backgroundColor: "transparent"
111
121
  },
112
- disabled: {
113
- true: {}
114
- }
122
+ false: defaultStyles
115
123
  },
116
- defaultVariants: {
117
- unstyled: process.env.TAMAGUI_HEADLESS === "1"
118
- }
119
- }, {
120
- isInput: !0,
121
- accept: {
122
- placeholderTextColor: "color",
123
- selectionColor: "color"
124
+ size: {
125
+ "...size": inputSizeVariant
124
126
  },
125
- validStyles: import_core.Text.staticConfig.validStyles
126
- }];
127
+ disabled: {
128
+ true: {}
129
+ }
130
+ },
131
+ defaultVariants: {
132
+ unstyled: process.env.TAMAGUI_HEADLESS === "1"
133
+ }
134
+ }, {
135
+ isInput: true,
136
+ accept: {
137
+ placeholderTextColor: "color",
138
+ selectionColor: "color",
139
+ cursorColor: "color",
140
+ selectionHandleColor: "color",
141
+ underlineColorAndroid: "color"
142
+ },
143
+ validStyles: import_core.Text.staticConfig.validStyles
144
+ }];
@@ -5,20 +5,22 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
5
5
  var __getOwnPropNames = Object.getOwnPropertyNames;
6
6
  var __hasOwnProp = Object.prototype.hasOwnProperty;
7
7
  var __export = (target, all) => {
8
- for (var name in all) __defProp(target, name, {
9
- get: all[name],
10
- enumerable: !0
11
- });
12
- },
13
- __copyProps = (to, from, except, desc) => {
14
- if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
8
+ for (var name in all) __defProp(target, name, {
9
+ get: all[name],
10
+ enumerable: true
11
+ });
12
+ };
13
+ var __copyProps = (to, from, except, desc) => {
14
+ if (from && typeof from === "object" || typeof from === "function") {
15
+ for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
15
16
  get: () => from[key],
16
17
  enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
17
18
  });
18
- return to;
19
- };
19
+ }
20
+ return to;
21
+ };
20
22
  var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
21
- value: !0
23
+ value: true
22
24
  }), mod);
23
25
  var shared_exports = {};
24
26
  __export(shared_exports, {
@@ -29,106 +31,122 @@ __export(shared_exports, {
29
31
  textAreaSizeVariant: () => textAreaSizeVariant
30
32
  });
31
33
  module.exports = __toCommonJS(shared_exports);
32
- var import_core = require("@tamagui/core"),
33
- import_core2 = require("@tamagui/core"),
34
- import_get_button_sized = require("@tamagui/get-button-sized"),
35
- import_get_font_sized = require("@tamagui/get-font-sized"),
36
- import_get_token = require("@tamagui/get-token"),
37
- defaultStyles = {
38
- size: "$true",
39
- fontFamily: "$body",
40
- borderWidth: 1,
41
- outlineWidth: 0,
42
- color: "$color",
43
- ...(import_core2.isWeb ? {
44
- tabIndex: 0
45
- } : {
46
- focusable: !0
47
- }),
48
- borderColor: "$borderColor",
49
- backgroundColor: "$background",
50
- // this fixes a flex bug where it overflows container
51
- minWidth: 0,
52
- hoverStyle: {
53
- borderColor: "$borderColorHover"
54
- },
55
- focusStyle: {
56
- borderColor: "$borderColorFocus"
57
- },
58
- focusVisibleStyle: {
59
- outlineColor: "$outlineColor",
60
- outlineWidth: 2,
61
- outlineStyle: "solid"
62
- }
63
- },
64
- inputSizeVariant = function () {
65
- var val = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : "$true",
66
- extras = arguments.length > 1 ? arguments[1] : void 0;
67
- if (extras.props.tag === "textarea" || extras.props.rows > 1 || extras.props.multiline || extras.props.numberOfLines > 1) return textAreaSizeVariant(val, extras);
68
- var buttonStyles = (0, import_get_button_sized.getButtonSized)(val, extras),
69
- paddingHorizontal = (0, import_get_token.getSpace)(val, {
70
- shift: -1,
71
- bounds: [2]
72
- }),
73
- fontStyle = (0, import_get_font_sized.getFontSized)(val, extras);
74
- return !import_core2.isWeb && fontStyle && delete fontStyle.lineHeight, {
75
- ...fontStyle,
76
- ...buttonStyles,
77
- paddingHorizontal
78
- };
34
+ var import_core = require("@tamagui/core");
35
+ var import_core2 = require("@tamagui/core");
36
+ var import_get_button_sized = require("@tamagui/get-button-sized");
37
+ var import_get_font_sized = require("@tamagui/get-font-sized");
38
+ var import_get_token = require("@tamagui/get-token");
39
+ var defaultStyles = {
40
+ size: "$true",
41
+ fontFamily: "$body",
42
+ borderWidth: 1,
43
+ outlineWidth: 0,
44
+ color: "$color",
45
+ ...(import_core2.isWeb ? {
46
+ tabIndex: 0
47
+ } : {
48
+ focusable: true
49
+ }),
50
+ borderColor: "$borderColor",
51
+ backgroundColor: "$background",
52
+ // this fixes a flex bug where it overflows container
53
+ minWidth: 0,
54
+ hoverStyle: {
55
+ borderColor: "$borderColorHover"
79
56
  },
80
- textAreaSizeVariant = function () {
81
- var val = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : "$true",
82
- extras = arguments.length > 1 ? arguments[1] : void 0,
83
- {
84
- props
85
- } = extras,
86
- buttonStyles = (0, import_get_button_sized.getButtonSized)(val, extras),
87
- fontStyle = (0, import_get_font_sized.getFontSized)(val, extras),
88
- _props_rows,
89
- lines = (_props_rows = props.rows) !== null && _props_rows !== void 0 ? _props_rows : props.numberOfLines,
90
- height = typeof lines == "number" ? lines * (0, import_core2.getVariableValue)(fontStyle.lineHeight) : "auto";
91
- !import_core2.isWeb && fontStyle && delete fontStyle.lineHeight;
92
- var paddingVertical = (0, import_get_token.getSpace)(val, {
93
- shift: -2,
94
- bounds: [2]
95
- }),
96
- paddingHorizontal = (0, import_get_token.getSpace)(val, {
97
- shift: -1,
98
- bounds: [2]
99
- });
100
- return {
101
- ...buttonStyles,
102
- ...fontStyle,
103
- paddingVertical,
104
- paddingHorizontal,
105
- height
106
- };
57
+ focusStyle: {
58
+ borderColor: "$borderColorFocus"
107
59
  },
108
- INPUT_NAME = "Input",
109
- styledBody = [{
110
- name: INPUT_NAME,
111
- render: "input",
112
- variants: {
113
- unstyled: {
114
- false: defaultStyles
115
- },
116
- size: {
117
- "...size": inputSizeVariant
60
+ focusVisibleStyle: {
61
+ outlineColor: "$outlineColor",
62
+ outlineWidth: 2,
63
+ outlineStyle: "solid"
64
+ }
65
+ };
66
+ var inputSizeVariant = function () {
67
+ var val = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : "$true",
68
+ extras = arguments.length > 1 ? arguments[1] : void 0;
69
+ if (extras.props.tag === "textarea" || extras.props.rows > 1 || extras.props.multiline || extras.props.numberOfLines > 1) {
70
+ return textAreaSizeVariant(val, extras);
71
+ }
72
+ var buttonStyles = (0, import_get_button_sized.getButtonSized)(val, extras);
73
+ var paddingHorizontal = (0, import_get_token.getSpace)(val, {
74
+ shift: -1,
75
+ bounds: [2]
76
+ });
77
+ var fontStyle = (0, import_get_font_sized.getFontSized)(val, extras);
78
+ if (!import_core2.isWeb && fontStyle) {
79
+ delete fontStyle["lineHeight"];
80
+ }
81
+ return {
82
+ ...fontStyle,
83
+ ...buttonStyles,
84
+ paddingHorizontal
85
+ };
86
+ };
87
+ var textAreaSizeVariant = function () {
88
+ var val = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : "$true",
89
+ extras = arguments.length > 1 ? arguments[1] : void 0;
90
+ var {
91
+ props
92
+ } = extras;
93
+ var buttonStyles = (0, import_get_button_sized.getButtonSized)(val, extras);
94
+ var fontStyle = (0, import_get_font_sized.getFontSized)(val, extras);
95
+ var _props_rows;
96
+ var lines = (_props_rows = props.rows) !== null && _props_rows !== void 0 ? _props_rows : props.numberOfLines;
97
+ var height = typeof lines === "number" ? lines * (0, import_core2.getVariableValue)(fontStyle.lineHeight) : "auto";
98
+ if (!import_core2.isWeb && fontStyle) {
99
+ delete fontStyle["lineHeight"];
100
+ }
101
+ var paddingVertical = (0, import_get_token.getSpace)(val, {
102
+ shift: -2,
103
+ bounds: [2]
104
+ });
105
+ var paddingHorizontal = (0, import_get_token.getSpace)(val, {
106
+ shift: -1,
107
+ bounds: [2]
108
+ });
109
+ return {
110
+ ...buttonStyles,
111
+ ...fontStyle,
112
+ paddingVertical,
113
+ paddingHorizontal,
114
+ height
115
+ };
116
+ };
117
+ var INPUT_NAME = "Input";
118
+ var styledBody = [{
119
+ name: INPUT_NAME,
120
+ render: "input",
121
+ variants: {
122
+ unstyled: {
123
+ true: {
124
+ // reset browser <input>/<textarea> defaults
125
+ outlineWidth: 0,
126
+ borderWidth: 0,
127
+ backgroundColor: "transparent"
118
128
  },
119
- disabled: {
120
- true: {}
121
- }
129
+ false: defaultStyles
122
130
  },
123
- defaultVariants: {
124
- unstyled: process.env.TAMAGUI_HEADLESS === "1"
125
- }
126
- }, {
127
- isInput: !0,
128
- accept: {
129
- placeholderTextColor: "color",
130
- selectionColor: "color"
131
+ size: {
132
+ "...size": inputSizeVariant
131
133
  },
132
- validStyles: import_core.Text.staticConfig.validStyles
133
- }];
134
+ disabled: {
135
+ true: {}
136
+ }
137
+ },
138
+ defaultVariants: {
139
+ unstyled: process.env.TAMAGUI_HEADLESS === "1"
140
+ }
141
+ }, {
142
+ isInput: true,
143
+ accept: {
144
+ placeholderTextColor: "color",
145
+ selectionColor: "color",
146
+ cursorColor: "color",
147
+ selectionHandleColor: "color",
148
+ underlineColorAndroid: "color"
149
+ },
150
+ validStyles: import_core.Text.staticConfig.validStyles
151
+ }];
134
152
  //# sourceMappingURL=shared.native.js.map
@@ -1 +1 @@
1
- {"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","shared_exports","__export","INPUT_NAME","defaultStyles","inputSizeVariant","styledBody","textAreaSizeVariant","module","exports","import_core","require","import_core2","import_get_button_sized","import_get_font_sized","import_get_token","size","fontFamily","borderWidth","outlineWidth","color","isWeb","tabIndex","focusable","borderColor","backgroundColor","minWidth","hoverStyle","focusStyle","focusVisibleStyle","outlineColor","outlineStyle","val","arguments","length","extras","props","tag","rows","multiline","numberOfLines","buttonStyles","getButtonSized","paddingHorizontal","getSpace","shift","bounds","fontStyle","getFontSized","lineHeight","_props_rows","lines","height","getVariableValue","paddingVertical","name","render","variants","unstyled","false","disabled","true","defaultVariants","process","env","TAMAGUI_HEADLESS","isInput"],"sources":["../../src/shared.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
1
+ {"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","shared_exports","__export","INPUT_NAME","defaultStyles","inputSizeVariant","styledBody","textAreaSizeVariant","module","exports","import_core","require","import_core2","import_get_button_sized","import_get_font_sized","import_get_token","size","fontFamily","borderWidth","outlineWidth","color","isWeb","tabIndex","focusable","borderColor","backgroundColor","minWidth","hoverStyle","focusStyle","focusVisibleStyle","outlineColor","outlineStyle","val","arguments","length","extras","props","tag","rows","multiline","numberOfLines","buttonStyles","getButtonSized","paddingHorizontal","getSpace","shift","bounds","fontStyle","getFontSized","_props_rows","lines","height","getVariableValue","lineHeight","paddingVertical","name","render","variants","unstyled","true","false","disabled","defaultVariants","process","env","TAMAGUI_HEADLESS","isInput"],"sources":["../../src/shared.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
@@ -3,14 +3,16 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
3
3
  var __getOwnPropNames = Object.getOwnPropertyNames;
4
4
  var __hasOwnProp = Object.prototype.hasOwnProperty;
5
5
  var __copyProps = (to, from, except, desc) => {
6
- if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
7
- get: () => from[key],
8
- enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
9
- });
6
+ if (from && typeof from === "object" || typeof from === "function") {
7
+ for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
8
+ get: () => from[key],
9
+ enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
10
+ });
11
+ }
10
12
  return to;
11
13
  };
12
14
  var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
13
- value: !0
15
+ value: true
14
16
  }), mod);
15
17
  var types_exports = {};
16
18
  module.exports = __toCommonJS(types_exports);
@@ -5,14 +5,16 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
5
5
  var __getOwnPropNames = Object.getOwnPropertyNames;
6
6
  var __hasOwnProp = Object.prototype.hasOwnProperty;
7
7
  var __copyProps = (to, from, except, desc) => {
8
- if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
9
- get: () => from[key],
10
- enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
11
- });
8
+ if (from && typeof from === "object" || typeof from === "function") {
9
+ for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
10
+ get: () => from[key],
11
+ enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
12
+ });
13
+ }
12
14
  return to;
13
15
  };
14
16
  var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
15
- value: !0
17
+ value: true
16
18
  }), mod);
17
19
  var types_exports = {};
18
20
  module.exports = __toCommonJS(types_exports);
@@ -1 +1 @@
1
- {"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","types_exports"],"sources":["../../src/types.ts"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,aAAA","ignoreList":[]}
1
+ {"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","types_exports"],"sources":["../../src/types.ts"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,aAAA","ignoreList":[]}