@tamagui/config 2.7.7 → 3.0.0-beta.1097.1

package/dist/cjs/v5.native.cjs

@@ -0,0 +1,21 @@
+"use strict";
+
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+	if (from && typeof from === "object" || typeof from === "function") {
+		for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+			get: () => from[key],
+			enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+		});
+	}
+	return to;
+};
+var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var v5_exports = {};
+module.exports = __toCommonJS(v5_exports);
+__reExport(v5_exports, require("@tamagui/themes/v5"), module.exports);
+__reExport(v5_exports, require("./v5-base.native.js"), module.exports);

package/dist/cjs/v5.native.js

@@ -5,20 +5,19 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
-      get: () => from[key],
-      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
-    });
-  }
-  return to;
+	if (from && typeof from === "object" || typeof from === "function") {
+		for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+			get: () => from[key],
+			enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+		});
+	}
+	return to;
 };
 var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
-var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: true
-}), mod);
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var v5_exports = {};
 module.exports = __toCommonJS(v5_exports);
 __reExport(v5_exports, require("@tamagui/themes/v5"), module.exports);
 __reExport(v5_exports, require("./v5-base.native.js"), module.exports);
+
 //# sourceMappingURL=v5.native.js.map

package/dist/cjs/v5.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","v5_exports","module","exports","__reExport","require"],"sources":["../../src/v5.ts"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,UAAA;AAKAC,MAAA,CAAAC,OAAA,GAAAP,YAAc,CAAAK,UAAA;AACdG,UAAA,CAAAH,UAAA,EAAcI,OAAA,qBANd,GAAAH,MAAA,CAAAC,OAAA","ignoreList":[]}
+{"version":3,"file":"v5.native.js","names":[],"sources":["cjs/v5.native.js"],"sourcesContent":["\"use strict\";\nvar __defProp = Object.defineProperty;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames = Object.getOwnPropertyNames;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\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 __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, \"default\"), secondTarget && __copyProps(secondTarget, mod, \"default\"));\nvar __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\nvar v5_exports = {};\nmodule.exports = __toCommonJS(v5_exports);\n__reExport(v5_exports, require(\"@tamagui/themes/v5\"), module.exports);\n__reExport(v5_exports, require(\"./v5-base\"), module.exports);\n//# sourceMappingURL=v5.js.map\n"],"mappings":";;;AACA,IAAI,YAAY,OAAO;AACvB,IAAI,mBAAmB,OAAO;AAC9B,IAAI,oBAAoB,OAAO;AAC/B,IAAI,eAAe,OAAO,UAAU;AACpC,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,cAAc,QAAQ,KAAK,kBAAkB,YAAY,QAAQ,KAAK,SAAS,GAAG,gBAAgB,YAAY,cAAc,KAAK,SAAS;AAC9I,IAAI,gBAAgB,QAAQ,YAAY,UAAU,CAAC,GAAG,cAAc,EAAE,OAAO,KAAK,CAAC,GAAG,GAAG;AACzF,IAAI,aAAa,CAAC;AAClB,OAAO,UAAU,aAAa,UAAU;AACxC,WAAW,YAAY,QAAQ,oBAAoB,GAAG,OAAO,OAAO;AACpE,WAAW,YAAY,QAAQ,qBAAW,GAAG,OAAO,OAAO"}

package/dist/cjs/v6-base.cjs

