@tamagui/linear-gradient 1.2.8 → 1.2.10

package/dist/esm/LinearGradient.mjs

@@ -0,0 +1,2 @@
+export * from "./LinearGradient.shared";
+//# sourceMappingURL=LinearGradient.mjs.map

package/dist/esm/LinearGradient.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/LinearGradient.tsx"],
+  "sourcesContent": ["export * from './LinearGradient.shared'\n"],
+  "mappings": "AAAA,cAAc;",
+  "names": []
+}

package/dist/esm/LinearGradient.native.mjs

@@ -0,0 +1,9 @@
+import { jsx } from "react/jsx-runtime";
+function LinearGradient(props) {
+  const Real = require("./LinearGradient.shared").LinearGradient;
+  return /* @__PURE__ */ jsx(Real, { ...props });
+}
+export {
+  LinearGradient
+};
+//# sourceMappingURL=LinearGradient.native.mjs.map

package/dist/esm/LinearGradient.native.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/LinearGradient.native.tsx"],
+  "sourcesContent": ["/**\n * Fake file require just so native users can avoid installing\n * expo stuff up front for native.\n */\n\nimport { View } from 'react-native'\n\nexport function LinearGradient(props) {\n  const Real = require('./LinearGradient.shared').LinearGradient\n\n  return <Real {...props} />\n}\n"],
+  "mappings": "AAUS;AAHF,SAAS,eAAe,OAAO;AACpC,QAAM,OAAO,QAAQ,yBAAyB,EAAE;AAEhD,SAAO,oBAAC,QAAM,GAAG,OAAO;AAC1B;",
+  "names": []
+}

package/dist/esm/LinearGradient.shared.mjs

@@ -0,0 +1,53 @@
+import { jsx } from "react/jsx-runtime";
+import {
+  getVariable,
+  styled,
+  themeable,
+  useTheme
+} from "@tamagui/core";
+import { YStack } from "@tamagui/stacks";
+import * as React from "react";
+import { StyleSheet } from "react-native";
+import {
+  LinearGradient as ExpoLinearGradient
+} from "./linear-gradient";
+const LinearGradient = YStack.extractable(
+  themeable(
+    React.forwardRef((props, ref) => {
+      const { start, end, colors: colorsProp, locations, children, ...stackProps } = props;
+      const colors = useThemeColors(colorsProp || []);
+      return (
+        // @ts-ignore
+        /* @__PURE__ */ jsx(LinearGradientFrame, { ref, ...stackProps, children: /* @__PURE__ */ jsx(
+          ExpoLinearGradient,
+          {
+            start,
+            end,
+            colors,
+            locations,
+            style: StyleSheet.absoluteFill,
+            children
+          }
+        ) })
+      );
+    })
+  )
+);
+const LinearGradientFrame = styled(YStack, {
+  name: "LinearGradient",
+  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
+};
+//# sourceMappingURL=LinearGradient.shared.mjs.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/LinearGradient.shared.tsx"],
+  "sourcesContent": ["import {\n  ColorTokens,\n  ThemeTokens,\n  getVariable,\n  styled,\n  themeable,\n  useTheme,\n} from '@tamagui/core'\nimport { YStack, YStackProps } from '@tamagui/stacks'\nimport * as React from 'react'\nimport { StyleSheet, View } from 'react-native'\n\nimport {\n  LinearGradient as ExpoLinearGradient,\n  LinearGradientProps as ExpoLinearGradientProps,\n} from './linear-gradient'\n\n//\nexport type LinearGradientProps = Omit<ExpoLinearGradientProps, 'colors'> &\n  Omit<YStackProps, 'children' | keyof ExpoLinearGradientProps> & {\n    colors?: (ColorTokens | ThemeTokens | (string & {}))[]\n  }\n\nexport const LinearGradient: React.ForwardRefExoticComponent<\n  LinearGradientProps & React.RefAttributes<HTMLElement | View>\n> = YStack.extractable(\n  themeable(\n    React.forwardRef((props: LinearGradientProps, ref) => {\n      const { start, end, colors: colorsProp, locations, children, ...stackProps } = props\n      const colors = useThemeColors(colorsProp || [])\n      return (\n        // @ts-ignore\n        <LinearGradientFrame ref={ref} {...stackProps}>\n          <ExpoLinearGradient\n            start={start}\n            end={end}\n            colors={colors}\n            locations={locations}\n            style={StyleSheet.absoluteFill}\n          >\n            {children}\n          </ExpoLinearGradient>\n        </LinearGradientFrame>\n      )\n    })\n  )\n) as any\n\nconst LinearGradientFrame = styled(YStack, {\n  name: 'LinearGradient',\n  overflow: 'hidden',\n  position: 'relative',\n})\n\n// resolve tamagui theme values\nconst useThemeColors = (colors: string[]) => {\n  const theme = useTheme()\n  return colors.map((color) => {\n    if (color[0] === '$') {\n      return getVariable(theme[color] || color)\n    }\n    return color\n  })\n}\n"],
+  "mappings": "AAiCU;AAjCV;AAAA,EAGE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,cAA2B;AACpC,YAAY,WAAW;AACvB,SAAS,kBAAwB;AAEjC;AAAA,EACE,kBAAkB;AAAA,OAEb;AAQA,MAAM,iBAET,OAAO;AAAA,EACT;AAAA,IACE,MAAM,WAAW,CAAC,OAA4B,QAAQ;AACpD,YAAM,EAAE,OAAO,KAAK,QAAQ,YAAY,WAAW,UAAU,GAAG,WAAW,IAAI;AAC/E,YAAM,SAAS,eAAe,cAAc,CAAC,CAAC;AAC9C;AAAA;AAAA,QAEE,oBAAC,uBAAoB,KAAW,GAAG,YACjC;AAAA,UAAC;AAAA;AAAA,YACC;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA,OAAO,WAAW;AAAA,YAEjB;AAAA;AAAA,QACH,GACF;AAAA;AAAA,IAEJ,CAAC;AAAA,EACH;AACF;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": []
+}

