@tamagui/config 1.5.5 → 1.5.7

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 (9) hide show
  1. package/dist/cjs/tamagui.config.js +1 -1
  2. package/dist/cjs/tamagui.config.js.map +1 -1
  3. package/dist/esm/tamagui.config.js +1 -1
  4. package/dist/esm/tamagui.config.js.map +1 -1
  5. package/dist/esm/tamagui.config.mjs +1 -1
  6. package/dist/esm/tamagui.config.mjs.map +1 -1
  7. package/package.json +11 -11
  8. package/src/tamagui.config.ts +1 -1
  9. package/types/tamagui.config.d.ts +111 -111
package/dist/cjs/tamagui.config.js CHANGED
@@ -118,9 +118,9 @@ const config = {
118
118
  shouldAddPrefersColorThemes: true,
119
119
  themeClassNameOnRoot: true,
120
120
  animations: import_animations.animations,
121
+ themes: import_themes.themes,
121
122
  media: import_media.media,
122
123
  shorthands: import_shorthands.shorthands,
123
- themes: import_themes.themes,
124
124
  tokens: import_themes.tokens,
125
125
  fonts: {
126
126
  // noto: notoFont as any,
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/themes'\n\nimport { animations } from './animations'\nimport { createGenericFont } from './createGenericFont'\nimport { media, mediaQueryDefaultActive } 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 9: 32,\n 10: 44,\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)\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 = mediaQueryDefaultActive\n"],
4
+ "sourcesContent": ["import { createInterFont } from '@tamagui/font-inter'\nimport { createSilkscreenFont } from '@tamagui/font-silkscreen'\nimport { shorthands } from '@tamagui/shorthands'\nimport { themes, tokens } from '@tamagui/themes'\n\nimport { animations } from './animations'\nimport { createGenericFont } from './createGenericFont'\nimport { media, mediaQueryDefaultActive } 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 9: 32,\n 10: 44,\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)\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 themes,\n media,\n shorthands,\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 = mediaQueryDefaultActive\n"],
5
5
  "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wBAAgC;AAChC,6BAAqC;AACrC,wBAA2B;AAC3B,oBAA+B;AAE/B,wBAA2B;AAC3B,+BAAkC;AAClC,mBAA+C;AAE/C,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,MACH,GAAG;AAAA,MACH,IAAI;AAAA,IACN;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;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;AAEA,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;AAAA,IAEL,SAAS;AAAA,IACT,MAAM;AAAA,IACN,MAAM;AAAA,IACN,YAAY;AAAA,EACd;AACF;AAGA,OAAO,0BAA0B;",
6
6
  "names": []
7
7
  }
package/dist/esm/tamagui.config.js CHANGED
@@ -94,9 +94,9 @@ const config = {
94
94
  shouldAddPrefersColorThemes: true,
95
95
  themeClassNameOnRoot: true,
96
96
  animations,
97
+ themes,
97
98
  media,
98
99
  shorthands,
99
- themes,
100
100
  tokens,
101
101
  fonts: {
102
102
  // noto: notoFont as any,
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/themes'\n\nimport { animations } from './animations'\nimport { createGenericFont } from './createGenericFont'\nimport { media, mediaQueryDefaultActive } 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 9: 32,\n 10: 44,\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)\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 = mediaQueryDefaultActive\n"],
4
+ "sourcesContent": ["import { createInterFont } from '@tamagui/font-inter'\nimport { createSilkscreenFont } from '@tamagui/font-silkscreen'\nimport { shorthands } from '@tamagui/shorthands'\nimport { themes, tokens } from '@tamagui/themes'\n\nimport { animations } from './animations'\nimport { createGenericFont } from './createGenericFont'\nimport { media, mediaQueryDefaultActive } 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 9: 32,\n 10: 44,\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)\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 themes,\n media,\n shorthands,\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 = mediaQueryDefaultActive\n"],
5
5
  "mappings": "AAAA,SAAS,uBAAuB;AAChC,SAAS,4BAA4B;AACrC,SAAS,kBAAkB;AAC3B,SAAS,QAAQ,cAAc;AAE/B,SAAS,kBAAkB;AAC3B,SAAS,yBAAyB;AAClC,SAAS,OAAO,+BAA+B;AAE/C,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,MACH,GAAG;AAAA,MACH,IAAI;AAAA,IACN;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;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;AAEA,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;AAAA,IAEL,SAAS;AAAA,IACT,MAAM;AAAA,IACN,MAAM;AAAA,IACN,YAAY;AAAA,EACd;AACF;AAGA,OAAO,0BAA0B;",
6
6
  "names": []
7
7
  }
package/dist/esm/tamagui.config.mjs CHANGED
@@ -94,9 +94,9 @@ const config = {
94
94
  shouldAddPrefersColorThemes: true,
95
95
  themeClassNameOnRoot: true,
96
96
  animations,
97
+ themes,
97
98
  media,
98
99
  shorthands,
99
- themes,
100
100
  tokens,
101
101
  fonts: {
102
102
  // noto: notoFont as any,
package/dist/esm/tamagui.config.mjs.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/themes'\n\nimport { animations } from './animations'\nimport { createGenericFont } from './createGenericFont'\nimport { media, mediaQueryDefaultActive } 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 9: 32,\n 10: 44,\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)\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 = mediaQueryDefaultActive\n"],
4
+ "sourcesContent": ["import { createInterFont } from '@tamagui/font-inter'\nimport { createSilkscreenFont } from '@tamagui/font-silkscreen'\nimport { shorthands } from '@tamagui/shorthands'\nimport { themes, tokens } from '@tamagui/themes'\n\nimport { animations } from './animations'\nimport { createGenericFont } from './createGenericFont'\nimport { media, mediaQueryDefaultActive } 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 9: 32,\n 10: 44,\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)\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 themes,\n media,\n shorthands,\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 = mediaQueryDefaultActive\n"],
5
5
  "mappings": "AAAA,SAAS,uBAAuB;AAChC,SAAS,4BAA4B;AACrC,SAAS,kBAAkB;AAC3B,SAAS,QAAQ,cAAc;AAE/B,SAAS,kBAAkB;AAC3B,SAAS,yBAAyB;AAClC,SAAS,OAAO,+BAA+B;AAE/C,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,MACH,GAAG;AAAA,MACH,IAAI;AAAA,IACN;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;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;AAEA,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;AAAA,IAEL,SAAS;AAAA,IACT,MAAM;AAAA,IACN,MAAM;AAAA,IACN,YAAY;AAAA,EACd;AACF;AAGA,OAAO,0BAA0B;",
6
6
  "names": []
7
7
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@tamagui/config",
3
- "version": "1.5.5",
3
+ "version": "1.5.7",
4
4
  "types": "./types/index.d.ts",
5
5
  "main": "dist/cjs",
6
6
  "module": "dist/esm",
@@ -27,18 +27,18 @@
27
27
  }
28
28
  },
29
29
  "dependencies": {
30
- "@tamagui/animations-css": "^1.5.5",
31
- "@tamagui/animations-react-native": "^1.5.5",
32
- "@tamagui/colors": "^1.5.5",
33
- "@tamagui/core": "^1.5.5",
34
- "@tamagui/font-inter": "^1.5.5",
35
- "@tamagui/font-silkscreen": "^1.5.5",
36
- "@tamagui/react-native-media-driver": "^1.5.5",
37
- "@tamagui/shorthands": "^1.5.5",
38
- "@tamagui/themes": "^1.5.5"
30
+ "@tamagui/animations-css": "^1.5.7",
31
+ "@tamagui/animations-react-native": "^1.5.7",
32
+ "@tamagui/colors": "^1.5.7",
33
+ "@tamagui/core": "^1.5.7",
34
+ "@tamagui/font-inter": "^1.5.7",
35
+ "@tamagui/font-silkscreen": "^1.5.7",
36
+ "@tamagui/react-native-media-driver": "^1.5.7",
37
+ "@tamagui/shorthands": "^1.5.7",
38
+ "@tamagui/themes": "^1.5.7"
39
39
  },
40
40
  "devDependencies": {
41
- "@tamagui/build": "^1.5.5"
41
+ "@tamagui/build": "^1.5.7"
42
42
  },
43
43
  "publishConfig": {
44
44
  "access": "public"
package/src/tamagui.config.ts CHANGED
@@ -104,9 +104,9 @@ export const config = {
104
104
  shouldAddPrefersColorThemes: true,
105
105
  themeClassNameOnRoot: true,
106
106
  animations,
107
+ themes,
107
108
  media,
108
109
  shorthands,
109
- themes,
110
110
  tokens,
111
111
  fonts: {
112
112
  // noto: notoFont as any,
package/types/tamagui.config.d.ts CHANGED
@@ -31,117 +31,6 @@ export declare const config: {
31
31
  stiffness: number;
32
32
  };
33
33
  }>;
34
- media: {
35
- xl: {
36
- maxWidth: number;
37
- };
38
- lg: {
39
- maxWidth: number;
40
- };
41
- md: {
42
- maxWidth: number;
43
- };
44
- sm: {
45
- maxWidth: number;
46
- };
47
- xs: {
48
- maxWidth: number;
49
- };
50
- xxs: {
51
- maxWidth: number;
52
- };
53
- gtXs: {
54
- minWidth: number;
55
- };
56
- gtSm: {
57
- minWidth: number;
58
- };
59
- gtMd: {
60
- minWidth: number;
61
- };
62
- gtLg: {
63
- minWidth: number;
64
- };
65
- gtXl: {
66
- minWidth: number;
67
- };
68
- };
69
- shorthands: {
70
- readonly ussel: "userSelect";
71
- readonly cur: "cursor";
72
- readonly pe: "pointerEvents";
73
- readonly col: "color";
74
- readonly ff: "fontFamily";
75
- readonly fos: "fontSize";
76
- readonly fost: "fontStyle";
77
- readonly fow: "fontWeight";
78
- readonly ls: "letterSpacing";
79
- readonly lh: "lineHeight";
80
- readonly ta: "textAlign";
81
- readonly tt: "textTransform";
82
- readonly ww: "wordWrap";
83
- readonly ac: "alignContent";
84
- readonly ai: "alignItems";
85
- readonly als: "alignSelf";
86
- readonly b: "bottom";
87
- readonly bc: "backgroundColor";
88
- readonly bg: "backgroundColor";
89
- readonly bbc: "borderBottomColor";
90
- readonly bblr: "borderBottomLeftRadius";
91
- readonly bbrr: "borderBottomRightRadius";
92
- readonly bbw: "borderBottomWidth";
93
- readonly blc: "borderLeftColor";
94
- readonly blw: "borderLeftWidth";
95
- readonly boc: "borderColor";
96
- readonly br: "borderRadius";
97
- readonly bs: "borderStyle";
98
- readonly brw: "borderRightWidth";
99
- readonly brc: "borderRightColor";
100
- readonly btc: "borderTopColor";
101
- readonly btlr: "borderTopLeftRadius";
102
- readonly btrr: "borderTopRightRadius";
103
- readonly btw: "borderTopWidth";
104
- readonly bw: "borderWidth";
105
- readonly dsp: "display";
106
- readonly f: "flex";
107
- readonly fb: "flexBasis";
108
- readonly fd: "flexDirection";
109
- readonly fg: "flexGrow";
110
- readonly fs: "flexShrink";
111
- readonly fw: "flexWrap";
112
- readonly h: "height";
113
- readonly jc: "justifyContent";
114
- readonly l: "left";
115
- readonly m: "margin";
116
- readonly mah: "maxHeight";
117
- readonly maw: "maxWidth";
118
- readonly mb: "marginBottom";
119
- readonly mih: "minHeight";
120
- readonly miw: "minWidth";
121
- readonly ml: "marginLeft";
122
- readonly mr: "marginRight";
123
- readonly mt: "marginTop";
124
- readonly mx: "marginHorizontal";
125
- readonly my: "marginVertical";
126
- readonly o: "opacity";
127
- readonly ov: "overflow";
128
- readonly p: "padding";
129
- readonly pb: "paddingBottom";
130
- readonly pl: "paddingLeft";
131
- readonly pos: "position";
132
- readonly pr: "paddingRight";
133
- readonly pt: "paddingTop";
134
- readonly px: "paddingHorizontal";
135
- readonly py: "paddingVertical";
136
- readonly r: "right";
137
- readonly shac: "shadowColor";
138
- readonly shar: "shadowRadius";
139
- readonly shof: "shadowOffset";
140
- readonly shop: "shadowOpacity";
141
- readonly t: "top";
142
- readonly w: "width";
143
- readonly zi: "zIndex";
144
- };
145
34
  themes: {
146
35
  light: {
147
36
  yellow1: string;
@@ -32160,6 +32049,117 @@ export declare const config: {
32160
32049
  color12: string;
32161
32050
  };
32162
32051
  };
32052
+ media: {
32053
+ xl: {
32054
+ maxWidth: number;
32055
+ };
32056
+ lg: {
32057
+ maxWidth: number;
32058
+ };
32059
+ md: {
32060
+ maxWidth: number;
32061
+ };
32062
+ sm: {
32063
+ maxWidth: number;
32064
+ };
32065
+ xs: {
32066
+ maxWidth: number;
32067
+ };
32068
+ xxs: {
32069
+ maxWidth: number;
32070
+ };
32071
+ gtXs: {
32072
+ minWidth: number;
32073
+ };
32074
+ gtSm: {
32075
+ minWidth: number;
32076
+ };
32077
+ gtMd: {
32078
+ minWidth: number;
32079
+ };
32080
+ gtLg: {
32081
+ minWidth: number;
32082
+ };
32083
+ gtXl: {
32084
+ minWidth: number;
32085
+ };
32086
+ };
32087
+ shorthands: {
32088
+ readonly ussel: "userSelect";
32089
+ readonly cur: "cursor";
32090
+ readonly pe: "pointerEvents";
32091
+ readonly col: "color";
32092
+ readonly ff: "fontFamily";
32093
+ readonly fos: "fontSize";
32094
+ readonly fost: "fontStyle";
32095
+ readonly fow: "fontWeight";
32096
+ readonly ls: "letterSpacing";
32097
+ readonly lh: "lineHeight";
32098
+ readonly ta: "textAlign";
32099
+ readonly tt: "textTransform";
32100
+ readonly ww: "wordWrap";
32101
+ readonly ac: "alignContent";
32102
+ readonly ai: "alignItems";
32103
+ readonly als: "alignSelf";
32104
+ readonly b: "bottom";
32105
+ readonly bc: "backgroundColor";
32106
+ readonly bg: "backgroundColor";
32107
+ readonly bbc: "borderBottomColor";
32108
+ readonly bblr: "borderBottomLeftRadius";
32109
+ readonly bbrr: "borderBottomRightRadius";
32110
+ readonly bbw: "borderBottomWidth";
32111
+ readonly blc: "borderLeftColor";
32112
+ readonly blw: "borderLeftWidth";
32113
+ readonly boc: "borderColor";
32114
+ readonly br: "borderRadius";
32115
+ readonly bs: "borderStyle";
32116
+ readonly brw: "borderRightWidth";
32117
+ readonly brc: "borderRightColor";
32118
+ readonly btc: "borderTopColor";
32119
+ readonly btlr: "borderTopLeftRadius";
32120
+ readonly btrr: "borderTopRightRadius";
32121
+ readonly btw: "borderTopWidth";
32122
+ readonly bw: "borderWidth";
32123
+ readonly dsp: "display";
32124
+ readonly f: "flex";
32125
+ readonly fb: "flexBasis";
32126
+ readonly fd: "flexDirection";
32127
+ readonly fg: "flexGrow";
32128
+ readonly fs: "flexShrink";
32129
+ readonly fw: "flexWrap";
32130
+ readonly h: "height";
32131
+ readonly jc: "justifyContent";
32132
+ readonly l: "left";
32133
+ readonly m: "margin";
32134
+ readonly mah: "maxHeight";
32135
+ readonly maw: "maxWidth";
32136
+ readonly mb: "marginBottom";
32137
+ readonly mih: "minHeight";
32138
+ readonly miw: "minWidth";
32139
+ readonly ml: "marginLeft";
32140
+ readonly mr: "marginRight";
32141
+ readonly mt: "marginTop";
32142
+ readonly mx: "marginHorizontal";
32143
+ readonly my: "marginVertical";
32144
+ readonly o: "opacity";
32145
+ readonly ov: "overflow";
32146
+ readonly p: "padding";
32147
+ readonly pb: "paddingBottom";
32148
+ readonly pl: "paddingLeft";
32149
+ readonly pos: "position";
32150
+ readonly pr: "paddingRight";
32151
+ readonly pt: "paddingTop";
32152
+ readonly px: "paddingHorizontal";
32153
+ readonly py: "paddingVertical";
32154
+ readonly r: "right";
32155
+ readonly shac: "shadowColor";
32156
+ readonly shar: "shadowRadius";
32157
+ readonly shof: "shadowOffset";
32158
+ readonly shop: "shadowOpacity";
32159
+ readonly t: "top";
32160
+ readonly w: "width";
32161
+ readonly zi: "zIndex";
32162
+ };
32163
32163
  tokens: {
32164
32164
  color: {
32165
32165
  yellow1Light: import("@tamagui/web").Variable<string>;