@@ -0,0 +1,242 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+	for (var name in all) __defProp(target, name, {
+		get: all[name],
+		enumerable: true
+	});
+};
+var __copyProps = (to, from, except, desc) => {
+	if (from && typeof from === "object" || typeof from === "function") {
+		for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+			get: () => from[key],
+			enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+		});
+	}
+	return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var v6_base_exports = {};
+__export(v6_base_exports, {
+	breakpoints: () => import_media2.breakpoints,
+	createSystemFont: () => import_fonts2.createSystemFont,
+	createV6Config: () => createV6Config,
+	fonts: () => fonts,
+	media: () => import_media2.media,
+	mediaQueryDefaultActive: () => import_media2.mediaQueryDefaultActive,
+	selectionStyles: () => import_settings.selectionStyles,
+	settings: () => settings,
+	shorthands: () => import_v6.shorthands,
+	sizes: () => sizes,
+	tailwindSource: () => import_v6_tailwind_scales2.tailwindSource,
+	toV6Themes: () => import_v6_themes2.toV6Themes,
+	tokens: () => tokens,
+	v6RemovedThemeNames: () => import_v6_themes.v6RemovedThemeNames,
+	v6ThemeNameReplacements: () => import_v6_themes.v6ThemeNameReplacements,
+	withTailwindTypeScale: () => withTailwindTypeScale
+});
+module.exports = __toCommonJS(v6_base_exports);
+var import_v6 = require("@tamagui/shorthands/v6");
+var import_fonts = require("./fonts.cjs");
+var import_media = require("./media.cjs");
+var import_settings = require("./settings.cjs");
+var import_v6_tailwind_scales = require("./v6-tailwind-scales.generated.cjs");
+var import_v6_themes = require("@tamagui/style-grammar/v6-themes");
+var import_fonts2 = require("./fonts.cjs");
+var import_media2 = require("./media.cjs");
+var import_v6_tailwind_scales2 = require("./v6-tailwind-scales.generated.cjs");
+var import_v6_themes2 = require("./v6-themes.cjs");
+const tailwindContainerSize = {
+	"3xs": 256,
+	"2xs": 288,
+	xs: 320,
+	sm: 384,
+	md: 448,
+	lg: 512,
+	xl: 576,
+	"2xl": 672,
+	"3xl": 768,
+	"4xl": 896,
+	"5xl": 1024,
+	"6xl": 1152,
+	"7xl": 1280
+};
+const tokens = {
+	space: import_v6_tailwind_scales.tailwindSpace,
+	size: import_v6_tailwind_scales.tailwindSize,
+	width: {
+		...import_v6_tailwind_scales.tailwindSize,
+		...tailwindContainerSize
+	},
+	minWidth: {
+		...import_v6_tailwind_scales.tailwindSize,
+		...tailwindContainerSize
+	},
+	maxWidth: {
+		...import_v6_tailwind_scales.tailwindSize,
+		...tailwindContainerSize
+	},
+	inlineSize: {
+		...import_v6_tailwind_scales.tailwindSize,
+		...tailwindContainerSize
+	},
+	minInlineSize: {
+		...import_v6_tailwind_scales.tailwindSize,
+		...tailwindContainerSize
+	},
+	maxInlineSize: {
+		...import_v6_tailwind_scales.tailwindSize,
+		...tailwindContainerSize
+	},
+	flexBasis: {
+		...import_v6_tailwind_scales.tailwindSize,
+		...tailwindContainerSize
+	},
+	outlineWidth: {
+		0: 0,
+		1: 1,
+		2: 2,
+		4: 4,
+		8: 8
+	},
+	outlineOffset: {
+		0: 0,
+		1: 1,
+		2: 2,
+		4: 4,
+		8: 8,
+		"-1": -1,
+		"-2": -2,
+		"-4": -4,
+		"-8": -8
+	},
+	boxShadow: {
+		"2xs": "0 1px rgb(0 0 0 / 0.05)",
+		xs: "0 1px 2px 0 rgb(0 0 0 / 0.05)",
+		sm: "0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1)",
+		md: "0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)",
+		lg: "0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)",
+		xl: "0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)",
+		"2xl": "0 25px 50px -12px rgb(0 0 0 / 0.25)"
+	},
+	perspective: {
+		dramatic: 100,
+		near: 300,
+		normal: 500,
+		midrange: 800,
+		distant: 1200
+	},
+	radius: {
+		0: 0,
+		1: 3,
+		2: 5,
+		3: 7,
+		4: 9,
+		5: 10,
+		6: 16,
+		7: 19,
+		8: 22,
+		9: 26,
+		10: 34,
+		11: 42,
+		12: 50,
+		...import_v6_tailwind_scales.tailwindRadius
+	}
+};
+function withTailwindTypeScale(font) {
+	return {
+		...font,
+		size: {
+			...font.size,
+			...import_v6_tailwind_scales.tailwindFontSize
+		},
+		lineHeight: {
+			...font.lineHeight,
+			...import_v6_tailwind_scales.tailwindLineHeight
+		}
+	};
+}
+const fonts = {
+	body: withTailwindTypeScale(import_fonts.fonts.body),
+	heading: withTailwindTypeScale(import_fonts.fonts.heading)
+};
+const settings = { ...import_settings.settings };
+function themesWithColorScales(themes, scales) {
+	const light = {};
+	const dark = {};
+	for (const name in scales) {
+		const scale = scales[name];
+		if (scale.light.length !== 12 || scale.dark.length !== 12) {
+			throw new Error(`color scale "${name}" needs exactly 12 light and 12 dark values, got ${scale.light.length}/${scale.dark.length}`);
+		}
+		scale.light.forEach((value, index) => {
+			light[`${name}${index + 1}`] = value;
+		});
+		scale.dark.forEach((value, index) => {
+			dark[`${name}${index + 1}`] = value;
+		});
+	}
+	return {
+		...themes,
+		light: {
+			...themes.light,
+			...light
+		},
+		dark: {
+			...themes.dark,
+			...dark
+		}
+	};
+}
+const sizes = {
+	default: "md",
+	xs: {
+		fontSize: "xs",
+		paddingX: "2",
+		paddingY: "1",
+		radius: "sm"
+	},
+	sm: {
+		fontSize: "sm",
+		paddingX: "3",
+		paddingY: "1.5",
+		radius: "md"
+	},
+	md: {
+		fontSize: "sm",
+		paddingX: "4",
+		paddingY: "2",
+		radius: "md"
+	},
+	lg: {
+		fontSize: "base",
+		paddingX: "6",
+		paddingY: "2",
+		radius: "md"
+	},
+	xl: {
+		fontSize: "lg",
+		paddingX: "8",
+		paddingY: "2.5",
+		radius: "lg"
+	}
+};
+const alignedConfig = {
+	media: import_media.media,
+	shorthands: import_v6.shorthands,
+	fonts,
+	sizes,
+	settings
+};
+function createV6Config(colors) {
+	return {
+		...alignedConfig,
+		themes: colors.scales ? themesWithColorScales(colors.themes, colors.scales) : colors.themes,
+		tokens: colors.colorTokens ? {
+			...tokens,
+			color: colors.colorTokens
+		} : tokens
+	};
+}

