tamagui 1.49.3 → 1.49.5

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 (10) hide show
  1. package/dist/cjs/views/Input.js +5 -1
  2. package/dist/cjs/views/Input.js.map +1 -1
  3. package/dist/esm/views/Input.js +6 -1
  4. package/dist/esm/views/Input.js.map +1 -1
  5. package/dist/jsx/views/Input.js +6 -1
  6. package/dist/jsx/views/Input.js.map +1 -1
  7. package/package.json +52 -52
  8. package/src/views/Input.tsx +10 -3
  9. package/types/views/Input.d.ts +30 -11
  10. package/types/views/Input.d.ts.map +1 -1
package/dist/cjs/views/Input.js CHANGED
@@ -38,7 +38,11 @@ const defaultStyles = {
38
38
  borderWidth: 1,
39
39
  outlineWidth: 0,
40
40
  color: "$color",
41
- focusable: true,
41
+ ...import_core.isWeb ? {
42
+ tabIndex: 0
43
+ } : {
44
+ focusable: true
45
+ },
42
46
  borderColor: "$borderColor",
43
47
  backgroundColor: "$background",
44
48
  // this fixes a flex bug where it overflows container
package/dist/cjs/views/Input.js.map CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../../src/views/Input.tsx"],
4
- "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA0ES;AA1ET,kBAOO;AACP,uBAA6B;AAE7B,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;AAAA,EAGjB,UAAU;AAAA,EAEV,YAAY;AAAA,IACV,aAAa;AAAA,EACf;AAAA,EAEA,YAAY;AAAA,IACV,cAAc;AAAA,IACd,cAAc;AAAA,IACd,cAAc;AAAA,IACd,aAAa;AAAA,EACf;AACF;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;AAOO,MAAM,QAAQ,WAAW,UAAsB,CAAC,SAAS,QAAQ;AACtE,QAAM,QAAQ,cAAc,SAAS,GAAG;AACxC,SAAO,4CAAC,cAAY,GAAG,OAAO;AAChC,CAAC;AAEM,SAAS,cAAc,OAAmB,KAAU;AA7E3D;AA8EE,QAAM,YAAQ,sBAAS;AACvB,QAAM,EAAE,cAAc,KAAK,YAAY,QAAI,+BAAa;AAAA,IACtD;AAAA,IACA;AAAA,IACA,SAAS;AAAA,EACX,CAAC;AAED,QAAM,uBAAuB,MAAM;AACnC,QAAM,yBACJ,WAAM,oBAA2B,MAAjC,mBAAoC,UACpC,0BACA,WAAM,qBAAN,mBAAwB;AAE1B,SAAO;AAAA,IACL,KAAK;AAAA,IACL,GAAG;AAAA,IACH;AAAA,IACA;AAAA,EACF;AACF;",
4
+ "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAiFS;AAjFT,kBAOO;AACP,uBAA6B;AAC7B,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,EAEP,GAAI,oBACA;AAAA,IACE,UAAU;AAAA,EACZ,IACA;AAAA,IACE,WAAW;AAAA,EACb;AAAA,EAEJ,aAAa;AAAA,EACb,iBAAiB;AAAA;AAAA,EAGjB,UAAU;AAAA,EAEV,YAAY;AAAA,IACV,aAAa;AAAA,EACf;AAAA,EAEA,YAAY;AAAA,IACV,cAAc;AAAA,IACd,cAAc;AAAA,IACd,cAAc;AAAA,IACd,aAAa;AAAA,EACf;AACF;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;AAOO,MAAM,QAAQ,WAAW,UAAsB,CAAC,SAAS,QAAQ;AACtE,QAAM,QAAQ,cAAc,SAAS,GAAG;AACxC,SAAO,4CAAC,cAAY,GAAG,OAAO;AAChC,CAAC;AAEM,SAAS,cAAc,OAAmB,KAAU;AApF3D;AAqFE,QAAM,YAAQ,sBAAS;AACvB,QAAM,EAAE,cAAc,KAAK,YAAY,QAAI,+BAAa;AAAA,IACtD;AAAA,IACA;AAAA,IACA,SAAS;AAAA,EACX,CAAC;AAED,QAAM,uBAAuB,MAAM;AACnC,QAAM,yBACJ,WAAM,oBAA2B,MAAjC,mBAAoC,UACpC,0BACA,WAAM,qBAAN,mBAAwB;AAE1B,SAAO;AAAA,IACL,KAAK;AAAA,IACL,GAAG;AAAA,IACH;AAAA,IACA;AAAA,EACF;AACF;",
5
5
  "names": []
6
6
  }
