@tamagui/config 1.4.0

package/src/animations.ts

@@ -0,0 +1,31 @@
+import { createAnimations } from '@tamagui/animations-react-native'
+
+export const animations = createAnimations({
+  '100ms': {
+    type: 'timing',
+    duration: 100,
+  },
+  bouncy: {
+    damping: 9,
+    mass: 0.9,
+    stiffness: 150,
+  },
+  lazy: {
+    damping: 18,
+    stiffness: 50,
+  },
+  slow: {
+    damping: 15,
+    stiffness: 40,
+  },
+  quick: {
+    damping: 20,
+    mass: 1.2,
+    stiffness: 250,
+  },
+  tooltip: {
+    damping: 10,
+    mass: 0.9,
+    stiffness: 100,
+  },
+})

package/src/createGenericFont.ts

@@ -0,0 +1,44 @@
+import { GenericFont, createFont } from '@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,
+} as const
+
+export function createGenericFont<
+  A extends GenericFont<keyof typeof genericFontSizes>,
+>(
+  family: string,
+  font: Partial<A> = {},
+  {
+    sizeLineHeight = (val) => val * 1.35,
+  }: {
+    sizeLineHeight?: (val: number) => number
+  } = {},
+): A {
+  const size = font.size || genericFontSizes
+  return createFont({
+    family,
+    size,
+    lineHeight: Object.fromEntries(
+      Object.entries(size).map(([k, v]) => [k, sizeLineHeight(+v)]),
+    ) as typeof size,
+    weight: { 0: '300' },
+    letterSpacing: { 4: 0 },
+    ...(font as any),
+  })
+}

package/src/index.tsx

@@ -0,0 +1,3 @@
+export * from './tamagui.config'
+export * from './media'
+export * from './createGenericFont'

package/src/media.ts

@@ -0,0 +1,34 @@
+import { createMedia } from '@tamagui/react-native-media-driver'
+
+export const demoMedia = [500, 620, 780, 900]
+export const widths = [660, 800, 1020, 1280]
+
+// note order is important!
+// earlier defined = less important
+
+export const media = createMedia({
+  // for site
+  xl: { maxWidth: 1650 },
+  lg: { maxWidth: 1280 },
+  md: { maxWidth: 1020 },
+  sm: { maxWidth: 800 },
+  xs: { maxWidth: 660 },
+  xxs: { maxWidth: 390 },
+  gtXs: { minWidth: 660 + 1 },
+  gtSm: { minWidth: 800 + 1 },
+  gtMd: { minWidth: 1020 + 1 },
+  gtLg: { minWidth: 1280 + 1 },
+  gtXl: { minWidth: 1650 + 1 },
+})
+
+// note all the non "gt" ones should be true to start to match mobile-first
+// were aiming for "xs" to be the default to "gtXs" true too
+export const mediaQueryDefaultActive = {
+  xl: true,
+  lg: true,
+  md: true,
+  sm: true,
+  xs: true,
+  // false
+  xxs: false,
+}

package/src/tamagui.config.ts

