@tamagui/static 1.0.1-beta.105 → 1.0.1-beta.108

package/src/extractor/defaultTamaguiConfig.ts

@@ -2,148 +2,149 @@ import { TamaguiInternalConfig, createFont, createTamagui, createTokens } from '
 import { shorthands } from '@tamagui/shorthands'
 
 // basic fallback theme just to have compiler load in decent tate
+export function getDefaultTamaguiConfig() {
+  const font = createFont({
+    family: 'System',
+    size: {
+      1: 15,
+    },
+    lineHeight: {
+      1: 15,
+    },
+    transform: {},
+    weight: {
+      1: '400',
+    },
+    color: {
+      1: '$color',
+    },
+    letterSpacing: {
+      1: 0,
+    },
+  })
 
-const font = createFont({
-  family: 'System',
-  size: {
-    1: 15,
-  },
-  lineHeight: {
-    1: 15,
-  },
-  transform: {},
-  weight: {
-    1: '400',
-  },
-  color: {
-    1: '$color',
-  },
-  letterSpacing: {
-    1: 0,
-  },
-})
+  const size = {
+    0: 0,
+    0.25: 2,
+    0.5: 4,
+    0.75: 8,
+    1: 20,
+    1.5: 24,
+    2: 28,
+    2.5: 32,
+    3: 36,
+    3.5: 40,
+    4: 44,
+    true: 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,
+  }
 
-const size = {
-  0: 0,
-  0.25: 2,
-  0.5: 4,
-  0.75: 8,
-  1: 20,
-  1.5: 24,
-  2: 28,
-  2.5: 32,
-  3: 36,
-  3.5: 40,
-  4: 44,
-  true: 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,
-}
+  const spaces = Object.entries(size).map(([k, v]) => [
+    k,
+    Math.max(0, v <= 16 ? Math.round(v * 0.333) : Math.floor(v * 0.7 - 12)),
+  ])
 
-const spaces = Object.entries(size).map(([k, v]) => [
-  k,
-  Math.max(0, v <= 16 ? Math.round(v * 0.333) : Math.floor(v * 0.7 - 12)),
-])
+  const spacesNegative = spaces.map(([k, v]) => [`-${k}`, -v])
 
-const spacesNegative = spaces.map(([k, v]) => [`-${k}`, -v])
+  const space = {
+    ...Object.fromEntries(spaces),
+    ...Object.fromEntries(spacesNegative),
+  } as any
 
-const space = {
-  ...Object.fromEntries(spaces),
-  ...Object.fromEntries(spacesNegative),
-} as any
+  const zIndex = {
+    0: 0,
+    1: 100,
+    2: 200,
+    3: 300,
+    4: 400,
+    5: 500,
+  }
 
-const zIndex = {
-  0: 0,
-  1: 100,
-  2: 200,
-  3: 300,
-  4: 400,
-  5: 500,
-}
+  const 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,
+  }
 
-const 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,
-}
+  const tokens = createTokens({
+    color: {
+      white: '#fff',
+      black: '#000',
+    },
+    radius,
+    zIndex,
+    space,
+    size,
+  })
 
-export const tokens = createTokens({
-  color: {
-    white: '#fff',
-    black: '#000',
-  },
-  radius,
-  zIndex,
-  space,
-  size,
-})
+  const themes = {
+    light: {
+      background: tokens.color.white,
+      color: tokens.color.black,
+    },
+    dark: {
+      background: tokens.color.black,
+      color: tokens.color.white,
+    },
+  }
 
-const themes = {
-  light: {
-    background: tokens.color.white,
-    color: tokens.color.black,
-  },
-  dark: {
-    background: tokens.color.black,
-    color: tokens.color.white,
-  },
+  return createTamagui({
+    defaultTheme: 'light',
+    shouldAddPrefersColorThemes: true,
+    themeClassNameOnRoot: true,
+    shorthands,
+    fonts: {
+      heading: font,
+      body: font,
+    },
+    themes,
+    tokens,
+    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' },
+    },
+  }) as TamaguiInternalConfig
 }
