@tamagui/config-v5 0.0.0-bootstrap.0 → 3.0.0-beta.643.1

package/dist/esm/v5/v5-themes.native.js

@@ -0,0 +1,400 @@
+import { blue, blueDark, gray, grayDark, green, greenDark, orange, orangeDark, pink, pinkDark, purple, purpleDark, red, redDark, teal, tealDark, yellow, yellowDark } from "@tamagui/colors";
+import { createThemes } from "../theme-builder/index.native.js";
+import { interpolateColor, opacify, opacify as opacify2 } from "./opacify.native.js";
+import { v5Templates } from "./v5-templates.native.js";
+
+var V5_BG_OFFSET = 6 + 1;
+var v5ComponentThemes = {
+	Button: { template: "surface2" },
+	Input: { template: "surface1" },
+	Progress: { template: "surface1" },
+	ProgressIndicator: { template: "surface3" },
+	Slider: { template: "surface1" },
+	SliderActive: { template: "surface3" },
+	SliderThumb: { template: "surface2" },
+	Switch: { template: "surface2" },
+	TextArea: { template: "surface1" },
+	Tooltip: { template: "accent" },
+	SwitchThumb: { template: "accent" }
+};
+var v5ComponentThemesWithInverses = {
+	...v5ComponentThemes,
+	ProgressIndicator: { template: "accent" },
+	SliderThumb: { template: "accent" },
+	Tooltip: { template: "accent" }
+};
+var v5GrandchildrenThemes = {
+	accent: { template: "accent" },
+	surface1: { template: "surface1" },
+	surface2: { template: "surface2" }
+};
+function parseHSL(str) {
+	var m = str.match(/hsl\((\d+(?:\.\d+)?),\s*(\d+(?:\.\d+)?)%,\s*(\d+(?:\.\d+)?)%\)/);
+	return m ? {
+		h: +m[1],
+		s: +m[2],
+		l: +m[3]
+	} : null;
+}
+function parseHex(str) {
+	if (!str.startsWith("#")) return null;
+	var hex = str.slice(1);
+	if (hex.length === 3) {
+		hex = hex.split("").map(function(c) {
+			return c + c;
+		}).join("");
+	}
+	if (hex.length !== 6) return null;
+	var r = Number.parseInt(hex.slice(0, 2), 16) / 255;
+	var g = Number.parseInt(hex.slice(2, 4), 16) / 255;
+	var b = Number.parseInt(hex.slice(4, 6), 16) / 255;
+	var max = Math.max(r, g, b);
+	var min = Math.min(r, g, b);
+	var l = (max + min) / 2;
+	if (max === min) {
+		return {
+			h: 0,
+			s: 0,
+			l: l * 100
+		};
+	}
+	var d = max - min;
+	var s = l > .5 ? d / (2 - max - min) : d / (max + min);
+	var h = 0;
+	if (max === r) h = ((g - b) / d + (g < b ? 6 : 0)) / 6;
+	else if (max === g) h = ((b - r) / d + 2) / 6;
+	else h = ((r - g) / d + 4) / 6;
+	return {
+		h: Math.round(h * 360),
+		s: s * 100,
+		l: l * 100
+	};
+}
+function parseColor(str) {
+	var _parseHSL;
+	return (_parseHSL = parseHSL(str)) !== null && _parseHSL !== void 0 ? _parseHSL : parseHex(str);
+}
+function hslToString(hsl) {
+	return `hsl(${hsl.h}, ${Math.round(Math.min(100, Math.max(0, hsl.s)))}%, ${Math.round(Math.min(100, Math.max(0, hsl.l)))}%)`;
+}
+function adjustPalette(palette, fn) {
+	var out = {};
+	var keys = Object.keys(palette);
+	for (var i = 0; i < keys.length; i++) {
+		var key = keys[i];
+		var parsed = parseColor(palette[key]);
+		if (!parsed) {
+			out[key] = palette[key];
+			continue;
+		}
+		out[key] = hslToString(fn(parsed, i + 1));
+	}
+	return out;
+}
+var identity = function(hsl) {
+	return hsl;
+};
+function adjustPalettes(themes, adjustments) {
+	var result = {};
+	var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = void 0;
+	try {
+		for (var _iterator = Object.entries(themes)[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
+			var [name, theme] = _step.value;
+			var _adjustments_name;
+			var adj = (_adjustments_name = adjustments[name]) !== null && _adjustments_name !== void 0 ? _adjustments_name : adjustments.default;
+			if (!adj) {
+				;
+				result[name] = theme;
+				continue;
+			}
+			;
+			var _adj_light, _adj_dark;
+			result[name] = {
+				light: adjustPalette(theme.light, (_adj_light = adj.light) !== null && _adj_light !== void 0 ? _adj_light : identity),
+				dark: adjustPalette(theme.dark, (_adj_dark = adj.dark) !== null && _adj_dark !== void 0 ? _adj_dark : identity)
+			};
+		}
+	} catch (err) {
+		_didIteratorError = true;
+		_iteratorError = err;
+	} finally {
+		try {
+			if (!_iteratorNormalCompletion && _iterator.return != null) {
+				_iterator.return();
+			}
+		} finally {
+			if (_didIteratorError) {
+				throw _iteratorError;
+			}
+		}
+	}
+	return result;
+}
+function paletteToNamedColors(name, palette) {
+	return Object.fromEntries(palette.map(function(color, i) {
+		return [`${name}${i + 1}`, color];
+	}));
+}
+var darkPalette = [
+	"#090909",
+	"#151515",
+	"#191919",
+	"#232323",
+	"#333",
+	"#444",
+	"#666",
+	"#777",
+	"#858585",
+	"#aaa",
+	"#ccc",
+	"#ffffff"
+];
+var lightPalette = [
+	"#fff",
+	"#f8f8f8",
+	"hsl(0, 0%, 93%)",
+	"hsl(0, 0%, 85%)",
+	"hsl(0, 0%, 80%)",
+	"hsl(0, 0%, 70%)",
+	"hsl(0, 0%, 59%)",
+	"hsl(0, 0%, 45%)",
+	"hsl(0, 0%, 30%)",
+	"hsl(0, 0%, 20%)",
+	"hsl(0, 0%, 14%)",
+	"hsl(0, 0%, 2%)"
+];
+var neutralPalette = [
+	"hsl(0, 0%, 68%)",
+	"hsl(0, 0%, 65%)",
+	"hsl(0, 0%, 62%)",
+	"hsl(0, 0%, 59%)",
+	"hsl(0, 0%, 56%)",
+	"hsl(0, 0%, 53%)",
+	"hsl(0, 0%, 50%)",
+	"hsl(0, 0%, 47%)",
+	"hsl(0, 0%, 44%)",
+	"hsl(0, 0%, 41%)",
+	"hsl(0, 0%, 38%)",
+	"hsl(0, 0%, 32%)"
+];
+var neutral = paletteToNamedColors("neutral", neutralPalette);
+var whiteBlack = {
+	white: "rgba(255,255,255,1)",
+	white0: "rgba(255,255,255,0)",
+	white02: "rgba(255,255,255,0.2)",
+	white04: "rgba(255,255,255,0.4)",
+	white06: "rgba(255,255,255,0.6)",
+	white08: "rgba(255,255,255,0.8)",
+	black: "rgba(0,0,0,1)",
+	black0: "rgba(0,0,0,0)",
+	black02: "rgba(0,0,0,0.2)",
+	black04: "rgba(0,0,0,0.4)",
+	black06: "rgba(0,0,0,0.6)",
+	black08: "rgba(0,0,0,0.8)"
+};
+var darkShadows = {
+	shadow1: "rgba(0,0,0,0.15)",
+	shadow2: "rgba(0,0,0,0.23)",
+	shadow3: "rgba(0,0,0,0.33)",
+	shadow4: "rgba(0,0,0,0.45)",
+	shadow5: "rgba(0,0,0,0.65)",
+	shadow6: "rgba(0,0,0,0.8)",
+	shadow7: "rgba(0,0,0,0.9)",
+	shadow8: "rgba(0,0,0,1)"
+};
+var lightShadows = {
+	shadow1: "rgba(0,0,0,0.04)",
+	shadow2: "rgba(0,0,0,0.08)",
+	shadow3: "rgba(0,0,0,0.12)",
+	shadow4: "rgba(0,0,0,0.22)",
+	shadow5: "rgba(0,0,0,0.33)",
+	shadow6: "rgba(0,0,0,0.44)",
+	shadow7: "rgba(0,0,0,0.6)",
+	shadow8: "rgba(0,0,0,0.75)"
+};
+var darkHighlights = {
+	highlight1: "rgba(255,255,255,0.1)",
+	highlight2: "rgba(255,255,255,0.2)",
+	highlight3: "rgba(255,255,255,0.3)",
+	highlight4: "rgba(255,255,255,0.45)",
+	highlight5: "rgba(255,255,255,0.65)",
+	highlight6: "rgba(255,255,255,0.85)",
+	highlight7: "rgba(255,255,255,0.95)",
+	highlight8: "rgba(255,255,255,1)"
+};
+var lightHighlights = {
+	highlight1: "rgba(255,255,255,0.05)",
+	highlight2: "rgba(255,255,255,0.1)",
+	highlight3: "rgba(255,255,255,0.15)",
+	highlight4: "rgba(255,255,255,0.3)",
+	highlight5: "rgba(255,255,255,0.4)",
+	highlight6: "rgba(255,255,255,0.55)",
+	highlight7: "rgba(255,255,255,0.7)",
+	highlight8: "rgba(255,255,255,0.85)"
+};
+var defaultChildrenThemes = {
+	gray: {
+		light: gray,
+		dark: grayDark
+	},
+	blue: {
+		light: blue,
+		dark: blueDark
+	},
+	red: {
+		light: red,
+		dark: redDark
+	},
+	yellow: {
+		light: yellow,
+		dark: yellowDark
+	},
+	green: {
+		light: green,
+		dark: greenDark
+	},
+	orange: {
+		light: orange,
+		dark: orangeDark
+	},
+	pink: {
+		light: pink,
+		dark: pinkDark
+	},
+	purple: {
+		light: purple,
+		dark: purpleDark
+	},
+	teal: {
+		light: teal,
+		dark: tealDark
+	},
+	neutral: {
+		light: neutral,
+		dark: neutral
+	}
+};
+function getDefaultV5ThemeValues(param) {
+	var { palette } = param;
+	if (!palette || palette.length < 3) {
+		throw new Error(`invalid palette: ${JSON.stringify(palette)}`);
+	}
+	var bgColor = palette[7];
+	var fgColor = palette[palette.length - 2];
+	return {
+		color01: opacify(fgColor, .1),
+		color0075: opacify(fgColor, .075),
+		color005: opacify(fgColor, .05),
+		color0025: opacify(fgColor, .025),
+		color002: opacify(fgColor, .02),
+		color001: opacify(fgColor, .01),
+		background01: opacify(bgColor, .1),
+		background0075: opacify(bgColor, .075),
+		background005: opacify(bgColor, .05),
+		background0025: opacify(bgColor, .025),
+		background002: opacify(bgColor, .02),
+		background001: opacify(bgColor, .01),
+		background02: opacify(bgColor, .2),
+		background04: opacify(bgColor, .4),
+		background06: opacify(bgColor, .6),
+		background08: opacify(bgColor, .8),
+		outlineColor: opacify(palette[7 + 4], .6)
+	};
+}
+function createV5Theme() {
+	var options = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
+	var { darkPalette: customDarkPalette = darkPalette, lightPalette: customLightPalette = lightPalette, accent: customAccent, childrenThemes = defaultChildrenThemes, grandChildrenThemes = v5GrandchildrenThemes, componentThemes: customComponentThemes = v5ComponentThemes, getTheme: userGetTheme } = options;
+	var blackColors = paletteToNamedColors("black", customDarkPalette);
+	var whiteColors = paletteToNamedColors("white", customLightPalette);
+	var extraBase = {
+		...blackColors,
+		...whiteColors,
+		...whiteBlack
+	};
+	var lightExtraBase = {
+		...extraBase,
+		...lightShadows,
+		...lightHighlights,
+		shadowColor: lightShadows.shadow3
+	};
+	var darkExtraBase = {
+		...extraBase,
+		...darkShadows,
+		...darkHighlights,
+		shadowColor: darkShadows.shadow3
+	};
+	var lightExtra = { ...lightExtraBase };
+	var darkExtra = { ...darkExtraBase };
+	var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = void 0;
+	try {
+		for (var _iterator = Object.values(childrenThemes)[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
+			var theme = _step.value;
+			if (theme.light) Object.assign(lightExtra, theme.light);
+			if (theme.dark) Object.assign(darkExtra, theme.dark);
+		}
+	} catch (err) {
+		_didIteratorError = true;
+		_iteratorError = err;
+	} finally {
+		try {
+			if (!_iteratorNormalCompletion && _iterator.return != null) {
+				_iterator.return();
+			}
+		} finally {
+			if (_didIteratorError) {
+				throw _iteratorError;
+			}
+		}
+	}
+	var childrenWithPalettes = {
+		black: { palette: {
+			dark: Object.values(blackColors),
+			light: Object.values(blackColors)
+		} },
+		white: { palette: {
+			dark: Object.values(whiteColors),
+			light: Object.values(whiteColors)
+		} },
+		...Object.fromEntries(Object.entries(childrenThemes).map(function(param) {
+			var [name, theme2] = param;
+			return [name, { palette: {
+				light: Object.values(theme2.light),
+				dark: Object.values(theme2.dark)
+			} }];
+		}))
+	};
+	return createThemes({
+		componentThemes: customComponentThemes,
+		templates: v5Templates,
+		base: {
+			palette: {
+				dark: customDarkPalette,
+				light: customLightPalette
+			},
+			extra: {
+				light: lightExtra,
+				dark: darkExtra
+			}
+		},
+		accent: { palette: customAccent ? {
+			light: Object.values(customAccent.light),
+			dark: Object.values(customAccent.dark)
+		} : {
+			dark: customLightPalette,
+			light: customDarkPalette
+		} },
+		childrenThemes: childrenWithPalettes,
+		grandChildrenThemes,
+		getTheme: function(props) {
+			var builtInTheme = getDefaultV5ThemeValues(props);
+			var customTheme = userGetTheme === null || userGetTheme === void 0 ? void 0 : userGetTheme(props);
+			return customTheme ? {
+				...builtInTheme,
+				...customTheme
+			} : builtInTheme;
+		}
+	});
+}
+
+export { V5_BG_OFFSET, adjustPalette, adjustPalettes, createV5Theme, defaultChildrenThemes, darkPalette as defaultDarkPalette, lightPalette as defaultLightPalette, hslToString, interpolateColor, opacify2 as opacify, parseColor, parseHSL, parseHex, v5ComponentThemes, v5ComponentThemesWithInverses, v5GrandchildrenThemes };
+//# sourceMappingURL=v5-themes.native.js.map

package/dist/esm/v5/v5-themes.native.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"v5-themes.native.js","names":[],"sources":["esm/v5/v5-themes.native.js"],"sourcesContent":["import { blue, blueDark, gray, grayDark, green, greenDark, orange, orangeDark, pink, pinkDark, purple, purpleDark, red, redDark, teal, tealDark, yellow, yellowDark } from \"@tamagui/colors\";\nimport { createThemes } from \"../theme-builder\";\nimport { opacify } from \"./opacify\";\nimport { v5Templates } from \"./v5-templates\";\nimport { interpolateColor, opacify as opacify2 } from \"./opacify\";\nvar V5_BG_OFFSET = 6 + 1;\nvar v5ComponentThemes = {\n  Button: {\n    template: \"surface2\"\n  },\n  Input: {\n    template: \"surface1\"\n  },\n  Progress: {\n    template: \"surface1\"\n  },\n  ProgressIndicator: {\n    template: \"surface3\"\n  },\n  Slider: {\n    template: \"surface1\"\n  },\n  SliderActive: {\n    template: \"surface3\"\n  },\n  SliderThumb: {\n    template: \"surface2\"\n  },\n  Switch: {\n    template: \"surface2\"\n  },\n  TextArea: {\n    template: \"surface1\"\n  },\n  Tooltip: {\n    template: \"accent\"\n  },\n  SwitchThumb: {\n    template: \"accent\"\n  }\n};\nvar v5ComponentThemesWithInverses = {\n  ...v5ComponentThemes,\n  ProgressIndicator: {\n    template: \"accent\"\n  },\n  SliderThumb: {\n    template: \"accent\"\n  },\n  Tooltip: {\n    template: \"accent\"\n  }\n};\nvar v5GrandchildrenThemes = {\n  accent: {\n    template: \"accent\"\n  },\n  surface1: {\n    template: \"surface1\"\n  },\n  surface2: {\n    template: \"surface2\"\n  }\n};\nfunction parseHSL(str) {\n  var m = str.match(/hsl\\((\\d+(?:\\.\\d+)?),\\s*(\\d+(?:\\.\\d+)?)%,\\s*(\\d+(?:\\.\\d+)?)%\\)/);\n  return m ? {\n    h: +m[1],\n    s: +m[2],\n    l: +m[3]\n  } : null;\n}\nfunction parseHex(str) {\n  if (!str.startsWith(\"#\")) return null;\n  var hex = str.slice(1);\n  if (hex.length === 3) {\n    hex = hex.split(\"\").map(function(c) {\n      return c + c;\n    }).join(\"\");\n  }\n  if (hex.length !== 6) return null;\n  var r = Number.parseInt(hex.slice(0, 2), 16) / 255;\n  var g = Number.parseInt(hex.slice(2, 4), 16) / 255;\n  var b = Number.parseInt(hex.slice(4, 6), 16) / 255;\n  var max = Math.max(r, g, b);\n  var min = Math.min(r, g, b);\n  var l = (max + min) / 2;\n  if (max === min) {\n    return {\n      h: 0,\n      s: 0,\n      l: l * 100\n    };\n  }\n  var d = max - min;\n  var s = l > 0.5 ? d / (2 - max - min) : d / (max + min);\n  var h = 0;\n  if (max === r) h = ((g - b) / d + (g < b ? 6 : 0)) / 6;\n  else if (max === g) h = ((b - r) / d + 2) / 6;\n  else h = ((r - g) / d + 4) / 6;\n  return {\n    h: Math.round(h * 360),\n    s: s * 100,\n    l: l * 100\n  };\n}\nfunction parseColor(str) {\n  var _parseHSL;\n  return (_parseHSL = parseHSL(str)) !== null && _parseHSL !== void 0 ? _parseHSL : parseHex(str);\n}\nfunction hslToString(hsl) {\n  return `hsl(${hsl.h}, ${Math.round(Math.min(100, Math.max(0, hsl.s)))}%, ${Math.round(Math.min(100, Math.max(0, hsl.l)))}%)`;\n}\nfunction adjustPalette(palette, fn) {\n  var out = {};\n  var keys = Object.keys(palette);\n  for (var i = 0; i < keys.length; i++) {\n    var key = keys[i];\n    var parsed = parseColor(palette[key]);\n    if (!parsed) {\n      out[key] = palette[key];\n      continue;\n    }\n    out[key] = hslToString(fn(parsed, i + 1));\n  }\n  return out;\n}\nvar identity = function(hsl) {\n  return hsl;\n};\nfunction adjustPalettes(themes, adjustments) {\n  var result = {};\n  var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = void 0;\n  try {\n    for (var _iterator = Object.entries(themes)[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {\n      var [name, theme] = _step.value;\n      var _adjustments_name;\n      var adj = (_adjustments_name = adjustments[name]) !== null && _adjustments_name !== void 0 ? _adjustments_name : adjustments.default;\n      if (!adj) {\n        ;\n        result[name] = theme;\n        continue;\n      }\n      ;\n      var _adj_light, _adj_dark;\n      result[name] = {\n        light: adjustPalette(theme.light, (_adj_light = adj.light) !== null && _adj_light !== void 0 ? _adj_light : identity),\n        dark: adjustPalette(theme.dark, (_adj_dark = adj.dark) !== null && _adj_dark !== void 0 ? _adj_dark : identity)\n      };\n    }\n  } catch (err) {\n    _didIteratorError = true;\n    _iteratorError = err;\n  } finally {\n    try {\n      if (!_iteratorNormalCompletion && _iterator.return != null) {\n        _iterator.return();\n      }\n    } finally {\n      if (_didIteratorError) {\n        throw _iteratorError;\n      }\n    }\n  }\n  return result;\n}\nfunction paletteToNamedColors(name, palette) {\n  return Object.fromEntries(palette.map(function(color, i) {\n    return [\n      `${name}${i + 1}`,\n      color\n    ];\n  }));\n}\nvar darkPalette = [\n  \"#090909\",\n  \"#151515\",\n  \"#191919\",\n  \"#232323\",\n  \"#333\",\n  \"#444\",\n  \"#666\",\n  \"#777\",\n  \"#858585\",\n  \"#aaa\",\n  \"#ccc\",\n  \"#ffffff\"\n];\nvar lightPalette = [\n  \"#fff\",\n  \"#f8f8f8\",\n  \"hsl(0, 0%, 93%)\",\n  \"hsl(0, 0%, 85%)\",\n  \"hsl(0, 0%, 80%)\",\n  \"hsl(0, 0%, 70%)\",\n  \"hsl(0, 0%, 59%)\",\n  \"hsl(0, 0%, 45%)\",\n  \"hsl(0, 0%, 30%)\",\n  \"hsl(0, 0%, 20%)\",\n  \"hsl(0, 0%, 14%)\",\n  \"hsl(0, 0%, 2%)\"\n];\nvar neutralPalette = [\n  \"hsl(0, 0%, 68%)\",\n  \"hsl(0, 0%, 65%)\",\n  \"hsl(0, 0%, 62%)\",\n  \"hsl(0, 0%, 59%)\",\n  \"hsl(0, 0%, 56%)\",\n  \"hsl(0, 0%, 53%)\",\n  \"hsl(0, 0%, 50%)\",\n  \"hsl(0, 0%, 47%)\",\n  \"hsl(0, 0%, 44%)\",\n  \"hsl(0, 0%, 41%)\",\n  \"hsl(0, 0%, 38%)\",\n  \"hsl(0, 0%, 32%)\"\n];\nvar neutral = paletteToNamedColors(\"neutral\", neutralPalette);\nvar whiteBlack = {\n  white: \"rgba(255,255,255,1)\",\n  white0: \"rgba(255,255,255,0)\",\n  white02: \"rgba(255,255,255,0.2)\",\n  white04: \"rgba(255,255,255,0.4)\",\n  white06: \"rgba(255,255,255,0.6)\",\n  white08: \"rgba(255,255,255,0.8)\",\n  black: \"rgba(0,0,0,1)\",\n  black0: \"rgba(0,0,0,0)\",\n  black02: \"rgba(0,0,0,0.2)\",\n  black04: \"rgba(0,0,0,0.4)\",\n  black06: \"rgba(0,0,0,0.6)\",\n  black08: \"rgba(0,0,0,0.8)\"\n};\nvar darkShadows = {\n  shadow1: \"rgba(0,0,0,0.15)\",\n  shadow2: \"rgba(0,0,0,0.23)\",\n  shadow3: \"rgba(0,0,0,0.33)\",\n  shadow4: \"rgba(0,0,0,0.45)\",\n  shadow5: \"rgba(0,0,0,0.65)\",\n  shadow6: \"rgba(0,0,0,0.8)\",\n  shadow7: \"rgba(0,0,0,0.9)\",\n  shadow8: \"rgba(0,0,0,1)\"\n};\nvar lightShadows = {\n  shadow1: \"rgba(0,0,0,0.04)\",\n  shadow2: \"rgba(0,0,0,0.08)\",\n  shadow3: \"rgba(0,0,0,0.12)\",\n  shadow4: \"rgba(0,0,0,0.22)\",\n  shadow5: \"rgba(0,0,0,0.33)\",\n  shadow6: \"rgba(0,0,0,0.44)\",\n  shadow7: \"rgba(0,0,0,0.6)\",\n  shadow8: \"rgba(0,0,0,0.75)\"\n};\nvar darkHighlights = {\n  highlight1: \"rgba(255,255,255,0.1)\",\n  highlight2: \"rgba(255,255,255,0.2)\",\n  highlight3: \"rgba(255,255,255,0.3)\",\n  highlight4: \"rgba(255,255,255,0.45)\",\n  highlight5: \"rgba(255,255,255,0.65)\",\n  highlight6: \"rgba(255,255,255,0.85)\",\n  highlight7: \"rgba(255,255,255,0.95)\",\n  highlight8: \"rgba(255,255,255,1)\"\n};\nvar lightHighlights = {\n  highlight1: \"rgba(255,255,255,0.05)\",\n  highlight2: \"rgba(255,255,255,0.1)\",\n  highlight3: \"rgba(255,255,255,0.15)\",\n  highlight4: \"rgba(255,255,255,0.3)\",\n  highlight5: \"rgba(255,255,255,0.4)\",\n  highlight6: \"rgba(255,255,255,0.55)\",\n  highlight7: \"rgba(255,255,255,0.7)\",\n  highlight8: \"rgba(255,255,255,0.85)\"\n};\nvar defaultChildrenThemes = {\n  gray: {\n    light: gray,\n    dark: grayDark\n  },\n  blue: {\n    light: blue,\n    dark: blueDark\n  },\n  red: {\n    light: red,\n    dark: redDark\n  },\n  yellow: {\n    light: yellow,\n    dark: yellowDark\n  },\n  green: {\n    light: green,\n    dark: greenDark\n  },\n  orange: {\n    light: orange,\n    dark: orangeDark\n  },\n  pink: {\n    light: pink,\n    dark: pinkDark\n  },\n  purple: {\n    light: purple,\n    dark: purpleDark\n  },\n  teal: {\n    light: teal,\n    dark: tealDark\n  },\n  neutral: {\n    light: neutral,\n    dark: neutral\n  }\n};\nfunction getDefaultV5ThemeValues(param) {\n  var { palette } = param;\n  if (!palette || palette.length < 3) {\n    throw new Error(`invalid palette: ${JSON.stringify(palette)}`);\n  }\n  var bgColor = palette[V5_BG_OFFSET];\n  var fgColor = palette[palette.length - 2];\n  return {\n    color01: opacify(fgColor, 0.1),\n    color0075: opacify(fgColor, 0.075),\n    color005: opacify(fgColor, 0.05),\n    color0025: opacify(fgColor, 0.025),\n    color002: opacify(fgColor, 0.02),\n    color001: opacify(fgColor, 0.01),\n    background01: opacify(bgColor, 0.1),\n    background0075: opacify(bgColor, 0.075),\n    background005: opacify(bgColor, 0.05),\n    background0025: opacify(bgColor, 0.025),\n    background002: opacify(bgColor, 0.02),\n    background001: opacify(bgColor, 0.01),\n    background02: opacify(bgColor, 0.2),\n    background04: opacify(bgColor, 0.4),\n    background06: opacify(bgColor, 0.6),\n    background08: opacify(bgColor, 0.8),\n    outlineColor: opacify(palette[V5_BG_OFFSET + 4], 0.6)\n  };\n}\nfunction createV5Theme() {\n  var options = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};\n  var { darkPalette: customDarkPalette = darkPalette, lightPalette: customLightPalette = lightPalette, accent: customAccent, childrenThemes = defaultChildrenThemes, grandChildrenThemes = v5GrandchildrenThemes, componentThemes: customComponentThemes = v5ComponentThemes, getTheme: userGetTheme } = options;\n  var blackColors = paletteToNamedColors(\"black\", customDarkPalette);\n  var whiteColors = paletteToNamedColors(\"white\", customLightPalette);\n  var extraBase = {\n    ...blackColors,\n    ...whiteColors,\n    ...whiteBlack\n  };\n  var lightExtraBase = {\n    ...extraBase,\n    ...lightShadows,\n    ...lightHighlights,\n    shadowColor: lightShadows.shadow3\n  };\n  var darkExtraBase = {\n    ...extraBase,\n    ...darkShadows,\n    ...darkHighlights,\n    shadowColor: darkShadows.shadow3\n  };\n  var lightExtra = {\n    ...lightExtraBase\n  };\n  var darkExtra = {\n    ...darkExtraBase\n  };\n  var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = void 0;\n  try {\n    for (var _iterator = Object.values(childrenThemes)[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {\n      var theme = _step.value;\n      if (theme.light) Object.assign(lightExtra, theme.light);\n      if (theme.dark) Object.assign(darkExtra, theme.dark);\n    }\n  } catch (err) {\n    _didIteratorError = true;\n    _iteratorError = err;\n  } finally {\n    try {\n      if (!_iteratorNormalCompletion && _iterator.return != null) {\n        _iterator.return();\n      }\n    } finally {\n      if (_didIteratorError) {\n        throw _iteratorError;\n      }\n    }\n  }\n  var childrenWithPalettes = {\n    // Always include black/white for theme generation\n    black: {\n      palette: {\n        dark: Object.values(blackColors),\n        light: Object.values(blackColors)\n      }\n    },\n    white: {\n      palette: {\n        dark: Object.values(whiteColors),\n        light: Object.values(whiteColors)\n      }\n    },\n    ...Object.fromEntries(Object.entries(childrenThemes).map(function(param) {\n      var [name, theme2] = param;\n      return [\n        name,\n        {\n          palette: {\n            light: Object.values(theme2.light),\n            dark: Object.values(theme2.dark)\n          }\n        }\n      ];\n    }))\n  };\n  return createThemes({\n    // componentThemes: false disables them, undefined/truthy values enable them\n    componentThemes: customComponentThemes,\n    templates: v5Templates,\n    base: {\n      palette: {\n        dark: customDarkPalette,\n        light: customLightPalette\n      },\n      extra: {\n        light: lightExtra,\n        dark: darkExtra\n      }\n    },\n    accent: {\n      palette: customAccent ? {\n        light: Object.values(customAccent.light),\n        dark: Object.values(customAccent.dark)\n      } : {\n        dark: customLightPalette,\n        light: customDarkPalette\n      }\n    },\n    childrenThemes: childrenWithPalettes,\n    grandChildrenThemes,\n    getTheme: function(props) {\n      var builtInTheme = getDefaultV5ThemeValues(props);\n      var customTheme = userGetTheme === null || userGetTheme === void 0 ? void 0 : userGetTheme(props);\n      return customTheme ? {\n        ...builtInTheme,\n        ...customTheme\n      } : builtInTheme;\n    }\n  });\n}\nexport {\n  V5_BG_OFFSET,\n  adjustPalette,\n  adjustPalettes,\n  createV5Theme,\n  defaultChildrenThemes,\n  darkPalette as defaultDarkPalette,\n  lightPalette as defaultLightPalette,\n  hslToString,\n  interpolateColor,\n  opacify2 as opacify,\n  parseColor,\n  parseHSL,\n  parseHex,\n  v5ComponentThemes,\n  v5ComponentThemesWithInverses,\n  v5GrandchildrenThemes\n};\n//# sourceMappingURL=v5-themes.js.map\n"],"mappings":"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"}

package/package.json

@@ -1,16 +1,67 @@
 {
   "name": "@tamagui/config-v5",
-  "version": "0.0.0-bootstrap.0",
-  "description": "Tamagui v3 package bootstrap",
-  "repository": {
-    "type": "git",
-    "url": "git+https://github.com/tamagui/tamagui.git"
-  },
-  "license": "MIT",
+  "version": "3.0.0-beta.643.1",
+  "source": "src/index.ts",
   "files": [
-    "README.md"
+    "src",
+    "types",
+    "dist"
   ],
+  "type": "module",
+  "sideEffects": false,
+  "main": "./dist/cjs/index.cjs",
+  "module": "./dist/esm/index.mjs",
+  "react-native": "./dist/esm/index.native.js",
+  "types": "./types/index.d.ts",
+  "tamagui-build": {
+    "outputs": [
+      "cjs",
+      "esm",
+      "types"
+    ]
+  },
+  "exports": {
+    "./package.json": "./package.json",
+    ".": {
+      "types": "./types/index.d.ts",
+      "react-native": "./dist/esm/index.native.js",
+      "browser": "./dist/esm/index.mjs",
+      "module": "./dist/esm/index.mjs",
+      "import": "./dist/esm/index.mjs",
+      "require": "./dist/cjs/index.cjs",
+      "default": "./dist/esm/index.mjs"
+    },
+    "./builder": {
+      "types": "./types/builder.d.ts",
+      "react-native": "./dist/esm/builder.native.js",
+      "browser": "./dist/esm/builder.mjs",
+      "module": "./dist/esm/builder.mjs",
+      "import": "./dist/esm/builder.mjs",
+      "require": "./dist/cjs/builder.cjs",
+      "default": "./dist/esm/builder.mjs"
+    }
+  },
   "publishConfig": {
     "access": "public"
+  },
+  "scripts": {
+    "build": "tamagui-build",
+    "test": "bun test tests/v5.test.ts",
+    "watch": "tamagui-build --watch",
+    "clean": "tamagui-build clean",
+    "clean:build": "tamagui-build clean:build"
+  },
+  "dependencies": {
+    "@tamagui/colors": "3.0.0-beta.643.1",
+    "@tamagui/web": "3.0.0-beta.643.1",
+    "color2k": "^2.0.2"
+  },
+  "devDependencies": {
+    "@tamagui/build": "3.0.0-beta.643.1"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/tamagui/tamagui.git",
+    "directory": "code/core/config-v5"
   }
 }

package/src/builder.ts

@@ -0,0 +1 @@
+export * from './theme-builder'

package/src/create-theme/applyMask.tsx

@@ -0,0 +1,69 @@
+import { createTheme } from './createTheme'
+import type { CreateMask, GenericTheme, MaskOptions, ThemeMask } from './createThemeTypes'
+import type { ThemeInfo } from './themeInfo'
+import { getThemeInfo, setThemeInfo } from './themeInfo'
+
+export function applyMask<Theme extends GenericTheme | ThemeMask>(
+  theme: Theme,
+  mask: CreateMask,
+  options: MaskOptions = {},
+  parentName?: string,
+  nextName?: string
+): Theme {
+  const info = getThemeInfo(theme, parentName)
+  if (!info) {
+    throw new Error(
+      process.env.NODE_ENV !== 'production'
+        ? `No info found for theme, you must pass the theme created by createThemeFromPalette directly to extendTheme`
+        : `❌ Err2`
+    )
+  }
+
+  const next = applyMaskStateless(info, mask, options, parentName)
+
+  setThemeInfo(next.theme, {
+    definition: next.definition,
+    palette: info.palette,
+    name: nextName,
+  })
+
+  return next.theme as Theme
+}
+
+export function applyMaskStateless<Theme extends GenericTheme | ThemeMask>(
+  info: ThemeInfo,
+  mask: CreateMask,
+  options: MaskOptions = {},
+  parentName?: string
+): ThemeInfo & {
+  theme: Theme
+} {
+  const skip = {
+    ...options.skip,
+  }
+
+  // skip nonInheritedValues from parent theme
+  if (info.options?.nonInheritedValues) {
+    for (const key in info.options.nonInheritedValues) {
+      skip[key] = 1
+    }
+  }
+
+  // convert theme back to template first
+  const maskOptions = {
+    parentName,
+    palette: info.palette,
+    ...options,
+    skip,
+  }
+
+  const template = mask.mask(info.definition, maskOptions)
+  const theme = createTheme(info.palette, template) as Theme
+
+  return {
+    ...info,
+    cache: new Map(),
+    definition: template,
+    theme,
+  }
+}

package/src/create-theme/combineMasks.tsx

@@ -0,0 +1,29 @@
+import { applyMaskStateless } from './applyMask'
+import type { CreateMask } from './createThemeTypes'
+import { getThemeInfo } from './themeInfo'
+
+export const combineMasks = (...masks: CreateMask[]): CreateMask => {
+  const mask: CreateMask = {
+    name: 'combine-mask',
+    mask: (template, opts) => {
+      let current = getThemeInfo(template, opts.parentName)
+      let theme: any
+      for (const mask of masks) {
+        if (!current) {
+          throw new Error(
+            `Nothing returned from mask: ${current}, for template: ${template} and mask: ${mask.toString()}, given opts ${JSON.stringify(
+              opts,
+              null,
+              2
+            )}`
+          )
+        }
+        const next = applyMaskStateless(current, mask, opts)
+        current = next
+        theme = next.theme
+      }
+      return theme
+    },
+  }
+  return mask
+}