@@ -0,0 +1,121 @@
+import { createInterFont } from '@tamagui/font-inter'
+import { createSilkscreenFont } from '@tamagui/font-silkscreen'
+import { shorthands } from '@tamagui/shorthands'
+import { themes, tokens } from '@tamagui/themes'
+
+import { animations } from './animations'
+import { createGenericFont } from './createGenericFont'
+import { media, mediaQueryDefaultActive } from './media'
+
+export * from './animations'
+
+const systemFamily =
+  process.env.TAMAGUI_TARGET === 'native'
+    ? 'Inter'
+    : '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"'
+
+const silkscreenFont = createSilkscreenFont()
+const headingFont = createInterFont(
+  {
+    size: {
+      5: 13,
+      6: 15,
+      9: 32,
+      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: -1,
+      10: -1.5,
+      12: -2,
+      14: -3,
+      15: -4,
+    },
+    // for native
+    face: {
+      700: { normal: 'InterBold' },
+      800: { normal: 'InterBold' },
+      900: { normal: 'InterBold' },
+    },
+  },
+  { sizeLineHeight: (size) => Math.round(size * 1.1 + (size < 30 ? 10 : 5)) }
+)
+
+const bodyFont = createInterFont(
+  {
+    family: systemFamily,
+    weight: {
+      1: '500',
+      7: '600',
+    },
+  },
+  {
+    sizeSize: (size) => Math.round(size),
+    sizeLineHeight: (size) => Math.round(size * 1.1 + (size >= 12 ? 8 : 4)),
+  }
+)
+
+const monoFont = createGenericFont(
+  `"ui-monospace", "SFMono-Regular", "SF Mono", Menlo, Consolas, "Liberation Mono", monospace`,
+  {
+    weight: {
+      1: '500',
+    },
+    size: {
+      1: 11,
+      2: 12,
+      3: 13,
+      4: 14,
+      5: 16,
+      6: 18,
+      7: 20,
+      8: 22,
+      9: 30,
+      10: 42,
+      11: 52,
+      12: 62,
+      13: 72,
+      14: 92,
+      15: 114,
+      16: 124,
+    },
+  },
+  {
+    sizeLineHeight: (x) => x * 1.5,
+  }
+)
+
+export const config = {
+  shouldAddPrefersColorThemes: true,
+  themeClassNameOnRoot: true,
+  animations,
+  media,
+  shorthands,
+  themes,
+  tokens,
+  fonts: {
+    // noto: notoFont as any,
+    heading: headingFont,
+    body: bodyFont,
+    mono: monoFont,
+    silkscreen: silkscreenFont,
+  },
+}
+
+// @ts-ignore bad types
+config.mediaQueryDefaultActive = mediaQueryDefaultActive

package/types/animations-css.d.ts

@@ -0,0 +1,8 @@
+export declare const animations: import("@tamagui/web").AnimationDriver<{
+    bouncy: string;
+    lazy: string;
+    slow: string;
+    quick: string;
+    tooltip: string;
+}>;
+//# sourceMappingURL=animations-css.d.ts.map

package/types/animations-css.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"animations-css.d.ts","sourceRoot":"","sources":["../src/animations-css.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,UAAU;;;;;;EAMrB,CAAA"}

package/types/animations.d.ts

@@ -0,0 +1,30 @@
+export declare const animations: import("@tamagui/web").AnimationDriver<{
+    '100ms': {
+        type: "timing";
+        duration: number;
+    };
+    bouncy: {
+        damping: number;
+        mass: number;
+        stiffness: number;
+    };
+    lazy: {
+        damping: number;
+        stiffness: number;
+    };
+    slow: {
+        damping: number;
+        stiffness: number;
+    };
+    quick: {
+        damping: number;
+        mass: number;
+        stiffness: number;
+    };
+    tooltip: {
+        damping: number;
+        mass: number;
+        stiffness: number;
+    };
+}>;
+//# sourceMappingURL=animations.d.ts.map

package/types/animations.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"animations.d.ts","sourceRoot":"","sources":["../src/animations.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA4BrB,CAAA"}

package/types/animations.reanimated.d.ts

@@ -0,0 +1,31 @@
+export declare const animations: import("@tamagui/web").AnimationDriver<{
+    bouncy: {
+        type: "spring";
+        damping: number;
+        mass: number;
+        stiffness: number;
+    };
+    lazy: {
+        type: "spring";
+        damping: number;
+        stiffness: number;
+    };
+    slow: {
+        type: "spring";
+        damping: number;
+        stiffness: number;
+    };
+    quick: {
+        type: "spring";
+        damping: number;
+        mass: number;
+        stiffness: number;
+    };
+    tooltip: {
+        type: "spring";
+        damping: number;
+        mass: number;
+        stiffness: number;
+    };
+}>;
+//# sourceMappingURL=animations.reanimated.d.ts.map

package/types/animations.reanimated.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"animations.reanimated.d.ts","sourceRoot":"","sources":["../src/animations.reanimated.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA6BrB,CAAA"}

package/types/createGenericFont.d.ts

