@tamagui/config-base 1.0.1-beta.220 → 1.0.1-beta.222

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (11) hide show
  1. package/dist/cjs/media.js +1 -9
  2. package/dist/cjs/media.js.map +2 -2
  3. package/dist/cjs/tamagui.config.js.map +2 -2
  4. package/dist/esm/media.js +1 -9
  5. package/dist/esm/media.js.map +2 -2
  6. package/dist/esm/tamagui.config.js.map +2 -2
  7. package/package.json +10 -10
  8. package/src/media.ts +0 -10
  9. package/src/tamagui.config.ts +1 -2
  10. package/types/media.d.ts +0 -24
  11. package/types/tamagui.config.d.ts +0 -24
package/dist/cjs/media.js CHANGED
@@ -36,15 +36,7 @@ const media = {
36
36
  gtSm: { minWidth: 800 + 1 },
37
37
  gtMd: { minWidth: 1020 + 1 },
38
38
  gtLg: { minWidth: 1280 + 1 },
39
- gtXl: { minWidth: 1650 + 1 },
40
- tiny: { maxWidth: 500 },
41
- gtTiny: { minWidth: 500 + 1 },
42
- small: { maxWidth: 620 },
43
- gtSmall: { minWidth: 620 + 1 },
44
- medium: { maxWidth: 780 },
45
- gtMedium: { minWidth: 780 + 1 },
46
- large: { maxWidth: 900 },
47
- gtLarge: { minWidth: 900 + 1 }
39
+ gtXl: { minWidth: 1650 + 1 }
48
40
  };
49
41
  // Annotate the CommonJS export names for ESM import in node:
