@tamagui/linear-gradient 1.75.9 → 1.77.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 (15) hide show
  1. package/dist/cjs/LinearGradient.shared.js +16 -13
  2. package/dist/cjs/LinearGradient.shared.js.map +1 -1
  3. package/dist/cjs/LinearGradient.shared.native.js +16 -13
  4. package/dist/cjs/LinearGradient.shared.native.js.map +1 -1
  5. package/dist/esm/LinearGradient.shared.js +17 -14
  6. package/dist/esm/LinearGradient.shared.js.map +1 -1
  7. package/dist/esm/LinearGradient.shared.native.js +17 -14
  8. package/dist/esm/LinearGradient.shared.native.js.map +1 -1
  9. package/dist/jsx/LinearGradient.shared.js +13 -9
  10. package/dist/jsx/LinearGradient.shared.js.map +1 -1
  11. package/dist/jsx/LinearGradient.shared.native.js +13 -9
  12. package/dist/jsx/LinearGradient.shared.native.js.map +1 -1
  13. package/package.json +4 -4
  14. package/src/LinearGradient.shared.tsx +5 -5
  15. package/types/LinearGradient.shared.d.ts.map +1 -1
package/dist/cjs/LinearGradient.shared.js CHANGED
@@ -25,24 +25,27 @@ const LinearGradient = import_stacks.YStack.styleable(
25
25
  var _a2;
26
26
  return ((_a2 = theme[c]) == null ? void 0 : _a2.get("web")) ?? c;
27
27
  })) || [];
28
- return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(LinearGradientFrame, { ref, ...stackProps, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
29
- import_linear_gradient.LinearGradient,
30
- {
31
- start,
32
- end,
33
- colors,
34
- locations,
35
- style: absoluteFill,
36
- children
37
- }
38
- ) });
28
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(LinearGradientFrame, { ref, ...stackProps, children: [
29
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
30
+ import_linear_gradient.LinearGradient,
31
+ {
32
+ start,
33
+ end,
34
+ colors,
35
+ locations,
36
+ style: gradientStyle
37
+ }
38
+ ),
39
+ children
40
+ ] });
39
41
  }
40
- ), absoluteFill = {
42
+ ), gradientStyle = {
41
43
  position: "absolute",
42
44
  top: 0,
43
45
  left: 0,
44
46
  right: 0,
45
- bottom: 0
47
+ bottom: 0,
48
+ zIndex: 0
46
49
  }, LinearGradientFrame = (0, import_core.styled)(import_stacks.YStack, {
47
50
  name: "LinearGradient",
48
51
  overflow: "hidden",
package/dist/cjs/LinearGradient.shared.js.map CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../src/LinearGradient.shared.tsx"],
4
- "mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAOO,0BACP,gBAAuB,4BAGvB,yBAGO,8BAqBC;AAdD,MAAM,iBAAiB,qBAAO;AAAA,EACnC,CAAC,SAAS,QAAQ;AAtBpB;AAuBI,UAAM,YAAQ,sBAAS,OAAO,GAExB,EAAE,OAAO,KAAK,QAAQ,YAAY,WAAW,UAAU,GAAG,WAAW,IAAI,OACzE,YAAQ,sBAAS,GAEjB,WACJ,WAAM,WAAN,mBAAc,IAAI,CAAC,MAAM;AA7B/B,UAAAA;AA8BQ,eAAQA,MAAA,MAAM,CAAC,MAAP,gBAAAA,IAAU,IAAI,WAAqB;AAAA,IAC7C,OAAM,CAAC;AAET,WACE,4CAAC,uBAAoB,KAAkB,GAAG,YACxC;AAAA,MAAC,uBAAAC;AAAA,MAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA,OAAO;AAAA,QAEN;AAAA;AAAA,IACH,GACF;AAAA,EAEJ;AACF,GAIM,eAA0B;AAAA,EAC9B,UAAU;AAAA,EACV,KAAK;AAAA,EACL,MAAM;AAAA,EACN,OAAO;AAAA,EACP,QAAQ;AACV,GAEM,0BAAsB,oBAAO,sBAAQ;AAAA,EACzC,MAAM;AAAA,EACN,UAAU;AAAA,EACV,UAAU;AACZ,CAAC;",
4
+ "mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAOO,0BACP,gBAAuB,4BAGvB,yBAGO,8BAoBD;AAbC,MAAM,iBAAiB,qBAAO;AAAA,EACnC,CAAC,SAAS,QAAQ;AAtBpB;AAuBI,UAAM,YAAQ,sBAAS,OAAO,GAExB,EAAE,OAAO,KAAK,QAAQ,YAAY,WAAW,UAAU,GAAG,WAAW,IAAI,OACzE,YAAQ,sBAAS,GAEjB,WACJ,WAAM,WAAN,mBAAc,IAAI,CAAC,MAAM;AA7B/B,UAAAA;AA8BQ,eAAQA,MAAA,MAAM,CAAC,MAAP,gBAAAA,IAAU,IAAI,WAAqB;AAAA,IAC7C,OAAM,CAAC;AAET,WACE,6CAAC,uBAAoB,KAAkB,GAAG,YACxC;AAAA;AAAA,QAAC,uBAAAC;AAAA,QAAA;AAAA,UACC;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA,OAAO;AAAA;AAAA,MACT;AAAA,MACC;AAAA,OACH;AAAA,EAEJ;AACF,GAIM,gBAA2B;AAAA,EAC/B,UAAU;AAAA,EACV,KAAK;AAAA,EACL,MAAM;AAAA,EACN,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,QAAQ;AACV,GAEM,0BAAsB,oBAAO,sBAAQ;AAAA,EACzC,MAAM;AAAA,EACN,UAAU;AAAA,EACV,UAAU;AACZ,CAAC;",
5
5
  "names": ["_a", "ExpoLinearGradient"]
6
6
  }
package/dist/cjs/LinearGradient.shared.native.js CHANGED
@@ -26,24 +26,27 @@ const LinearGradient = import_stacks.YStack.styleable(
26
26
  var _a2;
27
27
  return ((_a2 = theme[c]) == null ? void 0 : _a2.get("web")) ?? c;
28
28
  })) || [];