@@ -0,0 +1,24 @@
+import { GenericFont } from '@tamagui/core';
+declare const genericFontSizes: {
+    readonly 1: 10;
+    readonly 2: 11;
+    readonly 3: 12;
+    readonly 4: 14;
+    readonly 5: 15;
+    readonly 6: 16;
+    readonly 7: 20;
+    readonly 8: 22;
+    readonly 9: 30;
+    readonly 10: 42;
+    readonly 11: 52;
+    readonly 12: 62;
+    readonly 13: 72;
+    readonly 14: 92;
+    readonly 15: 114;
+    readonly 16: 124;
+};
+export declare function createGenericFont<A extends GenericFont<keyof typeof genericFontSizes>>(family: string, font?: Partial<A>, { sizeLineHeight, }?: {
+    sizeLineHeight?: (val: number) => number;
+}): A;
+export {};
+//# sourceMappingURL=createGenericFont.d.ts.map

package/types/createGenericFont.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"createGenericFont.d.ts","sourceRoot":"","sources":["../src/createGenericFont.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAc,MAAM,eAAe,CAAA;AAEvD,QAAA,MAAM,gBAAgB;;;;;;;;;;;;;;;;;CAiBZ,CAAA;AAEV,wBAAgB,iBAAiB,CAC/B,CAAC,SAAS,WAAW,CAAC,MAAM,OAAO,gBAAgB,CAAC,EAEpD,MAAM,EAAE,MAAM,EACd,IAAI,GAAE,OAAO,CAAC,CAAC,CAAM,EACrB,EACE,cAAoC,GACrC,GAAE;IACD,cAAc,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,MAAM,CAAA;CACpC,GACL,CAAC,CAYH"}

package/types/index.d.ts

@@ -0,0 +1,4 @@
+export * from './tamagui.config';
+export * from './media';
+export * from './createGenericFont';
+//# sourceMappingURL=index.d.ts.map

package/types/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAA;AAChC,cAAc,SAAS,CAAA;AACvB,cAAc,qBAAqB,CAAA"}

package/types/media.d.ts

@@ -0,0 +1,46 @@
+export declare const demoMedia: number[];
+export declare const widths: number[];
+export declare const media: {
+    xl: {
+        maxWidth: number;
+    };
+    lg: {
+        maxWidth: number;
+    };
+    md: {
+        maxWidth: number;
+    };
+    sm: {
+        maxWidth: number;
+    };
+    xs: {
+        maxWidth: number;
+    };
+    xxs: {
+        maxWidth: number;
+    };
+    gtXs: {
+        minWidth: number;
+    };
+    gtSm: {
+        minWidth: number;
+    };
+    gtMd: {
+        minWidth: number;
+    };
+    gtLg: {
+        minWidth: number;
+    };
+    gtXl: {
+        minWidth: number;
+    };
+};
+export declare const mediaQueryDefaultActive: {
+    xl: boolean;
+    lg: boolean;
+    md: boolean;
+    sm: boolean;
+    xs: boolean;
+    xxs: boolean;
+};
+//# sourceMappingURL=media.d.ts.map

package/types/media.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"media.d.ts","sourceRoot":"","sources":["../src/media.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,SAAS,UAAuB,CAAA;AAC7C,eAAO,MAAM,MAAM,UAAyB,CAAA;AAK5C,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAahB,CAAA;AAIF,eAAO,MAAM,uBAAuB;;;;;;;CAQnC,CAAA"}

package/types/tamagui.config.d.ts