package/dist/esm/views/Input.js CHANGED
@@ -1,5 +1,6 @@
1
1
  import { jsx } from "react/jsx-runtime";
2
2
  import {
3
+ isWeb,
3
4
  setupReactNative,
4
5
  styled,
5
6
  useTheme
@@ -16,7 +17,11 @@ const defaultStyles = {
16
17
  borderWidth: 1,
17
18
  outlineWidth: 0,
18
19
  color: "$color",
19
- focusable: true,
20
+ ...isWeb ? {
21
+ tabIndex: 0
22
+ } : {
23
+ focusable: true
24
+ },
20
25
  borderColor: "$borderColor",
21
26
  backgroundColor: "$background",
22
27
  // this fixes a flex bug where it overflows container
package/dist/esm/views/Input.js.map CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../../src/views/Input.tsx"],
4
- "mappings": "AA0ES;AA1ET;AAAA,EAIE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,oBAAoB;AAE7B,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;AAAA,EAGjB,UAAU;AAAA,EAEV,YAAY;AAAA,IACV,aAAa;AAAA,EACf;AAAA,EAEA,YAAY;AAAA,IACV,cAAc;AAAA,IACd,cAAc;AAAA,IACd,cAAc;AAAA,IACd,aAAa;AAAA,EACf;AACF;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;AAOO,MAAM,QAAQ,WAAW,UAAsB,CAAC,SAAS,QAAQ;AACtE,QAAM,QAAQ,cAAc,SAAS,GAAG;AACxC,SAAO,oBAAC,cAAY,GAAG,OAAO;AAChC,CAAC;AAEM,SAAS,cAAc,OAAmB,KAAU;AA7E3D;AA8EE,QAAM,QAAQ,SAAS;AACvB,QAAM,EAAE,cAAc,KAAK,YAAY,IAAI,aAAa;AAAA,IACtD;AAAA,IACA;AAAA,IACA,SAAS;AAAA,EACX,CAAC;AAED,QAAM,uBAAuB,MAAM;AACnC,QAAM,yBACJ,WAAM,oBAA2B,MAAjC,mBAAoC,UACpC,0BACA,WAAM,qBAAN,mBAAwB;AAE1B,SAAO;AAAA,IACL,KAAK;AAAA,IACL,GAAG;AAAA,IACH;AAAA,IACA;AAAA,EACF;AACF;",
4
+ "mappings": "AAiFS;AAjFT;AAAA,EAGE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,oBAAoB;AAC7B,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,EAEP,GAAI,QACA;AAAA,IACE,UAAU;AAAA,EACZ,IACA;AAAA,IACE,WAAW;AAAA,EACb;AAAA,EAEJ,aAAa;AAAA,EACb,iBAAiB;AAAA;AAAA,EAGjB,UAAU;AAAA,EAEV,YAAY;AAAA,IACV,aAAa;AAAA,EACf;AAAA,EAEA,YAAY;AAAA,IACV,cAAc;AAAA,IACd,cAAc;AAAA,IACd,cAAc;AAAA,IACd,aAAa;AAAA,EACf;AACF;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;AAOO,MAAM,QAAQ,WAAW,UAAsB,CAAC,SAAS,QAAQ;AACtE,QAAM,QAAQ,cAAc,SAAS,GAAG;AACxC,SAAO,oBAAC,cAAY,GAAG,OAAO;AAChC,CAAC;AAEM,SAAS,cAAc,OAAmB,KAAU;AApF3D;AAqFE,QAAM,QAAQ,SAAS;AACvB,QAAM,EAAE,cAAc,KAAK,YAAY,IAAI,aAAa;AAAA,IACtD;AAAA,IACA;AAAA,IACA,SAAS;AAAA,EACX,CAAC;AAED,QAAM,uBAAuB,MAAM;AACnC,QAAM,yBACJ,WAAM,oBAA2B,MAAjC,mBAAoC,UACpC,0BACA,WAAM,qBAAN,mBAAwB;AAE1B,SAAO;AAAA,IACL,KAAK;AAAA,IACL,GAAG;AAAA,IACH;AAAA,IACA;AAAA,EACF;AACF;",
5
5
  "names": []
6
6
  }
package/dist/jsx/views/Input.js CHANGED
@@ -1,4 +1,5 @@
1
1
  import {
2
+ isWeb,
2
3
  setupReactNative,
3
4
  styled,
4
5
  useTheme
@@ -15,7 +16,11 @@ const defaultStyles = {
15
16
  borderWidth: 1,
16
17
  outlineWidth: 0,
17
18
  color: "$color",
18
- focusable: true,
19
+ ...isWeb ? {
20
+ tabIndex: 0
21
+ } : {
22
+ focusable: true
23
+ },
19
24
  borderColor: "$borderColor",
20
25
  backgroundColor: "$background",
21
26
  // this fixes a flex bug where it overflows container
package/dist/jsx/views/Input.js.map CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../../src/views/Input.tsx"],
4
- "mappings": "AAAA;AAAA,EAIE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,oBAAoB;AAE7B,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;AAAA,EAGjB,UAAU;AAAA,EAEV,YAAY;AAAA,IACV,aAAa;AAAA,EACf;AAAA,EAEA,YAAY;AAAA,IACV,cAAc;AAAA,IACd,cAAc;AAAA,IACd,cAAc;AAAA,IACd,aAAa;AAAA,EACf;AACF;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;AAOO,MAAM,QAAQ,WAAW,UAAsB,CAAC,SAAS,QAAQ;AACtE,QAAM,QAAQ,cAAc,SAAS,GAAG;AACxC,SAAO,CAAC,eAAe,OAAO;AAChC,CAAC;AAEM,SAAS,cAAc,OAAmB,KAAU;AACzD,QAAM,QAAQ,SAAS;AACvB,QAAM,EAAE,cAAc,KAAK,YAAY,IAAI,aAAa;AAAA,IACtD;AAAA,IACA;AAAA,IACA,SAAS;AAAA,EACX,CAAC;AAED,QAAM,uBAAuB,MAAM;AACnC,QAAM,uBACJ,MAAM,oBAA2B,GAAG,IAAI,KACxC,wBACA,MAAM,kBAAkB,IAAI;AAE9B,SAAO;AAAA,IACL,KAAK;AAAA,IACL,GAAG;AAAA,IACH;AAAA,IACA;AAAA,EACF;AACF;",
4
+ "mappings": "AAAA;AAAA,EAGE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,oBAAoB;AAC7B,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,EAEP,GAAI,QACA;AAAA,IACE,UAAU;AAAA,EACZ,IACA;AAAA,IACE,WAAW;AAAA,EACb;AAAA,EAEJ,aAAa;AAAA,EACb,iBAAiB;AAAA;AAAA,EAGjB,UAAU;AAAA,EAEV,YAAY;AAAA,IACV,aAAa;AAAA,EACf;AAAA,EAEA,YAAY;AAAA,IACV,cAAc;AAAA,IACd,cAAc;AAAA,IACd,cAAc;AAAA,IACd,aAAa;AAAA,EACf;AACF;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;AAOO,MAAM,QAAQ,WAAW,UAAsB,CAAC,SAAS,QAAQ;AACtE,QAAM,QAAQ,cAAc,SAAS,GAAG;AACxC,SAAO,CAAC,eAAe,OAAO;AAChC,CAAC;AAEM,SAAS,cAAc,OAAmB,KAAU;AACzD,QAAM,QAAQ,SAAS;AACvB,QAAM,EAAE,cAAc,KAAK,YAAY,IAAI,aAAa;AAAA,IACtD;AAAA,IACA;AAAA,IACA,SAAS;AAAA,EACX,CAAC;AAED,QAAM,uBAAuB,MAAM;AACnC,QAAM,uBACJ,MAAM,oBAA2B,GAAG,IAAI,KACxC,wBACA,MAAM,kBAAkB,IAAI;AAE9B,SAAO;AAAA,IACL,KAAK;AAAA,IACL,GAAG;AAAA,IACH;AAAA,IACA;AAAA,EACF;AACF;",
5
5
  "names": []
6
6
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "tamagui",
3
- "version": "1.49.3",
3
+ "version": "1.49.5",
4
4
  "sideEffects": [
5
5
  "*.css",
6
6
  "setup.js"
@@ -40,56 +40,56 @@
40
40
  }
41
41
  },
42
42
  "dependencies": {
43
- "@tamagui/accordion": "1.49.3",
44
- "@tamagui/adapt": "1.49.3",
45
- "@tamagui/alert-dialog": "1.49.3",
46
- "@tamagui/animate-presence": "1.49.3",
47
- "@tamagui/avatar": "1.49.3",
48
- "@tamagui/button": "1.49.3",
49
- "@tamagui/card": "1.49.3",
50
- "@tamagui/checkbox": "1.49.3",
51
- "@tamagui/compose-refs": "1.49.3",
52
- "@tamagui/core": "1.49.3",
53
- "@tamagui/create-context": "1.49.3",
54
- "@tamagui/dialog": "1.49.3",
55
- "@tamagui/fake-react-native": "1.49.3",
56
- "@tamagui/focusable": "1.49.3",
57
- "@tamagui/font-size": "1.49.3",
58
- "@tamagui/form": "1.49.3",
59
- "@tamagui/get-button-sized": "1.49.3",
60
- "@tamagui/get-font-sized": "1.49.3",
61
- "@tamagui/get-token": "1.49.3",
62
- "@tamagui/helpers": "1.49.3",
63
- "@tamagui/helpers-tamagui": "1.49.3",
64
- "@tamagui/image": "1.49.3",
65
- "@tamagui/label": "1.49.3",
66
- "@tamagui/linear-gradient": "1.49.3",
67
- "@tamagui/list-item": "1.49.3",
68
- "@tamagui/popover": "1.49.3",
69
- "@tamagui/popper": "1.49.3",
70
- "@tamagui/portal": "1.49.3",
71
- "@tamagui/progress": "1.49.3",
72
- "@tamagui/radio-group": "1.49.3",
73
- "@tamagui/react-native-media-driver": "1.49.3",
74
- "@tamagui/scroll-view": "1.49.3",
75
- "@tamagui/select": "1.49.3",
76
- "@tamagui/separator": "1.49.3",
77
- "@tamagui/shapes": "1.49.3",
78
- "@tamagui/sheet": "1.49.3",
79
- "@tamagui/slider": "1.49.3",
80
- "@tamagui/stacks": "1.49.3",
81
- "@tamagui/switch": "1.49.3",
82
- "@tamagui/tabs": "1.49.3",
83
- "@tamagui/text": "1.49.3",
84
- "@tamagui/theme": "1.49.3",
85
- "@tamagui/toggle-group": "1.49.3",
86
- "@tamagui/tooltip": "1.49.3",
87
- "@tamagui/use-controllable-state": "1.49.3",
88
- "@tamagui/use-debounce": "1.49.3",
89
- "@tamagui/use-event": "1.49.3",
90
- "@tamagui/use-force-update": "1.49.3",
91
- "@tamagui/use-window-dimensions": "1.49.3",
92
- "@tamagui/visually-hidden": "1.49.3",
43
+ "@tamagui/accordion": "1.49.5",
44
+ "@tamagui/adapt": "1.49.5",
45
+ "@tamagui/alert-dialog": "1.49.5",
46
+ "@tamagui/animate-presence": "1.49.5",
47
+ "@tamagui/avatar": "1.49.5",
48
+ "@tamagui/button": "1.49.5",
49
+ "@tamagui/card": "1.49.5",
50
+ "@tamagui/checkbox": "1.49.5",
51
+ "@tamagui/compose-refs": "1.49.5",
52
+ "@tamagui/core": "1.49.5",
53
+ "@tamagui/create-context": "1.49.5",
54
+ "@tamagui/dialog": "1.49.5",
55
+ "@tamagui/fake-react-native": "1.49.5",
56
+ "@tamagui/focusable": "1.49.5",
57
+ "@tamagui/font-size": "1.49.5",
58
+ "@tamagui/form": "1.49.5",
59
+ "@tamagui/get-button-sized": "1.49.5",
60
+ "@tamagui/get-font-sized": "1.49.5",
61
+ "@tamagui/get-token": "1.49.5",
62
+ "@tamagui/helpers": "1.49.5",
63
+ "@tamagui/helpers-tamagui": "1.49.5",
64
+ "@tamagui/image": "1.49.5",
65
+ "@tamagui/label": "1.49.5",
66
+ "@tamagui/linear-gradient": "1.49.5",
67
+ "@tamagui/list-item": "1.49.5",
68
+ "@tamagui/popover": "1.49.5",
69
+ "@tamagui/popper": "1.49.5",
70
+ "@tamagui/portal": "1.49.5",
71
+ "@tamagui/progress": "1.49.5",
72
+ "@tamagui/radio-group": "1.49.5",
73
+ "@tamagui/react-native-media-driver": "1.49.5",
74
+ "@tamagui/scroll-view": "1.49.5",
75
+ "@tamagui/select": "1.49.5",
76
+ "@tamagui/separator": "1.49.5",
77
+ "@tamagui/shapes": "1.49.5",
78
+ "@tamagui/sheet": "1.49.5",
79
+ "@tamagui/slider": "1.49.5",
80
+ "@tamagui/stacks": "1.49.5",
81
+ "@tamagui/switch": "1.49.5",
82
+ "@tamagui/tabs": "1.49.5",
83
+ "@tamagui/text": "1.49.5",
84
+ "@tamagui/theme": "1.49.5",
85
+ "@tamagui/toggle-group": "1.49.5",
86
+ "@tamagui/tooltip": "1.49.5",
87
+ "@tamagui/use-controllable-state": "1.49.5",
88
+ "@tamagui/use-debounce": "1.49.5",
89
+ "@tamagui/use-event": "1.49.5",
90
+ "@tamagui/use-force-update": "1.49.5",
91
+ "@tamagui/use-window-dimensions": "1.49.5",
92
+ "@tamagui/visually-hidden": "1.49.5",
93
93
  "reforest": "^0.12.1"
94
94
  },
95
95
  "peerDependencies": {
@@ -97,7 +97,7 @@
97
97
  "react-native-web": "*"
98
98
  },
99
99
  "devDependencies": {
100
- "@tamagui/build": "1.49.3",
100
+ "@tamagui/build": "1.49.5",
101
101
  "react": "^18.2.0",
102
102
  "react-native-web": "^0.19.6"
103
103
  },
package/src/views/Input.tsx CHANGED
@@ -1,13 +1,12 @@
1
1
  import {
2
2
  ColorStyleProp,
3
3
  GetProps,
4
- GetRef,
4
+ isWeb,
5
5
  setupReactNative,
6
6
  styled,
7
7
  useTheme,
8
8
  } from '@tamagui/core'
9
9
  import { useFocusable } from '@tamagui/focusable'
10
- import React, { useRef } from 'react'
11
10
  import { TextInput } from 'react-native'
12
11
 
13
12
  import { inputSizeVariant } from '../helpers/inputHelpers'
@@ -22,7 +21,15 @@ export const defaultStyles = {
22
21
  borderWidth: 1,
23
22
  outlineWidth: 0,
24
23
  color: '$color',
25
- focusable: true,
24
+
25
+ ...(isWeb
26
+ ? {
27
+ tabIndex: 0,
28
+ }
29
+ : {
30
+ focusable: true,
31
+ }),
32
+
26
33
  borderColor: '$borderColor',
27
34
  backgroundColor: '$background',
28
35
 
package/types/views/Input.d.ts CHANGED
@@ -1,13 +1,26 @@
1
+ /// <reference types="react" />
1
2
  import { ColorStyleProp, GetProps } from '@tamagui/core';
2
- import React from 'react';
3
3
  import { TextInput } from 'react-native';
4
4
  export declare const defaultStyles: {
5
+ readonly borderColor: "$borderColor";
6
+ readonly backgroundColor: "$background";
7
+ readonly minWidth: 0;
8
+ readonly hoverStyle: {
9
+ readonly borderColor: "$borderColorHover";
10
+ };
11
+ readonly focusStyle: {
12
+ readonly outlineColor: "$borderColorFocus";
13
+ readonly outlineWidth: 2;
14
+ readonly outlineStyle: "solid";
15
+ readonly borderColor: "$borderColorFocus";
16
+ };
17
+ readonly tabIndex: number;
5
18
  readonly size: "$true";
6
19
  readonly fontFamily: "$body";
7
20
  readonly borderWidth: 1;
8
21
  readonly outlineWidth: 0;
9
22
  readonly color: "$color";
10
- readonly focusable: true;
23
+ } | {
11
24
  readonly borderColor: "$borderColor";
12
25
  readonly backgroundColor: "$background";
13
26
  readonly minWidth: 0;
@@ -20,6 +33,12 @@ export declare const defaultStyles: {
20
33
  readonly outlineStyle: "solid";
21
34
  readonly borderColor: "$borderColorFocus";
22
35
  };
36
+ readonly focusable: boolean;
37
+ readonly size: "$true";
38
+ readonly fontFamily: "$body";
39
+ readonly borderWidth: 1;
40
+ readonly outlineWidth: 0;
41
+ readonly color: "$color";
23
42
  };
24
43
  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"> & {
25
44
  readonly unstyled?: boolean | undefined;
@@ -36,7 +55,7 @@ export declare const InputFrame: import("@tamagui/core").TamaguiComponent<import
36
55
  }, {
37
56
  prototype: TextInput;
38
57
  State: import("react-native").TextInputState;
39
- contextType: React.Context<any> | undefined;
58
+ contextType: import("react").Context<any> | undefined;
40
59
  }>;
41
60
  export type InputProps = Omit<GetProps<typeof InputFrame>, 'placeholderTextColor'> & {
42
61
  placeholderTextColor?: ColorStyleProp;
@@ -85,11 +104,11 @@ export declare function useInputProps(props: InputProps, ref: any): {
85
104
  size?: import("@tamagui/core").SizeTokens | undefined;
86
105
  space?: number | boolean | `$${string}` | `$${number}` | `$${string}.${string}` | `$${string}.${number}` | import("@tamagui/core").Variable<any> | import("@tamagui/core").UnionableString | import("@tamagui/core").UnionableNumber | undefined;
87
106
  zIndex?: import("@tamagui/core").ZIndexTokens | import("@tamagui/core").ThemeValueFallbackZIndex | undefined;
88
- children?: React.ReactNode;
107
+ children?: import("react").ReactNode;
89
108
  className?: string | undefined;
90
109
  style?: import("react-native").StyleProp<import("react-native").TextStyle>;
91
110
  ellipse?: boolean | undefined;
92
- separator?: React.ReactNode;
111
+ separator?: import("react").ReactNode;
93
112
  left?: number | boolean | import("react-native").Animated.AnimatedNode | `$${string}` | `$${number}` | `$${string}.${string}` | `$${string}.${number}` | import("@tamagui/core").Variable<any> | import("@tamagui/core").UnionableString | import("@tamagui/core").UnionableNumber | null | undefined;
94
113
  right?: number | boolean | import("react-native").Animated.AnimatedNode | `$${string}` | `$${number}` | `$${string}.${string}` | `$${string}.${number}` | import("@tamagui/core").Variable<any> | import("@tamagui/core").UnionableString | import("@tamagui/core").UnionableNumber | null | undefined;
95
114
  width?: number | import("react-native").Animated.AnimatedNode | import("@tamagui/core").Variable<any> | import("@tamagui/core").SizeTokens | null | undefined;
@@ -353,12 +372,12 @@ export declare function useInputProps(props: InputProps, ref: any): {
353
372
  tabIndex?: string | number | undefined;
354
373
  disableOptimization?: boolean | undefined;
355
374
  forceStyle?: "hover" | "press" | "focus" | undefined;
356
- onHoverIn?: React.MouseEventHandler<HTMLDivElement> | undefined;
357
- onHoverOut?: React.MouseEventHandler<HTMLDivElement> | undefined;
358
- onMouseEnter?: React.MouseEventHandler<HTMLDivElement> | undefined;
359
- onMouseLeave?: React.MouseEventHandler<HTMLDivElement> | undefined;
360
- onMouseDown?: React.MouseEventHandler<HTMLDivElement> | undefined;
361
- onMouseUp?: React.MouseEventHandler<HTMLDivElement> | undefined;
375
+ onHoverIn?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
376
+ onHoverOut?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
377
+ onMouseEnter?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
378
+ onMouseLeave?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
379
+ onMouseDown?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
380
+ onMouseUp?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
362
381
  onFocus?: ((e: import("react-native").NativeSyntheticEvent<import("react-native").TextInputFocusEventData>) => void) | undefined;
363
382
  onScroll?: ((e: import("react-native").NativeSyntheticEvent<import("react-native").TextInputScrollEventData>) => void) | undefined;
364
383
  hoverStyle?: (import("@tamagui/core").WithThemeValues<import("@tamagui/core").TextStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").TextStylePropsBase>> & Partial<import("react-native").TextInputProps & Omit<import("@tamagui/core").TextProps, keyof import("react-native").TextInputProps> & Omit<{}, "size" | "unstyled"> & {
package/types/views/Input.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../src/views/Input.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,cAAc,EACd,QAAQ,EAKT,MAAM,eAAe,CAAA;AAEtB,OAAO,KAAiB,MAAM,OAAO,CAAA;AACrC,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AAQxC,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;CAuBhB,CAAA;AAEV,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;EAsBtB,CAAA;AAED,MAAM,MAAM,UAAU,GAAG,IAAI,CAAC,QAAQ,CAAC,OAAO,UAAU,CAAC,EAAE,sBAAsB,CAAC,GAAG;IACnF,oBAAoB,CAAC,EAAE,cAAc,CAAA;IACrC,IAAI,CAAC,EAAE,MAAM,CAAA;CACd,CAAA;AAED,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAGhB,CAAA;AAEF,wBAAgB,aAAa,CAAC,KAAK,EAAE,UAAU,EAAE,GAAG,EAAE,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAoBxD"}
1
+ {"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../src/views/Input.tsx"],"names":[],"mappings":";AAAA,OAAO,EACL,cAAc,EACd,QAAQ,EAKT,MAAM,eAAe,CAAA;AAEtB,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AAQxC,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+BhB,CAAA;AAEV,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;EAsBtB,CAAA;AAED,MAAM,MAAM,UAAU,GAAG,IAAI,CAAC,QAAQ,CAAC,OAAO,UAAU,CAAC,EAAE,sBAAsB,CAAC,GAAG;IACnF,oBAAoB,CAAC,EAAE,cAAc,CAAA;IACrC,IAAI,CAAC,EAAE,MAAM,CAAA;CACd,CAAA;AAED,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAGhB,CAAA;AAEF,wBAAgB,aAAa,CAAC,KAAK,EAAE,UAAU,EAAE,GAAG,EAAE,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAoBxD"}