@tamagui/config 1.138.6 → 1.139.0

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.
@@ -1 +1 @@
1
- built @tamagui/config in 1339 ms
1
+ built @tamagui/config in 1244 ms
package/dist/cjs/v5.cjs CHANGED
@@ -31,7 +31,7 @@ __export(v5_exports, {
31
31
  selectionStyles: () => selectionStyles,
32
32
  settings: () => settings,
33
33
  shorthands: () => import_v53.shorthands,
34
- themes: () => import_v54.themes,
34
+ themes: () => import_v54.defaultThemes,
35
35
  tokens: () => import_v54.tokens
36
36
  });
37
37
  module.exports = __toCommonJS(v5_exports);
@@ -56,17 +56,16 @@ const selectionStyles = theme => theme.color5 ? {
56
56
  fastSchemeChange: !0,
57
57
  shouldAddPrefersColorThemes: !0,
58
58
  allowedStyleValues: "somewhat-strict-web",
59
- addThemeClassName: "html",
59
+ themeClassNameOnRoot: !0,
60
+ onlyAllowShorthands: !0,
60
61
  // allow two inverses (tooltips, etc)
61
- // TODO on inverse theme changes
62
- maxDarkLightNesting: 2,
63
- styleCompat: "react-native"
62
+ maxDarkLightNesting: 2
64
63
  },
65
64
  defaultConfig = {
66
65
  animations: import_v5_animations.animations,
67
66
  media: import_v5_media.media,
68
67
  shorthands: import_v5.shorthands,
69
- themes: import_v52.themes,
68
+ themes: import_v52.defaultThemes,
70
69
  tokens: import_v52.tokens,
71
70
  fonts: import_v5_fonts.fonts,
72
71
  selectionStyles,
package/dist/cjs/v5.js CHANGED
@@ -25,7 +25,7 @@ __export(v5_exports, {
25
25
  selectionStyles: () => selectionStyles,
26
26
  settings: () => settings,
27
27
  shorthands: () => import_v53.shorthands,
28
- themes: () => import_v54.themes,
28
+ themes: () => import_v54.defaultThemes,
29
29
  tokens: () => import_v54.tokens
30
30
  });
31
31
  module.exports = __toCommonJS(v5_exports);
@@ -39,16 +39,15 @@ const selectionStyles = (theme) => theme.color5 ? {
39
39
  fastSchemeChange: !0,
40
40
  shouldAddPrefersColorThemes: !0,
41
41
  allowedStyleValues: "somewhat-strict-web",
42
- addThemeClassName: "html",
42
+ themeClassNameOnRoot: !0,
43
+ onlyAllowShorthands: !0,
43
44
  // allow two inverses (tooltips, etc)
44
- // TODO on inverse theme changes
45
- maxDarkLightNesting: 2,
46
- styleCompat: "react-native"
45
+ maxDarkLightNesting: 2
47
46
  }, defaultConfig = {
48
47
  animations: import_v5_animations.animations,
49
48
  media: import_v5_media.media,
50
49
  shorthands: import_v5.shorthands,
51
- themes: import_v52.themes,
50
+ themes: import_v52.defaultThemes,
52
51
  tokens: import_v52.tokens,
53
52
  fonts: import_v5_fonts.fonts,
54
53
  selectionStyles,
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../src/v5.ts"],
4
- "mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,gBAA2B,mCAC3BA,aAA+B,+BAE/B,uBAA2B,4BAC3B,kBAAsB,uBACtB,kBAA+C,uBAE/CA,aAA2B,mCAC3B,uBAA6B,mCAC7BA,aAA+B,+BAC/BC,wBAA2B,4BAC3BC,mBAAwC,uBACxCC,mBAA4D;AAErD,MAAM,kBAAkB,CAAC,UAC9B,MAAM,SACF;AAAA,EACE,iBAAiB,MAAM;AAAA,EACvB,OAAO,MAAM;AACf,IACA,MAEO,WAAW;AAAA,EACtB;AAAA,EACA,aAAa;AAAA,EACb,kBAAkB;AAAA,EAClB,6BAA6B;AAAA,EAC7B,oBAAoB;AAAA,EACpB,mBAAmB;AAAA;AAAA;AAAA,EAGnB,qBAAqB;AAAA,EACrB,aAAa;AACf,GAEa,gBAAgB;AAAA,EAC3B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;",
4
+ "mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,gBAA2B,mCAC3BA,aAAsC,+BAEtC,uBAA2B,4BAC3B,kBAAsB,uBACtB,kBAA+C,uBAE/CA,aAA2B,mCAC3B,uBAA6B,mCAC7BA,aAAgD,+BAChDC,wBAA2B,4BAC3BC,mBAAwC,uBACxCC,mBAA4D;AAIrD,MAAM,kBAAkB,CAAC,UAC9B,MAAM,SACF;AAAA,EACE,iBAAiB,MAAM;AAAA,EACvB,OAAO,MAAM;AACf,IACA,MAEO,WAAW;AAAA,EACtB;AAAA,EACA,aAAa;AAAA,EACb,kBAAkB;AAAA,EAClB,6BAA6B;AAAA,EAC7B,oBAAoB;AAAA,EACpB,sBAAsB;AAAA,EACtB,qBAAqB;AAAA;AAAA,EAErB,qBAAqB;AACvB,GAEa,gBAAgB;AAAA,EAC3B;AAAA,EACA;AAAA,EACA;AAAA,EACA,QAAQ;AAAA,EACR;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;",
5
5
  "names": ["import_v5", "import_v5_animations", "import_v5_fonts", "import_v5_media"]
6
6
  }
@@ -33,7 +33,7 @@ __export(v5_exports, {
33
33
  selectionStyles: () => selectionStyles,
34
34
  settings: () => settings,
35
35
  shorthands: () => import_v53.shorthands,
36
- themes: () => import_v54.themes,
36
+ themes: () => import_v54.defaultThemes,
37
37
  tokens: () => import_v54.tokens
38
38
  });
39
39
  module.exports = __toCommonJS(v5_exports);
@@ -60,17 +60,16 @@ var import_v5 = require("@tamagui/shorthands/v5"),
60
60
  fastSchemeChange: !0,
61
61
  shouldAddPrefersColorThemes: !0,
62
62
  allowedStyleValues: "somewhat-strict-web",
63
- addThemeClassName: "html",
63
+ themeClassNameOnRoot: !0,
64
+ onlyAllowShorthands: !0,
64
65
  // allow two inverses (tooltips, etc)
65
- // TODO on inverse theme changes
66
- maxDarkLightNesting: 2,
67
- styleCompat: "react-native"
66
+ maxDarkLightNesting: 2
68
67
  },