29
- return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(LinearGradientFrame, { ref, ...stackProps, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
30
- import_linear_gradient.LinearGradient,
31
- {
32
- start,
33
- end,
34
- colors,
35
- locations,
36
- style: absoluteFill,
37
- children
38
- }
39
- ) });
29
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(LinearGradientFrame, { ref, ...stackProps, children: [
30
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
31
+ import_linear_gradient.LinearGradient,
32
+ {
33
+ start,
34
+ end,
35
+ colors,
36
+ locations,
37
+ style: gradientStyle
38
+ }
39
+ ),
40
+ children
41
+ ] });
40
42
  }
41
- ), absoluteFill = {
43
+ ), gradientStyle = {
42
44
  position: "absolute",
43
45
  top: 0,
44
46
  left: 0,
45
47
  right: 0,
46
- bottom: 0
48
+ bottom: 0,
49
+ zIndex: 0
47
50
  }, LinearGradientFrame = (0, import_core.styled)(import_stacks.YStack, {
48
51
  name: "LinearGradient",
49
52
  overflow: "hidden",
package/dist/cjs/LinearGradient.shared.native.js.map CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../src/LinearGradient.shared.tsx"],
4
- "mappings": ";;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAOO,0BACP,gBAAuB,4BAGvB,yBAGO,8BAqBC;AAdD,MAAM,iBAAiB,qBAAO;AAAA,EACnC,CAAC,SAAS,QAAQ;AAtBpB;AAuBI,UAAM,YAAQ,sBAAS,OAAO,GAExB,EAAE,OAAO,KAAK,QAAQ,YAAY,WAAW,UAAU,GAAG,WAAW,IAAI,OACzE,YAAQ,sBAAS,GAEjB,WACJ,WAAM,WAAN,mBAAc,IAAI,CAAC,MAAM;AA7B/B,UAAAA;AA8BQ,eAAQA,MAAA,MAAM,CAAC,MAAP,gBAAAA,IAAU,IAAI,WAAqB;AAAA,IAC7C,OAAM,CAAC;AAET,WACE,4CAAC,uBAAoB,KAAkB,GAAG,YACxC;AAAA,MAAC,uBAAAC;AAAA,MAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA,OAAO;AAAA,QAEN;AAAA;AAAA,IACH,GACF;AAAA,EAEJ;AACF,GAIM,eAA0B;AAAA,EAC9B,UAAU;AAAA,EACV,KAAK;AAAA,EACL,MAAM;AAAA,EACN,OAAO;AAAA,EACP,QAAQ;AACV,GAEM,0BAAsB,oBAAO,sBAAQ;AAAA,EACzC,MAAM;AAAA,EACN,UAAU;AAAA,EACV,UAAU;AACZ,CAAC;",
4
+ "mappings": ";;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAOO,0BACP,gBAAuB,4BAGvB,yBAGO,8BAoBD;AAbC,MAAM,iBAAiB,qBAAO;AAAA,EACnC,CAAC,SAAS,QAAQ;AAtBpB;AAuBI,UAAM,YAAQ,sBAAS,OAAO,GAExB,EAAE,OAAO,KAAK,QAAQ,YAAY,WAAW,UAAU,GAAG,WAAW,IAAI,OACzE,YAAQ,sBAAS,GAEjB,WACJ,WAAM,WAAN,mBAAc,IAAI,CAAC,MAAM;AA7B/B,UAAAA;AA8BQ,eAAQA,MAAA,MAAM,CAAC,MAAP,gBAAAA,IAAU,IAAI,WAAqB;AAAA,IAC7C,OAAM,CAAC;AAET,WACE,6CAAC,uBAAoB,KAAkB,GAAG,YACxC;AAAA;AAAA,QAAC,uBAAAC;AAAA,QAAA;AAAA,UACC;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA,OAAO;AAAA;AAAA,MACT;AAAA,MACC;AAAA,OACH;AAAA,EAEJ;AACF,GAIM,gBAA2B;AAAA,EAC/B,UAAU;AAAA,EACV,KAAK;AAAA,EACL,MAAM;AAAA,EACN,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,QAAQ;AACV,GAEM,0BAAsB,oBAAO,sBAAQ;AAAA,EACzC,MAAM;AAAA,EACN,UAAU;AAAA,EACV,UAAU;AACZ,CAAC;",
5
5
  "names": ["_a", "ExpoLinearGradient"]
6
6
  }
package/dist/esm/LinearGradient.shared.js CHANGED
@@ -7,28 +7,31 @@ import { YStack } from "@tamagui/stacks";
7
7
  import {
8
8
  LinearGradient as ExpoLinearGradient
9
9
  } from "./linear-gradient";
10
- import { jsx } from "react/jsx-runtime";
10
+ import { jsx, jsxs } from "react/jsx-runtime";
11
11
  const LinearGradient = YStack.styleable(
12
12
  (propsIn, ref) => {
13
13
  const props = useProps(propsIn), { start, end, colors: colorsProp, locations, children, ...stackProps } = props, theme = useTheme(), colors = props.colors?.map((c) => theme[c]?.get("web") ?? c) || [];
14
- return /* @__PURE__ */ jsx(LinearGradientFrame, { ref, ...stackProps, children: /* @__PURE__ */ jsx(
15
- ExpoLinearGradient,
16
- {
17
- start,
18
- end,
19
- colors,
20
- locations,
21
- style: absoluteFill,
22
- children
23
- }
24
- ) });
14
+ return /* @__PURE__ */ jsxs(LinearGradientFrame, { ref, ...stackProps, children: [
15
+ /* @__PURE__ */ jsx(
16
+ ExpoLinearGradient,
17
+ {
18
+ start,
19
+ end,
20
+ colors,
21
+ locations,
22
+ style: gradientStyle
23
+ }
24
+ ),
25
+ children
26
+ ] });
25
27
  }
26
- ), absoluteFill = {
28
+ ), gradientStyle = {
27
29
  position: "absolute",
28
30
  top: 0,
29
31
  left: 0,
30
32
  right: 0,
31
- bottom: 0
33
+ bottom: 0,
34
+ zIndex: 0
32
35
  }, LinearGradientFrame = styled(YStack, {
33
36
  name: "LinearGradient",
34
37
  overflow: "hidden",
package/dist/esm/LinearGradient.shared.js.map CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../src/LinearGradient.shared.tsx"],
4
- "mappings": "AAAA;AAAA,EAIE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,cAAc;AAGvB;AAAA,EACE,kBAAkB;AAAA,OAEb;AAqBC;AAdD,MAAM,iBAAiB,OAAO;AAAA,EACnC,CAAC,SAAS,QAAQ;AAChB,UAAM,QAAQ,SAAS,OAAO,GAExB,EAAE,OAAO,KAAK,QAAQ,YAAY,WAAW,UAAU,GAAG,WAAW,IAAI,OACzE,QAAQ,SAAS,GAEjB,SACJ,MAAM,QAAQ,IAAI,CAAC,MACT,MAAM,CAAC,GAAG,IAAI,KAAK,KAAgB,CAC5C,KAAK,CAAC;AAET,WACE,oBAAC,uBAAoB,KAAkB,GAAG,YACxC;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA,OAAO;AAAA,QAEN;AAAA;AAAA,IACH,GACF;AAAA,EAEJ;AACF,GAIM,eAA0B;AAAA,EAC9B,UAAU;AAAA,EACV,KAAK;AAAA,EACL,MAAM;AAAA,EACN,OAAO;AAAA,EACP,QAAQ;AACV,GAEM,sBAAsB,OAAO,QAAQ;AAAA,EACzC,MAAM;AAAA,EACN,UAAU;AAAA,EACV,UAAU;AACZ,CAAC;",
4
+ "mappings": "AAAA;AAAA,EAIE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,cAAc;AAGvB;AAAA,EACE,kBAAkB;AAAA,OAEb;AAoBD,SACE,KADF;AAbC,MAAM,iBAAiB,OAAO;AAAA,EACnC,CAAC,SAAS,QAAQ;AAChB,UAAM,QAAQ,SAAS,OAAO,GAExB,EAAE,OAAO,KAAK,QAAQ,YAAY,WAAW,UAAU,GAAG,WAAW,IAAI,OACzE,QAAQ,SAAS,GAEjB,SACJ,MAAM,QAAQ,IAAI,CAAC,MACT,MAAM,CAAC,GAAG,IAAI,KAAK,KAAgB,CAC5C,KAAK,CAAC;AAET,WACE,qBAAC,uBAAoB,KAAkB,GAAG,YACxC;AAAA;AAAA,QAAC;AAAA;AAAA,UACC;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA,OAAO;AAAA;AAAA,MACT;AAAA,MACC;AAAA,OACH;AAAA,EAEJ;AACF,GAIM,gBAA2B;AAAA,EAC/B,UAAU;AAAA,EACV,KAAK;AAAA,EACL,MAAM;AAAA,EACN,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,QAAQ;AACV,GAEM,sBAAsB,OAAO,QAAQ;AAAA,EACzC,MAAM;AAAA,EACN,UAAU;AAAA,EACV,UAAU;AACZ,CAAC;",
5
5
  "names": []
6
6
  }
package/dist/esm/LinearGradient.shared.native.js CHANGED
@@ -7,28 +7,31 @@ import { YStack } from "@tamagui/stacks";
7
7
  import {
8
8
  LinearGradient as ExpoLinearGradient
9
9
  } from "./linear-gradient";
10
- import { jsx } from "react/jsx-runtime";
10
+ import { jsx, jsxs } from "react/jsx-runtime";
11
11
  const LinearGradient = YStack.styleable(
12
12
  (propsIn, ref) => {
13
13
  const props = useProps(propsIn), { start, end, colors: colorsProp, locations, children, ...stackProps } = props, theme = useTheme(), colors = props.colors?.map((c) => theme[c]?.get("web") ?? c) || [];
14
- return /* @__PURE__ */ jsx(LinearGradientFrame, { ref, ...stackProps, children: /* @__PURE__ */ jsx(
15
- ExpoLinearGradient,
16
- {
17
- start,
18
- end,
19
- colors,
20
- locations,
21
- style: absoluteFill,
22
- children
23
- }
24
- ) });
14
+ return /* @__PURE__ */ jsxs(LinearGradientFrame, { ref, ...stackProps, children: [
15
+ /* @__PURE__ */ jsx(
16
+ ExpoLinearGradient,
17
+ {
18
+ start,
19
+ end,
20
+ colors,
21
+ locations,
22
+ style: gradientStyle
23
+ }
24
+ ),
25
+ children
26
+ ] });
25
27
  }
26
- ), absoluteFill = {
28
+ ), gradientStyle = {
27
29
  position: "absolute",
28
30
  top: 0,
29
31
  left: 0,
30
32
  right: 0,
31
- bottom: 0
33
+ bottom: 0,
34
+ zIndex: 0
32
35
  }, LinearGradientFrame = styled(YStack, {
33
36
  name: "LinearGradient",
34
37
  overflow: "hidden",
package/dist/esm/LinearGradient.shared.native.js.map CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../src/LinearGradient.shared.tsx"],
4
- "mappings": "AAAA;AAAA,EAIE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,cAAc;AAGvB;AAAA,EACE,kBAAkB;AAAA,OAEb;AAqBC;AAdD,MAAM,iBAAiB,OAAO;AAAA,EACnC,CAAC,SAAS,QAAQ;AAChB,UAAM,QAAQ,SAAS,OAAO,GAExB,EAAE,OAAO,KAAK,QAAQ,YAAY,WAAW,UAAU,GAAG,WAAW,IAAI,OACzE,QAAQ,SAAS,GAEjB,SACJ,MAAM,QAAQ,IAAI,CAAC,MACT,MAAM,CAAC,GAAG,IAAI,KAAK,KAAgB,CAC5C,KAAK,CAAC;AAET,WACE,oBAAC,uBAAoB,KAAkB,GAAG,YACxC;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA,OAAO;AAAA,QAEN;AAAA;AAAA,IACH,GACF;AAAA,EAEJ;AACF,GAIM,eAA0B;AAAA,EAC9B,UAAU;AAAA,EACV,KAAK;AAAA,EACL,MAAM;AAAA,EACN,OAAO;AAAA,EACP,QAAQ;AACV,GAEM,sBAAsB,OAAO,QAAQ;AAAA,EACzC,MAAM;AAAA,EACN,UAAU;AAAA,EACV,UAAU;AACZ,CAAC;",
4
+ "mappings": "AAAA;AAAA,EAIE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,cAAc;AAGvB;AAAA,EACE,kBAAkB;AAAA,OAEb;AAoBD,SACE,KADF;AAbC,MAAM,iBAAiB,OAAO;AAAA,EACnC,CAAC,SAAS,QAAQ;AAChB,UAAM,QAAQ,SAAS,OAAO,GAExB,EAAE,OAAO,KAAK,QAAQ,YAAY,WAAW,UAAU,GAAG,WAAW,IAAI,OACzE,QAAQ,SAAS,GAEjB,SACJ,MAAM,QAAQ,IAAI,CAAC,MACT,MAAM,CAAC,GAAG,IAAI,KAAK,KAAgB,CAC5C,KAAK,CAAC;AAET,WACE,qBAAC,uBAAoB,KAAkB,GAAG,YACxC;AAAA;AAAA,QAAC;AAAA;AAAA,UACC;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA,OAAO;AAAA;AAAA,MACT;AAAA,MACC;AAAA,OACH;AAAA,EAEJ;AACF,GAIM,gBAA2B;AAAA,EAC/B,UAAU;AAAA,EACV,KAAK;AAAA,EACL,MAAM;AAAA,EACN,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,QAAQ;AACV,GAEM,sBAAsB,OAAO,QAAQ;AAAA,EACzC,MAAM;AAAA,EACN,UAAU;AAAA,EACV,UAAU;AACZ,CAAC;",
5
5
  "names": []
6
6
  }
package/dist/jsx/LinearGradient.shared.js CHANGED
@@ -10,20 +10,24 @@ import {
10
10
  const LinearGradient = YStack.styleable(
11
11
  (propsIn, ref) => {
12
12
  const props = useProps(propsIn), { start, end, colors: colorsProp, locations, children, ...stackProps } = props, theme = useTheme(), colors = props.colors?.map((c) => theme[c]?.get("web") ?? c) || [];
13
- return <LinearGradientFrame ref={ref} {...stackProps}><ExpoLinearGradient
14
- start={start}
15
- end={end}
16
- colors={colors}
17
- locations={locations}
18
- style={absoluteFill}
19
- >{children}</ExpoLinearGradient></LinearGradientFrame>;
13
+ return <LinearGradientFrame ref={ref} {...stackProps}>
14
+ <ExpoLinearGradient
15
+ start={start}
16
+ end={end}
17
+ colors={colors}
18
+ locations={locations}
19
+ style={gradientStyle}
20
+ />
21
+ {children}
22
+ </LinearGradientFrame>;
20
23
  }
21
- ), absoluteFill = {
24
+ ), gradientStyle = {
22
25
  position: "absolute",
23
26
  top: 0,
24
27
  left: 0,
25
28
  right: 0,
26
- bottom: 0
29
+ bottom: 0,
30
+ zIndex: 0
27
31
  }, LinearGradientFrame = styled(YStack, {
28
32
  name: "LinearGradient",
29
33
  overflow: "hidden",
package/dist/jsx/LinearGradient.shared.js.map CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../src/LinearGradient.shared.tsx"],
4
- "mappings": "AAAA;AAAA,EAIE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,cAAc;AAGvB;AAAA,EACE,kBAAkB;AAAA,OAEb;AAOA,MAAM,iBAAiB,OAAO;AAAA,EACnC,CAAC,SAAS,QAAQ;AAChB,UAAM,QAAQ,SAAS,OAAO,GAExB,EAAE,OAAO,KAAK,QAAQ,YAAY,WAAW,UAAU,GAAG,WAAW,IAAI,OACzE,QAAQ,SAAS,GAEjB,SACJ,MAAM,QAAQ,IAAI,CAAC,MACT,MAAM,CAAC,GAAG,IAAI,KAAK,KAAgB,CAC5C,KAAK,CAAC;AAET,WACE,CAAC,oBAAoB,KAAK,SAAgB,YACxC,CAAC;AAAA,MACC,OAAO;AAAA,MACP,KAAK;AAAA,MACL,QAAQ;AAAA,MACR,WAAW;AAAA,MACX,OAAO;AAAA,MAEN,SACH,EARC,mBASH,EAVC;AAAA,EAYL;AACF,GAIM,eAA0B;AAAA,EAC9B,UAAU;AAAA,EACV,KAAK;AAAA,EACL,MAAM;AAAA,EACN,OAAO;AAAA,EACP,QAAQ;AACV,GAEM,sBAAsB,OAAO,QAAQ;AAAA,EACzC,MAAM;AAAA,EACN,UAAU;AAAA,EACV,UAAU;AACZ,CAAC;",
4
+ "mappings": "AAAA;AAAA,EAIE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,cAAc;AAGvB;AAAA,EACE,kBAAkB;AAAA,OAEb;AAOA,MAAM,iBAAiB,OAAO;AAAA,EACnC,CAAC,SAAS,QAAQ;AAChB,UAAM,QAAQ,SAAS,OAAO,GAExB,EAAE,OAAO,KAAK,QAAQ,YAAY,WAAW,UAAU,GAAG,WAAW,IAAI,OACzE,QAAQ,SAAS,GAEjB,SACJ,MAAM,QAAQ,IAAI,CAAC,MACT,MAAM,CAAC,GAAG,IAAI,KAAK,KAAgB,CAC5C,KAAK,CAAC;AAET,WACE,CAAC,oBAAoB,KAAK,SAAgB;AAAA,MACxC,CAAC;AAAA,QACC,OAAO;AAAA,QACP,KAAK;AAAA,QACL,QAAQ;AAAA,QACR,WAAW;AAAA,QACX,OAAO;AAAA,MACT;AAAA,OACC;AAAA,IACH,EATC;AAAA,EAWL;AACF,GAIM,gBAA2B;AAAA,EAC/B,UAAU;AAAA,EACV,KAAK;AAAA,EACL,MAAM;AAAA,EACN,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,QAAQ;AACV,GAEM,sBAAsB,OAAO,QAAQ;AAAA,EACzC,MAAM;AAAA,EACN,UAAU;AAAA,EACV,UAAU;AACZ,CAAC;",
5
5
  "names": []
6
6
  }
package/dist/jsx/LinearGradient.shared.native.js CHANGED
@@ -14,20 +14,24 @@ const LinearGradient = YStack.styleable(
14
14
  var _a2;
15
15
  return ((_a2 = theme[c]) == null ? void 0 : _a2.get("web")) ?? c;
16
16
  })) || [];
17
- return <LinearGradientFrame ref={ref} {...stackProps}><ExpoLinearGradient
18
- start={start}
19
- end={end}
20
- colors={colors}
21
- locations={locations}
22
- style={absoluteFill}
23
- >{children}</ExpoLinearGradient></LinearGradientFrame>;
17
+ return <LinearGradientFrame ref={ref} {...stackProps}>
18
+ <ExpoLinearGradient
19
+ start={start}
20
+ end={end}
21
+ colors={colors}
22
+ locations={locations}
23
+ style={gradientStyle}
24
+ />
25
+ {children}
26
+ </LinearGradientFrame>;
24
27
  }
25
- ), absoluteFill = {
28
+ ), gradientStyle = {
26
29
  position: "absolute",
27
30
  top: 0,
28
31
  left: 0,
29
32
  right: 0,
30
- bottom: 0
33
+ bottom: 0,
34
+ zIndex: 0
31
35
  }, LinearGradientFrame = styled(YStack, {
32
36
  name: "LinearGradient",
33
37
  overflow: "hidden",
package/dist/jsx/LinearGradient.shared.native.js.map CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../src/LinearGradient.shared.tsx"],
4
- "mappings": "AAAA;AAAA,EAIE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,cAAc;AAGvB;AAAA,EACE,kBAAkB;AAAA,OAEb;AAOA,MAAM,iBAAiB,OAAO;AAAA,EACnC,CAAC,SAAS,QAAQ;AAtBpB;AAuBI,UAAM,QAAQ,SAAS,OAAO,GAExB,EAAE,OAAO,KAAK,QAAQ,YAAY,WAAW,UAAU,GAAG,WAAW,IAAI,OACzE,QAAQ,SAAS,GAEjB,WACJ,WAAM,WAAN,mBAAc,IAAI,CAAC,MAAM;AA7B/B,UAAAA;AA8BQ,eAAQA,MAAA,MAAM,CAAC,MAAP,gBAAAA,IAAU,IAAI,WAAqB;AAAA,IAC7C,OAAM,CAAC;AAET,WACE,CAAC,oBAAoB,KAAK,SAAgB,YACxC,CAAC;AAAA,MACC,OAAO;AAAA,MACP,KAAK;AAAA,MACL,QAAQ;AAAA,MACR,WAAW;AAAA,MACX,OAAO;AAAA,MAEN,SACH,EARC,mBASH,EAVC;AAAA,EAYL;AACF,GAIM,eAA0B;AAAA,EAC9B,UAAU;AAAA,EACV,KAAK;AAAA,EACL,MAAM;AAAA,EACN,OAAO;AAAA,EACP,QAAQ;AACV,GAEM,sBAAsB,OAAO,QAAQ;AAAA,EACzC,MAAM;AAAA,EACN,UAAU;AAAA,EACV,UAAU;AACZ,CAAC;",
4
+ "mappings": "AAAA;AAAA,EAIE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,cAAc;AAGvB;AAAA,EACE,kBAAkB;AAAA,OAEb;AAOA,MAAM,iBAAiB,OAAO;AAAA,EACnC,CAAC,SAAS,QAAQ;AAtBpB;AAuBI,UAAM,QAAQ,SAAS,OAAO,GAExB,EAAE,OAAO,KAAK,QAAQ,YAAY,WAAW,UAAU,GAAG,WAAW,IAAI,OACzE,QAAQ,SAAS,GAEjB,WACJ,WAAM,WAAN,mBAAc,IAAI,CAAC,MAAM;AA7B/B,UAAAA;AA8BQ,eAAQA,MAAA,MAAM,CAAC,MAAP,gBAAAA,IAAU,IAAI,WAAqB;AAAA,IAC7C,OAAM,CAAC;AAET,WACE,CAAC,oBAAoB,KAAK,SAAgB;AAAA,MACxC,CAAC;AAAA,QACC,OAAO;AAAA,QACP,KAAK;AAAA,QACL,QAAQ;AAAA,QACR,WAAW;AAAA,QACX,OAAO;AAAA,MACT;AAAA,OACC;AAAA,IACH,EATC;AAAA,EAWL;AACF,GAIM,gBAA2B;AAAA,EAC/B,UAAU;AAAA,EACV,KAAK;AAAA,EACL,MAAM;AAAA,EACN,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,QAAQ;AACV,GAEM,sBAAsB,OAAO,QAAQ;AAAA,EACzC,MAAM;AAAA,EACN,UAAU;AAAA,EACV,UAAU;AACZ,CAAC;",
5
5
  "names": ["_a"]
6
6
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@tamagui/linear-gradient",
3
- "version": "1.75.9",
3
+ "version": "1.77.0",
4
4
  "sideEffects": [
5
5
  "*.css"
6
6
  ],
@@ -31,14 +31,14 @@
31
31
  }
32
32
  },
33
33
  "dependencies": {
34
- "@tamagui/core": "1.75.9",
35
- "@tamagui/stacks": "1.75.9"
34
+ "@tamagui/core": "1.77.0",
35
+ "@tamagui/stacks": "1.77.0"
36
36
  },
37
37
  "peerDependencies": {
38
38
  "react": "*"
39
39
  },
40
40
  "devDependencies": {
41
- "@tamagui/build": "1.75.9",
41
+ "@tamagui/build": "1.77.0",
42
42
  "expo-linear-gradient": "~12.3.0",
43
43
  "react": "^18.2.0"
44
44
  },
package/src/LinearGradient.shared.tsx CHANGED
@@ -38,10 +38,9 @@ export const LinearGradient = YStack.styleable<LinearGradientExtraProps>(
38
38
  end={end}
39
39
  colors={colors}
40
40
  locations={locations}
41
- style={absoluteFill}
42
- >
43
- {children}
44
- </ExpoLinearGradient>
41
+ style={gradientStyle}
42
+ />
43
+ {children}
45
44
  </LinearGradientFrame>
46
45
  )
47
46
  }
