@tamagui/tamagui-dev-config 2.7.7 → 3.0.0-beta.643.1

package/dist/cjs/createGenericFont.cjs

@@ -1,63 +1,54 @@
+
 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
-  });
+	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;
+	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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var createGenericFont_exports = {};
-__export(createGenericFont_exports, {
-  createGenericFont: () => createGenericFont
-});
+__export(createGenericFont_exports, { createGenericFont: () => createGenericFont });
 module.exports = __toCommonJS(createGenericFont_exports);
 var import_core = require("@tamagui/core");
 const genericFontSizes = {
-  1: 10,
-  2: 11,
-  3: 12,
-  4: 14,
-  5: 15,
-  6: 16,
-  7: 20,
-  8: 22,
-  9: 30,
-  10: 42,
-  11: 52,
-  12: 62,
-  13: 72,
-  14: 92,
-  15: 114,
-  16: 124
+	1: 10,
+	2: 11,
+	3: 12,
+	4: 14,
+	5: 15,
+	6: 16,
+	7: 20,
+	8: 22,
+	9: 30,
+	10: 42,
+	11: 52,
+	12: 62,
+	13: 72,
+	14: 92,
+	15: 114,
+	16: 124
 };
-function createGenericFont(family, font = {}, {
-  sizeLineHeight = val => val * 1.35
-} = {}) {
-  const size = font.size || genericFontSizes;
-  return (0, import_core.createFont)({
-    family,
-    size,
-    lineHeight: Object.fromEntries(Object.entries(size).map(([k, v]) => [k, sizeLineHeight(+v)])),
-    weight: {
-      0: "300"
-    },
-    letterSpacing: {
-      4: 0
-    },
-    ...font
-  });
-}
+function createGenericFont(family, font = {}, { sizeLineHeight = (val) => val * 1.35 } = {}) {
+	const size = font.size || genericFontSizes;
+	return (0, import_core.createFont)({
+		family,
+		size,
+		lineHeight: Object.fromEntries(Object.entries(size).map(([k, v]) => [k, sizeLineHeight(+v)])),
+		weight: { 0: "300" },
+		letterSpacing: { 4: 0 },
+		...font
+	});
+}

package/dist/cjs/fonts.cjs

@@ -1,32 +1,31 @@
+
 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
-  });
+	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;
+	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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var fonts_exports = {};
 __export(fonts_exports, {
-  bodyFont: () => bodyFont,
-  cherryBombFont: () => cherryBombFont,
-  headingFont: () => headingFont,
-  monoFont: () => monoFont,
-  silkscreenFont: () => silkscreenFont
+	bodyFont: () => bodyFont,
+	cherryBombFont: () => cherryBombFont,
+	headingFont: () => headingFont,
+	monoFont: () => monoFont,
+	silkscreenFont: () => silkscreenFont
 });
 module.exports = __toCommonJS(fonts_exports);
 var import_font_cherry_bomb = require("@tamagui/font-cherry-bomb");