50
42
  0 && (module.exports = {
package/dist/cjs/media.js.map CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../src/media.ts"],
4
- "sourcesContent": ["export const demoMedia = [500, 620, 780, 900]\nexport const widths = [660, 800, 1020, 1280]\n\nexport const media = {\n // for site\n xl: { maxWidth: 1650 },\n lg: { maxWidth: 1280 },\n md: { maxWidth: 1020 },\n sm: { maxWidth: 800 },\n xs: { maxWidth: 660 },\n xxs: { maxWidth: 390 },\n gtXs: { minWidth: 660 + 1 },\n gtSm: { minWidth: 800 + 1 },\n gtMd: { minWidth: 1020 + 1 },\n gtLg: { minWidth: 1280 + 1 },\n gtXl: { minWidth: 1650 + 1 },\n\n // for responsive demo only\n tiny: { maxWidth: 500 },\n gtTiny: { minWidth: 500 + 1 },\n small: { maxWidth: 620 },\n gtSmall: { minWidth: 620 + 1 },\n medium: { maxWidth: 780 },\n gtMedium: { minWidth: 780 + 1 },\n large: { maxWidth: 900 },\n gtLarge: { minWidth: 900 + 1 },\n}\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAO,MAAM,YAAY,CAAC,KAAK,KAAK,KAAK,GAAG;AACrC,MAAM,SAAS,CAAC,KAAK,KAAK,MAAM,IAAI;AAEpC,MAAM,QAAQ;AAAA,EAEnB,IAAI,EAAE,UAAU,KAAK;AAAA,EACrB,IAAI,EAAE,UAAU,KAAK;AAAA,EACrB,IAAI,EAAE,UAAU,KAAK;AAAA,EACrB,IAAI,EAAE,UAAU,IAAI;AAAA,EACpB,IAAI,EAAE,UAAU,IAAI;AAAA,EACpB,KAAK,EAAE,UAAU,IAAI;AAAA,EACrB,MAAM,EAAE,UAAU,MAAM,EAAE;AAAA,EAC1B,MAAM,EAAE,UAAU,MAAM,EAAE;AAAA,EAC1B,MAAM,EAAE,UAAU,OAAO,EAAE;AAAA,EAC3B,MAAM,EAAE,UAAU,OAAO,EAAE;AAAA,EAC3B,MAAM,EAAE,UAAU,OAAO,EAAE;AAAA,EAG3B,MAAM,EAAE,UAAU,IAAI;AAAA,EACtB,QAAQ,EAAE,UAAU,MAAM,EAAE;AAAA,EAC5B,OAAO,EAAE,UAAU,IAAI;AAAA,EACvB,SAAS,EAAE,UAAU,MAAM,EAAE;AAAA,EAC7B,QAAQ,EAAE,UAAU,IAAI;AAAA,EACxB,UAAU,EAAE,UAAU,MAAM,EAAE;AAAA,EAC9B,OAAO,EAAE,UAAU,IAAI;AAAA,EACvB,SAAS,EAAE,UAAU,MAAM,EAAE;AAC/B;",
4
+ "sourcesContent": ["export const demoMedia = [500, 620, 780, 900]\nexport const widths = [660, 800, 1020, 1280]\n\nexport const media = {\n // for site\n xl: { maxWidth: 1650 },\n lg: { maxWidth: 1280 },\n md: { maxWidth: 1020 },\n sm: { maxWidth: 800 },\n xs: { maxWidth: 660 },\n xxs: { maxWidth: 390 },\n gtXs: { minWidth: 660 + 1 },\n gtSm: { minWidth: 800 + 1 },\n gtMd: { minWidth: 1020 + 1 },\n gtLg: { minWidth: 1280 + 1 },\n gtXl: { minWidth: 1650 + 1 },\n}\n"],
5
+ "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAO,MAAM,YAAY,CAAC,KAAK,KAAK,KAAK,GAAG;AACrC,MAAM,SAAS,CAAC,KAAK,KAAK,MAAM,IAAI;AAEpC,MAAM,QAAQ;AAAA,EAEnB,IAAI,EAAE,UAAU,KAAK;AAAA,EACrB,IAAI,EAAE,UAAU,KAAK;AAAA,EACrB,IAAI,EAAE,UAAU,KAAK;AAAA,EACrB,IAAI,EAAE,UAAU,IAAI;AAAA,EACpB,IAAI,EAAE,UAAU,IAAI;AAAA,EACpB,KAAK,EAAE,UAAU,IAAI;AAAA,EACrB,MAAM,EAAE,UAAU,MAAM,EAAE;AAAA,EAC1B,MAAM,EAAE,UAAU,MAAM,EAAE;AAAA,EAC1B,MAAM,EAAE,UAAU,OAAO,EAAE;AAAA,EAC3B,MAAM,EAAE,UAAU,OAAO,EAAE;AAAA,EAC3B,MAAM,EAAE,UAAU,OAAO,EAAE;AAC7B;",
6
6
  "names": []
7
7
  }
package/dist/cjs/tamagui.config.js.map CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../src/tamagui.config.ts"],
4
- "sourcesContent": ["import { createInterFont } from '@tamagui/font-inter'\nimport { createSilkscreenFont } from '@tamagui/font-silkscreen'\nimport { shorthands } from '@tamagui/shorthands'\nimport { themes, tokens } from '@tamagui/theme-base'\n\nimport { animations } from './animations'\nimport { createGenericFont } from './createGenericFont'\nimport { media } from './media'\n\nexport * from './animations'\n\nconst systemFamily =\n process.env.TAMAGUI_TARGET === 'native'\n ? 'Inter'\n : '-apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\"'\n\nconst silkscreenFont = createSilkscreenFont()\nconst headingFont = createInterFont(\n {\n size: {\n 5: 13,\n 6: 15,\n },\n transform: {\n 6: 'uppercase',\n 7: 'none',\n },\n weight: {\n 6: '400',\n 7: '700',\n },\n color: {\n 6: '$colorFocus',\n 7: '$color',\n },\n letterSpacing: {\n 5: 2,\n 6: 1,\n 7: 0,\n 8: 0,\n 9: -1,\n 10: -1.5,\n 12: -2,\n 14: -3,\n 15: -4,\n },\n // for native\n face: {\n 700: { normal: 'InterBold' },\n 800: { normal: 'InterBold' },\n 900: { normal: 'InterBold' },\n },\n },\n { sizeLineHeight: (size) => Math.round(size * 1.1 + (size < 30 ? 10 : 5)) }\n)\nconst bodyFont = createInterFont(\n {\n family: systemFamily,\n weight: {\n 1: '500',\n 7: '600',\n },\n },\n {\n sizeSize: (size) => Math.round(size),\n sizeLineHeight: (size) => Math.round(size * 1.1 + (size >= 12 ? 8 : 4)),\n }\n)\n\nconst monoFont = createGenericFont(\n `\"ui-monospace\", \"SFMono-Regular\", \"SF Mono\", Menlo, Consolas, \"Liberation Mono\", monospace`,\n {\n weight: {\n 1: '500',\n },\n size: {\n 1: 11,\n 2: 12,\n 3: 13,\n 4: 14,\n 5: 16,\n 6: 18,\n 7: 20,\n 8: 22,\n 9: 30,\n 10: 42,\n 11: 52,\n 12: 62,\n 13: 72,\n 14: 92,\n 15: 114,\n 16: 124,\n },\n },\n {\n sizeLineHeight: (x) => x * 1.5,\n }\n)\n\nexport const config = {\n shouldAddPrefersColorThemes: true,\n themeClassNameOnRoot: true,\n animations,\n media,\n shorthands,\n themes,\n tokens,\n fonts: {\n // noto: notoFont as any,\n heading: headingFont,\n body: bodyFont,\n mono: monoFont,\n silkscreen: silkscreenFont,\n },\n}\n\n// messing up types...\n// @ts-ignore\nconfig.mediaQueryDefaultActive = {\n xxs: true,\n xs: true,\n sm: true,\n}\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wBAAgC;AAChC,6BAAqC;AACrC,wBAA2B;AAC3B,wBAA+B;AAE/B,wBAA2B;AAC3B,+BAAkC;AAClC,mBAAsB;AAEtB,mCAAc,yBATd;AAWA,MAAM,eACJ,QAAQ,IAAI,mBAAmB,WAC3B,UACA;AAEN,MAAM,qBAAiB,6CAAqB;AAC5C,MAAM,kBAAc;AAAA,EAClB;AAAA,IACE,MAAM;AAAA,MACJ,GAAG;AAAA,MACH,GAAG;AAAA,IACL;AAAA,IACA,WAAW;AAAA,MACT,GAAG;AAAA,MACH,GAAG;AAAA,IACL;AAAA,IACA,QAAQ;AAAA,MACN,GAAG;AAAA,MACH,GAAG;AAAA,IACL;AAAA,IACA,OAAO;AAAA,MACL,GAAG;AAAA,MACH,GAAG;AAAA,IACL;AAAA,IACA,eAAe;AAAA,MACb,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,MACH,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IACN;AAAA,IAEA,MAAM;AAAA,MACJ,KAAK,EAAE,QAAQ,YAAY;AAAA,MAC3B,KAAK,EAAE,QAAQ,YAAY;AAAA,MAC3B,KAAK,EAAE,QAAQ,YAAY;AAAA,IAC7B;AAAA,EACF;AAAA,EACA,EAAE,gBAAgB,CAAC,SAAS,KAAK,MAAM,OAAO,OAAO,OAAO,KAAK,KAAK,EAAE,EAAE;AAC5E;AACA,MAAM,eAAW;AAAA,EACf;AAAA,IACE,QAAQ;AAAA,IACR,QAAQ;AAAA,MACN,GAAG;AAAA,MACH,GAAG;AAAA,IACL;AAAA,EACF;AAAA,EACA;AAAA,IACE,UAAU,CAAC,SAAS,KAAK,MAAM,IAAI;AAAA,IACnC,gBAAgB,CAAC,SAAS,KAAK,MAAM,OAAO,OAAO,QAAQ,KAAK,IAAI,EAAE;AAAA,EACxE;AACF;AAEA,MAAM,eAAW;AAAA,EACf;AAAA,EACA;AAAA,IACE,QAAQ;AAAA,MACN,GAAG;AAAA,IACL;AAAA,IACA,MAAM;AAAA,MACJ,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,MACH,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IACN;AAAA,EACF;AAAA,EACA;AAAA,IACE,gBAAgB,CAAC,MAAM,IAAI;AAAA,EAC7B;AACF;AAEO,MAAM,SAAS;AAAA,EACpB,6BAA6B;AAAA,EAC7B,sBAAsB;AAAA,EACtB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,OAAO;AAAA,IAEL,SAAS;AAAA,IACT,MAAM;AAAA,IACN,MAAM;AAAA,IACN,YAAY;AAAA,EACd;AACF;AAIA,OAAO,0BAA0B;AAAA,EAC/B,KAAK;AAAA,EACL,IAAI;AAAA,EACJ,IAAI;AACN;",
4
+ "sourcesContent": ["import { createInterFont } from '@tamagui/font-inter'\nimport { createSilkscreenFont } from '@tamagui/font-silkscreen'\nimport { shorthands } from '@tamagui/shorthands'\nimport { themes, tokens } from '@tamagui/theme-base'\n\nimport { animations } from './animations'\nimport { createGenericFont } from './createGenericFont'\nimport { media } from './media'\n\nexport * from './animations'\n\nconst systemFamily =\n process.env.TAMAGUI_TARGET === 'native'\n ? 'Inter'\n : '-apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\"'\n\nconst silkscreenFont = createSilkscreenFont()\nconst headingFont = createInterFont(\n {\n size: {\n 5: 13,\n 6: 15,\n },\n transform: {\n 6: 'uppercase',\n 7: 'none',\n },\n weight: {\n 6: '400',\n 7: '700',\n },\n color: {\n 6: '$colorFocus',\n 7: '$color',\n },\n letterSpacing: {\n 5: 2,\n 6: 1,\n 7: 0,\n 8: 0,\n 9: -1,\n 10: -1.5,\n 12: -2,\n 14: -3,\n 15: -4,\n },\n // for native\n face: {\n 700: { normal: 'InterBold' },\n 800: { normal: 'InterBold' },\n 900: { normal: 'InterBold' },\n },\n },\n { sizeLineHeight: (size) => Math.round(size * 1.1 + (size < 30 ? 10 : 5)) }\n)\nconst bodyFont = createInterFont(\n {\n family: systemFamily,\n weight: {\n 1: '500',\n 7: '600',\n },\n },\n {\n sizeSize: (size) => Math.round(size),\n sizeLineHeight: (size) => Math.round(size * 1.1 + (size >= 12 ? 8 : 4)),\n }\n)\n\nconst monoFont = createGenericFont(\n `\"ui-monospace\", \"SFMono-Regular\", \"SF Mono\", Menlo, Consolas, \"Liberation Mono\", monospace`,\n {\n weight: {\n 1: '500',\n },\n size: {\n 1: 11,\n 2: 12,\n 3: 13,\n 4: 14,\n 5: 16,\n 6: 18,\n 7: 20,\n 8: 22,\n 9: 30,\n 10: 42,\n 11: 52,\n 12: 62,\n 13: 72,\n 14: 92,\n 15: 114,\n 16: 124,\n },\n },\n {\n sizeLineHeight: (x) => x * 1.5,\n }\n)\n\nexport const config = {\n shouldAddPrefersColorThemes: true,\n themeClassNameOnRoot: true,\n animations,\n media,\n shorthands,\n themes,\n tokens,\n fonts: {\n // noto: notoFont as any,\n heading: headingFont,\n body: bodyFont,\n mono: monoFont,\n silkscreen: silkscreenFont,\n },\n}\n\n// @ts-ignore bad types\nconfig.mediaQueryDefaultActive = {\n xxs: true,\n xs: true,\n sm: true,\n}\n"],
5
+ "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wBAAgC;AAChC,6BAAqC;AACrC,wBAA2B;AAC3B,wBAA+B;AAE/B,wBAA2B;AAC3B,+BAAkC;AAClC,mBAAsB;AAEtB,mCAAc,yBATd;AAWA,MAAM,eACJ,QAAQ,IAAI,mBAAmB,WAC3B,UACA;AAEN,MAAM,qBAAiB,6CAAqB;AAC5C,MAAM,kBAAc;AAAA,EAClB;AAAA,IACE,MAAM;AAAA,MACJ,GAAG;AAAA,MACH,GAAG;AAAA,IACL;AAAA,IACA,WAAW;AAAA,MACT,GAAG;AAAA,MACH,GAAG;AAAA,IACL;AAAA,IACA,QAAQ;AAAA,MACN,GAAG;AAAA,MACH,GAAG;AAAA,IACL;AAAA,IACA,OAAO;AAAA,MACL,GAAG;AAAA,MACH,GAAG;AAAA,IACL;AAAA,IACA,eAAe;AAAA,MACb,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,MACH,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IACN;AAAA,IAEA,MAAM;AAAA,MACJ,KAAK,EAAE,QAAQ,YAAY;AAAA,MAC3B,KAAK,EAAE,QAAQ,YAAY;AAAA,MAC3B,KAAK,EAAE,QAAQ,YAAY;AAAA,IAC7B;AAAA,EACF;AAAA,EACA,EAAE,gBAAgB,CAAC,SAAS,KAAK,MAAM,OAAO,OAAO,OAAO,KAAK,KAAK,EAAE,EAAE;AAC5E;AACA,MAAM,eAAW;AAAA,EACf;AAAA,IACE,QAAQ;AAAA,IACR,QAAQ;AAAA,MACN,GAAG;AAAA,MACH,GAAG;AAAA,IACL;AAAA,EACF;AAAA,EACA;AAAA,IACE,UAAU,CAAC,SAAS,KAAK,MAAM,IAAI;AAAA,IACnC,gBAAgB,CAAC,SAAS,KAAK,MAAM,OAAO,OAAO,QAAQ,KAAK,IAAI,EAAE;AAAA,EACxE;AACF;AAEA,MAAM,eAAW;AAAA,EACf;AAAA,EACA;AAAA,IACE,QAAQ;AAAA,MACN,GAAG;AAAA,IACL;AAAA,IACA,MAAM;AAAA,MACJ,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,MACH,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IACN;AAAA,EACF;AAAA,EACA;AAAA,IACE,gBAAgB,CAAC,MAAM,IAAI;AAAA,EAC7B;AACF;AAEO,MAAM,SAAS;AAAA,EACpB,6BAA6B;AAAA,EAC7B,sBAAsB;AAAA,EACtB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,OAAO;AAAA,IAEL,SAAS;AAAA,IACT,MAAM;AAAA,IACN,MAAM;AAAA,IACN,YAAY;AAAA,EACd;AACF;AAGA,OAAO,0BAA0B;AAAA,EAC/B,KAAK;AAAA,EACL,IAAI;AAAA,EACJ,IAAI;AACN;",
6
6
  "names": []
7
7
  }
package/dist/esm/media.js CHANGED
@@ -11,15 +11,7 @@ const media = {
11
11
  gtSm: { minWidth: 800 + 1 },
12
12
  gtMd: { minWidth: 1020 + 1 },
13
13
  gtLg: { minWidth: 1280 + 1 },
14
- gtXl: { minWidth: 1650 + 1 },
15
- tiny: { maxWidth: 500 },
16
- gtTiny: { minWidth: 500 + 1 },
17
- small: { maxWidth: 620 },
18
- gtSmall: { minWidth: 620 + 1 },
19
- medium: { maxWidth: 780 },
20
- gtMedium: { minWidth: 780 + 1 },
21
- large: { maxWidth: 900 },
22
- gtLarge: { minWidth: 900 + 1 }
14
+ gtXl: { minWidth: 1650 + 1 }
23
15
  };
24
16
  export {
25
17
  demoMedia,
package/dist/esm/media.js.map CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../src/media.ts"],
4
- "sourcesContent": ["export const demoMedia = [500, 620, 780, 900]\nexport const widths = [660, 800, 1020, 1280]\n\nexport const media = {\n // for site\n xl: { maxWidth: 1650 },\n lg: { maxWidth: 1280 },\n md: { maxWidth: 1020 },\n sm: { maxWidth: 800 },\n xs: { maxWidth: 660 },\n xxs: { maxWidth: 390 },\n gtXs: { minWidth: 660 + 1 },\n gtSm: { minWidth: 800 + 1 },\n gtMd: { minWidth: 1020 + 1 },\n gtLg: { minWidth: 1280 + 1 },\n gtXl: { minWidth: 1650 + 1 },\n\n // for responsive demo only\n tiny: { maxWidth: 500 },\n gtTiny: { minWidth: 500 + 1 },\n small: { maxWidth: 620 },\n gtSmall: { minWidth: 620 + 1 },\n medium: { maxWidth: 780 },\n gtMedium: { minWidth: 780 + 1 },\n large: { maxWidth: 900 },\n gtLarge: { minWidth: 900 + 1 },\n}\n"],
5
- "mappings": "AAAO,MAAM,YAAY,CAAC,KAAK,KAAK,KAAK,GAAG;AACrC,MAAM,SAAS,CAAC,KAAK,KAAK,MAAM,IAAI;AAEpC,MAAM,QAAQ;AAAA,EAEnB,IAAI,EAAE,UAAU,KAAK;AAAA,EACrB,IAAI,EAAE,UAAU,KAAK;AAAA,EACrB,IAAI,EAAE,UAAU,KAAK;AAAA,EACrB,IAAI,EAAE,UAAU,IAAI;AAAA,EACpB,IAAI,EAAE,UAAU,IAAI;AAAA,EACpB,KAAK,EAAE,UAAU,IAAI;AAAA,EACrB,MAAM,EAAE,UAAU,MAAM,EAAE;AAAA,EAC1B,MAAM,EAAE,UAAU,MAAM,EAAE;AAAA,EAC1B,MAAM,EAAE,UAAU,OAAO,EAAE;AAAA,EAC3B,MAAM,EAAE,UAAU,OAAO,EAAE;AAAA,EAC3B,MAAM,EAAE,UAAU,OAAO,EAAE;AAAA,EAG3B,MAAM,EAAE,UAAU,IAAI;AAAA,EACtB,QAAQ,EAAE,UAAU,MAAM,EAAE;AAAA,EAC5B,OAAO,EAAE,UAAU,IAAI;AAAA,EACvB,SAAS,EAAE,UAAU,MAAM,EAAE;AAAA,EAC7B,QAAQ,EAAE,UAAU,IAAI;AAAA,EACxB,UAAU,EAAE,UAAU,MAAM,EAAE;AAAA,EAC9B,OAAO,EAAE,UAAU,IAAI;AAAA,EACvB,SAAS,EAAE,UAAU,MAAM,EAAE;AAC/B;",
4
+ "sourcesContent": ["export const demoMedia = [500, 620, 780, 900]\nexport const widths = [660, 800, 1020, 1280]\n\nexport const media = {\n // for site\n xl: { maxWidth: 1650 },\n lg: { maxWidth: 1280 },\n md: { maxWidth: 1020 },\n sm: { maxWidth: 800 },\n xs: { maxWidth: 660 },\n xxs: { maxWidth: 390 },\n gtXs: { minWidth: 660 + 1 },\n gtSm: { minWidth: 800 + 1 },\n gtMd: { minWidth: 1020 + 1 },\n gtLg: { minWidth: 1280 + 1 },\n gtXl: { minWidth: 1650 + 1 },\n}\n"],
5
+ "mappings": "AAAO,MAAM,YAAY,CAAC,KAAK,KAAK,KAAK,GAAG;AACrC,MAAM,SAAS,CAAC,KAAK,KAAK,MAAM,IAAI;AAEpC,MAAM,QAAQ;AAAA,EAEnB,IAAI,EAAE,UAAU,KAAK;AAAA,EACrB,IAAI,EAAE,UAAU,KAAK;AAAA,EACrB,IAAI,EAAE,UAAU,KAAK;AAAA,EACrB,IAAI,EAAE,UAAU,IAAI;AAAA,EACpB,IAAI,EAAE,UAAU,IAAI;AAAA,EACpB,KAAK,EAAE,UAAU,IAAI;AAAA,EACrB,MAAM,EAAE,UAAU,MAAM,EAAE;AAAA,EAC1B,MAAM,EAAE,UAAU,MAAM,EAAE;AAAA,EAC1B,MAAM,EAAE,UAAU,OAAO,EAAE;AAAA,EAC3B,MAAM,EAAE,UAAU,OAAO,EAAE;AAAA,EAC3B,MAAM,EAAE,UAAU,OAAO,EAAE;AAC7B;",
6
6
  "names": []
7
7
  }
package/dist/esm/tamagui.config.js.map CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../src/tamagui.config.ts"],
4
- "sourcesContent": ["import { createInterFont } from '@tamagui/font-inter'\nimport { createSilkscreenFont } from '@tamagui/font-silkscreen'\nimport { shorthands } from '@tamagui/shorthands'\nimport { themes, tokens } from '@tamagui/theme-base'\n\nimport { animations } from './animations'\nimport { createGenericFont } from './createGenericFont'\nimport { media } from './media'\n\nexport * from './animations'\n\nconst systemFamily =\n process.env.TAMAGUI_TARGET === 'native'\n ? 'Inter'\n : '-apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\"'\n\nconst silkscreenFont = createSilkscreenFont()\nconst headingFont = createInterFont(\n {\n size: {\n 5: 13,\n 6: 15,\n },\n transform: {\n 6: 'uppercase',\n 7: 'none',\n },\n weight: {\n 6: '400',\n 7: '700',\n },\n color: {\n 6: '$colorFocus',\n 7: '$color',\n },\n letterSpacing: {\n 5: 2,\n 6: 1,\n 7: 0,\n 8: 0,\n 9: -1,\n 10: -1.5,\n 12: -2,\n 14: -3,\n 15: -4,\n },\n // for native\n face: {\n 700: { normal: 'InterBold' },\n 800: { normal: 'InterBold' },\n 900: { normal: 'InterBold' },\n },\n },\n { sizeLineHeight: (size) => Math.round(size * 1.1 + (size < 30 ? 10 : 5)) }\n)\nconst bodyFont = createInterFont(\n {\n family: systemFamily,\n weight: {\n 1: '500',\n 7: '600',\n },\n },\n {\n sizeSize: (size) => Math.round(size),\n sizeLineHeight: (size) => Math.round(size * 1.1 + (size >= 12 ? 8 : 4)),\n }\n)\n\nconst monoFont = createGenericFont(\n `\"ui-monospace\", \"SFMono-Regular\", \"SF Mono\", Menlo, Consolas, \"Liberation Mono\", monospace`,\n {\n weight: {\n 1: '500',\n },\n size: {\n 1: 11,\n 2: 12,\n 3: 13,\n 4: 14,\n 5: 16,\n 6: 18,\n 7: 20,\n 8: 22,\n 9: 30,\n 10: 42,\n 11: 52,\n 12: 62,\n 13: 72,\n 14: 92,\n 15: 114,\n 16: 124,\n },\n },\n {\n sizeLineHeight: (x) => x * 1.5,\n }\n)\n\nexport const config = {\n shouldAddPrefersColorThemes: true,\n themeClassNameOnRoot: true,\n animations,\n media,\n shorthands,\n themes,\n tokens,\n fonts: {\n // noto: notoFont as any,\n heading: headingFont,\n body: bodyFont,\n mono: monoFont,\n silkscreen: silkscreenFont,\n },\n}\n\n// messing up types...\n// @ts-ignore\nconfig.mediaQueryDefaultActive = {\n xxs: true,\n xs: true,\n sm: true,\n}\n"],
5
- "mappings": "AAAA,SAAS,uBAAuB;AAChC,SAAS,4BAA4B;AACrC,SAAS,kBAAkB;AAC3B,SAAS,QAAQ,cAAc;AAE/B,SAAS,kBAAkB;AAC3B,SAAS,yBAAyB;AAClC,SAAS,aAAa;AAEtB,cAAc;AAEd,MAAM,eACJ,QAAQ,IAAI,mBAAmB,WAC3B,UACA;AAEN,MAAM,iBAAiB,qBAAqB;AAC5C,MAAM,cAAc;AAAA,EAClB;AAAA,IACE,MAAM;AAAA,MACJ,GAAG;AAAA,MACH,GAAG;AAAA,IACL;AAAA,IACA,WAAW;AAAA,MACT,GAAG;AAAA,MACH,GAAG;AAAA,IACL;AAAA,IACA,QAAQ;AAAA,MACN,GAAG;AAAA,MACH,GAAG;AAAA,IACL;AAAA,IACA,OAAO;AAAA,MACL,GAAG;AAAA,MACH,GAAG;AAAA,IACL;AAAA,IACA,eAAe;AAAA,MACb,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,MACH,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IACN;AAAA,IAEA,MAAM;AAAA,MACJ,KAAK,EAAE,QAAQ,YAAY;AAAA,MAC3B,KAAK,EAAE,QAAQ,YAAY;AAAA,MAC3B,KAAK,EAAE,QAAQ,YAAY;AAAA,IAC7B;AAAA,EACF;AAAA,EACA,EAAE,gBAAgB,CAAC,SAAS,KAAK,MAAM,OAAO,OAAO,OAAO,KAAK,KAAK,EAAE,EAAE;AAC5E;AACA,MAAM,WAAW;AAAA,EACf;AAAA,IACE,QAAQ;AAAA,IACR,QAAQ;AAAA,MACN,GAAG;AAAA,MACH,GAAG;AAAA,IACL;AAAA,EACF;AAAA,EACA;AAAA,IACE,UAAU,CAAC,SAAS,KAAK,MAAM,IAAI;AAAA,IACnC,gBAAgB,CAAC,SAAS,KAAK,MAAM,OAAO,OAAO,QAAQ,KAAK,IAAI,EAAE;AAAA,EACxE;AACF;AAEA,MAAM,WAAW;AAAA,EACf;AAAA,EACA;AAAA,IACE,QAAQ;AAAA,MACN,GAAG;AAAA,IACL;AAAA,IACA,MAAM;AAAA,MACJ,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,MACH,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IACN;AAAA,EACF;AAAA,EACA;AAAA,IACE,gBAAgB,CAAC,MAAM,IAAI;AAAA,EAC7B;AACF;AAEO,MAAM,SAAS;AAAA,EACpB,6BAA6B;AAAA,EAC7B,sBAAsB;AAAA,EACtB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,OAAO;AAAA,IAEL,SAAS;AAAA,IACT,MAAM;AAAA,IACN,MAAM;AAAA,IACN,YAAY;AAAA,EACd;AACF;AAIA,OAAO,0BAA0B;AAAA,EAC/B,KAAK;AAAA,EACL,IAAI;AAAA,EACJ,IAAI;AACN;",
4
+ "sourcesContent": ["import { createInterFont } from '@tamagui/font-inter'\nimport { createSilkscreenFont } from '@tamagui/font-silkscreen'\nimport { shorthands } from '@tamagui/shorthands'\nimport { themes, tokens } from '@tamagui/theme-base'\n\nimport { animations } from './animations'\nimport { createGenericFont } from './createGenericFont'\nimport { media } from './media'\n\nexport * from './animations'\n\nconst systemFamily =\n process.env.TAMAGUI_TARGET === 'native'\n ? 'Inter'\n : '-apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\"'\n\nconst silkscreenFont = createSilkscreenFont()\nconst headingFont = createInterFont(\n {\n size: {\n 5: 13,\n 6: 15,\n },\n transform: {\n 6: 'uppercase',\n 7: 'none',\n },\n weight: {\n 6: '400',\n 7: '700',\n },\n color: {\n 6: '$colorFocus',\n 7: '$color',\n },\n letterSpacing: {\n 5: 2,\n 6: 1,\n 7: 0,\n 8: 0,\n 9: -1,\n 10: -1.5,\n 12: -2,\n 14: -3,\n 15: -4,\n },\n // for native\n face: {\n 700: { normal: 'InterBold' },\n 800: { normal: 'InterBold' },\n 900: { normal: 'InterBold' },\n },\n },\n { sizeLineHeight: (size) => Math.round(size * 1.1 + (size < 30 ? 10 : 5)) }\n)\nconst bodyFont = createInterFont(\n {\n family: systemFamily,\n weight: {\n 1: '500',\n 7: '600',\n },\n },\n {\n sizeSize: (size) => Math.round(size),\n sizeLineHeight: (size) => Math.round(size * 1.1 + (size >= 12 ? 8 : 4)),\n }\n)\n\nconst monoFont = createGenericFont(\n `\"ui-monospace\", \"SFMono-Regular\", \"SF Mono\", Menlo, Consolas, \"Liberation Mono\", monospace`,\n {\n weight: {\n 1: '500',\n },\n size: {\n 1: 11,\n 2: 12,\n 3: 13,\n 4: 14,\n 5: 16,\n 6: 18,\n 7: 20,\n 8: 22,\n 9: 30,\n 10: 42,\n 11: 52,\n 12: 62,\n 13: 72,\n 14: 92,\n 15: 114,\n 16: 124,\n },\n },\n {\n sizeLineHeight: (x) => x * 1.5,\n }\n)\n\nexport const config = {\n shouldAddPrefersColorThemes: true,\n themeClassNameOnRoot: true,\n animations,\n media,\n shorthands,\n themes,\n tokens,\n fonts: {\n // noto: notoFont as any,\n heading: headingFont,\n body: bodyFont,\n mono: monoFont,\n silkscreen: silkscreenFont,\n },\n}\n\n// @ts-ignore bad types\nconfig.mediaQueryDefaultActive = {\n xxs: true,\n xs: true,\n sm: true,\n}\n"],
5
+ "mappings": "AAAA,SAAS,uBAAuB;AAChC,SAAS,4BAA4B;AACrC,SAAS,kBAAkB;AAC3B,SAAS,QAAQ,cAAc;AAE/B,SAAS,kBAAkB;AAC3B,SAAS,yBAAyB;AAClC,SAAS,aAAa;AAEtB,cAAc;AAEd,MAAM,eACJ,QAAQ,IAAI,mBAAmB,WAC3B,UACA;AAEN,MAAM,iBAAiB,qBAAqB;AAC5C,MAAM,cAAc;AAAA,EAClB;AAAA,IACE,MAAM;AAAA,MACJ,GAAG;AAAA,MACH,GAAG;AAAA,IACL;AAAA,IACA,WAAW;AAAA,MACT,GAAG;AAAA,MACH,GAAG;AAAA,IACL;AAAA,IACA,QAAQ;AAAA,MACN,GAAG;AAAA,MACH,GAAG;AAAA,IACL;AAAA,IACA,OAAO;AAAA,MACL,GAAG;AAAA,MACH,GAAG;AAAA,IACL;AAAA,IACA,eAAe;AAAA,MACb,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,MACH,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IACN;AAAA,IAEA,MAAM;AAAA,MACJ,KAAK,EAAE,QAAQ,YAAY;AAAA,MAC3B,KAAK,EAAE,QAAQ,YAAY;AAAA,MAC3B,KAAK,EAAE,QAAQ,YAAY;AAAA,IAC7B;AAAA,EACF;AAAA,EACA,EAAE,gBAAgB,CAAC,SAAS,KAAK,MAAM,OAAO,OAAO,OAAO,KAAK,KAAK,EAAE,EAAE;AAC5E;AACA,MAAM,WAAW;AAAA,EACf;AAAA,IACE,QAAQ;AAAA,IACR,QAAQ;AAAA,MACN,GAAG;AAAA,MACH,GAAG;AAAA,IACL;AAAA,EACF;AAAA,EACA;AAAA,IACE,UAAU,CAAC,SAAS,KAAK,MAAM,IAAI;AAAA,IACnC,gBAAgB,CAAC,SAAS,KAAK,MAAM,OAAO,OAAO,QAAQ,KAAK,IAAI,EAAE;AAAA,EACxE;AACF;AAEA,MAAM,WAAW;AAAA,EACf;AAAA,EACA;AAAA,IACE,QAAQ;AAAA,MACN,GAAG;AAAA,IACL;AAAA,IACA,MAAM;AAAA,MACJ,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,MACH,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IACN;AAAA,EACF;AAAA,EACA;AAAA,IACE,gBAAgB,CAAC,MAAM,IAAI;AAAA,EAC7B;AACF;AAEO,MAAM,SAAS;AAAA,EACpB,6BAA6B;AAAA,EAC7B,sBAAsB;AAAA,EACtB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,OAAO;AAAA,IAEL,SAAS;AAAA,IACT,MAAM;AAAA,IACN,MAAM;AAAA,IACN,YAAY;AAAA,EACd;AACF;AAGA,OAAO,0BAA0B;AAAA,EAC/B,KAAK;AAAA,EACL,IAAI;AAAA,EACJ,IAAI;AACN;",
6
6
  "names": []
7
7
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@tamagui/config-base",
3
- "version": "1.0.1-beta.220",
3
+ "version": "1.0.1-beta.222",
4
4
  "types": "./types/index.d.ts",
5
5
  "main": "dist/cjs",
6
6
  "module": "dist/esm",
@@ -26,17 +26,17 @@
26
26
  }
27
27
  },
