@tamagui/linear-gradient 1.52.6 → 1.52.8

package/dist/cjs/LinearGradient.shared.js

@@ -26,9 +26,14 @@ var import_core = require("@tamagui/core");
 var import_stacks = require("@tamagui/stacks");
 var import_linear_gradient = require("./linear-gradient");
 const LinearGradient = import_stacks.YStack.styleable((propsIn, ref) => {
+  var _a;
   const props = (0, import_core.useProps)(propsIn);
   const { start, end, colors: colorsProp, locations, children, ...stackProps } = props;
-  const colors = useThemeColors(colorsProp || []);
+  const theme = (0, import_core.useTheme)();
+  const colors = ((_a = props.colors) == null ? void 0 : _a.map((c) => {
+    var _a2;
+    return ((_a2 = theme[c]) == null ? void 0 : _a2.get()) ?? c;
+  })) || [];
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(LinearGradientFrame, { ref, ...stackProps, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     import_linear_gradient.LinearGradient,
     {
@@ -53,15 +58,6 @@ const LinearGradientFrame = (0, import_core.styled)(import_stacks.YStack, {
   overflow: "hidden",
   position: "relative"
 });
-const useThemeColors = (colors) => {
-  const theme = (0, import_core.useTheme)();
-  return colors.map((color) => {
-    if (color[0] === "$") {
-      return (0, import_core.getVariable)(theme[color] || color);
-    }
-    return color;
-  });
-};
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   LinearGradient

package/dist/cjs/LinearGradient.shared.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/LinearGradient.shared.tsx"],
-  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AA6BM;AA7BN,kBAOO;AACP,oBAAoC;AAGpC,6BAGO;AAQA,MAAM,iBAAiB,qBAAO,UAA+B,CAAC,SAAS,QAAQ;AACpF,QAAM,YAAQ,sBAAS,OAAO;AAE9B,QAAM,EAAE,OAAO,KAAK,QAAQ,YAAY,WAAW,UAAU,GAAG,WAAW,IAAI;AAC/E,QAAM,SAAS,eAAe,cAAc,CAAC,CAAC;AAC9C,SACE,4CAAC,uBAAoB,KAAkB,GAAG,YACxC;AAAA,IAAC,uBAAAA;AAAA,IAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,OAAO;AAAA,MAEN;AAAA;AAAA,EACH,GACF;AAEJ,CAAC;AAED,MAAM,eAA0B;AAAA,EAC9B,UAAU;AAAA,EACV,KAAK;AAAA,EACL,MAAM;AAAA,EACN,OAAO;AAAA,EACP,QAAQ;AACV;AAEA,MAAM,0BAAsB,oBAAO,sBAAQ;AAAA,EACzC,MAAM;AAAA,EACN,UAAU;AAAA,EACV,UAAU;AACZ,CAAC;AAGD,MAAM,iBAAiB,CAAC,WAAqB;AAC3C,QAAM,YAAQ,sBAAS;AACvB,SAAO,OAAO,IAAI,CAAC,UAAU;AAC3B,QAAI,MAAM,CAAC,MAAM,KAAK;AACpB,iBAAO,yBAAY,MAAM,KAAK,KAAK,KAAK;AAAA,IAC1C;AACA,WAAO;AAAA,EACT,CAAC;AACH;",
-  "names": ["ExpoLinearGradient"]
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAmCM;AAnCN,kBAOO;AACP,oBAAoC;AAGpC,6BAGO;AAQA,MAAM,iBAAiB,qBAAO,UAA+B,CAAC,SAAS,QAAQ;AAtBtF;AAuBE,QAAM,YAAQ,sBAAS,OAAO;AAE9B,QAAM,EAAE,OAAO,KAAK,QAAQ,YAAY,WAAW,UAAU,GAAG,WAAW,IAAI;AAC/E,QAAM,YAAQ,sBAAS;AAEvB,QAAM,WACJ,WAAM,WAAN,mBAAc,IAAI,CAAC,MAAM;AA7B7B,QAAAA;AA8BM,aAAQA,MAAA,MAAM,CAAC,MAAP,gBAAAA,IAAU,UAAoB;AAAA,EACxC,OAAM,CAAC;AAET,SACE,4CAAC,uBAAoB,KAAkB,GAAG,YACxC;AAAA,IAAC,uBAAAC;AAAA,IAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,OAAO;AAAA,MAEN;AAAA;AAAA,EACH,GACF;AAEJ,CAAC;AAED,MAAM,eAA0B;AAAA,EAC9B,UAAU;AAAA,EACV,KAAK;AAAA,EACL,MAAM;AAAA,EACN,OAAO;AAAA,EACP,QAAQ;AACV;AAEA,MAAM,0BAAsB,oBAAO,sBAAQ;AAAA,EACzC,MAAM;AAAA,EACN,UAAU;AAAA,EACV,UAAU;AACZ,CAAC;",
+  "names": ["_a", "ExpoLinearGradient"]
 }

package/dist/esm/LinearGradient.shared.js

@@ -1,6 +1,5 @@
 import { jsx } from "react/jsx-runtime";
 import {
-  getVariable,
   styled,
   useProps,
   useTheme
@@ -10,9 +9,14 @@ import {
   LinearGradient as ExpoLinearGradient
 } from "./linear-gradient";
 const LinearGradient = YStack.styleable((propsIn, ref) => {
+  var _a;
   const props = useProps(propsIn);
   const { start, end, colors: colorsProp, locations, children, ...stackProps } = props;
-  const colors = useThemeColors(colorsProp || []);
+  const theme = useTheme();
+  const colors = ((_a = props.colors) == null ? void 0 : _a.map((c) => {
+    var _a2;
+    return ((_a2 = theme[c]) == null ? void 0 : _a2.get()) ?? c;
+  })) || [];
   return /* @__PURE__ */ jsx(LinearGradientFrame, { ref, ...stackProps, children: /* @__PURE__ */ jsx(
     ExpoLinearGradient,
     {
@@ -37,15 +41,6 @@ const LinearGradientFrame = styled(YStack, {
   overflow: "hidden",
   position: "relative"
 });
-const useThemeColors = (colors) => {
-  const theme = useTheme();
-  return colors.map((color) => {
-    if (color[0] === "$") {
-      return getVariable(theme[color] || color);
-    }
-    return color;
-  });
-};
 export {
   LinearGradient
 };

package/dist/esm/LinearGradient.shared.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/LinearGradient.shared.tsx"],
-  "mappings": "AA6BM;AA7BN;AAAA,EAGE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,cAA2B;AAGpC;AAAA,EACE,kBAAkB;AAAA,OAEb;AAQA,MAAM,iBAAiB,OAAO,UAA+B,CAAC,SAAS,QAAQ;AACpF,QAAM,QAAQ,SAAS,OAAO;AAE9B,QAAM,EAAE,OAAO,KAAK,QAAQ,YAAY,WAAW,UAAU,GAAG,WAAW,IAAI;AAC/E,QAAM,SAAS,eAAe,cAAc,CAAC,CAAC;AAC9C,SACE,oBAAC,uBAAoB,KAAkB,GAAG,YACxC;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,OAAO;AAAA,MAEN;AAAA;AAAA,EACH,GACF;AAEJ,CAAC;AAED,MAAM,eAA0B;AAAA,EAC9B,UAAU;AAAA,EACV,KAAK;AAAA,EACL,MAAM;AAAA,EACN,OAAO;AAAA,EACP,QAAQ;AACV;AAEA,MAAM,sBAAsB,OAAO,QAAQ;AAAA,EACzC,MAAM;AAAA,EACN,UAAU;AAAA,EACV,UAAU;AACZ,CAAC;AAGD,MAAM,iBAAiB,CAAC,WAAqB;AAC3C,QAAM,QAAQ,SAAS;AACvB,SAAO,OAAO,IAAI,CAAC,UAAU;AAC3B,QAAI,MAAM,CAAC,MAAM,KAAK;AACpB,aAAO,YAAY,MAAM,KAAK,KAAK,KAAK;AAAA,IAC1C;AACA,WAAO;AAAA,EACT,CAAC;AACH;",
-  "names": []
+  "mappings": "AAmCM;AAnCN;AAAA,EAIE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,cAA2B;AAGpC;AAAA,EACE,kBAAkB;AAAA,OAEb;AAQA,MAAM,iBAAiB,OAAO,UAA+B,CAAC,SAAS,QAAQ;AAtBtF;AAuBE,QAAM,QAAQ,SAAS,OAAO;AAE9B,QAAM,EAAE,OAAO,KAAK,QAAQ,YAAY,WAAW,UAAU,GAAG,WAAW,IAAI;AAC/E,QAAM,QAAQ,SAAS;AAEvB,QAAM,WACJ,WAAM,WAAN,mBAAc,IAAI,CAAC,MAAM;AA7B7B,QAAAA;AA8BM,aAAQA,MAAA,MAAM,CAAC,MAAP,gBAAAA,IAAU,UAAoB;AAAA,EACxC,OAAM,CAAC;AAET,SACE,oBAAC,uBAAoB,KAAkB,GAAG,YACxC;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,OAAO;AAAA,MAEN;AAAA;AAAA,EACH,GACF;AAEJ,CAAC;AAED,MAAM,eAA0B;AAAA,EAC9B,UAAU;AAAA,EACV,KAAK;AAAA,EACL,MAAM;AAAA,EACN,OAAO;AAAA,EACP,QAAQ;AACV;AAEA,MAAM,sBAAsB,OAAO,QAAQ;AAAA,EACzC,MAAM;AAAA,EACN,UAAU;AAAA,EACV,UAAU;AACZ,CAAC;",
+  "names": ["_a"]
 }

package/dist/jsx/LinearGradient.shared.js

@@ -1,5 +1,4 @@
 import {
-  getVariable,
   styled,
   useProps,
   useTheme
@@ -11,7 +10,10 @@ import {
 const LinearGradient = YStack.styleable((propsIn, ref) => {
   const props = useProps(propsIn);
   const { start, end, colors: colorsProp, locations, children, ...stackProps } = props;
-  const colors = useThemeColors(colorsProp || []);
+  const theme = useTheme();
+  const colors = props.colors?.map((c) => {
+    return theme[c]?.get() ?? c;
+  }) || [];
   return <LinearGradientFrame ref={ref} {...stackProps}><ExpoLinearGradient
     start={start}
     end={end}
@@ -32,15 +34,6 @@ const LinearGradientFrame = styled(YStack, {
   overflow: "hidden",
   position: "relative"
 });
-const useThemeColors = (colors) => {
-  const theme = useTheme();
-  return colors.map((color) => {
-    if (color[0] === "$") {
-      return getVariable(theme[color] || color);
-    }
-    return color;
-  });
-};
 export {
   LinearGradient
 };

package/dist/jsx/LinearGradient.shared.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/LinearGradient.shared.tsx"],
-  "mappings": "AAAA;AAAA,EAGE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,cAA2B;AAGpC;AAAA,EACE,kBAAkB;AAAA,OAEb;AAQA,MAAM,iBAAiB,OAAO,UAA+B,CAAC,SAAS,QAAQ;AACpF,QAAM,QAAQ,SAAS,OAAO;AAE9B,QAAM,EAAE,OAAO,KAAK,QAAQ,YAAY,WAAW,UAAU,GAAG,WAAW,IAAI;AAC/E,QAAM,SAAS,eAAe,cAAc,CAAC,CAAC;AAC9C,SACE,CAAC,oBAAoB,KAAK,SAAgB,YACxC,CAAC;AAAA,IACC,OAAO;AAAA,IACP,KAAK;AAAA,IACL,QAAQ;AAAA,IACR,WAAW;AAAA,IACX,OAAO;AAAA,IAEN,SACH,EARC,mBASH,EAVC;AAYL,CAAC;AAED,MAAM,eAA0B;AAAA,EAC9B,UAAU;AAAA,EACV,KAAK;AAAA,EACL,MAAM;AAAA,EACN,OAAO;AAAA,EACP,QAAQ;AACV;AAEA,MAAM,sBAAsB,OAAO,QAAQ;AAAA,EACzC,MAAM;AAAA,EACN,UAAU;AAAA,EACV,UAAU;AACZ,CAAC;AAGD,MAAM,iBAAiB,CAAC,WAAqB;AAC3C,QAAM,QAAQ,SAAS;AACvB,SAAO,OAAO,IAAI,CAAC,UAAU;AAC3B,QAAI,MAAM,CAAC,MAAM,KAAK;AACpB,aAAO,YAAY,MAAM,KAAK,KAAK,KAAK;AAAA,IAC1C;AACA,WAAO;AAAA,EACT,CAAC;AACH;",
+  "mappings": "AAAA;AAAA,EAIE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,cAA2B;AAGpC;AAAA,EACE,kBAAkB;AAAA,OAEb;AAQA,MAAM,iBAAiB,OAAO,UAA+B,CAAC,SAAS,QAAQ;AACpF,QAAM,QAAQ,SAAS,OAAO;AAE9B,QAAM,EAAE,OAAO,KAAK,QAAQ,YAAY,WAAW,UAAU,GAAG,WAAW,IAAI;AAC/E,QAAM,QAAQ,SAAS;AAEvB,QAAM,SACJ,MAAM,QAAQ,IAAI,CAAC,MAAM;AACvB,WAAQ,MAAM,CAAC,GAAG,IAAI,KAAgB;AAAA,EACxC,CAAC,KAAK,CAAC;AAET,SACE,CAAC,oBAAoB,KAAK,SAAgB,YACxC,CAAC;AAAA,IACC,OAAO;AAAA,IACP,KAAK;AAAA,IACL,QAAQ;AAAA,IACR,WAAW;AAAA,IACX,OAAO;AAAA,IAEN,SACH,EARC,mBASH,EAVC;AAYL,CAAC;AAED,MAAM,eAA0B;AAAA,EAC9B,UAAU;AAAA,EACV,KAAK;AAAA,EACL,MAAM;AAAA,EACN,OAAO;AAAA,EACP,QAAQ;AACV;AAEA,MAAM,sBAAsB,OAAO,QAAQ;AAAA,EACzC,MAAM;AAAA,EACN,UAAU;AAAA,EACV,UAAU;AACZ,CAAC;",
   "names": []
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tamagui/linear-gradient",
-  "version": "1.52.6",
+  "version": "1.52.8",
   "sideEffects": [
     "*.css"
   ],
@@ -31,14 +31,14 @@
     }
   },
   "dependencies": {
-    "@tamagui/core": "1.52.6",
-    "@tamagui/stacks": "1.52.6"
+    "@tamagui/core": "1.52.8",
+    "@tamagui/stacks": "1.52.8"
   },
   "peerDependencies": {
     "react": "*"
   },
   "devDependencies": {
-    "@tamagui/build": "1.52.6",
+    "@tamagui/build": "1.52.8",
     "expo-linear-gradient": "~12.3.0",
     "react": "^18.2.0"
   },

package/src/LinearGradient.shared.tsx

@@ -24,7 +24,13 @@ export const LinearGradient = YStack.styleable<LinearGradientProps>((propsIn, re
   const props = useProps(propsIn)
 
   const { start, end, colors: colorsProp, locations, children, ...stackProps } = props
-  const colors = useThemeColors(colorsProp || [])
+  const theme = useTheme()
+
+  const colors =
+    props.colors?.map((c) => {
+      return (theme[c]?.get() as string) ?? c
+    }) || []
+
   return (
     <LinearGradientFrame ref={ref as any} {...stackProps}>
       <ExpoLinearGradient
@@ -53,14 +59,3 @@ const LinearGradientFrame = styled(YStack, {
   overflow: 'hidden',
   position: 'relative',
 })
-
-// resolve tamagui theme values
-const useThemeColors = (colors: string[]) => {
-  const theme = useTheme()
-  return colors.map((color) => {
-    if (color[0] === '$') {
-      return getVariable(theme[color] || color)
-    }
-    return color
-  })
-}

package/types/LinearGradient.shared.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LinearGradient.shared.d.ts","sourceRoot":"","sources":["../src/LinearGradient.shared.tsx"],"names":[],"mappings":";AAAA,OAAO,EACL,WAAW,EACX,WAAW,EAKZ,MAAM,eAAe,CAAA;AACtB,OAAO,EAAU,WAAW,EAAE,MAAM,iBAAiB,CAAA;AACrD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AAE7C,OAAO,EAEL,mBAAmB,IAAI,uBAAuB,EAC/C,MAAM,mBAAmB,CAAA;AAG1B,MAAM,MAAM,mBAAmB,GAAG,IAAI,CAAC,uBAAuB,EAAE,QAAQ,CAAC,GACvE,IAAI,CAAC,WAAW,EAAE,UAAU,GAAG,MAAM,uBAAuB,CAAC,GAAG;IAC9D,MAAM,CAAC,EAAE,CAAC,WAAW,GAAG,WAAW,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC,EAAE,CAAA;CACvD,CAAA;AAEH,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkBzB,CAAA"}
+{"version":3,"file":"LinearGradient.shared.d.ts","sourceRoot":"","sources":["../src/LinearGradient.shared.tsx"],"names":[],"mappings":";AAAA,OAAO,EACL,WAAW,EACX,WAAW,EAKZ,MAAM,eAAe,CAAA;AACtB,OAAO,EAAU,WAAW,EAAE,MAAM,iBAAiB,CAAA;AACrD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AAE7C,OAAO,EAEL,mBAAmB,IAAI,uBAAuB,EAC/C,MAAM,mBAAmB,CAAA;AAG1B,MAAM,MAAM,mBAAmB,GAAG,IAAI,CAAC,uBAAuB,EAAE,QAAQ,CAAC,GACvE,IAAI,CAAC,WAAW,EAAE,UAAU,GAAG,MAAM,uBAAuB,CAAC,GAAG;IAC9D,MAAM,CAAC,EAAE,CAAC,WAAW,GAAG,WAAW,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC,EAAE,CAAA;CACvD,CAAA;AAEH,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwBzB,CAAA"}