@tamagui/linear-gradient 3.0.0-beta.807.1 → 3.0.0-beta.831.1
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.
- package/dist/cjs/LinearGradient.cjs +4 -4
- package/dist/cjs/LinearGradient.native.cjs +5 -6
- package/dist/cjs/LinearGradient.native.js +5 -6
- package/dist/cjs/LinearGradient.native.js.map +1 -1
- package/dist/esm/LinearGradient.mjs +5 -5
- package/dist/esm/LinearGradient.mjs.map +1 -1
- package/dist/esm/LinearGradient.native.js +6 -7
- package/dist/esm/LinearGradient.native.js.map +1 -1
- package/dist/jsx/LinearGradient.mjs +5 -5
- package/dist/jsx/LinearGradient.mjs.map +1 -1
- package/dist/jsx/LinearGradient.native.cjs +5 -6
- package/dist/jsx/LinearGradient.native.js +5 -6
- package/dist/jsx/LinearGradient.native.js.map +1 -1
- package/package.json +5 -5
- package/src/LinearGradient.tsx +6 -6
- package/types/LinearGradient.d.ts.map +1 -1
|
@@ -31,11 +31,11 @@ const LinearGradientFrame = (0, import_core.styled)(import_stacks.YStack, {
|
|
|
31
31
|
position: "relative"
|
|
32
32
|
});
|
|
33
33
|
const LinearGradient = (0, import_core.createStyledHOC)(LinearGradientFrame, (propsIn, ref) => {
|
|
34
|
-
const
|
|
35
|
-
const { start, end, colors: colorsProp, locations, children, ...stackProps } = props;
|
|
34
|
+
const { start, end, colors: colorsProp, locations, children, ...stackProps } = propsIn;
|
|
36
35
|
const theme = (0, import_core.useTheme)();
|
|
37
|
-
|
|
38
|
-
|
|
36
|
+
const colorTokens = (0, import_core.getTokens)().color;
|
|
37
|
+
let colors = colorsProp?.map((c) => {
|
|
38
|
+
return theme[c]?.get("web") ?? (0, import_core.getVariableValue)(colorTokens[c]) ?? c;
|
|
39
39
|
}) || [];
|
|
40
40
|
if (process.env.NODE_ENV !== "production") {
|
|
41
41
|
if (colors.some((c) => {
|
|
@@ -33,14 +33,13 @@ var LinearGradientFrame = (0, import_core.styled)(import_stacks.YStack, {
|
|
|
33
33
|
position: "relative"
|
|
34
34
|
});
|
|
35
35
|
var LinearGradient = (0, import_core.createStyledHOC)(LinearGradientFrame, function(propsIn, ref) {
|
|
36
|
-
var
|
|
37
|
-
var props = (0, import_core.useProps)(propsIn);
|
|
38
|
-
var { start, end, colors: colorsProp, locations, children, ...stackProps } = props;
|
|
36
|
+
var { start, end, colors: colorsProp, locations, children, ...stackProps } = propsIn;
|
|
39
37
|
var theme = (0, import_core.useTheme)();
|
|
40
|
-
var
|
|
38
|
+
var colorTokens = (0, import_core.getTokens)().color;
|
|
39
|
+
var colors = (colorsProp === null || colorsProp === void 0 ? void 0 : colorsProp.map(function(c) {
|
|
41
40
|
var _theme_c;
|
|
42
|
-
var _theme_c_get;
|
|
43
|
-
return (_theme_c_get = (_theme_c = theme[c]) === null || _theme_c === void 0 ? void 0 : _theme_c.get("web")) !== null && _theme_c_get !== void 0 ? _theme_c_get : c;
|
|
41
|
+
var _theme_c_get, _ref;
|
|
42
|
+
return (_ref = (_theme_c_get = (_theme_c = theme[c]) === null || _theme_c === void 0 ? void 0 : _theme_c.get("web")) !== null && _theme_c_get !== void 0 ? _theme_c_get : (0, import_core.getVariableValue)(colorTokens[c])) !== null && _ref !== void 0 ? _ref : c;
|
|
44
43
|
})) || [];
|
|
45
44
|
if (process.env.NODE_ENV !== "production") {
|
|
46
45
|
if (colors.some(function(c) {
|
|
@@ -33,14 +33,13 @@ var LinearGradientFrame = (0, import_core.styled)(import_stacks.YStack, {
|
|
|
33
33
|
position: "relative"
|
|
34
34
|
});
|
|
35
35
|
var LinearGradient = (0, import_core.createStyledHOC)(LinearGradientFrame, function(propsIn, ref) {
|
|
36
|
-
var
|
|
37
|
-
var props = (0, import_core.useProps)(propsIn);
|
|
38
|
-
var { start, end, colors: colorsProp, locations, children, ...stackProps } = props;
|
|
36
|
+
var { start, end, colors: colorsProp, locations, children, ...stackProps } = propsIn;
|
|
39
37
|
var theme = (0, import_core.useTheme)();
|
|
40
|
-
var
|
|
38
|
+
var colorTokens = (0, import_core.getTokens)().color;
|
|
39
|
+
var colors = (colorsProp === null || colorsProp === void 0 ? void 0 : colorsProp.map(function(c) {
|
|
41
40
|
var _theme_c;
|
|
42
|
-
var _theme_c_get;
|
|
43
|
-
return (_theme_c_get = (_theme_c = theme[c]) === null || _theme_c === void 0 ? void 0 : _theme_c.get("web")) !== null && _theme_c_get !== void 0 ? _theme_c_get : c;
|
|
41
|
+
var _theme_c_get, _ref;
|
|
42
|
+
return (_ref = (_theme_c_get = (_theme_c = theme[c]) === null || _theme_c === void 0 ? void 0 : _theme_c.get("web")) !== null && _theme_c_get !== void 0 ? _theme_c_get : (0, import_core.getVariableValue)(colorTokens[c])) !== null && _ref !== void 0 ? _ref : c;
|
|
44
43
|
})) || [];
|
|
45
44
|
if (process.env.NODE_ENV !== "production") {
|
|
46
45
|
if (colors.some(function(c) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LinearGradient.native.js","names":[],"sources":["cjs/LinearGradient.native.js"],"sourcesContent":["\"use strict\";\nvar __defProp = Object.defineProperty;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames = Object.getOwnPropertyNames;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __export = (target, all) => {\n for (var name in all)\n __defProp(target, name, { get: all[name], enumerable: true });\n};\nvar __copyProps = (to, from, except, desc) => {\n if (from && typeof from === \"object\" || typeof from === \"function\") {\n for (let key of __getOwnPropNames(from))\n if (!__hasOwnProp.call(to, key) && key !== except)\n __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });\n }\n return to;\n};\nvar __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\nvar LinearGradient_exports = {};\n__export(LinearGradient_exports, {\n LinearGradient: () => LinearGradient\n});\nmodule.exports = __toCommonJS(LinearGradient_exports);\nvar import_jsx_runtime = require(\"react/jsx-runtime\");\nvar import_core = require(\"@tamagui/core\");\nvar import_stacks = require(\"@tamagui/stacks\");\nvar import_linear_gradient = require(\"./linear-gradient\");\nvar LinearGradientFrame = (0, import_core.styled)(import_stacks.YStack, {\n displayName: \"LinearGradient\",\n overflow: \"hidden\",\n position: \"relative\"\n});\nvar LinearGradient = (0, import_core.createStyledHOC)(LinearGradientFrame, function(propsIn, ref) {\n var
|
|
1
|
+
{"version":3,"file":"LinearGradient.native.js","names":[],"sources":["cjs/LinearGradient.native.js"],"sourcesContent":["\"use strict\";\nvar __defProp = Object.defineProperty;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames = Object.getOwnPropertyNames;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __export = (target, all) => {\n for (var name in all)\n __defProp(target, name, { get: all[name], enumerable: true });\n};\nvar __copyProps = (to, from, except, desc) => {\n if (from && typeof from === \"object\" || typeof from === \"function\") {\n for (let key of __getOwnPropNames(from))\n if (!__hasOwnProp.call(to, key) && key !== except)\n __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });\n }\n return to;\n};\nvar __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\nvar LinearGradient_exports = {};\n__export(LinearGradient_exports, {\n LinearGradient: () => LinearGradient\n});\nmodule.exports = __toCommonJS(LinearGradient_exports);\nvar import_jsx_runtime = require(\"react/jsx-runtime\");\nvar import_core = require(\"@tamagui/core\");\nvar import_stacks = require(\"@tamagui/stacks\");\nvar import_linear_gradient = require(\"./linear-gradient\");\nvar LinearGradientFrame = (0, import_core.styled)(import_stacks.YStack, {\n displayName: \"LinearGradient\",\n overflow: \"hidden\",\n position: \"relative\"\n});\nvar LinearGradient = (0, import_core.createStyledHOC)(LinearGradientFrame, function(propsIn, ref) {\n var { start, end, colors: colorsProp, locations, children, ...stackProps } = propsIn;\n var theme = (0, import_core.useTheme)();\n var colorTokens = (0, import_core.getTokens)().color;\n var colors = (colorsProp === null || colorsProp === void 0 ? void 0 : colorsProp.map(function(c) {\n var _theme_c;\n var _theme_c_get, _ref;\n return (_ref = (_theme_c_get = (_theme_c = theme[c]) === null || _theme_c === void 0 ? void 0 : _theme_c.get(\"web\")) !== null && _theme_c_get !== void 0 ? _theme_c_get : (0, import_core.getVariableValue)(colorTokens[c])) !== null && _ref !== void 0 ? _ref : c;\n })) || [];\n if (process.env.NODE_ENV !== \"production\") {\n if (colors.some(function(c) {\n var normalized = (0, import_core.normalizeColor)(c);\n if (!normalized) {\n return true;\n }\n })) {\n console.error(`LinearGradient: \"colors\" prop contains invalid color tokens: ${colors} fallback to default colors: [\"#000\", \"#fff\"]`);\n colors = [\n \"#000\",\n \"#fff\"\n ];\n }\n }\n return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(LinearGradientFrame, {\n ref,\n ...stackProps,\n children: [\n /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_linear_gradient.LinearGradient, {\n start,\n end,\n colors,\n locations,\n style: gradientStyle\n }),\n children\n ]\n });\n});\nvar gradientStyle = {\n position: \"absolute\",\n top: 0,\n left: 0,\n right: 0,\n bottom: 0,\n zIndex: 0\n};\n//# sourceMappingURL=LinearGradient.js.map\n"],"mappings":";;;AACA,IAAI,YAAY,OAAO;AACvB,IAAI,mBAAmB,OAAO;AAC9B,IAAI,oBAAoB,OAAO;AAC/B,IAAI,eAAe,OAAO,UAAU;AACpC,IAAI,YAAY,QAAQ,QAAQ;CAC9B,KAAK,IAAI,QAAQ,KACf,UAAU,QAAQ,MAAM;EAAE,KAAK,IAAI;EAAO,YAAY;CAAK,CAAC;AAChE;AACA,IAAI,eAAe,IAAI,MAAM,QAAQ,SAAS;CAC5C,IAAI,QAAQ,OAAO,SAAS,YAAY,OAAO,SAAS,YAAY;EAClE,KAAK,IAAI,OAAO,kBAAkB,IAAI,GACpC,IAAI,CAAC,aAAa,KAAK,IAAI,GAAG,KAAK,QAAQ,QACzC,UAAU,IAAI,KAAK;GAAE,WAAW,KAAK;GAAM,YAAY,EAAE,OAAO,iBAAiB,MAAM,GAAG,MAAM,KAAK;EAAW,CAAC;CACvH;CACA,OAAO;AACT;AACA,IAAI,gBAAgB,QAAQ,YAAY,UAAU,CAAC,GAAG,cAAc,EAAE,OAAO,KAAK,CAAC,GAAG,GAAG;AACzF,IAAI,yBAAyB,CAAC;AAC9B,SAAS,wBAAwB,EAC/B,sBAAsB,eACxB,CAAC;AACD,OAAO,UAAU,aAAa,sBAAsB;AACpD,IAAI,qBAAqB,QAAQ,mBAAmB;AACpD,IAAI,cAAc,QAAQ,eAAe;AACzC,IAAI,gBAAgB,QAAQ,iBAAiB;AAC7C,IAAI,yBAAyB,QAAQ,6BAAmB;AACxD,IAAI,uBAAuB,GAAG,YAAY,OAAM,CAAE,cAAc,QAAQ;CACtE,aAAa;CACb,UAAU;CACV,UAAU;AACZ,CAAC;AACD,IAAI,kBAAkB,GAAG,YAAY,gBAAe,CAAE,qBAAqB,SAAS,SAAS,KAAK;CAChG,IAAI,EAAE,OAAO,KAAK,QAAQ,YAAY,WAAW,UAAU,GAAG,eAAe;CAC7E,IAAI,SAAS,GAAG,YAAY,SAAQ,CAAE;CACtC,IAAI,eAAe,GAAG,YAAY,UAAS,CAAE,CAAC,CAAC;CAC/C,IAAI,UAAU,eAAe,QAAQ,eAAe,KAAK,IAAI,KAAK,IAAI,WAAW,IAAI,SAAS,GAAG;EAC/F,IAAI;EACJ,IAAI,cAAc;EAClB,QAAQ,QAAQ,gBAAgB,WAAW,MAAM,QAAQ,QAAQ,aAAa,KAAK,IAAI,KAAK,IAAI,SAAS,IAAI,KAAK,OAAO,QAAQ,iBAAiB,KAAK,IAAI,gBAAgB,GAAG,YAAY,iBAAgB,CAAE,YAAY,EAAE,OAAO,QAAQ,SAAS,KAAK,IAAI,OAAO;CACpQ,CAAC,MAAM,CAAC;CACR,IAAI,QAAQ,IAAI,aAAa,cAAc;EACzC,IAAI,OAAO,KAAK,SAAS,GAAG;GAC1B,IAAI,cAAc,GAAG,YAAY,eAAc,CAAE,CAAC;GAClD,IAAI,CAAC,YAAY;IACf,OAAO;GACT;EACF,CAAC,GAAG;GACF,QAAQ,MAAM,gEAAgE,OAAO,8CAA8C;GACnI,SAAS,CACP,QACA,MACF;EACF;CACF;CACA,OAAuB,iBAAC,GAAG,mBAAmB,KAAI,CAAE,qBAAqB;EACvE;EACA,GAAG;EACH,UAAU,CACQ,iBAAC,GAAG,mBAAmB,IAAG,CAAE,uBAAuB,gBAAgB;GACjF;GACA;GACA;GACA;GACA,OAAO;EACT,CAAC,GACD,QACF;CACF,CAAC;AACH,CAAC;AACD,IAAI,gBAAgB;CAClB,UAAU;CACV,KAAK;CACL,MAAM;CACN,OAAO;CACP,QAAQ;CACR,QAAQ;AACV"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { createStyledHOC, normalizeColor, styled,
|
|
1
|
+
import { createStyledHOC, getTokens, getVariableValue, normalizeColor, styled, useTheme } from "@tamagui/core";
|
|
2
2
|
import { YStack } from "@tamagui/stacks";
|
|
3
3
|
import { LinearGradient as LinearGradient$1 } from "./linear-gradient.mjs";
|
|
4
4
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
@@ -9,11 +9,11 @@ const LinearGradientFrame = styled(YStack, {
|
|
|
9
9
|
position: "relative"
|
|
10
10
|
});
|
|
11
11
|
const LinearGradient = createStyledHOC(LinearGradientFrame, (propsIn, ref) => {
|
|
12
|
-
const
|
|
13
|
-
const { start, end, colors: colorsProp, locations, children, ...stackProps } = props;
|
|
12
|
+
const { start, end, colors: colorsProp, locations, children, ...stackProps } = propsIn;
|
|
14
13
|
const theme = useTheme();
|
|
15
|
-
|
|
16
|
-
|
|
14
|
+
const colorTokens = getTokens().color;
|
|
15
|
+
let colors = colorsProp?.map((c) => {
|
|
16
|
+
return theme[c]?.get("web") ?? getVariableValue(colorTokens[c]) ?? c;
|
|
17
17
|
}) || [];
|
|
18
18
|
if (process.env.NODE_ENV !== "production") {
|
|
19
19
|
if (colors.some((c) => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LinearGradient.js","names":["ExpoLinearGradient"],"sources":["esm/LinearGradient.js"],"sourcesContent":["import {\n createStyledHOC,\n
|
|
1
|
+
{"version":3,"file":"LinearGradient.js","names":["ExpoLinearGradient"],"sources":["esm/LinearGradient.js"],"sourcesContent":["import {\n createStyledHOC,\n getTokens,\n getVariableValue,\n normalizeColor,\n styled,\n useTheme\n} from \"@tamagui/core\";\nimport { YStack } from \"@tamagui/stacks\";\nimport { LinearGradient as ExpoLinearGradient } from \"./linear-gradient\";\nimport { jsx, jsxs } from \"react/jsx-runtime\";\nconst LinearGradientFrame = styled(YStack, {\n displayName: \"LinearGradient\",\n overflow: \"hidden\",\n position: \"relative\"\n});\nconst LinearGradient = createStyledHOC(\n LinearGradientFrame,\n (propsIn, ref) => {\n const { start, end, colors: colorsProp, locations, children, ...stackProps } = propsIn;\n const theme = useTheme();\n const colorTokens = getTokens().color;\n let colors = colorsProp?.map((c) => {\n return theme[c]?.get(\"web\") ?? getVariableValue(colorTokens[c]) ?? c;\n }) || [];\n if (process.env.NODE_ENV !== \"production\") {\n if (colors.some((c) => {\n const normalized = normalizeColor(c);\n if (!normalized) {\n return true;\n }\n })) {\n console.error(\n `LinearGradient: \"colors\" prop contains invalid color tokens: ${colors} fallback to default colors: [\"#000\", \"#fff\"]`\n );\n colors = [\"#000\", \"#fff\"];\n }\n }\n return /* @__PURE__ */ jsxs(LinearGradientFrame, { ref, ...stackProps, children: [\n /* @__PURE__ */ jsx(\n ExpoLinearGradient,\n {\n start,\n end,\n colors,\n locations,\n style: gradientStyle\n }\n ),\n children\n ] });\n }\n);\nconst gradientStyle = {\n position: \"absolute\",\n top: 0,\n left: 0,\n right: 0,\n bottom: 0,\n zIndex: 0\n};\nexport {\n LinearGradient\n};\n//# sourceMappingURL=LinearGradient.js.map\n"],"mappings":";;;;;;AAWA,MAAM,sBAAsB,OAAO,QAAQ;CACzC,aAAa;CACb,UAAU;CACV,UAAU;AACZ,CAAC;AACD,MAAM,iBAAiB,gBACrB,sBACC,SAAS,QAAQ;CAChB,MAAM,EAAE,OAAO,KAAK,QAAQ,YAAY,WAAW,UAAU,GAAG,eAAe;CAC/E,MAAM,QAAQ,SAAS;CACvB,MAAM,cAAc,UAAU,CAAC,CAAC;CAChC,IAAI,SAAS,YAAY,KAAK,MAAM;EAClC,OAAO,MAAM,EAAE,EAAE,IAAI,KAAK,KAAK,iBAAiB,YAAY,EAAE,KAAK;CACrE,CAAC,KAAK,CAAC;CACP,IAAI,QAAQ,IAAI,aAAa,cAAc;EACzC,IAAI,OAAO,MAAM,MAAM;GACrB,MAAM,aAAa,eAAe,CAAC;GACnC,IAAI,CAAC,YAAY;IACf,OAAO;GACT;EACF,CAAC,GAAG;GACF,QAAQ,MACN,gEAAgE,OAAO,8CACzE;GACA,SAAS,CAAC,QAAQ,MAAM;EAC1B;CACF;CACA,OAAuB,qBAAK,qBAAqB;EAAE;EAAK,GAAG;EAAY,UAAU,CAC/D,oBACdA,kBACA;GACE;GACA;GACA;GACA;GACA,OAAO;EACT,CACF,GACA,QACF;CAAE,CAAC;AACL,CACF;AACA,MAAM,gBAAgB;CACpB,UAAU;CACV,KAAK;CACL,MAAM;CACN,OAAO;CACP,QAAQ;CACR,QAAQ;AACV"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { createStyledHOC, normalizeColor, styled,
|
|
2
|
+
import { createStyledHOC, getTokens, getVariableValue, normalizeColor, styled, useTheme } from "@tamagui/core";
|
|
3
3
|
import { YStack } from "@tamagui/stacks";
|
|
4
4
|
import { LinearGradient as LinearGradient$1 } from "./linear-gradient.native.js";
|
|
5
5
|
|
|
@@ -9,14 +9,13 @@ var LinearGradientFrame = styled(YStack, {
|
|
|
9
9
|
position: "relative"
|
|
10
10
|
});
|
|
11
11
|
var LinearGradient = createStyledHOC(LinearGradientFrame, function(propsIn, ref) {
|
|
12
|
-
var
|
|
13
|
-
var props = useProps(propsIn);
|
|
14
|
-
var { start, end, colors: colorsProp, locations, children, ...stackProps } = props;
|
|
12
|
+
var { start, end, colors: colorsProp, locations, children, ...stackProps } = propsIn;
|
|
15
13
|
var theme = useTheme();
|
|
16
|
-
var
|
|
14
|
+
var colorTokens = getTokens().color;
|
|
15
|
+
var colors = (colorsProp === null || colorsProp === void 0 ? void 0 : colorsProp.map(function(c) {
|
|
17
16
|
var _theme_c;
|
|
18
|
-
var _theme_c_get;
|
|
19
|
-
return (_theme_c_get = (_theme_c = theme[c]) === null || _theme_c === void 0 ? void 0 : _theme_c.get("web")) !== null && _theme_c_get !== void 0 ? _theme_c_get : c;
|
|
17
|
+
var _theme_c_get, _ref;
|
|
18
|
+
return (_ref = (_theme_c_get = (_theme_c = theme[c]) === null || _theme_c === void 0 ? void 0 : _theme_c.get("web")) !== null && _theme_c_get !== void 0 ? _theme_c_get : getVariableValue(colorTokens[c])) !== null && _ref !== void 0 ? _ref : c;
|
|
20
19
|
})) || [];
|
|
21
20
|
if (process.env.NODE_ENV !== "production") {
|
|
22
21
|
if (colors.some(function(c) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LinearGradient.native.js","names":["ExpoLinearGradient"],"sources":["esm/LinearGradient.native.js"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { createStyledHOC, normalizeColor, styled,
|
|
1
|
+
{"version":3,"file":"LinearGradient.native.js","names":["ExpoLinearGradient"],"sources":["esm/LinearGradient.native.js"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { createStyledHOC, getTokens, getVariableValue, normalizeColor, styled, useTheme } from \"@tamagui/core\";\nimport { YStack } from \"@tamagui/stacks\";\nimport { LinearGradient as ExpoLinearGradient } from \"./linear-gradient\";\nvar LinearGradientFrame = styled(YStack, {\n displayName: \"LinearGradient\",\n overflow: \"hidden\",\n position: \"relative\"\n});\nvar LinearGradient = createStyledHOC(LinearGradientFrame, function(propsIn, ref) {\n var { start, end, colors: colorsProp, locations, children, ...stackProps } = propsIn;\n var theme = useTheme();\n var colorTokens = getTokens().color;\n var colors = (colorsProp === null || colorsProp === void 0 ? void 0 : colorsProp.map(function(c) {\n var _theme_c;\n var _theme_c_get, _ref;\n return (_ref = (_theme_c_get = (_theme_c = theme[c]) === null || _theme_c === void 0 ? void 0 : _theme_c.get(\"web\")) !== null && _theme_c_get !== void 0 ? _theme_c_get : getVariableValue(colorTokens[c])) !== null && _ref !== void 0 ? _ref : c;\n })) || [];\n if (process.env.NODE_ENV !== \"production\") {\n if (colors.some(function(c) {\n var normalized = normalizeColor(c);\n if (!normalized) {\n return true;\n }\n })) {\n console.error(`LinearGradient: \"colors\" prop contains invalid color tokens: ${colors} fallback to default colors: [\"#000\", \"#fff\"]`);\n colors = [\n \"#000\",\n \"#fff\"\n ];\n }\n }\n return /* @__PURE__ */ _jsxs(LinearGradientFrame, {\n ref,\n ...stackProps,\n children: [\n /* @__PURE__ */ _jsx(ExpoLinearGradient, {\n start,\n end,\n colors,\n locations,\n style: gradientStyle\n }),\n children\n ]\n });\n});\nvar gradientStyle = {\n position: \"absolute\",\n top: 0,\n left: 0,\n right: 0,\n bottom: 0,\n zIndex: 0\n};\nexport {\n LinearGradient\n};\n//# sourceMappingURL=LinearGradient.js.map\n"],"mappings":";;;;;;AAIA,IAAI,sBAAsB,OAAO,QAAQ;CACvC,aAAa;CACb,UAAU;CACV,UAAU;AACZ,CAAC;AACD,IAAI,iBAAiB,gBAAgB,qBAAqB,SAAS,SAAS,KAAK;CAC/E,IAAI,EAAE,OAAO,KAAK,QAAQ,YAAY,WAAW,UAAU,GAAG,eAAe;CAC7E,IAAI,QAAQ,SAAS;CACrB,IAAI,cAAc,UAAU,CAAC,CAAC;CAC9B,IAAI,UAAU,eAAe,QAAQ,eAAe,KAAK,IAAI,KAAK,IAAI,WAAW,IAAI,SAAS,GAAG;EAC/F,IAAI;EACJ,IAAI,cAAc;EAClB,QAAQ,QAAQ,gBAAgB,WAAW,MAAM,QAAQ,QAAQ,aAAa,KAAK,IAAI,KAAK,IAAI,SAAS,IAAI,KAAK,OAAO,QAAQ,iBAAiB,KAAK,IAAI,eAAe,iBAAiB,YAAY,EAAE,OAAO,QAAQ,SAAS,KAAK,IAAI,OAAO;CACnP,CAAC,MAAM,CAAC;CACR,IAAI,QAAQ,IAAI,aAAa,cAAc;EACzC,IAAI,OAAO,KAAK,SAAS,GAAG;GAC1B,IAAI,aAAa,eAAe,CAAC;GACjC,IAAI,CAAC,YAAY;IACf,OAAO;GACT;EACF,CAAC,GAAG;GACF,QAAQ,MAAM,gEAAgE,OAAO,8CAA8C;GACnI,SAAS,CACP,QACA,MACF;EACF;CACF;CACA,OAAuB,qBAAM,qBAAqB;EAChD;EACA,GAAG;EACH,UAAU,CACQ,oBAAKA,kBAAoB;GACvC;GACA;GACA;GACA;GACA,OAAO;EACT,CAAC,GACD,QACF;CACF,CAAC;AACH,CAAC;AACD,IAAI,gBAAgB;CAClB,UAAU;CACV,KAAK;CACL,MAAM;CACN,OAAO;CACP,QAAQ;CACR,QAAQ;AACV"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { createStyledHOC, normalizeColor, styled,
|
|
1
|
+
import { createStyledHOC, getTokens, getVariableValue, normalizeColor, styled, useTheme } from "@tamagui/core";
|
|
2
2
|
import { YStack } from "@tamagui/stacks";
|
|
3
3
|
import { LinearGradient as LinearGradient$1 } from "./linear-gradient.mjs";
|
|
4
4
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
@@ -9,11 +9,11 @@ const LinearGradientFrame = styled(YStack, {
|
|
|
9
9
|
position: "relative"
|
|
10
10
|
});
|
|
11
11
|
const LinearGradient = createStyledHOC(LinearGradientFrame, (propsIn, ref) => {
|
|
12
|
-
const
|
|
13
|
-
const { start, end, colors: colorsProp, locations, children, ...stackProps } = props;
|
|
12
|
+
const { start, end, colors: colorsProp, locations, children, ...stackProps } = propsIn;
|
|
14
13
|
const theme = useTheme();
|
|
15
|
-
|
|
16
|
-
|
|
14
|
+
const colorTokens = getTokens().color;
|
|
15
|
+
let colors = colorsProp?.map((c) => {
|
|
16
|
+
return theme[c]?.get("web") ?? getVariableValue(colorTokens[c]) ?? c;
|
|
17
17
|
}) || [];
|
|
18
18
|
if (process.env.NODE_ENV !== "production") {
|
|
19
19
|
if (colors.some((c) => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LinearGradient.js","names":["ExpoLinearGradient"],"sources":["jsx/LinearGradient.js"],"sourcesContent":["import {\n createStyledHOC,\n
|
|
1
|
+
{"version":3,"file":"LinearGradient.js","names":["ExpoLinearGradient"],"sources":["jsx/LinearGradient.js"],"sourcesContent":["import {\n createStyledHOC,\n getTokens,\n getVariableValue,\n normalizeColor,\n styled,\n useTheme\n} from \"@tamagui/core\";\nimport { YStack } from \"@tamagui/stacks\";\nimport { LinearGradient as ExpoLinearGradient } from \"./linear-gradient\";\nimport { jsx, jsxs } from \"react/jsx-runtime\";\nconst LinearGradientFrame = styled(YStack, {\n displayName: \"LinearGradient\",\n overflow: \"hidden\",\n position: \"relative\"\n});\nconst LinearGradient = createStyledHOC(\n LinearGradientFrame,\n (propsIn, ref) => {\n const { start, end, colors: colorsProp, locations, children, ...stackProps } = propsIn;\n const theme = useTheme();\n const colorTokens = getTokens().color;\n let colors = colorsProp?.map((c) => {\n return theme[c]?.get(\"web\") ?? getVariableValue(colorTokens[c]) ?? c;\n }) || [];\n if (process.env.NODE_ENV !== \"production\") {\n if (colors.some((c) => {\n const normalized = normalizeColor(c);\n if (!normalized) {\n return true;\n }\n })) {\n console.error(\n `LinearGradient: \"colors\" prop contains invalid color tokens: ${colors} fallback to default colors: [\"#000\", \"#fff\"]`\n );\n colors = [\"#000\", \"#fff\"];\n }\n }\n return /* @__PURE__ */ jsxs(LinearGradientFrame, { ref, ...stackProps, children: [\n /* @__PURE__ */ jsx(\n ExpoLinearGradient,\n {\n start,\n end,\n colors,\n locations,\n style: gradientStyle\n }\n ),\n children\n ] });\n }\n);\nconst gradientStyle = {\n position: \"absolute\",\n top: 0,\n left: 0,\n right: 0,\n bottom: 0,\n zIndex: 0\n};\nexport {\n LinearGradient\n};\n//# sourceMappingURL=LinearGradient.js.map\n"],"mappings":";;;;;;AAWA,MAAM,sBAAsB,OAAO,QAAQ;CACzC,aAAa;CACb,UAAU;CACV,UAAU;AACZ,CAAC;AACD,MAAM,iBAAiB,gBACrB,sBACC,SAAS,QAAQ;CAChB,MAAM,EAAE,OAAO,KAAK,QAAQ,YAAY,WAAW,UAAU,GAAG,eAAe;CAC/E,MAAM,QAAQ,SAAS;CACvB,MAAM,cAAc,UAAU,CAAC,CAAC;CAChC,IAAI,SAAS,YAAY,KAAK,MAAM;EAClC,OAAO,MAAM,EAAE,EAAE,IAAI,KAAK,KAAK,iBAAiB,YAAY,EAAE,KAAK;CACrE,CAAC,KAAK,CAAC;CACP,IAAI,QAAQ,IAAI,aAAa,cAAc;EACzC,IAAI,OAAO,MAAM,MAAM;GACrB,MAAM,aAAa,eAAe,CAAC;GACnC,IAAI,CAAC,YAAY;IACf,OAAO;GACT;EACF,CAAC,GAAG;GACF,QAAQ,MACN,gEAAgE,OAAO,8CACzE;GACA,SAAS,CAAC,QAAQ,MAAM;EAC1B;CACF;CACA,OAAuB,qBAAK,qBAAqB;EAAE;EAAK,GAAG;EAAY,UAAU,CAC/D,oBACdA,kBACA;GACE;GACA;GACA;GACA;GACA,OAAO;EACT,CACF,GACA,QACF;CAAE,CAAC;AACL,CACF;AACA,MAAM,gBAAgB;CACpB,UAAU;CACV,KAAK;CACL,MAAM;CACN,OAAO;CACP,QAAQ;CACR,QAAQ;AACV"}
|
|
@@ -33,14 +33,13 @@ var LinearGradientFrame = (0, import_core.styled)(import_stacks.YStack, {
|
|
|
33
33
|
position: "relative"
|
|
34
34
|
});
|
|
35
35
|
var LinearGradient = (0, import_core.createStyledHOC)(LinearGradientFrame, function(propsIn, ref) {
|
|
36
|
-
var
|
|
37
|
-
var props = (0, import_core.useProps)(propsIn);
|
|
38
|
-
var { start, end, colors: colorsProp, locations, children, ...stackProps } = props;
|
|
36
|
+
var { start, end, colors: colorsProp, locations, children, ...stackProps } = propsIn;
|
|
39
37
|
var theme = (0, import_core.useTheme)();
|
|
40
|
-
var
|
|
38
|
+
var colorTokens = (0, import_core.getTokens)().color;
|
|
39
|
+
var colors = (colorsProp === null || colorsProp === void 0 ? void 0 : colorsProp.map(function(c) {
|
|
41
40
|
var _theme_c;
|
|
42
|
-
var _theme_c_get;
|
|
43
|
-
return (_theme_c_get = (_theme_c = theme[c]) === null || _theme_c === void 0 ? void 0 : _theme_c.get("web")) !== null && _theme_c_get !== void 0 ? _theme_c_get : c;
|
|
41
|
+
var _theme_c_get, _ref;
|
|
42
|
+
return (_ref = (_theme_c_get = (_theme_c = theme[c]) === null || _theme_c === void 0 ? void 0 : _theme_c.get("web")) !== null && _theme_c_get !== void 0 ? _theme_c_get : (0, import_core.getVariableValue)(colorTokens[c])) !== null && _ref !== void 0 ? _ref : c;
|
|
44
43
|
})) || [];
|
|
45
44
|
if (process.env.NODE_ENV !== "production") {
|
|
46
45
|
if (colors.some(function(c) {
|
|
@@ -33,14 +33,13 @@ var LinearGradientFrame = (0, import_core.styled)(import_stacks.YStack, {
|
|
|
33
33
|
position: "relative"
|
|
34
34
|
});
|
|
35
35
|
var LinearGradient = (0, import_core.createStyledHOC)(LinearGradientFrame, function(propsIn, ref) {
|
|
36
|
-
var
|
|
37
|
-
var props = (0, import_core.useProps)(propsIn);
|
|
38
|
-
var { start, end, colors: colorsProp, locations, children, ...stackProps } = props;
|
|
36
|
+
var { start, end, colors: colorsProp, locations, children, ...stackProps } = propsIn;
|
|
39
37
|
var theme = (0, import_core.useTheme)();
|
|
40
|
-
var
|
|
38
|
+
var colorTokens = (0, import_core.getTokens)().color;
|
|
39
|
+
var colors = (colorsProp === null || colorsProp === void 0 ? void 0 : colorsProp.map(function(c) {
|
|
41
40
|
var _theme_c;
|
|
42
|
-
var _theme_c_get;
|
|
43
|
-
return (_theme_c_get = (_theme_c = theme[c]) === null || _theme_c === void 0 ? void 0 : _theme_c.get("web")) !== null && _theme_c_get !== void 0 ? _theme_c_get : c;
|
|
41
|
+
var _theme_c_get, _ref;
|
|
42
|
+
return (_ref = (_theme_c_get = (_theme_c = theme[c]) === null || _theme_c === void 0 ? void 0 : _theme_c.get("web")) !== null && _theme_c_get !== void 0 ? _theme_c_get : (0, import_core.getVariableValue)(colorTokens[c])) !== null && _ref !== void 0 ? _ref : c;
|
|
44
43
|
})) || [];
|
|
45
44
|
if (process.env.NODE_ENV !== "production") {
|
|
46
45
|
if (colors.some(function(c) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LinearGradient.native.js","names":[],"sources":["jsx/LinearGradient.native.js"],"sourcesContent":["\"use strict\";\nvar __defProp = Object.defineProperty;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames = Object.getOwnPropertyNames;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __export = (target, all) => {\n for (var name in all)\n __defProp(target, name, { get: all[name], enumerable: true });\n};\nvar __copyProps = (to, from, except, desc) => {\n if (from && typeof from === \"object\" || typeof from === \"function\") {\n for (let key of __getOwnPropNames(from))\n if (!__hasOwnProp.call(to, key) && key !== except)\n __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });\n }\n return to;\n};\nvar __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\nvar LinearGradient_exports = {};\n__export(LinearGradient_exports, {\n LinearGradient: () => LinearGradient\n});\nmodule.exports = __toCommonJS(LinearGradient_exports);\nvar import_jsx_runtime = require(\"react/jsx-runtime\");\nvar import_core = require(\"@tamagui/core\");\nvar import_stacks = require(\"@tamagui/stacks\");\nvar import_linear_gradient = require(\"./linear-gradient\");\nvar LinearGradientFrame = (0, import_core.styled)(import_stacks.YStack, {\n displayName: \"LinearGradient\",\n overflow: \"hidden\",\n position: \"relative\"\n});\nvar LinearGradient = (0, import_core.createStyledHOC)(LinearGradientFrame, function(propsIn, ref) {\n var
|
|
1
|
+
{"version":3,"file":"LinearGradient.native.js","names":[],"sources":["jsx/LinearGradient.native.js"],"sourcesContent":["\"use strict\";\nvar __defProp = Object.defineProperty;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames = Object.getOwnPropertyNames;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __export = (target, all) => {\n for (var name in all)\n __defProp(target, name, { get: all[name], enumerable: true });\n};\nvar __copyProps = (to, from, except, desc) => {\n if (from && typeof from === \"object\" || typeof from === \"function\") {\n for (let key of __getOwnPropNames(from))\n if (!__hasOwnProp.call(to, key) && key !== except)\n __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });\n }\n return to;\n};\nvar __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\nvar LinearGradient_exports = {};\n__export(LinearGradient_exports, {\n LinearGradient: () => LinearGradient\n});\nmodule.exports = __toCommonJS(LinearGradient_exports);\nvar import_jsx_runtime = require(\"react/jsx-runtime\");\nvar import_core = require(\"@tamagui/core\");\nvar import_stacks = require(\"@tamagui/stacks\");\nvar import_linear_gradient = require(\"./linear-gradient\");\nvar LinearGradientFrame = (0, import_core.styled)(import_stacks.YStack, {\n displayName: \"LinearGradient\",\n overflow: \"hidden\",\n position: \"relative\"\n});\nvar LinearGradient = (0, import_core.createStyledHOC)(LinearGradientFrame, function(propsIn, ref) {\n var { start, end, colors: colorsProp, locations, children, ...stackProps } = propsIn;\n var theme = (0, import_core.useTheme)();\n var colorTokens = (0, import_core.getTokens)().color;\n var colors = (colorsProp === null || colorsProp === void 0 ? void 0 : colorsProp.map(function(c) {\n var _theme_c;\n var _theme_c_get, _ref;\n return (_ref = (_theme_c_get = (_theme_c = theme[c]) === null || _theme_c === void 0 ? void 0 : _theme_c.get(\"web\")) !== null && _theme_c_get !== void 0 ? _theme_c_get : (0, import_core.getVariableValue)(colorTokens[c])) !== null && _ref !== void 0 ? _ref : c;\n })) || [];\n if (process.env.NODE_ENV !== \"production\") {\n if (colors.some(function(c) {\n var normalized = (0, import_core.normalizeColor)(c);\n if (!normalized) {\n return true;\n }\n })) {\n console.error(`LinearGradient: \"colors\" prop contains invalid color tokens: ${colors} fallback to default colors: [\"#000\", \"#fff\"]`);\n colors = [\n \"#000\",\n \"#fff\"\n ];\n }\n }\n return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(LinearGradientFrame, {\n ref,\n ...stackProps,\n children: [\n /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_linear_gradient.LinearGradient, {\n start,\n end,\n colors,\n locations,\n style: gradientStyle\n }),\n children\n ]\n });\n});\nvar gradientStyle = {\n position: \"absolute\",\n top: 0,\n left: 0,\n right: 0,\n bottom: 0,\n zIndex: 0\n};\n//# sourceMappingURL=LinearGradient.js.map\n"],"mappings":";;;AACA,IAAI,YAAY,OAAO;AACvB,IAAI,mBAAmB,OAAO;AAC9B,IAAI,oBAAoB,OAAO;AAC/B,IAAI,eAAe,OAAO,UAAU;AACpC,IAAI,YAAY,QAAQ,QAAQ;CAC9B,KAAK,IAAI,QAAQ,KACf,UAAU,QAAQ,MAAM;EAAE,KAAK,IAAI;EAAO,YAAY;CAAK,CAAC;AAChE;AACA,IAAI,eAAe,IAAI,MAAM,QAAQ,SAAS;CAC5C,IAAI,QAAQ,OAAO,SAAS,YAAY,OAAO,SAAS,YAAY;EAClE,KAAK,IAAI,OAAO,kBAAkB,IAAI,GACpC,IAAI,CAAC,aAAa,KAAK,IAAI,GAAG,KAAK,QAAQ,QACzC,UAAU,IAAI,KAAK;GAAE,WAAW,KAAK;GAAM,YAAY,EAAE,OAAO,iBAAiB,MAAM,GAAG,MAAM,KAAK;EAAW,CAAC;CACvH;CACA,OAAO;AACT;AACA,IAAI,gBAAgB,QAAQ,YAAY,UAAU,CAAC,GAAG,cAAc,EAAE,OAAO,KAAK,CAAC,GAAG,GAAG;AACzF,IAAI,yBAAyB,CAAC;AAC9B,SAAS,wBAAwB,EAC/B,sBAAsB,eACxB,CAAC;AACD,OAAO,UAAU,aAAa,sBAAsB;AACpD,IAAI,qBAAqB,QAAQ,mBAAmB;AACpD,IAAI,cAAc,QAAQ,eAAe;AACzC,IAAI,gBAAgB,QAAQ,iBAAiB;AAC7C,IAAI,yBAAyB,QAAQ,6BAAmB;AACxD,IAAI,uBAAuB,GAAG,YAAY,OAAM,CAAE,cAAc,QAAQ;CACtE,aAAa;CACb,UAAU;CACV,UAAU;AACZ,CAAC;AACD,IAAI,kBAAkB,GAAG,YAAY,gBAAe,CAAE,qBAAqB,SAAS,SAAS,KAAK;CAChG,IAAI,EAAE,OAAO,KAAK,QAAQ,YAAY,WAAW,UAAU,GAAG,eAAe;CAC7E,IAAI,SAAS,GAAG,YAAY,SAAQ,CAAE;CACtC,IAAI,eAAe,GAAG,YAAY,UAAS,CAAE,CAAC,CAAC;CAC/C,IAAI,UAAU,eAAe,QAAQ,eAAe,KAAK,IAAI,KAAK,IAAI,WAAW,IAAI,SAAS,GAAG;EAC/F,IAAI;EACJ,IAAI,cAAc;EAClB,QAAQ,QAAQ,gBAAgB,WAAW,MAAM,QAAQ,QAAQ,aAAa,KAAK,IAAI,KAAK,IAAI,SAAS,IAAI,KAAK,OAAO,QAAQ,iBAAiB,KAAK,IAAI,gBAAgB,GAAG,YAAY,iBAAgB,CAAE,YAAY,EAAE,OAAO,QAAQ,SAAS,KAAK,IAAI,OAAO;CACpQ,CAAC,MAAM,CAAC;CACR,IAAI,QAAQ,IAAI,aAAa,cAAc;EACzC,IAAI,OAAO,KAAK,SAAS,GAAG;GAC1B,IAAI,cAAc,GAAG,YAAY,eAAc,CAAE,CAAC;GAClD,IAAI,CAAC,YAAY;IACf,OAAO;GACT;EACF,CAAC,GAAG;GACF,QAAQ,MAAM,gEAAgE,OAAO,8CAA8C;GACnI,SAAS,CACP,QACA,MACF;EACF;CACF;CACA,OAAuB,iBAAC,GAAG,mBAAmB,KAAI,CAAE,qBAAqB;EACvE;EACA,GAAG;EACH,UAAU,CACQ,iBAAC,GAAG,mBAAmB,IAAG,CAAE,uBAAuB,gBAAgB;GACjF;GACA;GACA;GACA;GACA,OAAO;EACT,CAAC,GACD,QACF;CACF,CAAC;AACH,CAAC;AACD,IAAI,gBAAgB;CAClB,UAAU;CACV,KAAK;CACL,MAAM;CACN,OAAO;CACP,QAAQ;CACR,QAAQ;AACV"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@tamagui/linear-gradient",
|
|
3
|
-
"version": "3.0.0-beta.
|
|
3
|
+
"version": "3.0.0-beta.831.1",
|
|
4
4
|
"source": "src/index.ts",
|
|
5
5
|
"files": [
|
|
6
6
|
"src",
|
|
@@ -34,12 +34,12 @@
|
|
|
34
34
|
"clean:build": "tamagui-build clean:build"
|
|
35
35
|
},
|
|
36
36
|
"dependencies": {
|
|
37
|
-
"@tamagui/core": "3.0.0-beta.
|
|
38
|
-
"@tamagui/native": "3.0.0-beta.
|
|
39
|
-
"@tamagui/stacks": "3.0.0-beta.
|
|
37
|
+
"@tamagui/core": "3.0.0-beta.831.1",
|
|
38
|
+
"@tamagui/native": "3.0.0-beta.831.1",
|
|
39
|
+
"@tamagui/stacks": "3.0.0-beta.831.1"
|
|
40
40
|
},
|
|
41
41
|
"devDependencies": {
|
|
42
|
-
"@tamagui/build": "3.0.0-beta.
|
|
42
|
+
"@tamagui/build": "3.0.0-beta.831.1",
|
|
43
43
|
"expo-linear-gradient": "~57.0.1",
|
|
44
44
|
"react": "19.2.3",
|
|
45
45
|
"react-native": "0.86.2"
|
package/src/LinearGradient.tsx
CHANGED
|
@@ -1,9 +1,10 @@
|
|
|
1
1
|
import type { ColorTokens, GetProps, ThemeTokens } from '@tamagui/core'
|
|
2
2
|
import {
|
|
3
3
|
createStyledHOC,
|
|
4
|
+
getTokens,
|
|
5
|
+
getVariableValue,
|
|
4
6
|
normalizeColor,
|
|
5
7
|
styled,
|
|
6
|
-
useProps,
|
|
7
8
|
useTheme,
|
|
8
9
|
} from '@tamagui/core'
|
|
9
10
|
import { YStack } from '@tamagui/stacks'
|
|
@@ -33,14 +34,13 @@ export const LinearGradient = createStyledHOC(
|
|
|
33
34
|
LinearGradientExtraProps,
|
|
34
35
|
ref
|
|
35
36
|
) => {
|
|
36
|
-
const
|
|
37
|
-
|
|
38
|
-
const { start, end, colors: colorsProp, locations, children, ...stackProps } = props
|
|
37
|
+
const { start, end, colors: colorsProp, locations, children, ...stackProps } = propsIn
|
|
39
38
|
const theme = useTheme()
|
|
39
|
+
const colorTokens = getTokens().color
|
|
40
40
|
|
|
41
41
|
let colors =
|
|
42
|
-
|
|
43
|
-
return (theme[c]?.get('web') as string) ?? c
|
|
42
|
+
colorsProp?.map((c) => {
|
|
43
|
+
return (theme[c]?.get('web') as string) ?? getVariableValue(colorTokens[c]) ?? c
|
|
44
44
|
}) || []
|
|
45
45
|
|
|
46
46
|
if (process.env.NODE_ENV !== 'production') {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LinearGradient.d.ts","sourceRoot":"","sources":["../src/LinearGradient.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;
|
|
1
|
+
{"version":3,"file":"LinearGradient.d.ts","sourceRoot":"","sources":["../src/LinearGradient.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAYvE,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAA;AAI5D,MAAM,MAAM,wBAAwB,GAAG;IACrC,MAAM,CAAC,EAAE,CAAC,WAAW,GAAG,WAAW,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC,EAAE,CAAA;IACtD,SAAS,CAAC,EAAE,MAAM,EAAE,GAAG,IAAI,CAAA;IAC3B,KAAK,CAAC,EAAE,mBAAmB,GAAG,IAAI,CAAA;IAClC,GAAG,CAAC,EAAE,mBAAmB,GAAG,IAAI,CAAA;CACjC,CAAA;AAQD,eAAO,MAAM,cAAc;;;;;;;;8CA6C1B,CAAA;AAED,MAAM,MAAM,mBAAmB,GAAG,QAAQ,CAAC,OAAO,cAAc,CAAC,CAAA"}
|