@@ -34,94 +33,74 @@ var import_font_inter = require("@tamagui/font-inter");
 var import_font_silkscreen = require("@tamagui/font-silkscreen");
 var import_createGenericFont = require("./createGenericFont.cjs");
 const cherryBombFont = (0, import_font_cherry_bomb.createCherryBombFont)({
-  // Cherry Bomb is a heavy rounded display face; fall back to on-brand Inter,
-  // then heavy web-safe faces, so the brief pre-load flash looks close to the
-  // real thing instead of thin default Arial.
-  family: '"Cherry Bomb", "Inter", "Arial Black", "Helvetica Neue", Helvetica, Arial, sans-serif',
-  // Cherry Bomb only ships weight 400 (so this doesn't change its look), but a
-  // heavy weight makes the Inter fallback render at ExtraBold (already preloaded)
-  // instead of thin, much closer to Cherry Bomb during the load flash.
-  weight: {
-    4: "800"
-  }
+	family: "\"Cherry Bomb\", \"Inter\", \"Arial Black\", \"Helvetica Neue\", Helvetica, Arial, sans-serif",
+	weight: { 4: "800" },
+	size: { true: 22.4 }
 });
 const silkscreenFont = (0, import_font_silkscreen.createSilkscreenFont)();
 const headingFont = (0, import_font_inter.createInterFont)({
-  size: {
-    5: 13,
-    6: 15,
-    9: 30,
-    10: 44
-  },
-  transform: {
-    6: "uppercase",
-    7: "none"
-  },
-  weight: {
-    6: "400",
-    7: "700"
-  },
-  color: {
-    6: "$colorFocus",
-    7: "$color"
-  },
-  letterSpacing: {
-    5: 2,
-    6: 1,
-    7: 0,
-    8: 0,
-    9: -0.1,
-    10: -0.25,
-    11: -0.5,
-    12: -0.75,
-    14: -1,
-    15: -2
-  },
-  // for native
-  face: {
-    700: {
-      normal: "InterBold"
-    },
-    800: {
-      normal: "InterBold"
-    },
-    900: {
-      normal: "InterBold"
-    }
-  }
-}, {
-  sizeLineHeight: size => Math.round(size * 1.1 + (size < 30 ? 10 : 5))
-});
+	size: {
+		true: 14,
+		5: 13,
+		6: 15,
+		9: 30,
+		10: 44
+	},
+	transform: {
+		6: "uppercase",
+		7: "none"
+	},
+	weight: {
+		6: "400",
+		7: "700"
+	},
+	color: {
+		6: "color-focus",
+		7: "color"
+	},
+	letterSpacing: {
+		5: 2,
+		6: 1,
+		7: 0,
+		8: 0,
+		9: -.1,
+		10: -.25,
+		11: -.5,
+		12: -.75,
+		14: -1,
+		15: -2
+	},
+	face: {
+		700: { normal: "InterBold" },
+		800: { normal: "InterBold" },
+		900: { normal: "InterBold" }
+	}
+}, { sizeLineHeight: (size) => Math.round(size * 1.1 + (size < 30 ? 10 : 5)) });
 const bodyFont = (0, import_font_inter.createInterFont)({
-  weight: {
-    1: "400"
-  }
+	size: { true: 14 },
+	weight: { 1: "400" }
 }, {
-  sizeSize: size => Math.round(size),
-  sizeLineHeight: size => Math.round(size * 1.2 + (size >= 20 ? 12 : 8))
+	sizeSize: (size) => Math.round(size),
+	sizeLineHeight: (size) => Math.round(size * 1.2 + (size >= 20 ? 12 : 8))
 });
 const monoFont = (0, import_createGenericFont.createGenericFont)(`"Berkeley Mono", "ui-monospace", "SFMono-Regular", "SF Mono", Menlo, Consolas, "Liberation Mono", monospace`, {
-  weight: {
-    1: "400"
-  },
-  size: {
-    1: 11,
-    2: 12,
-    3: 13,
-    4: 14,
-    5: 16,
-    6: 18,
-    7: 20,
-    8: 22,
-    9: 24,
-    10: 32,
-    11: 46,
-    12: 62,
-    13: 72,
-    14: 92,
-    15: 114,
-    16: 124
-  }
-}, {
-  sizeLineHeight: x => x * 1.5 + 2
-});
+	weight: { 1: "400" },
+	size: {
+		1: 11,
+		2: 12,
+		3: 13,
+		4: 14,
+		5: 16,
+		6: 18,
+		7: 20,
+		8: 22,
+		9: 24,
+		10: 32,
+		11: 46,
+		12: 62,
+		13: 72,
+		14: 92,
+		15: 114,
+		16: 124
+	}
+}, { sizeLineHeight: (x) => x * 1.5 + 2 });

package/dist/cjs/index.cjs

@@ -1,21 +1,20 @@
+
 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;
+	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 index_exports = {};
 module.exports = __toCommonJS(index_exports);
-__reExport(index_exports, require("./tamagui.dev.config"), module.exports);
-__reExport(index_exports, require("./media.cjs"), module.exports);
+__reExport(index_exports, require("./tamagui.dev.config.cjs"), module.exports);
+__reExport(index_exports, require("./media.cjs"), module.exports);

package/dist/cjs/media.cjs

@@ -1,118 +1,81 @@
+
 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