package/dist/esm/index.mjs

@@ -0,0 +1,2 @@
+export * from "./LinearGradient";
+//# sourceMappingURL=index.mjs.map

package/dist/esm/index.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/index.ts"],
+  "sourcesContent": ["export * from './LinearGradient'\n"],
+  "mappings": "AAAA,cAAc;",
+  "names": []
+}

package/dist/esm/linear-gradient.mjs

@@ -0,0 +1,5 @@
+import { LinearGradient } from "expo-linear-gradient";
+export {
+  LinearGradient
+};
+//# sourceMappingURL=linear-gradient.mjs.map

package/dist/esm/linear-gradient.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/linear-gradient.ts"],
+  "sourcesContent": ["export { LinearGradient } from 'expo-linear-gradient'\nexport type { LinearGradientProps } from 'expo-linear-gradient'\n"],
+  "mappings": "AAAA,SAAS,sBAAsB;",
+  "names": []
+}

package/dist/jsx/LinearGradient.mjs

@@ -0,0 +1,2 @@
+export * from "./LinearGradient.shared";
+//# sourceMappingURL=LinearGradient.mjs.map

package/dist/jsx/LinearGradient.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/LinearGradient.tsx"],
+  "sourcesContent": ["export * from './LinearGradient.shared'\n"],
+  "mappings": "AAAA,cAAc;",
+  "names": []
+}

package/dist/jsx/LinearGradient.native.mjs

@@ -0,0 +1,8 @@
+function LinearGradient(props) {
+  const Real = require("./LinearGradient.shared").LinearGradient;
+  return <Real {...props} />;
+}
+export {
+  LinearGradient
+};
+//# sourceMappingURL=LinearGradient.native.mjs.map

package/dist/jsx/LinearGradient.native.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/LinearGradient.native.tsx"],
+  "sourcesContent": ["/**\n * Fake file require just so native users can avoid installing\n * expo stuff up front for native.\n */\n\nimport { View } from 'react-native'\n\nexport function LinearGradient(props) {\n  const Real = require('./LinearGradient.shared').LinearGradient\n\n  return <Real {...props} />\n}\n"],
+  "mappings": "AAOO,SAAS,eAAe,OAAO;AACpC,QAAM,OAAO,QAAQ,yBAAyB,EAAE;AAEhD,SAAO,CAAC,SAAS,OAAO;AAC1B;",
+  "names": []
+}

package/dist/jsx/LinearGradient.shared.mjs

