@tamagui/config 1.122.0 → 1.122.2

package/dist/cjs/v4-media.cjs

@@ -32,7 +32,7 @@ const breakpoints = {
     md: 768,
     sm: 640,
     xs: 460,
-    xxs: 320
+    "2xs": 340
   },
   media = {
     // for site
@@ -54,8 +54,8 @@ const breakpoints = {
     xs: {
       maxWidth: breakpoints.xs
     },
-    xxs: {
-      maxWidth: breakpoints.xxs
+    "2xs": {
+      maxWidth: breakpoints["2xs"]
     }
   },
   mediaQueryDefaultActive = {
@@ -65,5 +65,5 @@ const breakpoints = {
     md: !0,
     sm: !0,
     xs: !0,
-    xxs: !0
+    "2xs": !0
   };

package/dist/cjs/v4-media.js

@@ -26,7 +26,7 @@ const breakpoints = {
   md: 768,
   sm: 640,
   xs: 460,
-  xxs: 320
+  "2xs": 340
 }, media = {
   // for site
   "2xl": { maxWidth: breakpoints["2xl"] },
@@ -35,7 +35,7 @@ const breakpoints = {
   md: { maxWidth: breakpoints.md },
   sm: { maxWidth: breakpoints.sm },
   xs: { maxWidth: breakpoints.xs },
-  xxs: { maxWidth: breakpoints.xxs }
+  "2xs": { maxWidth: breakpoints["2xs"] }
 }, mediaQueryDefaultActive = {
   "2xl": !0,
   xl: !0,
@@ -43,6 +43,6 @@ const breakpoints = {
   md: !0,
   sm: !0,
   xs: !0,
-  xxs: !0
+  "2xs": !0
 };
 //# sourceMappingURL=v4-media.js.map

package/dist/cjs/v4-media.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/v4-media.ts"],
-  "mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAGO,MAAM,cAAc;AAAA,EACzB,OAAO;AAAA,EACP,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,KAAK;AACP,GAEa,QAAQ;AAAA;AAAA,EAEnB,OAAO,EAAE,UAAU,YAAY,KAAK,EAAE;AAAA,EACtC,IAAI,EAAE,UAAU,YAAY,GAAG;AAAA,EAC/B,IAAI,EAAE,UAAU,YAAY,GAAG;AAAA,EAC/B,IAAI,EAAE,UAAU,YAAY,GAAG;AAAA,EAC/B,IAAI,EAAE,UAAU,YAAY,GAAG;AAAA,EAC/B,IAAI,EAAE,UAAU,YAAY,GAAG;AAAA,EAC/B,KAAK,EAAE,UAAU,YAAY,IAAI;AACnC,GAGa,0BAA0B;AAAA,EACrC,OAAO;AAAA,EACP,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,KAAK;AACP;",
+  "mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAGO,MAAM,cAAc;AAAA,EACzB,OAAO;AAAA,EACP,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,OAAO;AACT,GAEa,QAAQ;AAAA;AAAA,EAEnB,OAAO,EAAE,UAAU,YAAY,KAAK,EAAE;AAAA,EACtC,IAAI,EAAE,UAAU,YAAY,GAAG;AAAA,EAC/B,IAAI,EAAE,UAAU,YAAY,GAAG;AAAA,EAC/B,IAAI,EAAE,UAAU,YAAY,GAAG;AAAA,EAC/B,IAAI,EAAE,UAAU,YAAY,GAAG;AAAA,EAC/B,IAAI,EAAE,UAAU,YAAY,GAAG;AAAA,EAC/B,OAAO,EAAE,UAAU,YAAY,KAAK,EAAE;AACxC,GAGa,0BAA0B;AAAA,EACrC,OAAO;AAAA,EACP,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,OAAO;AACT;",
   "names": []
 }

package/dist/cjs/v4-media.native.js

@@ -27,7 +27,7 @@ var breakpoints = {
   md: 768,
   sm: 640,
   xs: 460,
-  xxs: 320
+  "2xs": 340
 }, media = {
   // for site
   "2xl": {
@@ -48,8 +48,8 @@ var breakpoints = {
   xs: {
     maxWidth: breakpoints.xs
   },
-  xxs: {
-    maxWidth: breakpoints.xxs
+  "2xs": {
+    maxWidth: breakpoints["2xs"]
   }
 }, mediaQueryDefaultActive = {
   "2xl": !0,
@@ -58,7 +58,7 @@ var breakpoints = {
   md: !0,
   sm: !0,
   xs: !0,
-  xxs: !0
+  "2xs": !0
 };
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

package/dist/cjs/v4-media.native.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/Users/n8/tamagui/code/core/config/src/v4-media.ts"],
-  "mappings": ";;;;;;;;;;;;;;;AAAA;;;;;;;AAGO,IAAMA,cAAc;EACzB,OAAO;EACPC,IAAI;EACJC,IAAI;EACJC,IAAI;EACJC,IAAI;EACJC,IAAI;EACJC,KAAK;AACP,GAEaC,QAAQ;;EAEnB,OAAO;IAAEC,UAAUR,YAAY,KAAA;EAAO;EACtCC,IAAI;IAAEO,UAAUR,YAAYC;EAAG;EAC/BC,IAAI;IAAEM,UAAUR,YAAYE;EAAG;EAC/BC,IAAI;IAAEK,UAAUR,YAAYG;EAAG;EAC/BC,IAAI;IAAEI,UAAUR,YAAYI;EAAG;EAC/BC,IAAI;IAAEG,UAAUR,YAAYK;EAAG;EAC/BC,KAAK;IAAEE,UAAUR,YAAYM;EAAI;AACnC,GAGaG,0BAA0B;EACrC,OAAO;EACPR,IAAI;EACJC,IAAI;EACJC,IAAI;EACJC,IAAI;EACJC,IAAI;EACJC,KAAK;AACP;",
-  "names": ["breakpoints", "xl", "lg", "md", "sm", "xs", "xxs", "media", "maxWidth", "mediaQueryDefaultActive"]
+  "mappings": ";;;;;;;;;;;;;;;AAAA;;;;;;;AAGO,IAAMA,cAAc;EACzB,OAAO;EACPC,IAAI;EACJC,IAAI;EACJC,IAAI;EACJC,IAAI;EACJC,IAAI;EACJ,OAAO;AACT,GAEaC,QAAQ;;EAEnB,OAAO;IAAEC,UAAUP,YAAY,KAAA;EAAO;EACtCC,IAAI;IAAEM,UAAUP,YAAYC;EAAG;EAC/BC,IAAI;IAAEK,UAAUP,YAAYE;EAAG;EAC/BC,IAAI;IAAEI,UAAUP,YAAYG;EAAG;EAC/BC,IAAI;IAAEG,UAAUP,YAAYI;EAAG;EAC/BC,IAAI;IAAEE,UAAUP,YAAYK;EAAG;EAC/B,OAAO;IAAEE,UAAUP,YAAY,KAAA;EAAO;AACxC,GAGaQ,0BAA0B;EACrC,OAAO;EACPP,IAAI;EACJC,IAAI;EACJC,IAAI;EACJC,IAAI;EACJC,IAAI;EACJ,OAAO;AACT;",
+  "names": ["breakpoints", "xl", "lg", "md", "sm", "xs", "media", "maxWidth", "mediaQueryDefaultActive"]
 }

package/dist/cjs/v4.cjs

@@ -32,12 +32,13 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 var v4_exports = {};
 __export(v4_exports, {
   animations: () => import_v4_animations.animations,
+  breakpoints: () => import_v4_media2.breakpoints,
   createSystemFont: () => import_v4_fonts2.createSystemFont,
   createThemes: () => import_theme_builder2.createThemes,
   defaultConfig: () => defaultConfig,
   fonts: () => import_v4_fonts2.fonts,
-  media: () => import_media.media,
-  mediaQueryDefaultActive: () => import_media.mediaQueryDefaultActive,
+  media: () => import_v4_media2.media,
+  mediaQueryDefaultActive: () => import_v4_media2.mediaQueryDefaultActive,
   selectionStyles: () => selectionStyles,
   settings: () => settings,
   shorthands: () => import_v42.shorthands,
@@ -55,7 +56,7 @@ var Colors = __toESM(require("@tamagui/colors")),
   import_v4_media = require("./v4-media.cjs"),
   import_theme_builder2 = require("@tamagui/theme-builder"),
   import_v42 = require("@tamagui/shorthands/v4"),
-  import_media = require("./media.cjs"),
+  import_v4_media2 = require("./v4-media.cjs"),
   import_v4_animations = require("./v4-animations.cjs"),
   import_v4_fonts2 = require("./v4-fonts.cjs"),
   import_v43 = require("@tamagui/themes/v4");
@@ -77,7 +78,7 @@ const darkPalette = ["#050505", "#151515", "#191919", "#232323", "#282828", "#32
     shadow5: "rgba(0,0,0,0.6)",
     shadow6: "rgba(0,0,0,0.7)"
   },
-  extraColors = {
+  blackColors = {
     black1: darkPalette[0],
     black2: darkPalette[1],
     black3: darkPalette[2],
@@ -89,7 +90,9 @@ const darkPalette = ["#050505", "#151515", "#191919", "#232323", "#282828", "#32
     black9: darkPalette[8],
     black10: darkPalette[9],
     black11: darkPalette[10],
-    black12: darkPalette[11],
+    black12: darkPalette[11]
+  },
+  whiteColors = {
     white1: lightPalette[0],
     white2: lightPalette[1],
     white3: lightPalette[2],
@@ -104,6 +107,7 @@ const darkPalette = ["#050505", "#151515", "#191919", "#232323", "#282828", "#32
     white12: lightPalette[11]
   },
   generatedThemes = (0, import_theme_builder.createThemes)({
+    componentThemes: import_theme_builder.defaultComponentThemes,
     base: {
       palette: {
         dark: darkPalette,
@@ -117,7 +121,8 @@ const darkPalette = ["#050505", "#151515", "#191919", "#232323", "#282828", "#32
           ...Colors.red,
           ...Colors.yellow,
           ...lightShadows,
-          ...extraColors,
+          ...blackColors,
+          ...whiteColors,
           shadowColor: lightShadows.shadow1
         },
         dark: {
@@ -126,7 +131,8 @@ const darkPalette = ["#050505", "#151515", "#191919", "#232323", "#282828", "#32
           ...Colors.redDark,
           ...Colors.yellowDark,
           ...darkShadows,
-          ...extraColors,
+          ...blackColors,
+          ...whiteColors,
           shadowColor: darkShadows.shadow1
         }
       }
@@ -139,6 +145,18 @@ const darkPalette = ["#050505", "#151515", "#191919", "#232323", "#282828", "#32
       }
     },
     childrenThemes: {
+      black: {
+        palette: {
+          dark: Object.values(blackColors),
+          light: Object.values(blackColors)
+        }
+      },
+      white: {
+        palette: {
+          dark: Object.values(whiteColors),
+          light: Object.values(whiteColors)
+        }
+      },
       blue: {
         palette: {
           dark: Object.values(Colors.blueDark),
@@ -177,6 +195,7 @@ const darkPalette = ["#050505", "#151515", "#191919", "#232323", "#282828", "#32
     shouldAddPrefersColorThemes: !0,
     allowedStyleValues: "somewhat-strict-web",
     themeClassNameOnRoot: !0,
+    onlyAllowShorthands: !0,
     maxDarkLightNesting: 1
   },
   defaultConfig = {

package/dist/cjs/v4.js

@@ -23,12 +23,13 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 var v4_exports = {};
 __export(v4_exports, {
   animations: () => import_v4_animations.animations,
+  breakpoints: () => import_v4_media2.breakpoints,
   createSystemFont: () => import_v4_fonts2.createSystemFont,
   createThemes: () => import_theme_builder2.createThemes,
   defaultConfig: () => defaultConfig,
   fonts: () => import_v4_fonts2.fonts,
-  media: () => import_media.media,
-  mediaQueryDefaultActive: () => import_media.mediaQueryDefaultActive,
+  media: () => import_v4_media2.media,
+  mediaQueryDefaultActive: () => import_v4_media2.mediaQueryDefaultActive,
   selectionStyles: () => selectionStyles,
   settings: () => settings,
   shorthands: () => import_v42.shorthands,
@@ -37,7 +38,7 @@ __export(v4_exports, {
   tokens: () => import_v43.tokens
 });
 module.exports = __toCommonJS(v4_exports);
-var Colors = __toESM(require("@tamagui/colors")), import_theme_builder = require("@tamagui/theme-builder"), import_v2 = require("@tamagui/shorthands/v2"), import_v4 = require("@tamagui/themes/v4"), import_v3_animations = require("./v3-animations"), import_v4_fonts = require("./v4-fonts"), import_v4_media = require("./v4-media"), import_theme_builder2 = require("@tamagui/theme-builder"), import_v42 = require("@tamagui/shorthands/v4"), import_media = require("./media"), import_v4_animations = require("./v4-animations"), import_v4_fonts2 = require("./v4-fonts"), import_v43 = require("@tamagui/themes/v4");
+var Colors = __toESM(require("@tamagui/colors")), import_theme_builder = require("@tamagui/theme-builder"), import_v2 = require("@tamagui/shorthands/v2"), import_v4 = require("@tamagui/themes/v4"), import_v3_animations = require("./v3-animations"), import_v4_fonts = require("./v4-fonts"), import_v4_media = require("./v4-media"), import_theme_builder2 = require("@tamagui/theme-builder"), import_v42 = require("@tamagui/shorthands/v4"), import_v4_media2 = require("./v4-media"), import_v4_animations = require("./v4-animations"), import_v4_fonts2 = require("./v4-fonts"), import_v43 = require("@tamagui/themes/v4");
 const darkPalette = [
   "#050505",
   "#151515",
@@ -78,7 +79,7 @@ const darkPalette = [
   shadow4: "rgba(0,0,0,0.5)",
   shadow5: "rgba(0,0,0,0.6)",
   shadow6: "rgba(0,0,0,0.7)"
-}, extraColors = {
+}, blackColors = {
   black1: darkPalette[0],
   black2: darkPalette[1],
   black3: darkPalette[2],
@@ -90,7 +91,8 @@ const darkPalette = [
   black9: darkPalette[8],
   black10: darkPalette[9],
   black11: darkPalette[10],
-  black12: darkPalette[11],
+  black12: darkPalette[11]
+}, whiteColors = {
   white1: lightPalette[0],
   white2: lightPalette[1],
   white3: lightPalette[2],
@@ -104,6 +106,7 @@ const darkPalette = [
   white11: lightPalette[10],
   white12: lightPalette[11]
 }, generatedThemes = (0, import_theme_builder.createThemes)({
+  componentThemes: import_theme_builder.defaultComponentThemes,
   base: {
     palette: {
       dark: darkPalette,
@@ -117,7 +120,8 @@ const darkPalette = [
         ...Colors.red,
         ...Colors.yellow,
         ...lightShadows,
-        ...extraColors,
+        ...blackColors,
+        ...whiteColors,
         shadowColor: lightShadows.shadow1
       },
       dark: {
@@ -126,7 +130,8 @@ const darkPalette = [
         ...Colors.redDark,
         ...Colors.yellowDark,
         ...darkShadows,
-        ...extraColors,
+        ...blackColors,
+        ...whiteColors,
         shadowColor: darkShadows.shadow1
       }
     }
@@ -139,6 +144,18 @@ const darkPalette = [
     }
   },
   childrenThemes: {
+    black: {
+      palette: {
+        dark: Object.values(blackColors),
+        light: Object.values(blackColors)
+      }
+    },
+    white: {
+      palette: {
+        dark: Object.values(whiteColors),
+        light: Object.values(whiteColors)
+      }
+    },
     blue: {
       palette: {
         dark: Object.values(Colors.blueDark),
@@ -174,6 +191,7 @@ const darkPalette = [
   shouldAddPrefersColorThemes: !0,
   allowedStyleValues: "somewhat-strict-web",
   themeClassNameOnRoot: !0,
+  onlyAllowShorthands: !0,
   maxDarkLightNesting: 1
 }, defaultConfig = {
   animations: import_v3_animations.animations,

package/dist/cjs/v4.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/v4.ts"],
-  "mappings": "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",
-  "names": ["import_theme_builder", "import_v4", "import_v4_fonts"]
+  "mappings": "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",
+  "names": ["import_theme_builder", "import_v4", "import_v4_media", "import_v4_fonts"]
 }

package/dist/cjs/v4.native.js

@@ -24,12 +24,13 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 var v4_exports = {};
 __export(v4_exports, {
   animations: () => import_v4_animations.animations,
+  breakpoints: () => import_v4_media2.breakpoints,
   createSystemFont: () => import_v4_fonts2.createSystemFont,
   createThemes: () => import_theme_builder2.createThemes,
   defaultConfig: () => defaultConfig,
   fonts: () => import_v4_fonts2.fonts,
-  media: () => import_media.media,
-  mediaQueryDefaultActive: () => import_media.mediaQueryDefaultActive,
+  media: () => import_v4_media2.media,
+  mediaQueryDefaultActive: () => import_v4_media2.mediaQueryDefaultActive,
   selectionStyles: () => selectionStyles,
   settings: () => settings,
   shorthands: () => import_v42.shorthands,
@@ -38,7 +39,7 @@ __export(v4_exports, {
   tokens: () => import_v43.tokens
 });
 module.exports = __toCommonJS(v4_exports);
-var Colors = __toESM(require("@tamagui/colors")), import_theme_builder = require("@tamagui/theme-builder"), import_v2 = require("@tamagui/shorthands/v2"), import_v4 = require("@tamagui/themes/v4"), import_v3_animations = require("./v3-animations"), import_v4_fonts = require("./v4-fonts"), import_v4_media = require("./v4-media"), import_theme_builder2 = require("@tamagui/theme-builder"), import_v42 = require("@tamagui/shorthands/v4"), import_media = require("./media"), import_v4_animations = require("./v4-animations"), import_v4_fonts2 = require("./v4-fonts"), import_v43 = require("@tamagui/themes/v4"), darkPalette = [
+var Colors = __toESM(require("@tamagui/colors")), import_theme_builder = require("@tamagui/theme-builder"), import_v2 = require("@tamagui/shorthands/v2"), import_v4 = require("@tamagui/themes/v4"), import_v3_animations = require("./v3-animations"), import_v4_fonts = require("./v4-fonts"), import_v4_media = require("./v4-media"), import_theme_builder2 = require("@tamagui/theme-builder"), import_v42 = require("@tamagui/shorthands/v4"), import_v4_media2 = require("./v4-media"), import_v4_animations = require("./v4-animations"), import_v4_fonts2 = require("./v4-fonts"), import_v43 = require("@tamagui/themes/v4"), darkPalette = [
   "#050505",
   "#151515",
   "#191919",
@@ -78,7 +79,7 @@ var Colors = __toESM(require("@tamagui/colors")), import_theme_builder = require
   shadow4: "rgba(0,0,0,0.5)",
   shadow5: "rgba(0,0,0,0.6)",
   shadow6: "rgba(0,0,0,0.7)"
-}, extraColors = {
+}, blackColors = {
   black1: darkPalette[0],
   black2: darkPalette[1],
   black3: darkPalette[2],
@@ -90,7 +91,8 @@ var Colors = __toESM(require("@tamagui/colors")), import_theme_builder = require
   black9: darkPalette[8],
   black10: darkPalette[9],
   black11: darkPalette[10],
-  black12: darkPalette[11],
+  black12: darkPalette[11]
+}, whiteColors = {
   white1: lightPalette[0],
   white2: lightPalette[1],
   white3: lightPalette[2],
@@ -104,6 +106,7 @@ var Colors = __toESM(require("@tamagui/colors")), import_theme_builder = require
   white11: lightPalette[10],
   white12: lightPalette[11]
 }, generatedThemes = (0, import_theme_builder.createThemes)({
+  componentThemes: import_theme_builder.defaultComponentThemes,
   base: {
     palette: {
       dark: darkPalette,
@@ -117,7 +120,8 @@ var Colors = __toESM(require("@tamagui/colors")), import_theme_builder = require
         ...Colors.red,
         ...Colors.yellow,
         ...lightShadows,
-        ...extraColors,
+        ...blackColors,
+        ...whiteColors,
         shadowColor: lightShadows.shadow1
       },
       dark: {
@@ -126,7 +130,8 @@ var Colors = __toESM(require("@tamagui/colors")), import_theme_builder = require
         ...Colors.redDark,
         ...Colors.yellowDark,
         ...darkShadows,
-        ...extraColors,
+        ...blackColors,
+        ...whiteColors,
         shadowColor: darkShadows.shadow1
       }
     }
@@ -139,6 +144,18 @@ var Colors = __toESM(require("@tamagui/colors")), import_theme_builder = require
     }
   },
   childrenThemes: {
+    black: {
+      palette: {
+        dark: Object.values(blackColors),
+        light: Object.values(blackColors)
+      }
+    },
+    white: {
+      palette: {
+        dark: Object.values(whiteColors),
+        light: Object.values(whiteColors)
+      }
+    },
     blue: {
       palette: {
         dark: Object.values(Colors.blueDark),
@@ -176,6 +193,7 @@ var Colors = __toESM(require("@tamagui/colors")), import_theme_builder = require
   shouldAddPrefersColorThemes: !0,
   allowedStyleValues: "somewhat-strict-web",
   themeClassNameOnRoot: !0,
+  onlyAllowShorthands: !0,
   maxDarkLightNesting: 1
 }, defaultConfig = {
   animations: import_v3_animations.animations,
@@ -190,6 +208,7 @@ var Colors = __toESM(require("@tamagui/colors")), import_theme_builder = require
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   animations,
+  breakpoints,
   createSystemFont,
   createThemes,
   defaultConfig,

package/dist/cjs/v4.native.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/Users/n8/tamagui/code/core/config/src/v4.ts"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;;;;;;;;aAAwB,qCACxB,uBAA6B,mCAC7B,YAA2B,mCAC3B,YAAuB,+BAEvB,uBAA2B,4BAC3B,kBAAsB,uBACtB,kBAA+C,uBAE/CA,wBAA6B,mCAC7BC,aAA2B,mCAC3B,eAA+C,oBAC/C,uBAA2B,4BAC3BC,mBAAwC,uBAExCD,aAAsC,+BAIhCE,cAAc;EAClB;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;GAGIC,eAAe;EACnB;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;GAGIC,eAAe;EACnBC,SAAS;EACTC,SAAS;EACTC,SAAS;EACTC,SAAS;EACTC,SAAS;EACTC,SAAS;AACX,GAEMC,cAAc;EAClBN,SAAS;EACTC,SAAS;EACTC,SAAS;EACTC,SAAS;EACTC,SAAS;EACTC,SAAS;AACX,GAEME,cAAc;EAClBC,QAAQX,YAAY,CAAA;EACpBY,QAAQZ,YAAY,CAAA;EACpBa,QAAQb,YAAY,CAAA;EACpBc,QAAQd,YAAY,CAAA;EACpBe,QAAQf,YAAY,CAAA;EACpBgB,QAAQhB,YAAY,CAAA;EACpBiB,QAAQjB,YAAY,CAAA;EACpBkB,QAAQlB,YAAY,CAAA;EACpBmB,QAAQnB,YAAY,CAAA;EACpBoB,SAASpB,YAAY,CAAA;EACrBqB,SAASrB,YAAY,EAAA;EACrBsB,SAAStB,YAAY,EAAA;EACrBuB,QAAQtB,aAAa,CAAA;EACrBuB,QAAQvB,aAAa,CAAA;EACrBwB,QAAQxB,aAAa,CAAA;EACrByB,QAAQzB,aAAa,CAAA;EACrB0B,QAAQ1B,aAAa,CAAA;EACrB2B,QAAQ3B,aAAa,CAAA;EACrB4B,QAAQ5B,aAAa,CAAA;EACrB6B,QAAQ7B,aAAa,CAAA;EACrB8B,QAAQ9B,aAAa,CAAA;EACrB+B,SAAS/B,aAAa,CAAA;EACtBgC,SAAShC,aAAa,EAAA;EACtBiC,SAASjC,aAAa,EAAA;AACxB,GAEMkC,sBAAkBC,mCAAa;EACnCC,MAAM;IACJC,SAAS;MACPC,MAAMvC;MACNwC,OAAOvC;IACT;;IAGAwC,OAAO;MACLD,OAAO;QACL,GAAGE,OAAOC;QACV,GAAGD,OAAOE;QACV,GAAGF,OAAOG;QACV,GAAGH,OAAOI;QACV,GAAG5C;QACH,GAAGQ;QACHqC,aAAa7C,aAAaC;MAC5B;MACAoC,MAAM;QACJ,GAAGG,OAAOM;QACV,GAAGN,OAAOO;QACV,GAAGP,OAAOQ;QACV,GAAGR,OAAOS;QACV,GAAG1C;QACH,GAAGC;QACHqC,aAAatC,YAAYN;MAC3B;IACF;EACF;;EAGAiD,QAAQ;IACNd,SAAS;MACPC,MAAMtC;MACNuC,OAAOxC;IACT;EACF;EAEAqD,gBAAgB;IACdV,MAAM;MACJL,SAAS;QACPC,MAAMe,OAAOC,OAAOb,OAAOM,QAAQ;QACnCR,OAAOc,OAAOC,OAAOb,OAAOC,IAAI;MAClC;IACF;IACAE,KAAK;MACHP,SAAS;QACPC,MAAMe,OAAOC,OAAOb,OAAOQ,OAAO;QAClCV,OAAOc,OAAOC,OAAOb,OAAOG,GAAG;MACjC;IACF;IACAC,QAAQ;MACNR,SAAS;QACPC,MAAMe,OAAOC,OAAOb,OAAOS,UAAU;QACrCX,OAAOc,OAAOC,OAAOb,OAAOI,MAAM;MACpC;IACF;IACAF,OAAO;MACLN,SAAS;QACPC,MAAMe,OAAOC,OAAOb,OAAOO,SAAS;QACpCT,OAAOc,OAAOC,OAAOb,OAAOE,KAAK;MACnC;IACF;EACF;AACF,CAAA,GASaY,SACXC,QAAQC,IAAIC,wBAAwB,YAAYF,QAAQC,IAAIE,aAAa,eACrE,CAAC,IACAzB,iBAIM0B,kBAAkB,SAACC,OAAAA;SAC9BA,MAAMC,SACF;IACEC,iBAAiBF,MAAMC;IACvBE,OAAOH,MAAMI;EACf,IACA;GAEOC,WAAW;EACtBC;EACAC,aAAa;EACbC,kBAAkB;EAClBC,6BAA6B;EAC7BC,oBAAoB;EACpBC,sBAAsB;EACtBC,qBAAqB;AACvB,GAEaC,gBAAgB;EAC3BC;EACAC;EACAC;EACAtB;EACAuB;EACAC;EACAnB;EACAM;AACF;",
-  "names": ["import_theme_builder", "import_v4", "import_v4_fonts", "darkPalette", "lightPalette", "lightShadows", "shadow1", "shadow2", "shadow3", "shadow4", "shadow5", "shadow6", "darkShadows", "extraColors", "black1", "black2", "black3", "black4", "black5", "black6", "black7", "black8", "black9", "black10", "black11", "black12", "white1", "white2", "white3", "white4", "white5", "white6", "white7", "white8", "white9", "white10", "white11", "white12", "generatedThemes", "createThemes", "base", "palette", "dark", "light", "extra", "Colors", "blue", "green", "red", "yellow", "shadowColor", "blueDark", "greenDark", "redDark", "yellowDark", "accent", "childrenThemes", "Object", "values", "themes", "process", "env", "TAMAGUI_ENVIRONMENT", "NODE_ENV", "selectionStyles", "theme", "color5", "backgroundColor", "color", "color11", "settings", "mediaQueryDefaultActive", "defaultFont", "fastSchemeChange", "shouldAddPrefersColorThemes", "allowedStyleValues", "themeClassNameOnRoot", "maxDarkLightNesting", "defaultConfig", "animations", "media", "shorthands", "tokens", "fonts"]
+  "mappings": "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",
+  "names": ["import_theme_builder", "import_v4", "import_v4_media", "import_v4_fonts", "darkPalette", "lightPalette", "lightShadows", "shadow1", "shadow2", "shadow3", "shadow4", "shadow5", "shadow6", "darkShadows", "blackColors", "black1", "black2", "black3", "black4", "black5", "black6", "black7", "black8", "black9", "black10", "black11", "black12", "whiteColors", "white1", "white2", "white3", "white4", "white5", "white6", "white7", "white8", "white9", "white10", "white11", "white12", "generatedThemes", "createThemes", "componentThemes", "defaultComponentThemes", "base", "palette", "dark", "light", "extra", "Colors", "blue", "green", "red", "yellow", "shadowColor", "blueDark", "greenDark", "redDark", "yellowDark", "accent", "childrenThemes", "black", "Object", "values", "white", "themes", "process", "env", "TAMAGUI_ENVIRONMENT", "NODE_ENV", "selectionStyles", "theme", "color5", "backgroundColor", "color", "color11", "settings", "mediaQueryDefaultActive", "defaultFont", "fastSchemeChange", "shouldAddPrefersColorThemes", "allowedStyleValues", "themeClassNameOnRoot", "onlyAllowShorthands", "maxDarkLightNesting", "defaultConfig", "animations", "media", "shorthands", "tokens", "fonts"]
 }

package/dist/esm/v4-media.js

@@ -5,7 +5,7 @@ const breakpoints = {
   md: 768,
   sm: 640,
   xs: 460,
-  xxs: 320
+  "2xs": 340
 }, media = {
   // for site
   "2xl": { maxWidth: breakpoints["2xl"] },
@@ -14,7 +14,7 @@ const breakpoints = {
   md: { maxWidth: breakpoints.md },
   sm: { maxWidth: breakpoints.sm },
   xs: { maxWidth: breakpoints.xs },
-  xxs: { maxWidth: breakpoints.xxs }
+  "2xs": { maxWidth: breakpoints["2xs"] }
 }, mediaQueryDefaultActive = {
   "2xl": !0,
   xl: !0,
@@ -22,7 +22,7 @@ const breakpoints = {
   md: !0,
   sm: !0,
   xs: !0,
-  xxs: !0
+  "2xs": !0
 };
 export {
   breakpoints,

package/dist/esm/v4-media.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/v4-media.ts"],
-  "mappings": "AAGO,MAAM,cAAc;AAAA,EACzB,OAAO;AAAA,EACP,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,KAAK;AACP,GAEa,QAAQ;AAAA;AAAA,EAEnB,OAAO,EAAE,UAAU,YAAY,KAAK,EAAE;AAAA,EACtC,IAAI,EAAE,UAAU,YAAY,GAAG;AAAA,EAC/B,IAAI,EAAE,UAAU,YAAY,GAAG;AAAA,EAC/B,IAAI,EAAE,UAAU,YAAY,GAAG;AAAA,EAC/B,IAAI,EAAE,UAAU,YAAY,GAAG;AAAA,EAC/B,IAAI,EAAE,UAAU,YAAY,GAAG;AAAA,EAC/B,KAAK,EAAE,UAAU,YAAY,IAAI;AACnC,GAGa,0BAA0B;AAAA,EACrC,OAAO;AAAA,EACP,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,KAAK;AACP;",
+  "mappings": "AAGO,MAAM,cAAc;AAAA,EACzB,OAAO;AAAA,EACP,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,OAAO;AACT,GAEa,QAAQ;AAAA;AAAA,EAEnB,OAAO,EAAE,UAAU,YAAY,KAAK,EAAE;AAAA,EACtC,IAAI,EAAE,UAAU,YAAY,GAAG;AAAA,EAC/B,IAAI,EAAE,UAAU,YAAY,GAAG;AAAA,EAC/B,IAAI,EAAE,UAAU,YAAY,GAAG;AAAA,EAC/B,IAAI,EAAE,UAAU,YAAY,GAAG;AAAA,EAC/B,IAAI,EAAE,UAAU,YAAY,GAAG;AAAA,EAC/B,OAAO,EAAE,UAAU,YAAY,KAAK,EAAE;AACxC,GAGa,0BAA0B;AAAA,EACrC,OAAO;AAAA,EACP,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,OAAO;AACT;",
   "names": []
 }

package/dist/esm/v4-media.mjs

@@ -5,7 +5,7 @@ const breakpoints = {
     md: 768,
     sm: 640,
     xs: 460,
-    xxs: 320
+    "2xs": 340
   },
   media = {
     // for site
@@ -27,8 +27,8 @@ const breakpoints = {
     xs: {
       maxWidth: breakpoints.xs
     },
-    xxs: {
-      maxWidth: breakpoints.xxs
+    "2xs": {
+      maxWidth: breakpoints["2xs"]
     }
   },
   mediaQueryDefaultActive = {
@@ -38,7 +38,7 @@ const breakpoints = {
     md: !0,
     sm: !0,
     xs: !0,
-    xxs: !0
+    "2xs": !0
   };
 export { breakpoints, media, mediaQueryDefaultActive };
 //# sourceMappingURL=v4-media.mjs.map

package/dist/esm/v4-media.mjs.map

@@ -1 +1 @@
-{"version":3,"names":["breakpoints","xl","lg","md","sm","xs","xxs","media","maxWidth","mediaQueryDefaultActive"],"sources":["../../src/v4-media.ts"],"sourcesContent":[null],"mappings":"AAGO,MAAMA,WAAA,GAAc;IACzB,OAAO;IACPC,EAAA,EAAI;IACJC,EAAA,EAAI;IACJC,EAAA,EAAI;IACJC,EAAA,EAAI;IACJC,EAAA,EAAI;IACJC,GAAA,EAAK;EACP;EAEaC,KAAA,GAAQ;IAAA;IAEnB,OAAO;MAAEC,QAAA,EAAUR,WAAA,CAAY,KAAK;IAAE;IACtCC,EAAA,EAAI;MAAEO,QAAA,EAAUR,WAAA,CAAYC;IAAG;IAC/BC,EAAA,EAAI;MAAEM,QAAA,EAAUR,WAAA,CAAYE;IAAG;IAC/BC,EAAA,EAAI;MAAEK,QAAA,EAAUR,WAAA,CAAYG;IAAG;IAC/BC,EAAA,EAAI;MAAEI,QAAA,EAAUR,WAAA,CAAYI;IAAG;IAC/BC,EAAA,EAAI;MAAEG,QAAA,EAAUR,WAAA,CAAYK;IAAG;IAC/BC,GAAA,EAAK;MAAEE,QAAA,EAAUR,WAAA,CAAYM;IAAI;EACnC;EAGaG,uBAAA,GAA0B;IACrC,OAAO;IACPR,EAAA,EAAI;IACJC,EAAA,EAAI;IACJC,EAAA,EAAI;IACJC,EAAA,EAAI;IACJC,EAAA,EAAI;IACJC,GAAA,EAAK;EACP","ignoreList":[]}
+{"version":3,"names":["breakpoints","xl","lg","md","sm","xs","media","maxWidth","mediaQueryDefaultActive"],"sources":["../../src/v4-media.ts"],"sourcesContent":[null],"mappings":"AAGO,MAAMA,WAAA,GAAc;IACzB,OAAO;IACPC,EAAA,EAAI;IACJC,EAAA,EAAI;IACJC,EAAA,EAAI;IACJC,EAAA,EAAI;IACJC,EAAA,EAAI;IACJ,OAAO;EACT;EAEaC,KAAA,GAAQ;IAAA;IAEnB,OAAO;MAAEC,QAAA,EAAUP,WAAA,CAAY,KAAK;IAAE;IACtCC,EAAA,EAAI;MAAEM,QAAA,EAAUP,WAAA,CAAYC;IAAG;IAC/BC,EAAA,EAAI;MAAEK,QAAA,EAAUP,WAAA,CAAYE;IAAG;IAC/BC,EAAA,EAAI;MAAEI,QAAA,EAAUP,WAAA,CAAYG;IAAG;IAC/BC,EAAA,EAAI;MAAEG,QAAA,EAAUP,WAAA,CAAYI;IAAG;IAC/BC,EAAA,EAAI;MAAEE,QAAA,EAAUP,WAAA,CAAYK;IAAG;IAC/B,OAAO;MAAEE,QAAA,EAAUP,WAAA,CAAY,KAAK;IAAE;EACxC;EAGaQ,uBAAA,GAA0B;IACrC,OAAO;IACPP,EAAA,EAAI;IACJC,EAAA,EAAI;IACJC,EAAA,EAAI;IACJC,EAAA,EAAI;IACJC,EAAA,EAAI;IACJ,OAAO;EACT","ignoreList":[]}

package/dist/esm/v4-media.native.js

@@ -5,7 +5,7 @@ var breakpoints = {
   md: 768,
   sm: 640,
   xs: 460,
-  xxs: 320
+  "2xs": 340
 }, media = {
   // for site
   "2xl": {
@@ -26,8 +26,8 @@ var breakpoints = {
   xs: {
     maxWidth: breakpoints.xs
   },
-  xxs: {
-    maxWidth: breakpoints.xxs
+  "2xs": {
+    maxWidth: breakpoints["2xs"]
   }
 }, mediaQueryDefaultActive = {
   "2xl": !0,
@@ -36,7 +36,7 @@ var breakpoints = {
   md: !0,
   sm: !0,
   xs: !0,
-  xxs: !0
+  "2xs": !0
 };
 export {
   breakpoints,

package/dist/esm/v4-media.native.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/Users/n8/tamagui/code/core/config/src/v4-media.ts"],
-  "mappings": "AAGO,IAAMA,cAAc;EACzB,OAAO;EACPC,IAAI;EACJC,IAAI;EACJC,IAAI;EACJC,IAAI;EACJC,IAAI;EACJC,KAAK;AACP,GAEaC,QAAQ;;EAEnB,OAAO;IAAEC,UAAUR,YAAY,KAAA;EAAO;EACtCC,IAAI;IAAEO,UAAUR,YAAYC;EAAG;EAC/BC,IAAI;IAAEM,UAAUR,YAAYE;EAAG;EAC/BC,IAAI;IAAEK,UAAUR,YAAYG;EAAG;EAC/BC,IAAI;IAAEI,UAAUR,YAAYI;EAAG;EAC/BC,IAAI;IAAEG,UAAUR,YAAYK;EAAG;EAC/BC,KAAK;IAAEE,UAAUR,YAAYM;EAAI;AACnC,GAGaG,0BAA0B;EACrC,OAAO;EACPR,IAAI;EACJC,IAAI;EACJC,IAAI;EACJC,IAAI;EACJC,IAAI;EACJC,KAAK;AACP;",
-  "names": ["breakpoints", "xl", "lg", "md", "sm", "xs", "xxs", "media", "maxWidth", "mediaQueryDefaultActive"]
+  "mappings": "AAGO,IAAMA,cAAc;EACzB,OAAO;EACPC,IAAI;EACJC,IAAI;EACJC,IAAI;EACJC,IAAI;EACJC,IAAI;EACJ,OAAO;AACT,GAEaC,QAAQ;;EAEnB,OAAO;IAAEC,UAAUP,YAAY,KAAA;EAAO;EACtCC,IAAI;IAAEM,UAAUP,YAAYC;EAAG;EAC/BC,IAAI;IAAEK,UAAUP,YAAYE;EAAG;EAC/BC,IAAI;IAAEI,UAAUP,YAAYG;EAAG;EAC/BC,IAAI;IAAEG,UAAUP,YAAYI;EAAG;EAC/BC,IAAI;IAAEE,UAAUP,YAAYK;EAAG;EAC/B,OAAO;IAAEE,UAAUP,YAAY,KAAA;EAAO;AACxC,GAGaQ,0BAA0B;EACrC,OAAO;EACPP,IAAI;EACJC,IAAI;EACJC,IAAI;EACJC,IAAI;EACJC,IAAI;EACJ,OAAO;AACT;",
+  "names": ["breakpoints", "xl", "lg", "md", "sm", "xs", "media", "maxWidth", "mediaQueryDefaultActive"]
 }

package/dist/esm/v4.js

@@ -1,5 +1,5 @@
 import * as Colors from "@tamagui/colors";
-import { createThemes } from "@tamagui/theme-builder";
+import { createThemes, defaultComponentThemes } from "@tamagui/theme-builder";
 import { shorthands } from "@tamagui/shorthands/v2";
 import { tokens } from "@tamagui/themes/v4";
 import { animations } from "./v3-animations";
@@ -7,7 +7,7 @@ import { fonts } from "./v4-fonts";
 import { media, mediaQueryDefaultActive } from "./v4-media";
 import { createThemes as createThemes2 } from "@tamagui/theme-builder";
 import { shorthands as shorthands2 } from "@tamagui/shorthands/v4";
-import { media as media2, mediaQueryDefaultActive as mediaQueryDefaultActive2 } from "./media";
+import { media as media2, mediaQueryDefaultActive as mediaQueryDefaultActive2, breakpoints } from "./v4-media";
 import { animations as animations2 } from "./v4-animations";
 import { createSystemFont, fonts as fonts2 } from "./v4-fonts";
 import { tamaguiThemes, tokens as tokens2 } from "@tamagui/themes/v4";
@@ -51,7 +51,7 @@ const darkPalette = [
   shadow4: "rgba(0,0,0,0.5)",
   shadow5: "rgba(0,0,0,0.6)",
   shadow6: "rgba(0,0,0,0.7)"
-}, extraColors = {
+}, blackColors = {
   black1: darkPalette[0],
   black2: darkPalette[1],
   black3: darkPalette[2],
@@ -63,7 +63,8 @@ const darkPalette = [
   black9: darkPalette[8],
   black10: darkPalette[9],
   black11: darkPalette[10],
-  black12: darkPalette[11],
+  black12: darkPalette[11]
+}, whiteColors = {
   white1: lightPalette[0],
   white2: lightPalette[1],
   white3: lightPalette[2],
@@ -77,6 +78,7 @@ const darkPalette = [
   white11: lightPalette[10],
   white12: lightPalette[11]
 }, generatedThemes = createThemes({
+  componentThemes: defaultComponentThemes,
   base: {
     palette: {
       dark: darkPalette,
@@ -90,7 +92,8 @@ const darkPalette = [
         ...Colors.red,
         ...Colors.yellow,
         ...lightShadows,
-        ...extraColors,
+        ...blackColors,
+        ...whiteColors,
         shadowColor: lightShadows.shadow1
       },
       dark: {
@@ -99,7 +102,8 @@ const darkPalette = [
         ...Colors.redDark,
         ...Colors.yellowDark,
         ...darkShadows,
-        ...extraColors,
+        ...blackColors,
+        ...whiteColors,
         shadowColor: darkShadows.shadow1
       }
     }
@@ -112,6 +116,18 @@ const darkPalette = [
     }
   },
   childrenThemes: {
+    black: {
+      palette: {
+        dark: Object.values(blackColors),
+        light: Object.values(blackColors)
+      }
+    },
+    white: {
+      palette: {
+        dark: Object.values(whiteColors),
+        light: Object.values(whiteColors)
+      }
+    },
     blue: {
       palette: {
         dark: Object.values(Colors.blueDark),
@@ -147,6 +163,7 @@ const darkPalette = [
   shouldAddPrefersColorThemes: !0,
   allowedStyleValues: "somewhat-strict-web",
   themeClassNameOnRoot: !0,
+  onlyAllowShorthands: !0,
   maxDarkLightNesting: 1
 }, defaultConfig = {
   animations,
@@ -160,6 +177,7 @@ const darkPalette = [
 };
 export {
   animations2 as animations,
+  breakpoints,
   createSystemFont,
   createThemes2 as createThemes,
   defaultConfig,

package/dist/esm/v4.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/v4.ts"],
-  "mappings": "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",
+  "mappings": "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",
   "names": ["createThemes", "shorthands", "media", "mediaQueryDefaultActive", "animations", "fonts", "tokens"]
 }

package/dist/esm/v4.mjs

@@ -1,5 +1,5 @@
 import * as Colors from "@tamagui/colors";
-import { createThemes } from "@tamagui/theme-builder";
+import { createThemes, defaultComponentThemes } from "@tamagui/theme-builder";
 import { shorthands } from "@tamagui/shorthands/v2";
 import { tokens } from "@tamagui/themes/v4";
 import { animations } from "./v3-animations.mjs";
@@ -7,7 +7,7 @@ import { fonts } from "./v4-fonts.mjs";
 import { media, mediaQueryDefaultActive } from "./v4-media.mjs";
 import { createThemes as createThemes2 } from "@tamagui/theme-builder";
 import { shorthands as shorthands2 } from "@tamagui/shorthands/v4";
-import { media as media2, mediaQueryDefaultActive as mediaQueryDefaultActive2 } from "./media.mjs";
+import { media as media2, mediaQueryDefaultActive as mediaQueryDefaultActive2, breakpoints } from "./v4-media.mjs";
 import { animations as animations2 } from "./v4-animations.mjs";
 import { createSystemFont, fonts as fonts2 } from "./v4-fonts.mjs";
 import { tamaguiThemes, tokens as tokens2 } from "@tamagui/themes/v4";
@@ -29,7 +29,7 @@ const darkPalette = ["#050505", "#151515", "#191919", "#232323", "#282828", "#32
     shadow5: "rgba(0,0,0,0.6)",
     shadow6: "rgba(0,0,0,0.7)"
   },
-  extraColors = {
+  blackColors = {
     black1: darkPalette[0],
     black2: darkPalette[1],
     black3: darkPalette[2],
@@ -41,7 +41,9 @@ const darkPalette = ["#050505", "#151515", "#191919", "#232323", "#282828", "#32
     black9: darkPalette[8],
     black10: darkPalette[9],
     black11: darkPalette[10],
-    black12: darkPalette[11],
+    black12: darkPalette[11]
+  },
+  whiteColors = {
     white1: lightPalette[0],
     white2: lightPalette[1],
     white3: lightPalette[2],
@@ -56,6 +58,7 @@ const darkPalette = ["#050505", "#151515", "#191919", "#232323", "#282828", "#32
     white12: lightPalette[11]
   },
   generatedThemes = createThemes({
+    componentThemes: defaultComponentThemes,
     base: {
       palette: {
         dark: darkPalette,
@@ -69,7 +72,8 @@ const darkPalette = ["#050505", "#151515", "#191919", "#232323", "#282828", "#32
           ...Colors.red,
           ...Colors.yellow,
           ...lightShadows,
-          ...extraColors,
+          ...blackColors,
+          ...whiteColors,
           shadowColor: lightShadows.shadow1
         },
         dark: {
@@ -78,7 +82,8 @@ const darkPalette = ["#050505", "#151515", "#191919", "#232323", "#282828", "#32
           ...Colors.redDark,
           ...Colors.yellowDark,
           ...darkShadows,
-          ...extraColors,
+          ...blackColors,
+          ...whiteColors,
           shadowColor: darkShadows.shadow1
         }
       }
@@ -91,6 +96,18 @@ const darkPalette = ["#050505", "#151515", "#191919", "#232323", "#282828", "#32
       }
     },
     childrenThemes: {
+      black: {
+        palette: {
+          dark: Object.values(blackColors),
+          light: Object.values(blackColors)
+        }
+      },
+      white: {
+        palette: {
+          dark: Object.values(whiteColors),
+          light: Object.values(whiteColors)
+        }
+      },
       blue: {
         palette: {
           dark: Object.values(Colors.blueDark),
@@ -129,6 +146,7 @@ const darkPalette = ["#050505", "#151515", "#191919", "#232323", "#282828", "#32
     shouldAddPrefersColorThemes: !0,
     allowedStyleValues: "somewhat-strict-web",
     themeClassNameOnRoot: !0,
+    onlyAllowShorthands: !0,
     maxDarkLightNesting: 1
   },
   defaultConfig = {
@@ -141,5 +159,5 @@ const darkPalette = ["#050505", "#151515", "#191919", "#232323", "#282828", "#32
     selectionStyles,
     settings
   };
-export { animations2 as animations, createSystemFont, createThemes2 as createThemes, defaultConfig, fonts2 as fonts, media2 as media, mediaQueryDefaultActive2 as mediaQueryDefaultActive, selectionStyles, settings, shorthands2 as shorthands, tamaguiThemes, themes, tokens2 as tokens };
+export { animations2 as animations, breakpoints, createSystemFont, createThemes2 as createThemes, defaultConfig, fonts2 as fonts, media2 as media, mediaQueryDefaultActive2 as mediaQueryDefaultActive, selectionStyles, settings, shorthands2 as shorthands, tamaguiThemes, themes, tokens2 as tokens };
 //# sourceMappingURL=v4.mjs.map

package/dist/esm/v4.mjs.map

@@ -1 +1 @@
-{"version":3,"names":["Colors","createThemes","shorthands","tokens","animations","fonts","media","mediaQueryDefaultActive","createThemes2","shorthands2","media2","mediaQueryDefaultActive2","animations2","createSystemFont","fonts2","tamaguiThemes","tokens2","darkPalette","lightPalette","lightShadows","shadow1","shadow2","shadow3","shadow4","shadow5","shadow6","darkShadows","extraColors","black1","black2","black3","black4","black5","black6","black7","black8","black9","black10","black11","black12","white1","white2","white3","white4","white5","white6","white7","white8","white9","white10","white11","white12","generatedThemes","base","palette","dark","light","extra","blue","green","red","yellow","shadowColor","blueDark","greenDark","redDark","yellowDark","accent","childrenThemes","Object","values","themes","process","env","TAMAGUI_ENVIRONMENT","NODE_ENV","selectionStyles","theme","color5","backgroundColor","color","color11","settings","defaultFont","fastSchemeChange","shouldAddPrefersColorThemes","allowedStyleValues","themeClassNameOnRoot","maxDarkLightNesting","defaultConfig"],"sources":["../../src/v4.ts"],"sourcesContent":[null],"mappings":"AAAA,YAAYA,MAAA,MAAY;AACxB,SAASC,YAAA,QAAoB;AAC7B,SAASC,UAAA,QAAkB;AAC3B,SAASC,MAAA,QAAc;AAEvB,SAASC,UAAA,QAAkB;AAC3B,SAASC,KAAA,QAAa;AACtB,SAASC,KAAA,EAAOC,uBAAA,QAA+B;AAE/C,SAASN,YAAA,IAAAO,aAAA,QAAoB;AAC7B,SAASN,UAAA,IAAAO,WAAA,QAAkB;AAC3B,SAASH,KAAA,IAAAI,MAAA,EAAOH,uBAAA,IAAAI,wBAAA,QAA+B;AAC/C,SAASP,UAAA,IAAAQ,WAAA,QAAkB;AAC3B,SAASC,gBAAA,EAAkBR,KAAA,IAAAS,MAAA,QAAa;AAExC,SAASC,aAAA,EAAeZ,MAAA,IAAAa,OAAA,QAAc;AAItC,MAAMC,WAAA,GAAc,CAClB,WACA,WACA,WACA,WACA,WACA,WACA,WACA,WACA,WACA,WACA,WACA,OACF;EAEMC,YAAA,GAAe,CACnB,QACA,WACA,qBACA,qBACA,qBACA,qBACA,qBACA,qBACA,qBACA,qBACA,qBACA,mBACF;EAEMC,YAAA,GAAe;IACnBC,OAAA,EAAS;IACTC,OAAA,EAAS;IACTC,OAAA,EAAS;IACTC,OAAA,EAAS;IACTC,OAAA,EAAS;IACTC,OAAA,EAAS;EACX;EAEMC,WAAA,GAAc;IAClBN,OAAA,EAAS;IACTC,OAAA,EAAS;IACTC,OAAA,EAAS;IACTC,OAAA,EAAS;IACTC,OAAA,EAAS;IACTC,OAAA,EAAS;EACX;EAEME,WAAA,GAAc;IAClBC,MAAA,EAAQX,WAAA,CAAY,CAAC;IACrBY,MAAA,EAAQZ,WAAA,CAAY,CAAC;IACrBa,MAAA,EAAQb,WAAA,CAAY,CAAC;IACrBc,MAAA,EAAQd,WAAA,CAAY,CAAC;IACrBe,MAAA,EAAQf,WAAA,CAAY,CAAC;IACrBgB,MAAA,EAAQhB,WAAA,CAAY,CAAC;IACrBiB,MAAA,EAAQjB,WAAA,CAAY,CAAC;IACrBkB,MAAA,EAAQlB,WAAA,CAAY,CAAC;IACrBmB,MAAA,EAAQnB,WAAA,CAAY,CAAC;IACrBoB,OAAA,EAASpB,WAAA,CAAY,CAAC;IACtBqB,OAAA,EAASrB,WAAA,CAAY,EAAE;IACvBsB,OAAA,EAAStB,WAAA,CAAY,EAAE;IACvBuB,MAAA,EAAQtB,YAAA,CAAa,CAAC;IACtBuB,MAAA,EAAQvB,YAAA,CAAa,CAAC;IACtBwB,MAAA,EAAQxB,YAAA,CAAa,CAAC;IACtByB,MAAA,EAAQzB,YAAA,CAAa,CAAC;IACtB0B,MAAA,EAAQ1B,YAAA,CAAa,CAAC;IACtB2B,MAAA,EAAQ3B,YAAA,CAAa,CAAC;IACtB4B,MAAA,EAAQ5B,YAAA,CAAa,CAAC;IACtB6B,MAAA,EAAQ7B,YAAA,CAAa,CAAC;IACtB8B,MAAA,EAAQ9B,YAAA,CAAa,CAAC;IACtB+B,OAAA,EAAS/B,YAAA,CAAa,CAAC;IACvBgC,OAAA,EAAShC,YAAA,CAAa,EAAE;IACxBiC,OAAA,EAASjC,YAAA,CAAa,EAAE;EAC1B;EAEMkC,eAAA,GAAkBnD,YAAA,CAAa;IACnCoD,IAAA,EAAM;MACJC,OAAA,EAAS;QACPC,IAAA,EAAMtC,WAAA;QACNuC,KAAA,EAAOtC;MACT;MAAA;MAGAuC,KAAA,EAAO;QACLD,KAAA,EAAO;UACL,GAAGxD,MAAA,CAAO0D,IAAA;UACV,GAAG1D,MAAA,CAAO2D,KAAA;UACV,GAAG3D,MAAA,CAAO4D,GAAA;UACV,GAAG5D,MAAA,CAAO6D,MAAA;UACV,GAAG1C,YAAA;UACH,GAAGQ,WAAA;UACHmC,WAAA,EAAa3C,YAAA,CAAaC;QAC5B;QACAmC,IAAA,EAAM;UACJ,GAAGvD,MAAA,CAAO+D,QAAA;UACV,GAAG/D,MAAA,CAAOgE,SAAA;UACV,GAAGhE,MAAA,CAAOiE,OAAA;UACV,GAAGjE,MAAA,CAAOkE,UAAA;UACV,GAAGxC,WAAA;UACH,GAAGC,WAAA;UACHmC,WAAA,EAAapC,WAAA,CAAYN;QAC3B;MACF;IACF;IAAA;IAGA+C,MAAA,EAAQ;MACNb,OAAA,EAAS;QACPC,IAAA,EAAMrC,YAAA;QACNsC,KAAA,EAAOvC;MACT;IACF;IAEAmD,cAAA,EAAgB;MACdV,IAAA,EAAM;QACJJ,OAAA,EAAS;UACPC,IAAA,EAAMc,MAAA,CAAOC,MAAA,CAAOtE,MAAA,CAAO+D,QAAQ;UACnCP,KAAA,EAAOa,MAAA,CAAOC,MAAA,CAAOtE,MAAA,CAAO0D,IAAI;QAClC;MACF;MACAE,GAAA,EAAK;QACHN,OAAA,EAAS;UACPC,IAAA,EAAMc,MAAA,CAAOC,MAAA,CAAOtE,MAAA,CAAOiE,OAAO;UAClCT,KAAA,EAAOa,MAAA,CAAOC,MAAA,CAAOtE,MAAA,CAAO4D,GAAG;QACjC;MACF;MACAC,MAAA,EAAQ;QACNP,OAAA,EAAS;UACPC,IAAA,EAAMc,MAAA,CAAOC,MAAA,CAAOtE,MAAA,CAAOkE,UAAU;UACrCV,KAAA,EAAOa,MAAA,CAAOC,MAAA,CAAOtE,MAAA,CAAO6D,MAAM;QACpC;MACF;MACAF,KAAA,EAAO;QACLL,OAAA,EAAS;UACPC,IAAA,EAAMc,MAAA,CAAOC,MAAA,CAAOtE,MAAA,CAAOgE,SAAS;UACpCR,KAAA,EAAOa,MAAA,CAAOC,MAAA,CAAOtE,MAAA,CAAO2D,KAAK;QACnC;MACF;IACF;EACF,CAAC;EASYY,MAAA,GACXC,OAAA,CAAQC,GAAA,CAAIC,mBAAA,KAAwB,YAAYF,OAAA,CAAQC,GAAA,CAAIE,QAAA,KAAa,eACrE,CAAC,IACAvB,eAAA;EAIMwB,eAAA,GAAmBC,KAAA,IAC9BA,KAAA,CAAMC,MAAA,GACF;IACEC,eAAA,EAAiBF,KAAA,CAAMC,MAAA;IACvBE,KAAA,EAAOH,KAAA,CAAMI;EACf,IACA;EAEOC,QAAA,GAAW;IACtB3E,uBAAA;IACA4E,WAAA,EAAa;IACbC,gBAAA,EAAkB;IAClBC,2BAAA,EAA6B;IAC7BC,kBAAA,EAAoB;IACpBC,oBAAA,EAAsB;IACtBC,mBAAA,EAAqB;EACvB;EAEaC,aAAA,GAAgB;IAC3BrF,UAAA;IACAE,KAAA;IACAJ,UAAA;IACAqE,MAAA;IACApE,MAAA;IACAE,KAAA;IACAuE,eAAA;IACAM;EACF","ignoreList":[]}
+{"version":3,"names":["Colors","createThemes","defaultComponentThemes","shorthands","tokens","animations","fonts","media","mediaQueryDefaultActive","createThemes2","shorthands2","media2","mediaQueryDefaultActive2","breakpoints","animations2","createSystemFont","fonts2","tamaguiThemes","tokens2","darkPalette","lightPalette","lightShadows","shadow1","shadow2","shadow3","shadow4","shadow5","shadow6","darkShadows","blackColors","black1","black2","black3","black4","black5","black6","black7","black8","black9","black10","black11","black12","whiteColors","white1","white2","white3","white4","white5","white6","white7","white8","white9","white10","white11","white12","generatedThemes","componentThemes","base","palette","dark","light","extra","blue","green","red","yellow","shadowColor","blueDark","greenDark","redDark","yellowDark","accent","childrenThemes","black","Object","values","white","themes","process","env","TAMAGUI_ENVIRONMENT","NODE_ENV","selectionStyles","theme","color5","backgroundColor","color","color11","settings","defaultFont","fastSchemeChange","shouldAddPrefersColorThemes","allowedStyleValues","themeClassNameOnRoot","onlyAllowShorthands","maxDarkLightNesting","defaultConfig"],"sources":["../../src/v4.ts"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/esm/v4.native.js

@@ -1,5 +1,5 @@
 import * as Colors from "@tamagui/colors";
-import { createThemes } from "@tamagui/theme-builder";
+import { createThemes, defaultComponentThemes } from "@tamagui/theme-builder";
 import { shorthands } from "@tamagui/shorthands/v2";
 import { tokens } from "@tamagui/themes/v4";
 import { animations } from "./v3-animations";
@@ -7,7 +7,7 @@ import { fonts } from "./v4-fonts";
 import { media, mediaQueryDefaultActive } from "./v4-media";
 import { createThemes as createThemes2 } from "@tamagui/theme-builder";
 import { shorthands as shorthands2 } from "@tamagui/shorthands/v4";
-import { media as media2, mediaQueryDefaultActive as mediaQueryDefaultActive2 } from "./media";
+import { media as media2, mediaQueryDefaultActive as mediaQueryDefaultActive2, breakpoints } from "./v4-media";
 import { animations as animations2 } from "./v4-animations";
 import { createSystemFont, fonts as fonts2 } from "./v4-fonts";
 import { tamaguiThemes, tokens as tokens2 } from "@tamagui/themes/v4";
@@ -51,7 +51,7 @@ var darkPalette = [
   shadow4: "rgba(0,0,0,0.5)",
   shadow5: "rgba(0,0,0,0.6)",
   shadow6: "rgba(0,0,0,0.7)"
-}, extraColors = {
+}, blackColors = {
   black1: darkPalette[0],
   black2: darkPalette[1],
   black3: darkPalette[2],
@@ -63,7 +63,8 @@ var darkPalette = [
   black9: darkPalette[8],
   black10: darkPalette[9],
   black11: darkPalette[10],
-  black12: darkPalette[11],
+  black12: darkPalette[11]
+}, whiteColors = {
   white1: lightPalette[0],
   white2: lightPalette[1],
   white3: lightPalette[2],
@@ -77,6 +78,7 @@ var darkPalette = [
   white11: lightPalette[10],
   white12: lightPalette[11]
 }, generatedThemes = createThemes({
+  componentThemes: defaultComponentThemes,
   base: {
     palette: {
       dark: darkPalette,
@@ -90,7 +92,8 @@ var darkPalette = [
         ...Colors.red,
         ...Colors.yellow,
         ...lightShadows,
-        ...extraColors,
+        ...blackColors,
+        ...whiteColors,
         shadowColor: lightShadows.shadow1
       },
       dark: {
@@ -99,7 +102,8 @@ var darkPalette = [
         ...Colors.redDark,
         ...Colors.yellowDark,
         ...darkShadows,
-        ...extraColors,
+        ...blackColors,
+        ...whiteColors,
         shadowColor: darkShadows.shadow1
       }
     }
@@ -112,6 +116,18 @@ var darkPalette = [
     }
   },
   childrenThemes: {
+    black: {
+      palette: {
+        dark: Object.values(blackColors),
+        light: Object.values(blackColors)
+      }
+    },
+    white: {
+      palette: {
+        dark: Object.values(whiteColors),
+        light: Object.values(whiteColors)
+      }
+    },
     blue: {
       palette: {
         dark: Object.values(Colors.blueDark),
@@ -149,6 +165,7 @@ var darkPalette = [
   shouldAddPrefersColorThemes: !0,
   allowedStyleValues: "somewhat-strict-web",
   themeClassNameOnRoot: !0,
+  onlyAllowShorthands: !0,
   maxDarkLightNesting: 1
 }, defaultConfig = {
   animations,
@@ -162,6 +179,7 @@ var darkPalette = [
 };
 export {
   animations2 as animations,
+  breakpoints,
   createSystemFont,
   createThemes2 as createThemes,
   defaultConfig,

package/dist/esm/v4.native.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/Users/n8/tamagui/code/core/config/src/v4.ts"],
-  "mappings": "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",
-  "names": ["Colors", "createThemes", "shorthands", "tokens", "animations", "fonts", "media", "mediaQueryDefaultActive", "createSystemFont", "tamaguiThemes", "darkPalette", "lightPalette", "lightShadows", "shadow1", "shadow2", "shadow3", "shadow4", "shadow5", "shadow6", "darkShadows", "extraColors", "black1", "black2", "black3", "black4", "black5", "black6", "black7", "black8", "black9", "black10", "black11", "black12", "white1", "white2", "white3", "white4", "white5", "white6", "white7", "white8", "white9", "white10", "white11", "white12", "generatedThemes", "base", "palette", "dark", "light", "extra", "blue", "green", "red", "yellow", "shadowColor", "blueDark", "greenDark", "redDark", "yellowDark", "accent", "childrenThemes", "Object", "values", "themes", "process", "env", "TAMAGUI_ENVIRONMENT", "NODE_ENV", "selectionStyles", "theme", "color5", "backgroundColor", "color", "color11", "settings", "defaultFont", "fastSchemeChange", "shouldAddPrefersColorThemes", "allowedStyleValues", "themeClassNameOnRoot", "maxDarkLightNesting", "defaultConfig"]
+  "mappings": "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",
+  "names": ["Colors", "createThemes", "defaultComponentThemes", "shorthands", "tokens", "animations", "fonts", "media", "mediaQueryDefaultActive", "breakpoints", "createSystemFont", "tamaguiThemes", "darkPalette", "lightPalette", "lightShadows", "shadow1", "shadow2", "shadow3", "shadow4", "shadow5", "shadow6", "darkShadows", "blackColors", "black1", "black2", "black3", "black4", "black5", "black6", "black7", "black8", "black9", "black10", "black11", "black12", "whiteColors", "white1", "white2", "white3", "white4", "white5", "white6", "white7", "white8", "white9", "white10", "white11", "white12", "generatedThemes", "componentThemes", "base", "palette", "dark", "light", "extra", "blue", "green", "red", "yellow", "shadowColor", "blueDark", "greenDark", "redDark", "yellowDark", "accent", "childrenThemes", "black", "Object", "values", "white", "themes", "process", "env", "TAMAGUI_ENVIRONMENT", "NODE_ENV", "selectionStyles", "theme", "color5", "backgroundColor", "color", "color11", "settings", "defaultFont", "fastSchemeChange", "shouldAddPrefersColorThemes", "allowedStyleValues", "themeClassNameOnRoot", "onlyAllowShorthands", "maxDarkLightNesting", "defaultConfig"]
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tamagui/config",
-  "version": "1.122.0",
+  "version": "1.122.2",
   "types": "./types/index.d.ts",
   "main": "dist/cjs",
   "module": "dist/esm",
@@ -81,19 +81,19 @@
     }
   },
   "dependencies": {
-    "@tamagui/animations-css": "1.122.0",
-    "@tamagui/animations-moti": "1.122.0",
-    "@tamagui/animations-react-native": "1.122.0",
-    "@tamagui/colors": "1.122.0",
-    "@tamagui/font-inter": "1.122.0",
-    "@tamagui/font-silkscreen": "1.122.0",
-    "@tamagui/react-native-media-driver": "1.122.0",
-    "@tamagui/shorthands": "1.122.0",
-    "@tamagui/themes": "1.122.0",
-    "@tamagui/web": "1.122.0"
+    "@tamagui/animations-css": "1.122.2",
+    "@tamagui/animations-moti": "1.122.2",
+    "@tamagui/animations-react-native": "1.122.2",
+    "@tamagui/colors": "1.122.2",
+    "@tamagui/font-inter": "1.122.2",
+    "@tamagui/font-silkscreen": "1.122.2",
+    "@tamagui/react-native-media-driver": "1.122.2",
+    "@tamagui/shorthands": "1.122.2",
+    "@tamagui/themes": "1.122.2",
+    "@tamagui/web": "1.122.2"
   },
   "devDependencies": {
-    "@tamagui/build": "1.122.0"
+    "@tamagui/build": "1.122.2"
   },
   "publishConfig": {
     "access": "public"

package/src/v4-media.ts

@@ -8,7 +8,7 @@ export const breakpoints = {
   md: 768,
   sm: 640,
   xs: 460,
-  xxs: 320,
+  '2xs': 340,
 }
 
 export const media = {
@@ -19,7 +19,7 @@ export const media = {
   md: { maxWidth: breakpoints.md },
   sm: { maxWidth: breakpoints.sm },
   xs: { maxWidth: breakpoints.xs },
-  xxs: { maxWidth: breakpoints.xxs },
+  '2xs': { maxWidth: breakpoints['2xs'] },
 } as const
 
 // all true to start to match mobile-first
@@ -30,5 +30,5 @@ export const mediaQueryDefaultActive = {
   md: true,
   sm: true,
   xs: true,
-  xxs: true,
+  '2xs': true,
 }

package/src/v4.ts

@@ -1,5 +1,5 @@
 import * as Colors from '@tamagui/colors'
-import { createThemes } from '@tamagui/theme-builder'
+import { createThemes, defaultComponentThemes } from '@tamagui/theme-builder'
 import { shorthands } from '@tamagui/shorthands/v2'
 import { tokens } from '@tamagui/themes/v4'
 import type { CreateTamaguiProps } from '@tamagui/web'
@@ -9,10 +9,9 @@ import { media, mediaQueryDefaultActive } from './v4-media'
 
 export { createThemes } from '@tamagui/theme-builder'
 export { shorthands } from '@tamagui/shorthands/v4'
-export { media, mediaQueryDefaultActive } from './media'
+export { media, mediaQueryDefaultActive, breakpoints } from './v4-media'
 export { animations } from './v4-animations'
 export { createSystemFont, fonts } from './v4-fonts'
-
 export { tamaguiThemes, tokens } from '@tamagui/themes/v4'
 
 // Themes:
@@ -65,7 +64,7 @@ const darkShadows = {
   shadow6: 'rgba(0,0,0,0.7)',
 }
 
-const extraColors = {
+const blackColors = {
   black1: darkPalette[0],
   black2: darkPalette[1],
   black3: darkPalette[2],
@@ -78,6 +77,9 @@ const extraColors = {
   black10: darkPalette[9],
   black11: darkPalette[10],
   black12: darkPalette[11],
+}
+
+const whiteColors = {
   white1: lightPalette[0],
   white2: lightPalette[1],
   white3: lightPalette[2],
@@ -93,6 +95,8 @@ const extraColors = {
 }
 
 const generatedThemes = createThemes({
+  componentThemes: defaultComponentThemes,
+
   base: {
     palette: {
       dark: darkPalette,
@@ -107,7 +111,8 @@ const generatedThemes = createThemes({
         ...Colors.red,
         ...Colors.yellow,
         ...lightShadows,
-        ...extraColors,
+        ...blackColors,
+        ...whiteColors,
         shadowColor: lightShadows.shadow1,
       },
       dark: {
@@ -116,7 +121,8 @@ const generatedThemes = createThemes({
         ...Colors.redDark,
         ...Colors.yellowDark,
         ...darkShadows,
-        ...extraColors,
+        ...blackColors,
+        ...whiteColors,
         shadowColor: darkShadows.shadow1,
       },
     },
@@ -131,6 +137,19 @@ const generatedThemes = createThemes({
   },
 
   childrenThemes: {
+    black: {
+      palette: {
+        dark: Object.values(blackColors),
+        light: Object.values(blackColors),
+      },
+    },
+    white: {
+      palette: {
+        dark: Object.values(whiteColors),
+        light: Object.values(whiteColors),
+      },
+    },
+
     blue: {
       palette: {
         dark: Object.values(Colors.blueDark),
@@ -187,6 +206,7 @@ export const settings = {
   shouldAddPrefersColorThemes: true,
   allowedStyleValues: 'somewhat-strict-web',
   themeClassNameOnRoot: true,
+  onlyAllowShorthands: true,
   maxDarkLightNesting: 1,
 } satisfies CreateTamaguiProps['settings']
 

package/types/v4-media.d.ts

@@ -5,7 +5,7 @@ export declare const breakpoints: {
     md: number;
     sm: number;
     xs: number;
-    xxs: number;
+    '2xs': number;
 };
 export declare const media: {
     readonly '2xl': {
@@ -26,7 +26,7 @@ export declare const media: {
     readonly xs: {
         readonly maxWidth: number;
     };
-    readonly xxs: {
+    readonly '2xs': {
         readonly maxWidth: number;
     };
 };
@@ -37,6 +37,6 @@ export declare const mediaQueryDefaultActive: {
     md: boolean;
     sm: boolean;
     xs: boolean;
-    xxs: boolean;
+    '2xs': boolean;
 };
 //# sourceMappingURL=v4-media.d.ts.map

package/types/v4.d.ts

@@ -1,10 +1,10 @@
 export { createThemes } from '@tamagui/theme-builder';
 export { shorthands } from '@tamagui/shorthands/v4';
-export { media, mediaQueryDefaultActive } from './media';
+export { media, mediaQueryDefaultActive, breakpoints } from './v4-media';
 export { animations } from './v4-animations';
 export { createSystemFont, fonts } from './v4-fonts';
 export { tamaguiThemes, tokens } from '@tamagui/themes/v4';
-declare const generatedThemes: Record<"light" | "dark" | "light_yellow" | "light_green" | "light_blue" | "light_red" | "dark_yellow" | "dark_green" | "dark_blue" | "dark_red" | "light_accent" | "dark_accent", {
+declare const generatedThemes: Record<"light" | "dark" | "light_yellow" | "light_green" | "light_blue" | "light_red" | "dark_yellow" | "dark_green" | "dark_blue" | "dark_red" | "light_accent" | "dark_accent" | "dark_black" | "dark_white" | "light_black" | "light_white", {
     [x: string]: string;
     [x: number]: string;
     [x: symbol]: string;
@@ -28,13 +28,14 @@ export declare const settings: {
         md: boolean;
         sm: boolean;
         xs: boolean;
-        xxs: boolean;
+        '2xs': boolean;
     };
     defaultFont: string;
     fastSchemeChange: true;
     shouldAddPrefersColorThemes: true;
     allowedStyleValues: "somewhat-strict-web";
     themeClassNameOnRoot: true;
+    onlyAllowShorthands: true;
     maxDarkLightNesting: number;
 };
 export declare const defaultConfig: {
@@ -71,7 +72,7 @@ export declare const defaultConfig: {
         readonly xs: {
             readonly maxWidth: number;
         };
-        readonly xxs: {
+        readonly '2xs': {
             readonly maxWidth: number;
         };
     };
@@ -150,7 +151,7 @@ export declare const defaultConfig: {
         readonly w: "width";
         readonly zi: "zIndex";
     };
-    themes: Record<"light" | "dark" | "light_yellow" | "light_green" | "light_blue" | "light_red" | "dark_yellow" | "dark_green" | "dark_blue" | "dark_red" | "light_accent" | "dark_accent", {
+    themes: Record<"light" | "dark" | "light_yellow" | "light_green" | "light_blue" | "light_red" | "dark_yellow" | "dark_green" | "dark_blue" | "dark_red" | "light_accent" | "dark_accent" | "dark_black" | "dark_white" | "light_black" | "light_white", {
         [x: string]: string;
         [x: number]: string;
         [x: symbol]: string;
@@ -287,13 +288,14 @@ export declare const defaultConfig: {
             md: boolean;
             sm: boolean;
             xs: boolean;
-            xxs: boolean;
+            '2xs': boolean;
         };
         defaultFont: string;
         fastSchemeChange: true;
         shouldAddPrefersColorThemes: true;
         allowedStyleValues: "somewhat-strict-web";
         themeClassNameOnRoot: true;
+        onlyAllowShorthands: true;
         maxDarkLightNesting: number;
     };
 };