69
68
  defaultConfig = {
70
69
  animations: import_v5_animations.animations,
71
70
  media: import_v5_media.media,
72
71
  shorthands: import_v5.shorthands,
73
- themes: import_v52.themes,
72
+ themes: import_v52.defaultThemes,
74
73
  tokens: import_v52.tokens,
75
74
  fonts: import_v5_fonts.fonts,
76
75
  selectionStyles,
@@ -1 +1 @@
1
- {"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","v5_exports","__export","animations","import_v5_animations2","breakpoints","import_v5_media2","createSystemFont","import_v5_fonts2","createThemes","import_theme_builder","defaultConfig","fonts","media","mediaQueryDefaultActive","selectionStyles","settings","shorthands","import_v53","themes","import_v54","tokens","module","exports","import_v5","require","import_v52","import_v5_animations","import_v5_fonts","import_v5_media","theme","color5","backgroundColor","color","color11","defaultFont","fastSchemeChange","shouldAddPrefersColorThemes","allowedStyleValues","addThemeClassName","maxDarkLightNesting","styleCompat"],"sources":["../../src/v5.ts"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,UAAA;AAAAC,QAAA,CAAAD,UAAA;EAAAE,UAAA,EAAAA,CAAA,KAAAC,qBAAA,CAAAD,UAAA;EAAAE,WAAA,EAAAA,CAAA,KAAAC,gBAAA,CAAAD,WAAA;EAAAE,gBAAA,EAAAA,CAAA,KAAAC,gBAAA,CAAAD,gBAAA;EAAAE,YAAA,EAAAA,CAAA,KAAAC,oBAAA,CAAAD,YAAA;EAAAE,aAAA,EAAAA,CAAA,KAAAA,aAAA;EAAAC,KAAA,EAAAA,CAAA,KAAAJ,gBAAA,CAAAI,KAAA;EAAAC,KAAA,EAAAA,CAAA,KAAAP,gBAAA,CAAAO,KAAA;EAAAC,uBAAA,EAAAA,CAAA,KAAAR,gBAAA,CAAAQ,uBAAA;EAAAC,eAAA,EAAAA,CAAA,KAAAA,eAAA;EAAAC,QAAA,EAAAA,CAAA,KAAAA,QAAA;EAAAC,UAAA,EAAAA,CAAA,KAAAC,UAAA,CAAAD,UAAA;EAAAE,MAAA,EAAAA,CAAA,KAAAC,UAAA,CAAAD,MAAA;EAAAE,MAAA,EAAAA,CAAA,KAAAD,UAAA,CAAAC;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAA2B3B,YAAA,CAAAK,UAAA;AAcpB,IAAAuB,SAAM,GAAAC,OAAA,CAAkB,wBACvB;EACFC,UAAA,GAAAD,OAAA;EAAAE,oBAAA,GAAAF,OAAA;EAAAG,eAAA,GAAAH,OAAA;EAAAI,eAAA,GAAAJ,OAAA;EAAAP,UAAA,GAAAO,OAAA;EAAAf,oBAAA,GAAAe,OAAA;EAAAL,UAAA,GAAAK,OAAA;EAAArB,qBAAA,GAAAqB,OAAA;EAAAjB,gBAAA,GAAAiB,OAAA;EAAAnB,gBAAA,GAAAmB,OAAA;EAAAV,eAAA,YAAAA,CAAAe,KAAA;IACE,OAAAA,KAAA,CAAAC,MAAiB;MACjBC,eAAa,EAAAF,KAAA,CAAAC,MAAA;MAEfE,KAAA,EAEOH,KAAA,CAAAI;IACX;EAAA;EACAlB,QAAA;IACAF,uBAAkB,EAAAe,eAAA,CAAAf,uBAAA;IAClBqB,WAAA;IACAC,gBAAA,IAAoB;IACpBC,2BAAmB;IAAAC,kBAAA;IAAAC,iBAAA;IAGnB;IACA;IACFC,mBAE6B;IAC3BC,WAAA;EAAA;EACA9B,aAAA;IACAR,UAAA,EAAAwB,oBAAA,CAAAxB,UAAA;IACAU,KAAA,EAAAgB,eAAA,CAAAhB,KAAA;IACAI,UAAA,EAAAO,SAAA,CAAAP,UAAA;IACAE,MAAA,EAAAO,UAAA,CAAAP,MAAA;IACAE,MAAA,EAAAK,UAAA,CAAAL,MAAA;IACAT,KAAA,EAAAgB,eAAA,CAAAhB,KAAA;IACFG,eAAA","ignoreList":[]}
1
+ {"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","v5_exports","__export","animations","import_v5_animations2","breakpoints","import_v5_media2","createSystemFont","import_v5_fonts2","createThemes","import_theme_builder","defaultConfig","fonts","media","mediaQueryDefaultActive","selectionStyles","settings","shorthands","import_v53","themes","import_v54","defaultThemes","tokens","module","exports","import_v5","require","import_v52","import_v5_animations","import_v5_fonts","import_v5_media","theme","color5","backgroundColor","color","color11","defaultFont","fastSchemeChange","shouldAddPrefersColorThemes","allowedStyleValues","themeClassNameOnRoot","onlyAllowShorthands","maxDarkLightNesting"],"sources":["../../src/v5.ts"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,UAAA;AAAAC,QAAA,CAAAD,UAAA;EAAAE,UAAA,EAAAA,CAAA,KAAAC,qBAAA,CAAAD,UAAA;EAAAE,WAAA,EAAAA,CAAA,KAAAC,gBAAA,CAAAD,WAAA;EAAAE,gBAAA,EAAAA,CAAA,KAAAC,gBAAA,CAAAD,gBAAA;EAAAE,YAAA,EAAAA,CAAA,KAAAC,oBAAA,CAAAD,YAAA;EAAAE,aAAA,EAAAA,CAAA,KAAAA,aAAA;EAAAC,KAAA,EAAAA,CAAA,KAAAJ,gBAAA,CAAAI,KAAA;EAAAC,KAAA,EAAAA,CAAA,KAAAP,gBAAA,CAAAO,KAAA;EAAAC,uBAAA,EAAAA,CAAA,KAAAR,gBAAA,CAAAQ,uBAAA;EAAAC,eAAA,EAAAA,CAAA,KAAAA,eAAA;EAAAC,QAAA,EAAAA,CAAA,KAAAA,QAAA;EAAAC,UAAA,EAAAA,CAAA,KAAAC,UAAA,CAAAD,UAAA;EAAAE,MAAA,EAAAA,CAAA,KAAAC,UAAA,CAAAC,aAAA;EAAAC,MAAA,EAAAA,CAAA,KAAAF,UAAA,CAAAE;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAA2B5B,YAAA,CAAAK,UAAA;AAgBpB,IAAAwB,SAAM,GAAAC,OAAA,CAAkB,wBACvB;EACFC,UAAA,GAAAD,OAAA;EAAAE,oBAAA,GAAAF,OAAA;EAAAG,eAAA,GAAAH,OAAA;EAAAI,eAAA,GAAAJ,OAAA;EAAAR,UAAA,GAAAQ,OAAA;EAAAhB,oBAAA,GAAAgB,OAAA;EAAAN,UAAA,GAAAM,OAAA;EAAAtB,qBAAA,GAAAsB,OAAA;EAAAlB,gBAAA,GAAAkB,OAAA;EAAApB,gBAAA,GAAAoB,OAAA;EAAAX,eAAA,YAAAA,CAAAgB,KAAA;IACE,OAAAA,KAAA,CAAAC,MAAiB;MACjBC,eAAa,EAAAF,KAAA,CAAAC,MAAA;MAEfE,KAAA,EAEOH,KAAA,CAAAI;IACX;EAAA;EACAnB,QAAA;IACAF,uBAAkB,EAAAgB,eAAA,CAAAhB,uBAAA;IAClBsB,WAAA;IACAC,gBAAA,IAAoB;IACpBC,2BAAsB;IACtBC,kBAAA,uBAAqB;IAAAC,oBAAA;IAErBC,mBAAA,EAAqB;IACvB;IAGEC,mBAAA;EAAA;EACA/B,aAAA;IACAR,UAAA,EAAAyB,oBAAA,CAAAzB,UAAA;IACAU,KAAA,EAAAiB,eAAQ,CAAAjB,KAAA;IACRI,UAAA,EAAAQ,SAAA,CAAAR,UAAA;IACAE,MAAA,EAAAQ,UAAA,CAAAN,aAAA;IACAC,MAAA,EAAAK,UAAA,CAAAL,MAAA;IACAV,KAAA,EAAAiB,eAAA,CAAAjB,KAAA;IACFG,eAAA","ignoreList":[]}
package/dist/esm/v5.js CHANGED
@@ -1,11 +1,11 @@
1
1
  import { shorthands } from "@tamagui/shorthands/v5";
2
- import { themes, tokens } from "@tamagui/themes/v5";
2
+ import { tokens, defaultThemes } from "@tamagui/themes/v5";
3
3
  import { animations } from "./v5-animations";
4
4
  import { fonts } from "./v5-fonts";
5
5
  import { media, mediaQueryDefaultActive } from "./v5-media";
6
6
  import { shorthands as shorthands2 } from "@tamagui/shorthands/v5";
7
7
  import { createThemes } from "@tamagui/theme-builder";
8
- import { themes as themes2, tokens as tokens2 } from "@tamagui/themes/v5";
8
+ import { tokens as tokens2, defaultThemes as defaultThemes2 } from "@tamagui/themes/v5";
9
9
  import { animations as animations2 } from "./v5-animations";
10
10
  import { createSystemFont, fonts as fonts2 } from "./v5-fonts";
11
11
  import { breakpoints, media as media2, mediaQueryDefaultActive as mediaQueryDefaultActive2 } from "./v5-media";
@@ -18,16 +18,15 @@ const selectionStyles = (theme) => theme.color5 ? {
18
18
  fastSchemeChange: !0,
19
19
  shouldAddPrefersColorThemes: !0,
20
20
  allowedStyleValues: "somewhat-strict-web",
21
- addThemeClassName: "html",
21
+ themeClassNameOnRoot: !0,
22
+ onlyAllowShorthands: !0,
22
23
  // allow two inverses (tooltips, etc)
23
- // TODO on inverse theme changes
24
- maxDarkLightNesting: 2,
25
- styleCompat: "react-native"
24
+ maxDarkLightNesting: 2
26
25
  }, defaultConfig = {
27
26
  animations,
28
27
  media,
29
28
  shorthands,
30
- themes,
29
+ themes: defaultThemes,
31
30
  tokens,
32
31
  fonts,
33
32
  selectionStyles,
@@ -45,7 +44,7 @@ export {
45
44
  selectionStyles,
46
45
  settings,
47
46
  shorthands2 as shorthands,
48
- themes2 as themes,
47
+ defaultThemes2 as themes,
49
48
  tokens2 as tokens
50
49
  };
51
50
  //# sourceMappingURL=v5.js.map
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../src/v5.ts"],
4
- "mappings": "AAAA,SAAS,kBAAkB;AAC3B,SAAS,QAAQ,cAAc;AAE/B,SAAS,kBAAkB;AAC3B,SAAS,aAAa;AACtB,SAAS,OAAO,+BAA+B;AAE/C,SAAS,cAAAA,mBAAkB;AAC3B,SAAS,oBAAoB;AAC7B,SAAS,UAAAC,SAAQ,UAAAC,eAAc;AAC/B,SAAS,cAAAC,mBAAkB;AAC3B,SAAS,kBAAkB,SAAAC,cAAa;AACxC,SAAS,aAAa,SAAAC,QAAO,2BAAAC,gCAA+B;AAErD,MAAM,kBAAkB,CAAC,UAC9B,MAAM,SACF;AAAA,EACE,iBAAiB,MAAM;AAAA,EACvB,OAAO,MAAM;AACf,IACA,MAEO,WAAW;AAAA,EACtB;AAAA,EACA,aAAa;AAAA,EACb,kBAAkB;AAAA,EAClB,6BAA6B;AAAA,EAC7B,oBAAoB;AAAA,EACpB,mBAAmB;AAAA;AAAA;AAAA,EAGnB,qBAAqB;AAAA,EACrB,aAAa;AACf,GAEa,gBAAgB;AAAA,EAC3B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;",
5
- "names": ["shorthands", "themes", "tokens", "animations", "fonts", "media", "mediaQueryDefaultActive"]
4
+ "mappings": "AAAA,SAAS,kBAAkB;AAC3B,SAAS,QAAQ,qBAAqB;AAEtC,SAAS,kBAAkB;AAC3B,SAAS,aAAa;AACtB,SAAS,OAAO,+BAA+B;AAE/C,SAAS,cAAAA,mBAAkB;AAC3B,SAAS,oBAAoB;AAC7B,SAAS,UAAAC,SAAyB,iBAAjBC,sBAA+B;AAChD,SAAS,cAAAC,mBAAkB;AAC3B,SAAS,kBAAkB,SAAAC,cAAa;AACxC,SAAS,aAAa,SAAAC,QAAO,2BAAAC,gCAA+B;AAIrD,MAAM,kBAAkB,CAAC,UAC9B,MAAM,SACF;AAAA,EACE,iBAAiB,MAAM;AAAA,EACvB,OAAO,MAAM;AACf,IACA,MAEO,WAAW;AAAA,EACtB;AAAA,EACA,aAAa;AAAA,EACb,kBAAkB;AAAA,EAClB,6BAA6B;AAAA,EAC7B,oBAAoB;AAAA,EACpB,sBAAsB;AAAA,EACtB,qBAAqB;AAAA;AAAA,EAErB,qBAAqB;AACvB,GAEa,gBAAgB;AAAA,EAC3B;AAAA,EACA;AAAA,EACA;AAAA,EACA,QAAQ;AAAA,EACR;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;",
5
+ "names": ["shorthands", "tokens", "defaultThemes", "animations", "fonts", "media", "mediaQueryDefaultActive"]
6
6
  }
package/dist/esm/v5.mjs CHANGED
@@ -1,11 +1,11 @@
1
1
  import { shorthands } from "@tamagui/shorthands/v5";
2
- import { themes, tokens } from "@tamagui/themes/v5";
2
+ import { tokens, defaultThemes } from "@tamagui/themes/v5";
3
3
  import { animations } from "./v5-animations.mjs";
4
4
  import { fonts } from "./v5-fonts.mjs";
5
5
  import { media, mediaQueryDefaultActive } from "./v5-media.mjs";
6
6
  import { shorthands as shorthands2 } from "@tamagui/shorthands/v5";
7
7
  import { createThemes } from "@tamagui/theme-builder";
8
- import { themes as themes2, tokens as tokens2 } from "@tamagui/themes/v5";
8
+ import { tokens as tokens2, defaultThemes as defaultThemes2 } from "@tamagui/themes/v5";
9
9
  import { animations as animations2 } from "./v5-animations.mjs";
10
10
  import { createSystemFont, fonts as fonts2 } from "./v5-fonts.mjs";
11
11
  import { breakpoints, media as media2, mediaQueryDefaultActive as mediaQueryDefaultActive2 } from "./v5-media.mjs";
@@ -19,21 +19,20 @@ const selectionStyles = theme => theme.color5 ? {
19
19
  fastSchemeChange: !0,
20
20
  shouldAddPrefersColorThemes: !0,
21
21
  allowedStyleValues: "somewhat-strict-web",
22
- addThemeClassName: "html",
22
+ themeClassNameOnRoot: !0,
23
+ onlyAllowShorthands: !0,
23
24
  // allow two inverses (tooltips, etc)
24
- // TODO on inverse theme changes
25
- maxDarkLightNesting: 2,
26
- styleCompat: "react-native"
25
+ maxDarkLightNesting: 2
27
26
  },
28
27
  defaultConfig = {
29
28
  animations,
30
29
  media,
31
30
  shorthands,
32
- themes,
31
+ themes: defaultThemes,
33
32
  tokens,
34
33
  fonts,
35
34
  selectionStyles,
36
35
  settings
37
36
  };
38
- export { animations2 as animations, breakpoints, createSystemFont, createThemes, defaultConfig, fonts2 as fonts, media2 as media, mediaQueryDefaultActive2 as mediaQueryDefaultActive, selectionStyles, settings, shorthands2 as shorthands, themes2 as themes, tokens2 as tokens };
37
+ export { animations2 as animations, breakpoints, createSystemFont, createThemes, defaultConfig, fonts2 as fonts, media2 as media, mediaQueryDefaultActive2 as mediaQueryDefaultActive, selectionStyles, settings, shorthands2 as shorthands, defaultThemes2 as themes, tokens2 as tokens };
39
38
  //# sourceMappingURL=v5.mjs.map
@@ -1 +1 @@
1
- {"version":3,"names":["shorthands","themes","tokens","animations","fonts","media","mediaQueryDefaultActive","shorthands2","createThemes","themes2","tokens2","animations2","createSystemFont","fonts2","breakpoints","media2","mediaQueryDefaultActive2","selectionStyles","theme","color5","backgroundColor","color","color11","settings","defaultFont","fastSchemeChange","shouldAddPrefersColorThemes","allowedStyleValues","addThemeClassName","maxDarkLightNesting","styleCompat","defaultConfig"],"sources":["../../src/v5.ts"],"sourcesContent":[null],"mappings":"AAAA,SAASA,UAAA,QAAkB;AAC3B,SAASC,MAAA,EAAQC,MAAA,QAAc;AAE/B,SAASC,UAAA,QAAkB;AAC3B,SAASC,KAAA,QAAa;AACtB,SAASC,KAAA,EAAOC,uBAAA,QAA+B;AAE/C,SAASN,UAAA,IAAAO,WAAA,QAAkB;AAC3B,SAASC,YAAA,QAAoB;AAC7B,SAASP,MAAA,IAAAQ,OAAA,EAAQP,MAAA,IAAAQ,OAAA,QAAc;AAC/B,SAASP,UAAA,IAAAQ,WAAA,QAAkB;AAC3B,SAASC,gBAAA,EAAkBR,KAAA,IAAAS,MAAA,QAAa;AACxC,SAASC,WAAA,EAAaT,KAAA,IAAAU,MAAA,EAAOT,uBAAA,IAAAU,wBAAA,QAA+B;AAErD,MAAMC,eAAA,GAAmBC,KAAA,IAC9BA,KAAA,CAAMC,MAAA,GACF;IACEC,eAAA,EAAiBF,KAAA,CAAMC,MAAA;IACvBE,KAAA,EAAOH,KAAA,CAAMI;EACf,IACA;EAEOC,QAAA,GAAW;IACtBjB,uBAAA;IACAkB,WAAA,EAAa;IACbC,gBAAA,EAAkB;IAClBC,2BAAA,EAA6B;IAC7BC,kBAAA,EAAoB;IACpBC,iBAAA,EAAmB;IAAA;IAAA;IAGnBC,mBAAA,EAAqB;IACrBC,WAAA,EAAa;EACf;EAEaC,aAAA,GAAgB;IAC3B5B,UAAA;IACAE,KAAA;IACAL,UAAA;IACAC,MAAA;IACAC,MAAA;IACAE,KAAA;IACAa,eAAA;IACAM;EACF","ignoreList":[]}
1
+ {"version":3,"names":["shorthands","tokens","defaultThemes","animations","fonts","media","mediaQueryDefaultActive","shorthands2","createThemes","tokens2","defaultThemes2","animations2","createSystemFont","fonts2","breakpoints","media2","mediaQueryDefaultActive2","selectionStyles","theme","color5","backgroundColor","color","color11","settings","defaultFont","fastSchemeChange","shouldAddPrefersColorThemes","allowedStyleValues","themeClassNameOnRoot","onlyAllowShorthands","maxDarkLightNesting","defaultConfig","themes"],"sources":["../../src/v5.ts"],"sourcesContent":[null],"mappings":"AAAA,SAASA,UAAA,QAAkB;AAC3B,SAASC,MAAA,EAAQC,aAAA,QAAqB;AAEtC,SAASC,UAAA,QAAkB;AAC3B,SAASC,KAAA,QAAa;AACtB,SAASC,KAAA,EAAOC,uBAAA,QAA+B;AAE/C,SAASN,UAAA,IAAAO,WAAA,QAAkB;AAC3B,SAASC,YAAA,QAAoB;AAC7B,SAASP,MAAA,IAAAQ,OAAA,EAAyBP,aAAA,IAAjBQ,cAAA,QAA+B;AAChD,SAASP,UAAA,IAAAQ,WAAA,QAAkB;AAC3B,SAASC,gBAAA,EAAkBR,KAAA,IAAAS,MAAA,QAAa;AACxC,SAASC,WAAA,EAAaT,KAAA,IAAAU,MAAA,EAAOT,uBAAA,IAAAU,wBAAA,QAA+B;AAIrD,MAAMC,eAAA,GAAmBC,KAAA,IAC9BA,KAAA,CAAMC,MAAA,GACF;IACEC,eAAA,EAAiBF,KAAA,CAAMC,MAAA;IACvBE,KAAA,EAAOH,KAAA,CAAMI;EACf,IACA;EAEOC,QAAA,GAAW;IACtBjB,uBAAA;IACAkB,WAAA,EAAa;IACbC,gBAAA,EAAkB;IAClBC,2BAAA,EAA6B;IAC7BC,kBAAA,EAAoB;IACpBC,oBAAA,EAAsB;IACtBC,mBAAA,EAAqB;IAAA;IAErBC,mBAAA,EAAqB;EACvB;EAEaC,aAAA,GAAgB;IAC3B5B,UAAA;IACAE,KAAA;IACAL,UAAA;IACAgC,MAAA,EAAQ9B,aAAA;IACRD,MAAA;IACAG,KAAA;IACAa,eAAA;IACAM;EACF","ignoreList":[]}
@@ -1,11 +1,11 @@
1
1
  import { shorthands } from "@tamagui/shorthands/v5";
2
- import { themes, tokens } from "@tamagui/themes/v5";
2
+ import { tokens, defaultThemes } from "@tamagui/themes/v5";
3
3
  import { animations } from "./v5-animations.native.js";
4
4
  import { fonts } from "./v5-fonts.native.js";
5
5
  import { media, mediaQueryDefaultActive } from "./v5-media.native.js";
6
6
  import { shorthands as shorthands2 } from "@tamagui/shorthands/v5";
7
7
  import { createThemes } from "@tamagui/theme-builder";
8
- import { themes as themes2, tokens as tokens2 } from "@tamagui/themes/v5";
8
+ import { tokens as tokens2, defaultThemes as defaultThemes2 } from "@tamagui/themes/v5";
9
9
  import { animations as animations2 } from "./v5-animations.native.js";
10
10
  import { createSystemFont, fonts as fonts2 } from "./v5-fonts.native.js";
11
11
  import { breakpoints, media as media2, mediaQueryDefaultActive as mediaQueryDefaultActive2 } from "./v5-media.native.js";
@@ -21,21 +21,20 @@ var selectionStyles = function (theme) {
21
21
  fastSchemeChange: !0,
22
22
  shouldAddPrefersColorThemes: !0,
23
23
  allowedStyleValues: "somewhat-strict-web",
24
- addThemeClassName: "html",
24
+ themeClassNameOnRoot: !0,
25
+ onlyAllowShorthands: !0,
25
26
  // allow two inverses (tooltips, etc)
26
- // TODO on inverse theme changes
27
- maxDarkLightNesting: 2,
28
- styleCompat: "react-native"
27
+ maxDarkLightNesting: 2
29
28
  },
30
29
  defaultConfig = {
31
30
  animations,
32
31
  media,
33
32
  shorthands,
34
- themes,
33
+ themes: defaultThemes,
35
34
  tokens,
36
35
  fonts,
37
36
  selectionStyles,
38
37
  settings
39
38
  };
40
- export { animations2 as animations, breakpoints, createSystemFont, createThemes, defaultConfig, fonts2 as fonts, media2 as media, mediaQueryDefaultActive2 as mediaQueryDefaultActive, selectionStyles, settings, shorthands2 as shorthands, themes2 as themes, tokens2 as tokens };
39
+ export { animations2 as animations, breakpoints, createSystemFont, createThemes, defaultConfig, fonts2 as fonts, media2 as media, mediaQueryDefaultActive2 as mediaQueryDefaultActive, selectionStyles, settings, shorthands2 as shorthands, defaultThemes2 as themes, tokens2 as tokens };
41
40
  //# sourceMappingURL=v5.native.js.map
@@ -1 +1 @@
1
- {"version":3,"names":["shorthands","themes","tokens","animations","fonts","media","mediaQueryDefaultActive","shorthands2","createThemes","themes2","tokens2","animations2","createSystemFont","fonts2","breakpoints","media2","mediaQueryDefaultActive2","selectionStyles","theme","color5","backgroundColor","color","color11","settings","defaultFont","fastSchemeChange","shouldAddPrefersColorThemes","allowedStyleValues","addThemeClassName","maxDarkLightNesting","styleCompat","defaultConfig"],"sources":["../../src/v5.ts"],"sourcesContent":[null],"mappings":"AAAA,SAASA,UAAA,QAAkB;AAC3B,SAASC,MAAA,EAAQC,MAAA,QAAc;AAE/B,SAASC,UAAA,QAAkB;AAC3B,SAASC,KAAA,QAAa;AACtB,SAASC,KAAA,EAAOC,uBAAA,QAA+B;AAE/C,SAASN,UAAA,IAAAO,WAAA,QAAkB;AAC3B,SAASC,YAAA,QAAoB;AAC7B,SAASP,MAAA,IAAAQ,OAAA,EAAQP,MAAA,IAAAQ,OAAA,QAAc;AAC/B,SAASP,UAAA,IAAAQ,WAAA,QAAkB;AAC3B,SAASC,gBAAA,EAAkBR,KAAA,IAAAS,MAAA,QAAa;AACxC,SAASC,WAAA,EAAaT,KAAA,IAAAU,MAAA,EAAOT,uBAAA,IAAAU,wBAAA,QAA+B;AAErD,IAAAC,eAAM,YAAAA,CAAmBC,KAC9B;IAEM,OAAAA,KAAA,CAAAC,MAAiB;MACjBC,eAAa,EAAAF,KAAA,CAAAC,MAAA;MAEfE,KAAA,EAEOH,KAAA,CAAAI;IACX;EAAA;EACAC,QAAA;IACAjB,uBAAkB;IAClBkB,WAAA;IACAC,gBAAA,IAAoB;IACpBC,2BAAmB;IAAAC,kBAAA;IAAAC,iBAAA;IAGnB;IACA;IACFC,mBAE6B;IAC3BC,WAAA;EAAA;EACAC,aAAA;IACA5B,UAAA;IACAE,KAAA;IACAL,UAAA;IACAC,MAAA;IACAC,MAAA;IACAE,KAAA;IACFa,eAAA","ignoreList":[]}
1
+ {"version":3,"names":["shorthands","tokens","defaultThemes","animations","fonts","media","mediaQueryDefaultActive","shorthands2","createThemes","tokens2","defaultThemes2","animations2","createSystemFont","fonts2","breakpoints","media2","mediaQueryDefaultActive2","selectionStyles","theme","color5","backgroundColor","color","color11","settings","defaultFont","fastSchemeChange","shouldAddPrefersColorThemes","allowedStyleValues","themeClassNameOnRoot","onlyAllowShorthands","maxDarkLightNesting","defaultConfig","themes"],"sources":["../../src/v5.ts"],"sourcesContent":[null],"mappings":"AAAA,SAASA,UAAA,QAAkB;AAC3B,SAASC,MAAA,EAAQC,aAAA,QAAqB;AAEtC,SAASC,UAAA,QAAkB;AAC3B,SAASC,KAAA,QAAa;AACtB,SAASC,KAAA,EAAOC,uBAAA,QAA+B;AAE/C,SAASN,UAAA,IAAAO,WAAA,QAAkB;AAC3B,SAASC,YAAA,QAAoB;AAC7B,SAASP,MAAA,IAAAQ,OAAA,EAAyBP,aAAA,IAAjBQ,cAAA,QAA+B;AAChD,SAASP,UAAA,IAAAQ,WAAA,QAAkB;AAC3B,SAASC,gBAAA,EAAkBR,KAAA,IAAAS,MAAA,QAAa;AACxC,SAASC,WAAA,EAAaT,KAAA,IAAAU,MAAA,EAAOT,uBAAA,IAAAU,wBAAA,QAA+B;AAIrD,IAAAC,eAAM,YAAAA,CAAmBC,KAC9B;IAEM,OAAAA,KAAA,CAAAC,MAAiB;MACjBC,eAAa,EAAAF,KAAA,CAAAC,MAAA;MAEfE,KAAA,EAEOH,KAAA,CAAAI;IACX;EAAA;EACAC,QAAA;IACAjB,uBAAkB;IAClBkB,WAAA;IACAC,gBAAA,IAAoB;IACpBC,2BAAsB;IACtBC,kBAAA,uBAAqB;IAAAC,oBAAA;IAErBC,mBAAA,EAAqB;IACvB;IAGEC,mBAAA;EAAA;EACAC,aAAA;IACA5B,UAAA;IACAE,KAAA;IACAL,UAAA;IACAgC,MAAA,EAAA9B,aAAA;IACAD,MAAA;IACAG,KAAA;IACFa,eAAA","ignoreList":[]}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@tamagui/config",
3
- "version": "1.138.6",
3
+ "version": "1.139.0",
4
4
  "type": "module",
5
5
  "types": "./types/index.d.ts",
6
6
  "main": "dist/cjs",
@@ -79,24 +79,33 @@
79
79
  "types": "./types/v4.d.ts",
80
80
  "import": "./dist/esm/v4.mjs",
81
81
  "require": "./dist/cjs/v4.cjs"
82
+ },
83
+ "./v5": {
84
+ "react-native": {
85
+ "import": "./dist/esm/v5.native.js",
86
+ "require": "./dist/cjs/v5.native.js"
87
+ },
88
+ "types": "./types/v5.d.ts",
89
+ "import": "./dist/esm/v5.mjs",
90
+ "require": "./dist/cjs/v5.cjs"
82
91
  }
83
92
  },
84
93
  "dependencies": {
85
- "@tamagui/animations-css": "1.138.6",
86
- "@tamagui/animations-moti": "1.138.6",
87
- "@tamagui/animations-react-native": "1.138.6",
88
- "@tamagui/colors": "1.138.6",
89
- "@tamagui/core": "1.138.6",
90
- "@tamagui/font-inter": "1.138.6",
91
- "@tamagui/font-silkscreen": "1.138.6",
92
- "@tamagui/react-native-media-driver": "1.138.6",
93
- "@tamagui/shorthands": "1.138.6",
94
- "@tamagui/theme-builder": "1.138.6",
95
- "@tamagui/themes": "1.138.6",
96
- "@tamagui/web": "1.138.6"
94
+ "@tamagui/animations-css": "1.139.0",
95
+ "@tamagui/animations-moti": "1.139.0",
96
+ "@tamagui/animations-react-native": "1.139.0",
97
+ "@tamagui/colors": "1.139.0",
98
+ "@tamagui/core": "1.139.0",
99
+ "@tamagui/font-inter": "1.139.0",
100
+ "@tamagui/font-silkscreen": "1.139.0",
101
+ "@tamagui/react-native-media-driver": "1.139.0",
102
+ "@tamagui/shorthands": "1.139.0",
103
+ "@tamagui/theme-builder": "1.139.0",
104
+ "@tamagui/themes": "1.139.0",
105
+ "@tamagui/web": "1.139.0"
97
106
  },
98
107
  "devDependencies": {
99
- "@tamagui/build": "1.138.6"
108
+ "@tamagui/build": "1.139.0"
100
109
  },
101
110
  "publishConfig": {
102
111
  "access": "public"
@@ -0,0 +1 @@
1
+ export { animationsReactNative as animations } from './animationsReactNative'
@@ -0,0 +1 @@
1
+ export { animationsCSS as animations } from './animationsCSS'
@@ -0,0 +1,61 @@
1
+ import type { FillInFont, GenericFont } from '@tamagui/core'
2
+ import { createFont, getVariableValue, isWeb } from '@tamagui/core'
3
+
4
+ export const createSystemFont = <A extends GenericFont>({
5
+ font = {},
6
+ sizeLineHeight = (size) => size + 10,
7
+ sizeSize = (size) => size * 1,
8
+ }: {
9
+ font?: Partial<A>
10
+ sizeLineHeight?: (fontSize: number) => number
11
+ sizeSize?: (size: number) => number
12
+ } = {}): FillInFont<A, keyof typeof defaultSizes> => {
13
+ // merge to allow individual overrides
14
+ const size = Object.fromEntries(
15
+ Object.entries({
16
+ ...defaultSizes,
17
+ ...font.size,
18
+ }).map(([k, v]) => [k, sizeSize(+v)])
19
+ )
20
+ return createFont({
21
+ family: isWeb
22
+ ? '-apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif'
23
+ : 'System',
24
+ lineHeight: Object.fromEntries(
25
+ Object.entries(size).map(([k, v]) => [k, sizeLineHeight(getVariableValue(v))])
26
+ ),
27
+ weight: {
28
+ 4: '300',
29
+ },
30
+ letterSpacing: {
31
+ 4: 0,
32
+ },
33
+ ...(font as any),
34
+ size,
35
+ })
36
+ }
37
+
38
+ const defaultSizes = {
39
+ 1: 11,
40
+ 2: 12,
41
+ 3: 13,
42
+ 4: 14,
43
+ true: 14,
44
+ 5: 16,
45
+ 6: 18,
46
+ 7: 20,
47
+ 8: 23,
48
+ 9: 30,
49
+ 10: 46,
50
+ 11: 55,
51
+ 12: 62,
52
+ 13: 72,
53
+ 14: 92,
54
+ 15: 114,
55
+ 16: 134,
56
+ } as const
57
+
58
+ export const fonts = {
59
+ body: createSystemFont(),
60
+ heading: createSystemFont({ sizeSize: (n) => n * 1.4 }),
61
+ }
@@ -0,0 +1,40 @@
1
+ // note order is important!
2
+ // earlier defined = less important
3
+
4
+ export const breakpoints = {
5
+ '2xl': 1536,
6
+ xl: 1280,
7
+ lg: 1024,
8
+ md: 768,
9
+ sm: 640,
10
+ xs: 460,
11
+ '2xs': 340,
12
+ }
13
+
14
+ export const media = {
15
+ maxXs: { maxWidth: breakpoints.xs },
16
+ max2xs: { maxWidth: breakpoints['2xs'] },
17
+ maxSm: { maxWidth: breakpoints.sm },
18
+ maxMd: { maxWidth: breakpoints.md },
19
+ maxLg: { maxWidth: breakpoints.lg },
20
+ maxXl: { maxWidth: breakpoints.xl },
21
+ max2Xl: { maxWidth: breakpoints['2xl'] },
22
+ // for site
23
+ '2xl': { minWidth: breakpoints['2xl'] },
24
+ xl: { minWidth: breakpoints.xl },
25
+ lg: { minWidth: breakpoints.lg },
26
+ md: { minWidth: breakpoints.md },
27
+ sm: { minWidth: breakpoints.sm },
28
+ xs: { minWidth: breakpoints.xs },
29
+ '2xs': { minWidth: breakpoints['2xs'] },
30
+ } as const
31
+
32
+ export const mediaQueryDefaultActive = {
33
+ '2xl': false,
34
+ xl: false,
35
+ lg: false,
36
+ md: false,
37
+ sm: false,
38
+ xs: true,
39
+ '2xs': true,
40
+ }
package/src/v5.ts ADDED
@@ -0,0 +1,46 @@
1
+ import { shorthands } from '@tamagui/shorthands/v5'
2
+ import { tokens, defaultThemes } from '@tamagui/themes/v5'
3
+ import type { CreateTamaguiProps } from '@tamagui/web'
4
+ import { animations } from './v5-animations'
5
+ import { fonts } from './v5-fonts'
6
+ import { media, mediaQueryDefaultActive } from './v5-media'
7
+
8
+ export { shorthands } from '@tamagui/shorthands/v5'
9
+ export { createThemes } from '@tamagui/theme-builder'
10
+ export { tokens, defaultThemes as themes } from '@tamagui/themes/v5'
11
+ export { animations } from './v5-animations'
12
+ export { createSystemFont, fonts } from './v5-fonts'
13
+ export { breakpoints, media, mediaQueryDefaultActive } from './v5-media'
14
+
15
+ // Configuration:
16
+
17
+ export const selectionStyles = (theme) =>
18
+ theme.color5
19
+ ? {
20
+ backgroundColor: theme.color5,
21
+ color: theme.color11,
22
+ }
23
+ : null
24
+
25
+ export const settings = {
26
+ mediaQueryDefaultActive,
27
+ defaultFont: 'body',
28
+ fastSchemeChange: true,
29
+ shouldAddPrefersColorThemes: true,
30
+ allowedStyleValues: 'somewhat-strict-web',
31
+ themeClassNameOnRoot: true,
32
+ onlyAllowShorthands: true,
33
+ // allow two inverses (tooltips, etc)
34
+ maxDarkLightNesting: 2,
35
+ } satisfies CreateTamaguiProps['settings']
36
+
37
+ export const defaultConfig = {
38
+ animations,
39
+ media,
40
+ shorthands,
41
+ themes: defaultThemes,
42
+ tokens,
43
+ fonts,
44
+ selectionStyles,
45
+ settings,
46
+ } satisfies CreateTamaguiProps
package/tsconfig.json CHANGED
@@ -5,6 +5,8 @@
5
5
  },
6
6
  "exclude": [
7
7
  "types",
8
+ "v5.d.ts",
9
+ "v5.js",
8
10
  "v4.d.ts",
9
11
  "v4.cjs",
10
12
  "v3.cjs",
@@ -50,4 +52,4 @@
50
52
  "path": "../web"
51
53
  }
52
54
  ]