@@ -0,0 +1,154 @@
+export * from './animations';
+export declare const config: {
+    shouldAddPrefersColorThemes: boolean;
+    themeClassNameOnRoot: boolean;
+    animations: import("@tamagui/web").AnimationDriver<{
+        '100ms': {
+            type: "timing";
+            duration: number;
+        };
+        bouncy: {
+            damping: number;
+            mass: number;
+            stiffness: number;
+        };
+        lazy: {
+            damping: number;
+            stiffness: number;
+        };
+        slow: {
+            damping: number;
+            stiffness: number;
+        };
+        quick: {
+            damping: number;
+            mass: number;
+            stiffness: number;
+        };
+        tooltip: {
+            damping: number;
+            mass: number;
+            stiffness: number;
+        };
+    }>;
+    media: {
+        xl: {
+            maxWidth: number;
+        };
+        lg: {
+            maxWidth: number;
+        };
+        md: {
+            maxWidth: number;
+        };
+        sm: {
+            maxWidth: number;
+        };
+        xs: {
+            maxWidth: number;
+        };
+        xxs: {
+            maxWidth: number;
+        };
+        gtXs: {
+            minWidth: number;
+        };
+        gtSm: {
+            minWidth: number;
+        };
+        gtMd: {
+            minWidth: number;
+        };
+        gtLg: {
+            minWidth: number;
+        };
+        gtXl: {
+            minWidth: number;
+        };
+    };
+    shorthands: {
+        readonly ussel: "userSelect";
+        readonly cur: "cursor";
+        readonly pe: "pointerEvents";
+        readonly col: "color";
+        readonly ff: "fontFamily";
+        readonly fos: "fontSize";
+        readonly fost: "fontStyle";
+        readonly fow: "fontWeight";
+        readonly ls: "letterSpacing";
+        readonly lh: "lineHeight";
+        readonly ta: "textAlign";
+        readonly tt: "textTransform";
+        readonly ww: "wordWrap";
+        readonly ac: "alignContent";
+        readonly ai: "alignItems";
+        readonly als: "alignSelf";
+        readonly b: "bottom";
+        readonly bc: "backgroundColor";
+        readonly bg: "backgroundColor";
+        readonly bbc: "borderBottomColor";
+        readonly bblr: "borderBottomLeftRadius";
+        readonly bbrr: "borderBottomRightRadius";
+        readonly bbw: "borderBottomWidth";
+        readonly blc: "borderLeftColor";
+        readonly blw: "borderLeftWidth";
+        readonly boc: "borderColor";
+        readonly br: "borderRadius";
+        readonly bs: "borderStyle";
+        readonly brw: "borderRightWidth";
+        readonly brc: "borderRightColor";
+        readonly btc: "borderTopColor";
+        readonly btlr: "borderTopLeftRadius";
+        readonly btrr: "borderTopRightRadius";
+        readonly btw: "borderTopWidth";
+        readonly bw: "borderWidth";
+        readonly dsp: "display";
+        readonly f: "flex";
+        readonly fb: "flexBasis";
+        readonly fd: "flexDirection";
+        readonly fg: "flexGrow";
+        readonly fs: "flexShrink";
+        readonly fw: "flexWrap";
+        readonly h: "height";
+        readonly jc: "justifyContent";
+        readonly l: "left";
+        readonly m: "margin";
+        readonly mah: "maxHeight";
+        readonly maw: "maxWidth";
+        readonly mb: "marginBottom";
+        readonly mih: "minHeight";
+        readonly miw: "minWidth";
+        readonly ml: "marginLeft";
+        readonly mr: "marginRight";
+        readonly mt: "marginTop";
+        readonly mx: "marginHorizontal";
+        readonly my: "marginVertical";
+        readonly o: "opacity";
+        readonly ov: "overflow";
+        readonly p: "padding";
+        readonly pb: "paddingBottom";
+        readonly pl: "paddingLeft";
+        readonly pos: "position";
+        readonly pr: "paddingRight";
+        readonly pt: "paddingTop";
+        readonly px: "paddingHorizontal";
+        readonly py: "paddingVertical";
+        readonly r: "right";
+        readonly shac: "shadowColor";
+        readonly shar: "shadowRadius";
+        readonly shof: "shadowOffset";
+        readonly shop: "shadowOpacity";
+        readonly t: "top";
+        readonly w: "width";
+        readonly zi: "zIndex";
+    };
+    themes: any;
+    tokens: any;
+    fonts: {
+        heading: import("@tamagui/web").GenericFont<9 | 15 | 10 | 11 | 12 | 14 | 16 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 13 | "true">;
+        body: import("@tamagui/web").GenericFont<9 | 15 | 10 | 11 | 12 | 14 | 16 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 13 | "true">;
+        mono: import("@tamagui/web").GenericFont<9 | 15 | 10 | 11 | 12 | 14 | 16 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 13>;
+        silkscreen: import("@tamagui/web").GenericFont<9 | 15 | 10 | 11 | 12 | 14 | 16 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 13>;
+    };
+};
+//# sourceMappingURL=tamagui.config.d.ts.map

package/types/tamagui.config.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tamagui.config.d.ts","sourceRoot":"","sources":["../src/tamagui.config.ts"],"names":[],"mappings":"AASA,cAAc,cAAc,CAAA;AA6F5B,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAelB,CAAA"}