@tamagui/tamagui-dev-config 2.0.0-rc.9 → 2.1.0

package/dist/cjs/createGenericFont.cjs

@@ -3,20 +3,22 @@ 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: !0
-    });
-  },
-  __copyProps = (to, from, except, desc) => {
-    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
+  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;
-  };
+  }
+  return to;
+};
 var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: !0
+  value: true
 }), mod);
 var createGenericFont_exports = {};
 __export(createGenericFont_exports, {

package/dist/cjs/fonts.cjs

@@ -3,20 +3,22 @@ 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: !0
-    });
-  },
-  __copyProps = (to, from, except, desc) => {
-    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
+  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;
-  };
+  }
+  return to;
+};
 var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: !0
+  value: true
 }), mod);
 var fonts_exports = {};
 __export(fonts_exports, {
@@ -27,90 +29,99 @@ __export(fonts_exports, {
   silkscreenFont: () => silkscreenFont
 });
 module.exports = __toCommonJS(fonts_exports);
-var import_font_cherry_bomb = require("@tamagui/font-cherry-bomb"),
-  import_font_inter = require("@tamagui/font-inter"),
-  import_font_silkscreen = require("@tamagui/font-silkscreen"),
-  import_createGenericFont = require("./createGenericFont.cjs");
+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 cherryBombFont = (0, import_font_cherry_bomb.createCherryBombFont)({
-    family: '"Cherry Bomb", Arial, sans-serif'
-  }),
-  silkscreenFont = (0, import_font_silkscreen.createSilkscreenFont)(),
-  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
+  // 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"
+  }
+});
+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"
     },
-    // for native
-    face: {
-      700: {
-        normal: "InterBold"
-      },
-      800: {
-        normal: "InterBold"
-      },
-      900: {
-        normal: "InterBold"
-      }
-    }
-  }, {
-    sizeLineHeight: size => Math.round(size * 1.1 + (size < 30 ? 10 : 5))
-  }),
-  bodyFont = (0, import_font_inter.createInterFont)({
-    weight: {
-      1: "400"
-    }
-  }, {
-    sizeSize: size => Math.round(size),
-    sizeLineHeight: size => Math.round(size * 1.2 + (size >= 20 ? 12 : 8))
-  }),
-  monoFont = (0, import_createGenericFont.createGenericFont)('"Berkeley Mono", "ui-monospace", "SFMono-Regular", "SF Mono", Menlo, Consolas, "Liberation Mono", monospace', {
-    weight: {
-      1: "400"
+    800: {
+      normal: "InterBold"
     },
-    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
+    900: {
+      normal: "InterBold"
     }
-  }, {
-    sizeLineHeight: x => x * 1.5 + 2
-  });
+  }
+}, {
+  sizeLineHeight: size => Math.round(size * 1.1 + (size < 30 ? 10 : 5))
+});
+const bodyFont = (0, import_font_inter.createInterFont)({
+  weight: {
+    1: "400"
+  }
+}, {
+  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
+});

package/dist/cjs/index.cjs

@@ -3,15 +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)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
+  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;
-  },
-  __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+  }
+  return to;
+};
+var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
 var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: !0
+  value: true
 }), mod);
 var index_exports = {};
 module.exports = __toCommonJS(index_exports);

package/dist/cjs/media.cjs

@@ -3,20 +3,22 @@ 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: !0
-    });
-  },
-  __copyProps = (to, from, except, desc) => {
-    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
+  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;
-  };
+  }
+  return to;
+};
 var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: !0
+  value: true
 }), mod);
 var media_exports = {};
 __export(media_exports, {
@@ -26,91 +28,91 @@ __export(media_exports, {
   widths: () => widths
 });
 module.exports = __toCommonJS(media_exports);
-const demoMedia = [500, 620, 780, 900],
-  widths = [660, 800, 1020, 1280],
-  breakpoints = {
-    "2xl": 1536,
-    xl: 1280,
-    lg: 1024,
-    md: 768,
-    sm: 640,
-    xs: 460,
-    "2xs": 340
-  },
-  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: 391
-    },
-    gtXs: {
-      minWidth: 661
-    },
-    gtSm: {
-      minWidth: 801
-    },
-    gtMd: {
-      minWidth: 1021
-    },
-    gtLg: {
-      minWidth: 1281
-    },
-    gtXl: {
-      minWidth: 1651
-    },
-    pointerFine: {
-      pointer: "fine"
-    }
-  },
-  mediaQueryDefaultActive = {
-    xl: !0,
-    lg: !0,
-    md: !0,
-    sm: !0,
-    xs: !0,
-    // false
-    xxs: !1
-  };
+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
+};
+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"
+  }
+};
+const mediaQueryDefaultActive = {
+  xl: true,
+  lg: true,
+  md: true,
+  sm: true,
+  xs: true,
+  // false
+  xxs: false
+};

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

@@ -3,20 +3,22 @@ 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: !0
-    });
-  },
-  __copyProps = (to, from, except, desc) => {
-    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
+  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;
-  };
+  }
+  return to;
+};
 var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: !0
+  value: true
 }), mod);
 var tamagui_dev_config_exports = {};
 __export(tamagui_dev_config_exports, {
@@ -24,64 +26,64 @@ __export(tamagui_dev_config_exports, {
   config: () => config
 });
 module.exports = __toCommonJS(tamagui_dev_config_exports);
-var import_v5_css = require("@tamagui/config/v5-css"),
-  import_v5_motion = require("@tamagui/config/v5-motion"),
-  import_v5_subtle = require("@tamagui/config/v5-subtle"),
-  import_core = require("@tamagui/core"),
-  import_fonts = require("./fonts.cjs"),
-  import_media = require("./media.cjs");
+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_core = require("@tamagui/core");
+var import_fonts = require("./fonts.cjs");
+var import_media = require("./media.cjs");
 (0, import_core.setupDev)({
-  visualizer: !0
+  visualizer: true
 });
 const fonts = {
-    heading: import_fonts.headingFont,
-    body: import_fonts.bodyFont,
-    mono: import_fonts.monoFont,
-    silkscreen: import_fonts.silkscreenFont,
-    cherryBomb: import_fonts.cherryBombFont
-  },
-  animations = {
-    default: import_v5_motion.animationsMotion,
-    css: import_v5_css.animationsCSS
-  },
-  config = {
-    ...import_v5_subtle.defaultConfig,
-    themes: process.env.VITE_ENVIRONMENT === "client" ? {} : import_v5_subtle.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: !1
-    }
-  };
+  heading: import_fonts.headingFont,
+  body: import_fonts.bodyFont,
+  mono: import_fonts.monoFont,
+  silkscreen: import_fonts.silkscreenFont,
+  cherryBomb: import_fonts.cherryBombFont
+};
+const animations = {
+  default: import_v5_motion.animationsMotion,
+  css: import_v5_css.animationsCSS
+};
+const config = {
+  ...import_v5_subtle.defaultConfig,
+  themes: process.env.VITE_ENVIRONMENT === "client" ? {} : import_v5_subtle.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
+  }
+};
 Object.assign(config.media, {
   tiny: {
     maxWidth: 500
   },
   gtTiny: {
-    minWidth: 501
+    minWidth: 500 + 1
   },
   small: {
     maxWidth: 620
   },
   gtSmall: {
-    minWidth: 621
+    minWidth: 620 + 1
   },
   medium: {
     maxWidth: 780
   },
   gtMedium: {
-    minWidth: 781
+    minWidth: 780 + 1
   },
   large: {
     maxWidth: 900
   },
   gtLarge: {
-    minWidth: 901
+    minWidth: 900 + 1
   }
 });