@@ -0,0 +1,48 @@
+import {
+  getVariable,
+  styled,
+  themeable,
+  useTheme
+} from "@tamagui/core";
+import { YStack } from "@tamagui/stacks";
+import * as React from "react";
+import { StyleSheet } from "react-native";
+import {
+  LinearGradient as ExpoLinearGradient
+} from "./linear-gradient";
+const LinearGradient = YStack.extractable(
+  themeable(
+    React.forwardRef((props, ref) => {
+      const { start, end, colors: colorsProp, locations, children, ...stackProps } = props;
+      const colors = useThemeColors(colorsProp || []);
+      return (
+        // @ts-ignore
+        <LinearGradientFrame ref={ref} {...stackProps}><ExpoLinearGradient
+          start={start}
+          end={end}
+          colors={colors}
+          locations={locations}
+          style={StyleSheet.absoluteFill}
+        >{children}</ExpoLinearGradient></LinearGradientFrame>
+      );
+    })
+  )
+);
+const LinearGradientFrame = styled(YStack, {
+  name: "LinearGradient",
+  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
+};
+//# sourceMappingURL=LinearGradient.shared.mjs.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/LinearGradient.shared.tsx"],
+  "sourcesContent": ["import {\n  ColorTokens,\n  ThemeTokens,\n  getVariable,\n  styled,\n  themeable,\n  useTheme,\n} from '@tamagui/core'\nimport { YStack, YStackProps } from '@tamagui/stacks'\nimport * as React from 'react'\nimport { StyleSheet, View } from 'react-native'\n\nimport {\n  LinearGradient as ExpoLinearGradient,\n  LinearGradientProps as ExpoLinearGradientProps,\n} from './linear-gradient'\n\n//\nexport type LinearGradientProps = Omit<ExpoLinearGradientProps, 'colors'> &\n  Omit<YStackProps, 'children' | keyof ExpoLinearGradientProps> & {\n    colors?: (ColorTokens | ThemeTokens | (string & {}))[]\n  }\n\nexport const LinearGradient: React.ForwardRefExoticComponent<\n  LinearGradientProps & React.RefAttributes<HTMLElement | View>\n> = YStack.extractable(\n  themeable(\n    React.forwardRef((props: LinearGradientProps, ref) => {\n      const { start, end, colors: colorsProp, locations, children, ...stackProps } = props\n      const colors = useThemeColors(colorsProp || [])\n      return (\n        // @ts-ignore\n        <LinearGradientFrame ref={ref} {...stackProps}>\n          <ExpoLinearGradient\n            start={start}\n            end={end}\n            colors={colors}\n            locations={locations}\n            style={StyleSheet.absoluteFill}\n          >\n            {children}\n          </ExpoLinearGradient>\n        </LinearGradientFrame>\n      )\n    })\n  )\n) as any\n\nconst LinearGradientFrame = styled(YStack, {\n  name: 'LinearGradient',\n  overflow: 'hidden',\n  position: 'relative',\n})\n\n// resolve tamagui theme values\nconst useThemeColors = (colors: string[]) => {\n  const theme = useTheme()\n  return colors.map((color) => {\n    if (color[0] === '$') {\n      return getVariable(theme[color] || color)\n    }\n    return color\n  })\n}\n"],
+  "mappings": "AAAA;AAAA,EAGE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,cAA2B;AACpC,YAAY,WAAW;AACvB,SAAS,kBAAwB;AAEjC;AAAA,EACE,kBAAkB;AAAA,OAEb;AAQA,MAAM,iBAET,OAAO;AAAA,EACT;AAAA,IACE,MAAM,WAAW,CAAC,OAA4B,QAAQ;AACpD,YAAM,EAAE,OAAO,KAAK,QAAQ,YAAY,WAAW,UAAU,GAAG,WAAW,IAAI;AAC/E,YAAM,SAAS,eAAe,cAAc,CAAC,CAAC;AAC9C;AAAA;AAAA,QAEE,CAAC,oBAAoB,KAAK,SAAS,YACjC,CAAC;AAAA,UACC,OAAO;AAAA,UACP,KAAK;AAAA,UACL,QAAQ;AAAA,UACR,WAAW;AAAA,UACX,OAAO,WAAW;AAAA,UAEjB,SACH,EARC,mBASH,EAVC;AAAA;AAAA,IAYL,CAAC;AAAA,EACH;AACF;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": []
+}

package/dist/jsx/index.mjs

@@ -0,0 +1,2 @@
+export * from "./LinearGradient";
+//# sourceMappingURL=index.mjs.map

package/dist/jsx/index.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/index.ts"],
+  "sourcesContent": ["export * from './LinearGradient'\n"],
+  "mappings": "AAAA,cAAc;",
+  "names": []
+}

package/dist/jsx/linear-gradient.mjs

@@ -0,0 +1,5 @@
+import { LinearGradient } from "expo-linear-gradient";
+export {
+  LinearGradient
+};
+//# sourceMappingURL=linear-gradient.mjs.map

package/dist/jsx/linear-gradient.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/linear-gradient.ts"],
+  "sourcesContent": ["export { LinearGradient } from 'expo-linear-gradient'\nexport type { LinearGradientProps } from 'expo-linear-gradient'\n"],
+  "mappings": "AAAA,SAAS,sBAAsB;",
+  "names": []
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tamagui/linear-gradient",
-  "version": "1.2.8",
+  "version": "1.2.10",
   "sideEffects": [
     "*.css"
   ],
@@ -23,15 +23,15 @@
     "lint:fix": "../../node_modules/.bin/rome check --apply-suggested src"
   },
   "dependencies": {
-    "@tamagui/core": "^1.2.8",
-    "@tamagui/stacks": "^1.2.8"
+    "@tamagui/core": "^1.2.10",
+    "@tamagui/stacks": "^1.2.10"
   },
   "peerDependencies": {
     "react": "*",
     "react-dom": "*"
   },
   "devDependencies": {
-    "@tamagui/build": "^1.2.8",
+    "@tamagui/build": "^1.2.10",
     "expo-linear-gradient": "^12.0.1",
     "react": "^18.2.0",
     "react-dom": "^18.2.0"