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

package/dist/cjs/createGenericFont.cjs

@@ -3,61 +3,51 @@ 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

@@ -3,125 +3,99 @@ 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
 });
 module.exports = __toCommonJS(fonts_exports);
 var import_font_cherry_bomb = require("@tamagui/font-cherry-bomb");
 var import_font_inter = require("@tamagui/font-inter");
-var import_font_silkscreen = require("@tamagui/font-silkscreen");
 var import_createGenericFont = require("./createGenericFont.cjs");
+const interFamily = "\"Inter\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif";
+const monoFamily = "\"JetBrains Mono\", ui-monospace, \"SFMono-Regular\", \"SF Mono\", Menlo, Consolas, \"Liberation Mono\", monospace";
 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", "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))
-});
+	family: interFamily,
+	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: 0,
+		10: 0,
+		11: 0,
+		12: 0,
+		14: 0,
+		15: 0
+	}
+}, { sizeLineHeight: (size) => Math.round(size * 1.1 + (size < 30 ? 10 : 5)) });
 const bodyFont = (0, import_font_inter.createInterFont)({
-  weight: {
-    1: "400"
-  }
+	family: interFamily,
+	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
-});
+const monoFont = (0, import_createGenericFont.createGenericFont)(monoFamily, {
+	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

@@ -3,19 +3,17 @@ 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

@@ -3,116 +3,78 @@ 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
+};

package/dist/cjs/tamagui.dev.config.cjs

@@ -3,103 +3,72 @@ 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 tamagui_dev_config_exports = {};
 __export(tamagui_dev_config_exports, {
-  animations: () => animations,
-  config: () => config
+	animations: () => animations,
+	config: () => config
 });
 module.exports = __toCommonJS(tamagui_dev_config_exports);
-var import_v5_css = require("@tamagui/config/v5-css");
-var import_v5_motion = require("@tamagui/config/v5-motion");
-var import_v5_subtle = require("@tamagui/config/v5-subtle");
+var import_animations_css = require("@tamagui/config/animations-css");
+var import_animations_motion = require("@tamagui/config/animations-motion");
+var import_settings = require("@tamagui/config/settings");
 var import_core = require("@tamagui/core");
+var import_v4 = require("@tamagui/shorthands/v4");
+var import_v5 = require("@tamagui/themes/v5");
 var import_fonts = require("./fonts.cjs");
 var import_media = require("./media.cjs");
-const {
-  gray,
-  blue,
-  red,
-  yellow,
-  green
-} = import_v5_subtle.subtleChildrenThemes;
-const themes = (0, import_v5_subtle.createV5Theme)({
-  childrenThemes: {
-    gray,
-    blue,
-    red,
-    yellow,
-    green
-  }
-});
-(0, import_core.setupDev)({
-  visualizer: true
-});
+var import_themeMetadata = require("./themeMetadata.cjs");
+var import_themes = require("./themes.cjs");
+(0, import_core.setupDev)({ visualizer: true });
 const fonts = {
-  heading: import_fonts.headingFont,
-  body: import_fonts.bodyFont,
-  mono: import_fonts.monoFont,
-  silkscreen: import_fonts.silkscreenFont,
-  cherryBomb: import_fonts.cherryBombFont
+	heading: import_fonts.headingFont,
+	body: import_fonts.bodyFont,
+	mono: import_fonts.monoFont,
+	cherryBomb: import_fonts.cherryBombFont
 };
 const animations = {
-  default: import_v5_motion.animationsMotion,
-  css: import_v5_css.animationsCSS
+	default: import_animations_motion.animationsMotion,
+	css: import_animations_css.animationsCSS
 };
+const configuredThemes = process.env.VITE_ENVIRONMENT === "client" ? import_themeMetadata.clientThemes : import_themes.themes;
 const config = {
-  ...import_v5_subtle.defaultConfig,
-  themes: process.env.VITE_ENVIRONMENT === "client" ? {} : themes,
-  fonts,
-  animations,
-  media: import_media.media,
-  settings: {
-    ...import_v5_subtle.defaultConfig.settings,
-    mediaQueryDefaultActive: import_media.mediaQueryDefaultActive,
-    allowedStyleValues: "somewhat-strict-web",
-    autocompleteSpecificTokens: "except-special",
-    // Allow both shorthands and longhand names for flexibility
-    onlyAllowShorthands: false
-  }
+	shorthands: import_v4.shorthands,
+	tokens: import_v5.tokens,
+	selectionStyles: import_settings.selectionStyles,
+	sizes: import_settings.sizes,
+	themes: configuredThemes,
+	fonts,
+	animations,
+	media: import_media.media,
+	settings: {
+		...import_settings.settings,
+		mediaQueryDefaultActive: import_media.mediaQueryDefaultActive,
+		allowedStyleValues: "somewhat-strict-web",
+		onlyAllowShorthands: false
+	}
 };
 Object.assign(config.media, {
-  tiny: {
-    maxWidth: 500
-  },
-  gtTiny: {
-    minWidth: 500 + 1
-  },
-  small: {
-    maxWidth: 620
-  },
-  gtSmall: {
-    minWidth: 620 + 1
-  },
-  medium: {
-    maxWidth: 780
-  },
-  gtMedium: {
-    minWidth: 780 + 1
-  },
-  large: {
-    maxWidth: 900
-  },
-  gtLarge: {
-    minWidth: 900 + 1
-  }
-});
+	tiny: { maxWidth: 500 },
+	gtTiny: { minWidth: 500 + 1 },
+	small: { maxWidth: 620 },
+	gtSmall: { minWidth: 620 + 1 },
+	medium: { maxWidth: 780 },
+	gtMedium: { minWidth: 780 + 1 },
+	large: { maxWidth: 900 },
+	gtLarge: { minWidth: 900 + 1 }
+});