-  });
+	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;
+	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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var media_exports = {};
 __export(media_exports, {
-  demoMedia: () => demoMedia,
-  media: () => media,
-  mediaQueryDefaultActive: () => mediaQueryDefaultActive,
-  widths: () => widths
+	demoMedia: () => demoMedia,
+	media: () => media,
+	mediaQueryDefaultActive: () => mediaQueryDefaultActive,
+	widths: () => widths
 });
 module.exports = __toCommonJS(media_exports);
-const demoMedia = [500, 620, 780, 900];
-const widths = [660, 800, 1020, 1280];
+const demoMedia = [
+	500,
+	620,
+	780,
+	900
+];
+const widths = [
+	660,
+	800,
+	1020,
+	1280
+];
 const breakpoints = {
-  "2xl": 1536,
-  xl: 1280,
-  lg: 1024,
-  md: 768,
-  sm: 640,
-  xs: 460,
-  "2xs": 340
+	"2xl": 1536,
+	xl: 1280,
+	lg: 1024,
+	md: 768,
+	sm: 640,
+	xs: 460,
+	"2xs": 340
 };
 const media = {
-  // v4 Config
-  maxXs: {
-    maxWidth: breakpoints.xs
-  },
-  max2xs: {
-    maxWidth: breakpoints["2xs"]
-  },
-  maxSm: {
-    maxWidth: breakpoints.sm
-  },
-  maxMd: {
-    maxWidth: breakpoints.md
-  },
-  maxLg: {
-    maxWidth: breakpoints.lg
-  },
-  maxXl: {
-    maxWidth: breakpoints.xl
-  },
-  max2Xl: {
-    maxWidth: breakpoints["2xl"]
-  },
-  // for site
-  xl: {
-    maxWidth: 1650
-  },
-  // between lg and xl - for studio usage
-  lg_xl: {
-    maxWidth: 1400
-  },
-  lg: {
-    maxWidth: 1280
-  },
-  md: {
-    maxWidth: 1020
-  },
-  sm: {
-    maxWidth: 800
-  },
-  xs: {
-    maxWidth: 660
-  },
-  xxs: {
-    maxWidth: 390
-  },
-  gtXxs: {
-    minWidth: 390 + 1
-  },
-  gtXs: {
-    minWidth: 660 + 1
-  },
-  gtSm: {
-    minWidth: 800 + 1
-  },
-  gtMd: {
-    minWidth: 1020 + 1
-  },
-  gtLg: {
-    minWidth: 1280 + 1
-  },
-  gtXl: {
-    minWidth: 1650 + 1
-  },
-  pointerFine: {
-    pointer: "fine"
-  }
+	"max-xs": { maxWidth: breakpoints.xs },
+	"max-2xs": { maxWidth: breakpoints["2xs"] },
+	"max-sm": { maxWidth: breakpoints.sm },
+	"max-md": { maxWidth: breakpoints.md },
+	"max-lg": { maxWidth: breakpoints.lg },
+	"max-xl": { maxWidth: breakpoints.xl },
+	"max-2xl": { maxWidth: breakpoints["2xl"] },
+	xl: { maxWidth: 1650 },
+	lg_xl: { maxWidth: 1400 },
+	lg: { maxWidth: 1280 },
+	md: { maxWidth: 1020 },
+	sm: { maxWidth: 800 },
+	xs: { maxWidth: 660 },
+	xxs: { maxWidth: 390 },
+	gtXxs: { minWidth: 390 + 1 },
+	gtXs: { minWidth: 660 + 1 },
+	gtSm: { minWidth: 800 + 1 },
+	gtMd: { minWidth: 1020 + 1 },
+	gtLg: { minWidth: 1280 + 1 },
+	gtXl: { minWidth: 1650 + 1 },
+	pointerFine: { pointer: "fine" }
 };
 const mediaQueryDefaultActive = {
-  xl: true,
-  lg: true,
-  md: true,
-  sm: true,
-  xs: true,
-  // false
-  xxs: false
-};
+	xl: true,
+	lg: true,
+	md: true,
+	sm: true,
+	xs: true,
+	xxs: false
+};