-
-export const config = createTamagui({
-  defaultTheme: 'light',
-  shouldAddPrefersColorThemes: true,
-  themeClassNameOnRoot: true,
-  shorthands,
-  fonts: {
-    heading: font,
-    body: font,
-  },
-  themes,
-  tokens,
-  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' },
-  },
-}) as TamaguiInternalConfig

package/src/extractor/loadTamagui.ts

@@ -5,7 +5,7 @@ import { createTamagui } from '@tamagui/core-node'
 
 import { SHOULD_DEBUG } from '../constants'
 import { getNameToPaths, registerRequire, unregisterRequire } from '../require'
-import { config as defaultTamaguiConfig } from './defaultTamaguiConfig'
+import { getDefaultTamaguiConfig } from './defaultTamaguiConfig'
 
 let loadedTamagui: any = null
 
@@ -20,8 +20,6 @@ export type TamaguiProjectInfo = {
 }
 
 export function loadTamagui(props: { components: string[]; config: string }): TamaguiProjectInfo {
-  console.trace('load', !!loadedTamagui)
-
   if (loadedTamagui) {
     return loadedTamagui
   }
@@ -96,7 +94,7 @@ export function loadTamagui(props: { components: string[]; config: string }): Ta
       }
       return {
         components: {},
-        tamaguiConfig: defaultTamaguiConfig,
+        tamaguiConfig: getDefaultTamaguiConfig(),
         nameToPaths: {},
       }
     }

package/types/extractor/defaultTamaguiConfig.d.ts

@@ -1,73 +1,5 @@
 import { TamaguiInternalConfig } from '@tamagui/core-node';