package/dist/cjs/v6-base.native.cjs

@@ -0,0 +1,245 @@
+"use strict";
+
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+	for (var name in all) __defProp(target, name, {
+		get: all[name],
+		enumerable: true
+	});
+};
+var __copyProps = (to, from, except, desc) => {
+	if (from && typeof from === "object" || typeof from === "function") {
+		for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+			get: () => from[key],
+			enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+		});
+	}
+	return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var v6_base_exports = {};
+__export(v6_base_exports, {
+	breakpoints: () => import_media2.breakpoints,
+	createSystemFont: () => import_fonts2.createSystemFont,
+	createV6Config: () => createV6Config,
+	fonts: () => fonts,
+	media: () => import_media2.media,
+	mediaQueryDefaultActive: () => import_media2.mediaQueryDefaultActive,
+	selectionStyles: () => import_settings.selectionStyles,
+	settings: () => settings,
+	shorthands: () => import_v6.shorthands,
+	sizes: () => sizes,
+	tailwindSource: () => import_v6_tailwind_scales2.tailwindSource,
+	toV6Themes: () => import_v6_themes2.toV6Themes,
+	tokens: () => tokens,
+	v6RemovedThemeNames: () => import_v6_themes.v6RemovedThemeNames,
+	v6ThemeNameReplacements: () => import_v6_themes.v6ThemeNameReplacements,
+	withTailwindTypeScale: () => withTailwindTypeScale
+});
+module.exports = __toCommonJS(v6_base_exports);
+var import_v6 = require("@tamagui/shorthands/v6");
+var import_fonts = require("./fonts.native.js");
+var import_media = require("./media.native.js");
+var import_settings = require("./settings.native.js");
+var import_v6_tailwind_scales = require("./v6-tailwind-scales.generated.native.js");
+var import_v6_themes = require("@tamagui/style-grammar/v6-themes");
+var import_fonts2 = require("./fonts.native.js");
+var import_media2 = require("./media.native.js");
+var import_v6_tailwind_scales2 = require("./v6-tailwind-scales.generated.native.js");
+var import_v6_themes2 = require("./v6-themes.native.js");
+var tailwindContainerSize = {
+	"3xs": 256,
+	"2xs": 288,
+	xs: 320,
+	sm: 384,
+	md: 448,
+	lg: 512,
+	xl: 576,
+	"2xl": 672,
+	"3xl": 768,
+	"4xl": 896,
+	"5xl": 1024,
+	"6xl": 1152,
+	"7xl": 1280
+};
+var tokens = {
+	space: import_v6_tailwind_scales.tailwindSpace,
+	size: import_v6_tailwind_scales.tailwindSize,
+	width: {
+		...import_v6_tailwind_scales.tailwindSize,
+		...tailwindContainerSize
+	},
+	minWidth: {
+		...import_v6_tailwind_scales.tailwindSize,
+		...tailwindContainerSize
+	},
+	maxWidth: {
+		...import_v6_tailwind_scales.tailwindSize,
+		...tailwindContainerSize
+	},
+	inlineSize: {
+		...import_v6_tailwind_scales.tailwindSize,
+		...tailwindContainerSize
+	},
+	minInlineSize: {
+		...import_v6_tailwind_scales.tailwindSize,
+		...tailwindContainerSize
+	},
+	maxInlineSize: {
+		...import_v6_tailwind_scales.tailwindSize,
+		...tailwindContainerSize
+	},
+	flexBasis: {
+		...import_v6_tailwind_scales.tailwindSize,
+		...tailwindContainerSize
+	},
+	outlineWidth: {
+		0: 0,
+		1: 1,
+		2: 2,
+		4: 4,
+		8: 8
+	},
+	outlineOffset: {
+		0: 0,
+		1: 1,
+		2: 2,
+		4: 4,
+		8: 8,
+		"-1": -1,
+		"-2": -2,
+		"-4": -4,
+		"-8": -8
+	},
+	boxShadow: {
+		"2xs": "0 1px rgb(0 0 0 / 0.05)",
+		xs: "0 1px 2px 0 rgb(0 0 0 / 0.05)",
+		sm: "0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1)",
+		md: "0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)",
+		lg: "0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)",
+		xl: "0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)",
+		"2xl": "0 25px 50px -12px rgb(0 0 0 / 0.25)"
+	},
+	perspective: {
+		dramatic: 100,
+		near: 300,
+		normal: 500,
+		midrange: 800,
+		distant: 1200
+	},
+	radius: {
+		0: 0,
+		1: 3,
+		2: 5,
+		3: 7,
+		4: 9,
+		5: 10,
+		6: 16,
+		7: 19,
+		8: 22,
+		9: 26,
+		10: 34,
+		11: 42,
+		12: 50,
+		...import_v6_tailwind_scales.tailwindRadius
+	}
+};
+function withTailwindTypeScale(font) {
+	return {
+		...font,
+		size: {
+			...font.size,
+			...import_v6_tailwind_scales.tailwindFontSize
+		},
+		lineHeight: {
+			...font.lineHeight,
+			...import_v6_tailwind_scales.tailwindLineHeight
+		}
+	};
+}
+var fonts = {
+	body: withTailwindTypeScale(import_fonts.fonts.body),
+	heading: withTailwindTypeScale(import_fonts.fonts.heading)
+};
+var settings = { ...import_settings.settings };
+function themesWithColorScales(themes, scales) {
+	var _loop = function(name2) {
+		var scale = scales[name2];
+		if (scale.light.length !== 12 || scale.dark.length !== 12) {
+			throw new Error(`color scale "${name2}" needs exactly 12 light and 12 dark values, got ${scale.light.length}/${scale.dark.length}`);
+		}
+		scale.light.forEach(function(value, index) {
+			light[`${name2}${index + 1}`] = value;
+		});
+		scale.dark.forEach(function(value, index) {
+			dark[`${name2}${index + 1}`] = value;
+		});
+	};
+	var light = {};
+	var dark = {};
+	for (var name in scales) _loop(name);
+	return {
+		...themes,
+		light: {
+			...themes.light,
+			...light
+		},
+		dark: {
+			...themes.dark,
+			...dark
+		}
+	};
+}
+var sizes = {
+	default: "md",
+	xs: {
+		fontSize: "xs",
+		paddingX: "2",
+		paddingY: "1",
+		radius: "sm"
+	},
+	sm: {
+		fontSize: "sm",
+		paddingX: "3",
+		paddingY: "1.5",
+		radius: "md"
+	},
+	md: {
+		fontSize: "sm",
+		paddingX: "4",
+		paddingY: "2",
+		radius: "md"
+	},
+	lg: {
+		fontSize: "base",
+		paddingX: "6",
+		paddingY: "2",
+		radius: "md"
+	},
+	xl: {
+		fontSize: "lg",
+		paddingX: "8",
+		paddingY: "2.5",
+		radius: "lg"
+	}
+};
+var alignedConfig = {
+	media: import_media.media,
+	shorthands: import_v6.shorthands,
+	fonts,
+	sizes,
+	settings
+};
+function createV6Config(colors) {
+	return {
+		...alignedConfig,
+		themes: colors.scales ? themesWithColorScales(colors.themes, colors.scales) : colors.themes,
+		tokens: colors.colorTokens ? {
+			...tokens,
+			color: colors.colorTokens
+		} : tokens
+	};
+}