@tamagui/config-default 2.7.7 → 3.0.0-beta.1097.1

package/dist/index.native.cjs

@@ -0,0 +1,247 @@
+"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 index_exports = {};
+__export(index_exports, { getDefaultTamaguiConfig: () => getDefaultTamaguiConfig });
+module.exports = __toCommonJS(index_exports);
+var import_shorthands = require("@tamagui/shorthands");
+var import_web = require("@tamagui/web");
+var import_animations = require("./animations.native.js");
+function getDefaultTamaguiConfig() {
+	var _platform = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : "web";
+	var headingFont = (0, import_web.createFont)({
+		family: "Heading",
+		size: {
+			1: 15,
+			4: 15
+		},
+		lineHeight: {
+			1: 15,
+			4: 15
+		},
+		transform: {},
+		weight: { 1: "400" },
+		color: { 1: "color" },
+		letterSpacing: { 1: 0 }
+	});
+	var font = (0, import_web.createFont)({
+		family: "System",
+		size: {
+			1: 15,
+			4: 15
+		},
+		lineHeight: {
+			1: 15,
+			4: 15
+		},
+		transform: {},
+		weight: { 1: "400" },
+		color: { 1: "color" },
+		letterSpacing: { 1: 0 }
+	});
+	var size = {
+		0: 0,
+		.25: 2,
+		.5: 4,
+		.75: 8,
+		1: 20,
+		1.5: 24,
+		2: 28,
+		2.5: 32,
+		3: 36,
+		3.5: 40,
+		4: 44,
+		4.5: 48,
+		5: 52,
+		5.5: 59,
+		6: 64,
+		6.5: 69,
+		7: 74,
+		7.6: 79,
+		8: 84,
+		8.5: 89,
+		9: 94,
+		9.5: 99,
+		10: 104,
+		11: 124,
+		12: 144,
+		13: 164,
+		14: 184,
+		15: 204,
+		16: 224,
+		17: 224,
+		18: 244,
+		19: 264,
+		20: 284
+	};
+	var spaces = Object.entries(size).map(function(param) {
+		var [k, v] = param;
+		return [k, Math.max(0, v <= 16 ? Math.round(v * .333) : Math.floor(v * .7 - 12))];
+	});
+	var spacesNegative = spaces.slice(1).map(function(param) {
+		var [k, v] = param;
+		return [`-${k}`, -v];
+	});
+	var space = {
+		...Object.fromEntries(spaces),
+		...Object.fromEntries(spacesNegative)
+	};
+	var zIndex = {
+		0: 0,
+		1: 100,
+		2: 200,
+		3: 300,
+		4: 400,
+		5: 500
+	};
+	var 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
+	};
+	var tokens = (0, import_web.createTokens)({
+		color: {
+			white: "#fff",
+			black: "#000"
+		},
+		radius,
+		zIndex,
+		space,
+		size
+	});
+	var sizes = {
+		default: "md",
+		sm: {
+			fontSize: "1",
+			paddingX: "2",
+			paddingY: "1",
+			radius: "2"
+		},
+		md: {
+			fontSize: "4",
+			paddingX: "4",
+			paddingY: "2",
+			radius: "4"
+		}
+	};
+	var themes = {
+		light: {
+			background: tokens.color.white,
+			color: tokens.color.black
+		},
+		dark: {
+			background: tokens.color.black,
+			color: tokens.color.white
+		},
+		dark_blue: {
+			background: "blue",
+			color: "white"
+		},
+		dark_Card: {
+			background: "dark",
+			color: "card"
+		},
+		dark_Button: {
+			background: "dark",
+			color: "button"
+		},
+		dark_blue_Button: {
+			background: "blue",
+			color: "white"
+		},
+		dark_red: {
+			background: "darkred",
+			color: "white"
+		},
+		dark_red_alt1: {
+			background: "darkred",
+			color: "white"
+		},
+		dark_red_Button: {
+			background: "darkred",
+			color: "#ccc"
+		},
+		dark_yellow_Button: {
+			background: "brown",
+			color: "#ccc"
+		},
+		dark_red_active_ListItem: {
+			background: "darkred",
+			color: "red"
+		},
+		dark_red_alt2: {
+			background: "darkred",
+			color: "#555"
+		},
+		dark_red_alt2_Button: {
+			background: "darkred",
+			color: "#444"
+		},
+		red: {
+			background: "red",
+			color: "red"
+		}
+	};
+	var fonts = {
+		heading: headingFont,
+		body: font
+	};
+	var media = {
+		xs: { maxWidth: 660 },
+		sm: { maxWidth: 800 },
+		md: { maxWidth: 1020 },
+		lg: { maxWidth: 1280 },
+		xl: { maxWidth: 1420 },
+		xxl: { maxWidth: 1600 },
+		gtXs: { minWidth: 660 + 1 },
+		gtSm: { minWidth: 800 + 1 },
+		gtMd: { minWidth: 1020 + 1 },
+		gtLg: { minWidth: 1280 + 1 },
+		short: { maxHeight: 820 },
+		tall: { minHeight: 820 },
+		hoverNone: { hover: "none" },
+		pointerCoarse: { pointer: "coarse" }
+	};
+	return {
+		animations: import_animations.animations,
+		shorthands: import_shorthands.shorthands,
+		fonts,
+		themes,
+		tokens,
+		sizes,
+		media,
+		settings: {
+			shouldAddPrefersColorThemes: true,
+			defaultFont: "body"
+		}
+	};
+}