-export declare const tokens: {
-    color: {
-        white: import("@tamagui/core-node").Variable<any>;
-        black: import("@tamagui/core-node").Variable<any>;
-    };
-    space: {
-        [x: string]: import("@tamagui/core-node").Variable<any>;
-    };
-    size: {
-        0: import("@tamagui/core-node").Variable<any>;
-        0.25: import("@tamagui/core-node").Variable<any>;
-        0.5: import("@tamagui/core-node").Variable<any>;
-        0.75: import("@tamagui/core-node").Variable<any>;
-        1: import("@tamagui/core-node").Variable<any>;
-        1.5: import("@tamagui/core-node").Variable<any>;
-        2: import("@tamagui/core-node").Variable<any>;
-        2.5: import("@tamagui/core-node").Variable<any>;
-        3: import("@tamagui/core-node").Variable<any>;
-        3.5: import("@tamagui/core-node").Variable<any>;
-        4: import("@tamagui/core-node").Variable<any>;
-        true: import("@tamagui/core-node").Variable<any>;
-        4.5: import("@tamagui/core-node").Variable<any>;
-        5: import("@tamagui/core-node").Variable<any>;
-        5.5: import("@tamagui/core-node").Variable<any>;
-        6: import("@tamagui/core-node").Variable<any>;
-        6.5: import("@tamagui/core-node").Variable<any>;
-        7: import("@tamagui/core-node").Variable<any>;
-        7.6: import("@tamagui/core-node").Variable<any>;
-        8: import("@tamagui/core-node").Variable<any>;
-        8.5: import("@tamagui/core-node").Variable<any>;
-        9: import("@tamagui/core-node").Variable<any>;
-        9.5: import("@tamagui/core-node").Variable<any>;
-        10: import("@tamagui/core-node").Variable<any>;
-        11: import("@tamagui/core-node").Variable<any>;
-        12: import("@tamagui/core-node").Variable<any>;
-        13: import("@tamagui/core-node").Variable<any>;
-        14: import("@tamagui/core-node").Variable<any>;
-        15: import("@tamagui/core-node").Variable<any>;
-        16: import("@tamagui/core-node").Variable<any>;
-        17: import("@tamagui/core-node").Variable<any>;
-        18: import("@tamagui/core-node").Variable<any>;
-        19: import("@tamagui/core-node").Variable<any>;
-        20: import("@tamagui/core-node").Variable<any>;
-    };
-    radius: {
-        0: import("@tamagui/core-node").Variable<any>;
-        1: import("@tamagui/core-node").Variable<any>;
-        2: import("@tamagui/core-node").Variable<any>;
-        3: import("@tamagui/core-node").Variable<any>;
-        4: import("@tamagui/core-node").Variable<any>;
-        5: import("@tamagui/core-node").Variable<any>;
-        6: import("@tamagui/core-node").Variable<any>;
-        7: import("@tamagui/core-node").Variable<any>;
-        8: import("@tamagui/core-node").Variable<any>;
-        9: import("@tamagui/core-node").Variable<any>;
-        10: import("@tamagui/core-node").Variable<any>;
-        11: import("@tamagui/core-node").Variable<any>;
-        12: import("@tamagui/core-node").Variable<any>;
-    };
-    zIndex: {
-        0: import("@tamagui/core-node").Variable<any>;
-        1: import("@tamagui/core-node").Variable<any>;
-        2: import("@tamagui/core-node").Variable<any>;
-        3: import("@tamagui/core-node").Variable<any>;
-        4: import("@tamagui/core-node").Variable<any>;
-        5: import("@tamagui/core-node").Variable<any>;
-    };
-};
-export declare const config: TamaguiInternalConfig<import("@tamagui/core-node").CreateTokens<import("@tamagui/core-node").VariableVal>, {
+export declare function getDefaultTamaguiConfig(): TamaguiInternalConfig<import("@tamagui/core-node").CreateTokens<import("@tamagui/core-node").VariableVal>, {
     [key: string]: Partial<import("@tamagui/core-node").TamaguiBaseTheme> & {
         [key: string]: import("@tamagui/core-node").VariableVal;
     };

package/types/extractor/defaultTamaguiConfig.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"defaultTamaguiConfig.d.ts","sourceRoot":"","sources":["../../src/extractor/defaultTamaguiConfig.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAA2C,MAAM,oBAAoB,CAAA;AAmGnG,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CASjB,CAAA;AAaF,eAAO,MAAM,MAAM;;;;;;;;;;;;6CA2BQ,CAAA"}
+{"version":3,"file":"defaultTamaguiConfig.d.ts","sourceRoot":"","sources":["../../src/extractor/defaultTamaguiConfig.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAA2C,MAAM,oBAAoB,CAAA;AAInG,wBAAgB,uBAAuB;;;;;;;;;;;;8CAiJtC"}

package/types/extractor/loadTamagui.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"loadTamagui.d.ts","sourceRoot":"","sources":["../../src/extractor/loadTamagui.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAgB,gBAAgB,EAAE,qBAAqB,EAAE,MAAM,oBAAoB,CAAA;AAS/F,aAAK,WAAW,GAAG;IACjB,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC,MAAM,CAAC,CAAA;CAC3B,CAAA;AAED,oBAAY,kBAAkB,GAAG;IAC/B,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,gBAAgB,CAAC,CAAA;IAC5C,aAAa,EAAE,qBAAqB,CAAA;IACpC,WAAW,EAAE,WAAW,CAAA;CACzB,CAAA;AAED,wBAAgB,WAAW,CAAC,KAAK,EAAE;IAAE,UAAU,EAAE,MAAM,EAAE,CAAC;IAAC,MAAM,EAAE,MAAM,CAAA;CAAE,GAAG,kBAAkB,CA0F/F"}
+{"version":3,"file":"loadTamagui.d.ts","sourceRoot":"","sources":["../../src/extractor/loadTamagui.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAgB,gBAAgB,EAAE,qBAAqB,EAAE,MAAM,oBAAoB,CAAA;AAS/F,aAAK,WAAW,GAAG;IACjB,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC,MAAM,CAAC,CAAA;CAC3B,CAAA;AAED,oBAAY,kBAAkB,GAAG;IAC/B,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,gBAAgB,CAAC,CAAA;IAC5C,aAAa,EAAE,qBAAqB,CAAA;IACpC,WAAW,EAAE,WAAW,CAAA;CACzB,CAAA;AAED,wBAAgB,WAAW,CAAC,KAAK,EAAE;IAAE,UAAU,EAAE,MAAM,EAAE,CAAC;IAAC,MAAM,EAAE,MAAM,CAAA;CAAE,GAAG,kBAAkB,CAwF/F"}