28
28
  "dependencies": {
29
- "@tamagui/animations-css": "^1.0.1-beta.220",
30
- "@tamagui/animations-react-native": "^1.0.1-beta.220",
31
- "@tamagui/colors": "^1.0.1-beta.220",
32
- "@tamagui/core": "^1.0.1-beta.220",
33
- "@tamagui/font-inter": "^1.0.1-beta.220",
34
- "@tamagui/font-silkscreen": "^1.0.1-beta.220",
35
- "@tamagui/shorthands": "^1.0.1-beta.220",
36
- "@tamagui/theme-base": "^1.0.1-beta.220"
29
+ "@tamagui/animations-css": "^1.0.1-beta.222",
30
+ "@tamagui/animations-react-native": "^1.0.1-beta.222",
31
+ "@tamagui/colors": "^1.0.1-beta.222",
32
+ "@tamagui/core": "^1.0.1-beta.222",
33
+ "@tamagui/font-inter": "^1.0.1-beta.222",
34
+ "@tamagui/font-silkscreen": "^1.0.1-beta.222",
35
+ "@tamagui/shorthands": "^1.0.1-beta.222",
36
+ "@tamagui/theme-base": "^1.0.1-beta.222"
37
37
  },
38
38
  "devDependencies": {
39
- "@tamagui/build": "^1.0.1-beta.220"
39
+ "@tamagui/build": "^1.0.1-beta.222"
40
40
  },