@@ -49,12 +48,13 @@ export const LinearGradient = YStack.styleable<LinearGradientExtraProps>(
49
48
 
50
49
  export type LinearGradientProps = GetProps<typeof LinearGradient>
51
50
 
52
- const absoluteFill: ViewStyle = {
51
+ const gradientStyle: ViewStyle = {
53
52
  position: 'absolute',
54
53
  top: 0,
55
54
  left: 0,
56
55
  right: 0,
57
56
  bottom: 0,
57
+ zIndex: 0,
58
58
  }
59
59
 
60
60
  const LinearGradientFrame = styled(YStack, {
package/types/LinearGradient.shared.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"LinearGradient.shared.d.ts","sourceRoot":"","sources":["../src/LinearGradient.shared.tsx"],"names":[],"mappings":";AAAA,OAAO,EACL,WAAW,EACX,QAAQ,EACR,WAAW,EAIZ,MAAM,eAAe,CAAA;AAEtB,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AAE7C,OAAO,EAEL,mBAAmB,IAAI,uBAAuB,EAC/C,MAAM,mBAAmB,CAAA;AAG1B,MAAM,MAAM,wBAAwB,GAAG,IAAI,CAAC,uBAAuB,EAAE,QAAQ,CAAC,GAAG;IAC/E,MAAM,CAAC,EAAE,CAAC,WAAW,GAAG,WAAW,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC,EAAE,CAAA;CACvD,CAAA;AAED,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA0B1B,CAAA;AAED,MAAM,MAAM,mBAAmB,GAAG,QAAQ,CAAC,OAAO,cAAc,CAAC,CAAA"}
1
+ {"version":3,"file":"LinearGradient.shared.d.ts","sourceRoot":"","sources":["../src/LinearGradient.shared.tsx"],"names":[],"mappings":";AAAA,OAAO,EACL,WAAW,EACX,QAAQ,EACR,WAAW,EAIZ,MAAM,eAAe,CAAA;AAEtB,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AAE7C,OAAO,EAEL,mBAAmB,IAAI,uBAAuB,EAC/C,MAAM,mBAAmB,CAAA;AAG1B,MAAM,MAAM,wBAAwB,GAAG,IAAI,CAAC,uBAAuB,EAAE,QAAQ,CAAC,GAAG;IAC/E,MAAM,CAAC,EAAE,CAAC,WAAW,GAAG,WAAW,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC,EAAE,CAAA;CACvD,CAAA;AAED,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAyB1B,CAAA;AAED,MAAM,MAAM,mBAAmB,GAAG,QAAQ,CAAC,OAAO,cAAc,CAAC,CAAA"}