53
- }
55
+ }
@@ -0,0 +1,2 @@
1
+ export { animationsCSS as animations } from './animationsCSS';
2
+ //# sourceMappingURL=v5-animations.d.ts.map
@@ -0,0 +1,2 @@
1
+ export { animationsReactNative as animations } from './animationsReactNative';
2
+ //# sourceMappingURL=v5-animations.native.d.ts.map
@@ -0,0 +1,31 @@
1
+ import type { FillInFont, GenericFont } from '@tamagui/core';
2
+ export declare const createSystemFont: <A extends GenericFont>({ font, sizeLineHeight, sizeSize, }?: {
3
+ font?: Partial<A>;
4
+ sizeLineHeight?: (fontSize: number) => number;
5
+ sizeSize?: (size: number) => number;
6
+ }) => FillInFont<A, keyof typeof defaultSizes>;
7
+ declare const defaultSizes: {
8
+ readonly 1: 11;
9
+ readonly 2: 12;
10
+ readonly 3: 13;
11
+ readonly 4: 14;
12
+ readonly true: 14;
13
+ readonly 5: 16;
14
+ readonly 6: 18;
15
+ readonly 7: 20;
16
+ readonly 8: 23;
17
+ readonly 9: 30;
18
+ readonly 10: 46;
19
+ readonly 11: 55;
20
+ readonly 12: 62;
21
+ readonly 13: 72;
22
+ readonly 14: 92;
23
+ readonly 15: 114;
24
+ readonly 16: 134;
25
+ };
26
+ export declare const fonts: {
27
+ body: FillInFont<GenericFont, 2 | 9 | 15 | 1 | 10 | 5 | 14 | 11 | 12 | 16 | 3 | 4 | 6 | 7 | 8 | 13 | "true">;
28
+ heading: FillInFont<GenericFont, 2 | 9 | 15 | 1 | 10 | 5 | 14 | 11 | 12 | 16 | 3 | 4 | 6 | 7 | 8 | 13 | "true">;
29
+ };
30
+ export {};
31
+ //# sourceMappingURL=v5-fonts.d.ts.map
@@ -0,0 +1,63 @@
1
+ export declare const breakpoints: {
2
+ '2xl': number;
3
+ xl: number;
4
+ lg: number;
5
+ md: number;
6
+ sm: number;
7
+ xs: number;
8
+ '2xs': number;
9
+ };
10
+ export declare const media: {
11
+ readonly maxXs: {
12
+ readonly maxWidth: number;
13
+ };
14
+ readonly max2xs: {
15
+ readonly maxWidth: number;
16
+ };
17
+ readonly maxSm: {
18
+ readonly maxWidth: number;
19
+ };
20
+ readonly maxMd: {
21
+ readonly maxWidth: number;
22
+ };
23
+ readonly maxLg: {
24
+ readonly maxWidth: number;
25
+ };
26
+ readonly maxXl: {
27
+ readonly maxWidth: number;
28
+ };
29
+ readonly max2Xl: {
30
+ readonly maxWidth: number;
31
+ };
32
+ readonly '2xl': {
33
+ readonly minWidth: number;
34
+ };
35
+ readonly xl: {
36
+ readonly minWidth: number;
37
+ };
38
+ readonly lg: {
39
+ readonly minWidth: number;
40
+ };
41
+ readonly md: {
42
+ readonly minWidth: number;
43
+ };
44
+ readonly sm: {
45
+ readonly minWidth: number;
46
+ };
47
+ readonly xs: {
48
+ readonly minWidth: number;
49
+ };
50
+ readonly '2xs': {
51
+ readonly minWidth: number;
52
+ };
53
+ };
54
+ export declare const mediaQueryDefaultActive: {
55
+ '2xl': boolean;
56
+ xl: boolean;
57
+ lg: boolean;
58
+ md: boolean;
59
+ sm: boolean;
60
+ xs: boolean;
61
+ '2xs': boolean;
62
+ };
63
+ //# sourceMappingURL=v5-media.d.ts.map
package/types/v5.d.ts ADDED
@@ -0,0 +1,480 @@
1
+ export { shorthands } from '@tamagui/shorthands/v5';
2
+ export { createThemes } from '@tamagui/theme-builder';
3
+ export { tokens, defaultThemes as themes } from '@tamagui/themes/v5';
4
+ export { animations } from './v5-animations';
5
+ export { createSystemFont, fonts } from './v5-fonts';
6
+ export { breakpoints, media, mediaQueryDefaultActive } from './v5-media';
7
+ export declare const selectionStyles: (theme: any) => {
8
+ backgroundColor: any;
9
+ color: any;
10
+ } | null;
11
+ export declare const settings: {
12
+ mediaQueryDefaultActive: {
13
+ '2xl': boolean;
14
+ xl: boolean;
15
+ lg: boolean;
16
+ md: boolean;
17
+ sm: boolean;
18
+ xs: boolean;
19
+ '2xs': boolean;
20
+ };
21
+ defaultFont: string;
22
+ fastSchemeChange: true;
23
+ shouldAddPrefersColorThemes: true;
24
+ allowedStyleValues: "somewhat-strict-web";
25
+ themeClassNameOnRoot: true;
26
+ onlyAllowShorthands: true;
27
+ maxDarkLightNesting: number;
28
+ };
29
+ export declare const defaultConfig: {
30
+ animations: import("@tamagui/web").AnimationDriver<{
31
+ '75ms': string;
32
+ '100ms': string;
33
+ '200ms': string;
34
+ bouncy: string;
35
+ superBouncy: string;
36
+ lazy: string;
37
+ medium: string;
38
+ slow: string;
39
+ quick: string;
40
+ quicker: string;
41
+ quickest: string;
42
+ tooltip: string;
43
+ }>;
44
+ media: {
45
+ readonly maxXs: {
46
+ readonly maxWidth: number;
47
+ };
48
+ readonly max2xs: {
49
+ readonly maxWidth: number;
50
+ };
51
+ readonly maxSm: {
52
+ readonly maxWidth: number;
53
+ };
54
+ readonly maxMd: {
55
+ readonly maxWidth: number;
56
+ };
57
+ readonly maxLg: {
58
+ readonly maxWidth: number;
59
+ };
60
+ readonly maxXl: {
61
+ readonly maxWidth: number;
62
+ };
63
+ readonly max2Xl: {
64
+ readonly maxWidth: number;
65
+ };
66
+ readonly '2xl': {
67
+ readonly minWidth: number;
68
+ };
69
+ readonly xl: {
70
+ readonly minWidth: number;
71
+ };
72
+ readonly lg: {
73
+ readonly minWidth: number;
74
+ };
75
+ readonly md: {
76
+ readonly minWidth: number;
77
+ };
78
+ readonly sm: {
79
+ readonly minWidth: number;
80
+ };
81
+ readonly xs: {
82
+ readonly minWidth: number;
83
+ };
84
+ readonly '2xs': {
85
+ readonly minWidth: number;
86
+ };
87
+ };
88
+ shorthands: {
89
+ text: "textAlign";
90
+ b: "bottom";
91
+ bg: "backgroundColor";
92
+ content: "alignContent";
93
+ grow: "flexGrow";
94
+ items: "alignItems";
95
+ justify: "justifyContent";
96
+ l: "left";
97
+ m: "margin";
98
+ maxH: "maxHeight";
99
+ maxW: "maxWidth";
100
+ mb: "marginBottom";
101
+ minH: "minHeight";
102
+ minW: "minWidth";
103
+ ml: "marginLeft";
104
+ mr: "marginRight";
105
+ mt: "marginTop";
106
+ mx: "marginHorizontal";
107
+ my: "marginVertical";
108
+ p: "padding";
109
+ pb: "paddingBottom";
110
+ pl: "paddingLeft";
111
+ pr: "paddingRight";
112
+ pt: "paddingTop";
113
+ px: "paddingHorizontal";
114
+ py: "paddingVertical";
115
+ r: "right";
116
+ rounded: "borderRadius";
117
+ select: "userSelect";
118
+ self: "alignSelf";
119
+ shrink: "flexShrink";
120
+ t: "top";
121
+ z: "zIndex";
122
+ };
123
+ themes: Record<"light" | "dark" | "light_orange" | "light_yellow" | "light_green" | "light_blue" | "light_purple" | "light_pink" | "light_red" | "dark_orange" | "dark_yellow" | "dark_green" | "dark_blue" | "dark_purple" | "dark_pink" | "dark_red" | "light_gray" | "dark_gray" | "light_accent" | "dark_accent" | "light_black" | "light_white" | "dark_black" | "dark_white" | "light_teal" | "dark_teal", {
124
+ accentBackground: string;
125
+ accentColor: string;
126
+ background0: string;
127
+ background02: string;
128
+ background04: string;
129
+ background06: string;
130
+ background08: string;
131
+ color1: string;
132
+ color2: string;
133
+ color3: string;
134
+ color4: string;
135
+ color5: string;
136
+ color6: string;
137
+ color7: string;
138
+ color8: string;
139
+ color9: string;
140
+ color10: string;
141
+ color11: string;
142
+ color12: string;
143
+ color0: string;
144
+ color02: string;
145
+ color04: string;
146
+ color06: string;
147
+ color08: string;
148
+ background: string;
149
+ backgroundHover: string;
150
+ backgroundPress: string;
151
+ backgroundFocus: string;
152
+ borderColor: string;
153
+ borderColorHover: string;
154
+ borderColorPress: string;
155
+ borderColorFocus: string;
156
+ color: string;
157
+ colorHover: string;
158
+ colorPress: string;
159
+ colorFocus: string;
160
+ placeholderColor: string;
161
+ outlineColor: string;
162
+ colorTransparent: string;
163
+ black1: string;
164
+ black2: string;
165
+ black3: string;
166
+ black4: string;
167
+ black5: string;
168
+ black6: string;
169
+ black7: string;
170
+ black8: string;
171
+ black9: string;
172
+ black10: string;
173
+ black11: string;
174
+ black12: string;
175
+ blue1: string;
176
+ blue2: string;
177
+ blue3: string;
178
+ blue4: string;
179
+ blue5: string;
180
+ blue6: string;
181
+ blue7: string;
182
+ blue8: string;
183
+ blue9: string;
184
+ blue10: string;
185
+ blue11: string;
186
+ blue12: string;
187
+ gray1: string;
188
+ gray2: string;
189
+ gray3: string;
190
+ gray4: string;
191
+ gray5: string;
192
+ gray6: string;
193
+ gray7: string;
194
+ gray8: string;
195
+ gray9: string;
196
+ gray10: string;
197
+ gray11: string;
198
+ gray12: string;
199
+ green1: string;
200
+ green2: string;
201
+ green3: string;
202
+ green4: string;
203
+ green5: string;
204
+ green6: string;
205
+ green7: string;
206
+ green8: string;
207
+ green9: string;
208
+ green10: string;
209
+ green11: string;
210
+ green12: string;
211
+ shadow1: string;
212
+ shadow2: string;
213
+ shadow3: string;
214
+ shadow4: string;
215
+ shadow5: string;
216
+ shadow6: string;
217
+ orange1: string;
218
+ orange2: string;
219
+ orange3: string;
220
+ orange4: string;
221
+ orange5: string;
222
+ orange6: string;
223
+ orange7: string;
224
+ orange8: string;
225
+ orange9: string;
226
+ orange10: string;
227
+ orange11: string;
228
+ orange12: string;
229
+ pink1: string;
230
+ pink2: string;
231
+ pink3: string;
232
+ pink4: string;
233
+ pink5: string;
234
+ pink6: string;
235
+ pink7: string;
236
+ pink8: string;
237
+ pink9: string;
238
+ pink10: string;
239
+ pink11: string;
240
+ pink12: string;
241
+ purple1: string;
242
+ purple2: string;
243
+ purple3: string;
244
+ purple4: string;
245
+ purple5: string;
246
+ purple6: string;
247
+ purple7: string;
248
+ purple8: string;
249
+ purple9: string;
250
+ purple10: string;
251
+ purple11: string;
252
+ purple12: string;
253
+ red1: string;
254
+ red2: string;
255
+ red3: string;
256
+ red4: string;
257
+ red5: string;
258
+ red6: string;
259
+ red7: string;
260
+ red8: string;
261
+ red9: string;
262
+ red10: string;
263
+ red11: string;
264
+ red12: string;
265
+ teal1: string;
266
+ teal2: string;
267
+ teal3: string;
268
+ teal4: string;
269
+ teal5: string;
270
+ teal6: string;
271
+ teal7: string;
272
+ teal8: string;
273
+ teal9: string;
274
+ teal10: string;
275
+ teal11: string;
276
+ teal12: string;
277
+ white1: string;
278
+ white2: string;
279
+ white3: string;
280
+ white4: string;
281
+ white5: string;
282
+ white6: string;
283
+ white7: string;
284
+ white8: string;
285
+ white9: string;
286
+ white10: string;
287
+ white11: string;
288
+ white12: string;
289
+ yellow1: string;
290
+ yellow2: string;
291
+ yellow3: string;
292
+ yellow4: string;
293
+ yellow5: string;
294
+ yellow6: string;
295
+ yellow7: string;
296
+ yellow8: string;
297
+ yellow9: string;
298
+ yellow10: string;
299
+ yellow11: string;
300
+ yellow12: string;
301
+ shadowColor: string;
302
+ white: string;
303
+ white0: string;
304
+ white02: string;
305
+ white04: string;
306
+ white06: string;
307
+ white08: string;
308
+ black: string;
309
+ black0: string;
310
+ black02: string;
311
+ black04: string;
312
+ black06: string;
313
+ black08: string;
314
+ color1pt5: string;
315
+ color2pt5: string;
316
+ color01: string;
317
+ color0075: string;
318
+ color005: string;
319
+ color0025: string;
320
+ background01: string;
321
+ background0075: string;
322
+ background005: string;
323
+ background0025: string;
324
+ accent1: string;
325
+ accent2: string;
326
+ accent3: string;
327
+ accent4: string;
328
+ accent5: string;
329
+ accent6: string;
330
+ accent7: string;
331
+ accent8: string;
332
+ accent9: string;
333
+ accent10: string;
334
+ accent11: string;
335
+ accent12: string;
336
+ }>;
337
+ tokens: {
338
+ readonly radius: {
339
+ 0: number;
340
+ 1: number;
341
+ 2: number;
342
+ 3: number;
343
+ 4: number;
344
+ true: number;
345
+ 5: number;
346
+ 6: number;
347
+ 7: number;
348
+ 8: number;
349
+ 9: number;
350
+ 10: number;
351
+ 11: number;
352
+ 12: number;
353
+ };
354
+ readonly zIndex: {
355
+ 0: number;
356
+ 1: number;
357
+ 2: number;
358
+ 3: number;
359
+ 4: number;
360
+ 5: number;
361
+ };
362
+ readonly space: {
363
+ 0: number;
364
+ 0.25: number;
365
+ 0.5: number;
366
+ 0.75: number;
367
+ 1: number;
368
+ 1.5: number;
369
+ 2: number;
370
+ 2.5: number;
371
+ 3: number;
372
+ 3.5: number;
373
+ 4: number;
374
+ true: number;
375
+ 4.5: number;
376
+ 5: number;
377
+ 6: number;
378
+ 7: number;
379
+ 8: number;
380
+ 9: number;
381
+ 10: number;
382
+ 11: number;
383
+ 12: number;
384
+ 13: number;
385
+ 14: number;
386
+ 15: number;
387
+ 16: number;
388
+ 17: number;
389
+ 18: number;
390
+ 19: number;
391
+ 20: number;
392
+ [-0.25]: number;
393
+ [-0.5]: number;
394
+ [-0.75]: number;
395
+ [-1]: number;
396
+ [-1.5]: number;
397
+ [-2]: number;
398
+ [-2.5]: number;
399
+ [-3]: number;
400
+ [-3.5]: number;
401
+ [-4]: number;
402
+ "-true": number;
403
+ [-4.5]: number;
404
+ [-5]: number;
405
+ [-6]: number;
406
+ [-7]: number;
407
+ [-8]: number;
408
+ [-9]: number;
409
+ [-10]: number;
410
+ [-11]: number;
411
+ [-12]: number;
412
+ [-13]: number;
413
+ [-14]: number;
414
+ [-15]: number;
415
+ [-16]: number;
416
+ [-17]: number;
417
+ [-18]: number;
418
+ [-19]: number;
419
+ [-20]: number;
420
+ };
421
+ readonly size: {
422
+ $0: number;
423
+ "$0.25": number;
424
+ "$0.5": number;
425
+ "$0.75": number;
426
+ $1: number;
427
+ "$1.5": number;
428
+ $2: number;
429
+ "$2.5": number;
430
+ $3: number;
431
+ "$3.5": number;
432
+ $4: number;
433
+ $true: number;
434
+ "$4.5": number;
435
+ $5: number;
436
+ $6: number;
437
+ $7: number;
438
+ $8: number;
439
+ $9: number;
440
+ $10: number;
441
+ $11: number;
442
+ $12: number;
443
+ $13: number;
444
+ $14: number;
445
+ $15: number;
446
+ $16: number;
447
+ $17: number;
448
+ $18: number;
449
+ $19: number;
450
+ $20: number;
451
+ };
452
+ };
453
+ fonts: {
454
+ body: import("@tamagui/web").FillInFont<import("@tamagui/web").GenericFont, 2 | 9 | 15 | 1 | 10 | 5 | 14 | 11 | 12 | 16 | 3 | 4 | 6 | 7 | 8 | 13 | "true">;
455
+ heading: import("@tamagui/web").FillInFont<import("@tamagui/web").GenericFont, 2 | 9 | 15 | 1 | 10 | 5 | 14 | 11 | 12 | 16 | 3 | 4 | 6 | 7 | 8 | 13 | "true">;
456
+ };
457
+ selectionStyles: (theme: any) => {
458
+ backgroundColor: any;
459
+ color: any;
460
+ } | null;
461
+ settings: {
462
+ mediaQueryDefaultActive: {
463
+ '2xl': boolean;
464
+ xl: boolean;
465
+ lg: boolean;
466
+ md: boolean;
467
+ sm: boolean;
468
+ xs: boolean;
469
+ '2xs': boolean;
470
+ };
471
+ defaultFont: string;
472
+ fastSchemeChange: true;
473
+ shouldAddPrefersColorThemes: true;
474
+ allowedStyleValues: "somewhat-strict-web";
475
+ themeClassNameOnRoot: true;
476
+ onlyAllowShorthands: true;
477
+ maxDarkLightNesting: number;
478
+ };
479
+ };
480
+ //# sourceMappingURL=v5.d.ts.map
package/types/v5.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"v5.d.ts","sourceRoot":"","sources":["../src/v5.ts"],"names":[],"mappings":"AAOA,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAA;AACnD,OAAO,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAA;AACrD,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAA;AACnD,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAA;AAC5C,OAAO,EAAE,gBAAgB,EAAE,KAAK,EAAE,MAAM,YAAY,CAAA;AACpD,OAAO,EAAE,WAAW,EAAE,KAAK,EAAE,uBAAuB,EAAE,MAAM,YAAY,CAAA;AAExE,eAAO,MAAM,eAAe,GAAI,UAAK;;;QAM3B,CAAA;AAEV,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;CAWqB,CAAA;AAE1C,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CASI,CAAA"}
1
+ {"version":3,"file":"v5.d.ts","sourceRoot":"","sources":["../src/v5.ts"],"names":[],"mappings":"AAOA,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAA;AACnD,OAAO,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAA;AACrD,OAAO,EAAE,MAAM,EAAE,aAAa,IAAI,MAAM,EAAE,MAAM,oBAAoB,CAAA;AACpE,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAA;AAC5C,OAAO,EAAE,gBAAgB,EAAE,KAAK,EAAE,MAAM,YAAY,CAAA;AACpD,OAAO,EAAE,WAAW,EAAE,KAAK,EAAE,uBAAuB,EAAE,MAAM,YAAY,CAAA;AAIxE,eAAO,MAAM,eAAe,GAAI,UAAK;;;QAM3B,CAAA;AAEV,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;CAUqB,CAAA;AAE1C,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CASI,CAAA"}
package/v5.d.ts ADDED
@@ -0,0 +1 @@
1
+ export * from './types/v5'
package/v5.js ADDED
@@ -0,0 +1 @@
1
+ Object.assign(module.exports, require('./dist/cjs/v5'))