41
41
  "publishConfig": {
42
42
  "access": "public"
package/src/media.ts CHANGED
@@ -14,14 +14,4 @@ export const media = {
14
14
  gtMd: { minWidth: 1020 + 1 },
15
15
  gtLg: { minWidth: 1280 + 1 },
16
16
  gtXl: { minWidth: 1650 + 1 },
17
-
18
- // for responsive demo only
19
- tiny: { maxWidth: 500 },
20
- gtTiny: { minWidth: 500 + 1 },
21
- small: { maxWidth: 620 },
22
- gtSmall: { minWidth: 620 + 1 },
23
- medium: { maxWidth: 780 },
24
- gtMedium: { minWidth: 780 + 1 },
25
- large: { maxWidth: 900 },
26
- gtLarge: { minWidth: 900 + 1 },
27
17
  }
package/src/tamagui.config.ts CHANGED
@@ -114,8 +114,7 @@ export const config = {
114
114
  },
115
115
  }
116
116
 
117
- // messing up types...
118
- // @ts-ignore
117
+ // @ts-ignore bad types
119
118
  config.mediaQueryDefaultActive = {
120
119
  xxs: true,
121
120
  xs: true,
package/types/media.d.ts CHANGED
@@ -34,29 +34,5 @@ export declare const media: {
34
34
  gtXl: {
35
35
  minWidth: number;
36
36
  };
37
- tiny: {
38
- maxWidth: number;
39
- };
40
- gtTiny: {
41
- minWidth: number;
42
- };
43
- small: {
44
- maxWidth: number;
45
- };
46
- gtSmall: {
47
- minWidth: number;
48
- };
49
- medium: {
50
- maxWidth: number;
51
- };
52
- gtMedium: {
53
- minWidth: number;
54
- };
55
- large: {
56
- maxWidth: number;
57
- };
58
- gtLarge: {
59
- minWidth: number;
60
- };
61
37
  };
62
38
  //# sourceMappingURL=media.d.ts.map
package/types/tamagui.config.d.ts CHANGED
@@ -61,30 +61,6 @@ export declare const config: {
61
61
  gtXl: {
62
62
  minWidth: number;
63
63
  };
64
- tiny: {
65
- maxWidth: number;
66
- };
67
- gtTiny: {
68
- minWidth: number;
69
- };
70
- small: {
71
- maxWidth: number;
72
- };
73
- gtSmall: {
74
- minWidth: number;
75
- };
76
- medium: {
77
- maxWidth: number;
78
- };
79
- gtMedium: {
80
- minWidth: number;
81
- };
82
- large: {
83
- maxWidth: number;
84
- };
85
- gtLarge: {
86
- minWidth: number;
87
- };
88
64
  };
89
65
  shorthands: {
90
66
  readonly ussel: "userSelect";