@tamagui/theme-base 1.0.1-beta.135 → 1.0.1-beta.138

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tamagui/theme-base",
-  "version": "1.0.1-beta.135",
+  "version": "1.0.1-beta.138",
   "types": "./types/index.d.ts",
   "main": "dist/cjs",
   "module": "dist/esm",
@@ -13,15 +13,17 @@
   "scripts": {
     "build": "tamagui-build",
     "watch": "tamagui-build --watch",
+    "lint": "eslint",
+    "lint:fix": "yarn lint --fix",
     "clean": "tamagui-build clean",
     "clean:build": "tamagui-build clean:build"
   },
   "dependencies": {
-    "@tamagui/colors": "^1.0.1-beta.135",
-    "@tamagui/core": "^1.0.1-beta.135"
+    "@tamagui/colors": "^1.0.1-beta.138",
+    "@tamagui/core": "^1.0.1-beta.138"
   },
   "devDependencies": {
-    "@tamagui/build": "^1.0.1-beta.135"
+    "@tamagui/build": "^1.0.1-beta.138"
   },
   "publishConfig": {
     "access": "public"

package/types/themes.d.ts

@@ -497,7 +497,7 @@ declare const baseThemes: {
         borderColorPress: string | Variable<any>;
         borderColorFocus: string | Variable<any>;
     };
-    dark_alt3: {
+    dark_alt1: {
         background: any;
         backgroundStrong: any;
         backgroundSoft: any;
@@ -543,7 +543,7 @@ declare const baseThemes: {
         borderColorPress: string | Variable<any>;
         borderColorFocus: string | Variable<any>;
     };
-    dark_alt1: {
+    dark_alt3: {
         background: any;
         backgroundStrong: any;
         backgroundSoft: any;
@@ -905,7 +905,7 @@ declare const baseThemes: {
         borderColorPress: string | Variable<any>;
         borderColorFocus: string | Variable<any>;
     };
-    light_alt3: {
+    light_alt1: {
         background: any;
         backgroundStrong: any;
         backgroundSoft: any;
@@ -951,7 +951,7 @@ declare const baseThemes: {
         borderColorPress: string | Variable<any>;
         borderColorFocus: string | Variable<any>;
     };
-    light_alt1: {
+    light_alt3: {
         background: any;
         backgroundStrong: any;
         backgroundSoft: any;
@@ -1245,7 +1245,7 @@ declare const allThemes: {
         borderColorPress: string | Variable<any>;
         borderColorFocus: string | Variable<any>;
     };
-    readonly light_blue_alt3: {
+    readonly light_blue_alt1: {
         background: any;
         backgroundStrong: any;
         backgroundSoft: any;
@@ -1291,7 +1291,7 @@ declare const allThemes: {
         borderColorPress: string | Variable<any>;
         borderColorFocus: string | Variable<any>;
     };
-    readonly light_blue_alt1: {
+    readonly light_blue_alt3: {
         background: any;
         backgroundStrong: any;
         backgroundSoft: any;
@@ -1314,7 +1314,7 @@ declare const allThemes: {
         borderColorPress: string | Variable<any>;
         borderColorFocus: string | Variable<any>;
     };
-    readonly light_gray_alt3: {
+    readonly light_gray_alt1: {
         background: any;
         backgroundStrong: any;
         backgroundSoft: any;
@@ -1360,7 +1360,7 @@ declare const allThemes: {
         borderColorPress: string | Variable<any>;
         borderColorFocus: string | Variable<any>;
     };
-    readonly light_gray_alt1: {
+    readonly light_gray_alt3: {
         background: any;
         backgroundStrong: any;
         backgroundSoft: any;
@@ -1383,7 +1383,7 @@ declare const allThemes: {
         borderColorPress: string | Variable<any>;
         borderColorFocus: string | Variable<any>;
     };
-    readonly light_green_alt3: {
+    readonly light_green_alt1: {
         background: any;
         backgroundStrong: any;
         backgroundSoft: any;
@@ -1429,7 +1429,7 @@ declare const allThemes: {
         borderColorPress: string | Variable<any>;
         borderColorFocus: string | Variable<any>;
     };
-    readonly light_green_alt1: {
+    readonly light_green_alt3: {
         background: any;
         backgroundStrong: any;
         backgroundSoft: any;
@@ -1452,7 +1452,7 @@ declare const allThemes: {
         borderColorPress: string | Variable<any>;
         borderColorFocus: string | Variable<any>;
     };
-    readonly light_orange_alt3: {
+    readonly light_orange_alt1: {
         background: any;
         backgroundStrong: any;
         backgroundSoft: any;
@@ -1498,7 +1498,7 @@ declare const allThemes: {
         borderColorPress: string | Variable<any>;
         borderColorFocus: string | Variable<any>;
     };
-    readonly light_orange_alt1: {
+    readonly light_orange_alt3: {
         background: any;
         backgroundStrong: any;
         backgroundSoft: any;
@@ -1521,7 +1521,7 @@ declare const allThemes: {
         borderColorPress: string | Variable<any>;
         borderColorFocus: string | Variable<any>;
     };
-    readonly light_pink_alt3: {
+    readonly light_pink_alt1: {
         background: any;
         backgroundStrong: any;
         backgroundSoft: any;
@@ -1567,7 +1567,7 @@ declare const allThemes: {
         borderColorPress: string | Variable<any>;
         borderColorFocus: string | Variable<any>;
     };
-    readonly light_pink_alt1: {
+    readonly light_pink_alt3: {
         background: any;
         backgroundStrong: any;
         backgroundSoft: any;
@@ -1590,7 +1590,7 @@ declare const allThemes: {
         borderColorPress: string | Variable<any>;
         borderColorFocus: string | Variable<any>;
     };
-    readonly light_purple_alt3: {
+    readonly light_purple_alt1: {
         background: any;
         backgroundStrong: any;
         backgroundSoft: any;
@@ -1636,7 +1636,7 @@ declare const allThemes: {
         borderColorPress: string | Variable<any>;
         borderColorFocus: string | Variable<any>;
     };
-    readonly light_purple_alt1: {
+    readonly light_purple_alt3: {
         background: any;
         backgroundStrong: any;
         backgroundSoft: any;
@@ -1659,7 +1659,7 @@ declare const allThemes: {
         borderColorPress: string | Variable<any>;
         borderColorFocus: string | Variable<any>;
     };
-    readonly light_red_alt3: {
+    readonly light_red_alt1: {
         background: any;
         backgroundStrong: any;
         backgroundSoft: any;
@@ -1705,7 +1705,7 @@ declare const allThemes: {
         borderColorPress: string | Variable<any>;
         borderColorFocus: string | Variable<any>;
     };
-    readonly light_red_alt1: {
+    readonly light_red_alt3: {
         background: any;
         backgroundStrong: any;
         backgroundSoft: any;
@@ -1728,7 +1728,7 @@ declare const allThemes: {
         borderColorPress: string | Variable<any>;
         borderColorFocus: string | Variable<any>;
     };
-    readonly light_yellow_alt3: {
+    readonly light_yellow_alt1: {
         background: any;
         backgroundStrong: any;
         backgroundSoft: any;
@@ -1774,7 +1774,7 @@ declare const allThemes: {
         borderColorPress: string | Variable<any>;
         borderColorFocus: string | Variable<any>;
     };
-    readonly light_yellow_alt1: {
+    readonly light_yellow_alt3: {
         background: any;
         backgroundStrong: any;
         backgroundSoft: any;
@@ -1797,7 +1797,7 @@ declare const allThemes: {
         borderColorPress: string | Variable<any>;
         borderColorFocus: string | Variable<any>;
     };
-    readonly light_teal_alt3: {
+    readonly light_teal_alt1: {
         background: any;
         backgroundStrong: any;
         backgroundSoft: any;
@@ -1843,7 +1843,7 @@ declare const allThemes: {
         borderColorPress: string | Variable<any>;
         borderColorFocus: string | Variable<any>;
     };
-    readonly light_teal_alt1: {
+    readonly light_teal_alt3: {
         background: any;
         backgroundStrong: any;
         backgroundSoft: any;
@@ -1866,7 +1866,7 @@ declare const allThemes: {
         borderColorPress: string | Variable<any>;
         borderColorFocus: string | Variable<any>;
     };
-    readonly dark_blue_alt3: {
+    readonly dark_blue_alt1: {
         background: any;
         backgroundStrong: any;
         backgroundSoft: any;
@@ -1912,7 +1912,7 @@ declare const allThemes: {
         borderColorPress: string | Variable<any>;
         borderColorFocus: string | Variable<any>;
     };
-    readonly dark_blue_alt1: {
+    readonly dark_blue_alt3: {
         background: any;
         backgroundStrong: any;
         backgroundSoft: any;
@@ -1935,7 +1935,7 @@ declare const allThemes: {
         borderColorPress: string | Variable<any>;
         borderColorFocus: string | Variable<any>;
     };
-    readonly dark_gray_alt3: {
+    readonly dark_gray_alt1: {
         background: any;
         backgroundStrong: any;
         backgroundSoft: any;
@@ -1981,7 +1981,7 @@ declare const allThemes: {
         borderColorPress: string | Variable<any>;
         borderColorFocus: string | Variable<any>;
     };
-    readonly dark_gray_alt1: {
+    readonly dark_gray_alt3: {
         background: any;
         backgroundStrong: any;
         backgroundSoft: any;
@@ -2004,7 +2004,7 @@ declare const allThemes: {
         borderColorPress: string | Variable<any>;
         borderColorFocus: string | Variable<any>;
     };
-    readonly dark_green_alt3: {
+    readonly dark_green_alt1: {
         background: any;
         backgroundStrong: any;
         backgroundSoft: any;
@@ -2050,7 +2050,7 @@ declare const allThemes: {
         borderColorPress: string | Variable<any>;
         borderColorFocus: string | Variable<any>;
     };
-    readonly dark_green_alt1: {
+    readonly dark_green_alt3: {
         background: any;
         backgroundStrong: any;
         backgroundSoft: any;
@@ -2073,7 +2073,7 @@ declare const allThemes: {
         borderColorPress: string | Variable<any>;
         borderColorFocus: string | Variable<any>;
     };
-    readonly dark_orange_alt3: {
+    readonly dark_orange_alt1: {
         background: any;
         backgroundStrong: any;
         backgroundSoft: any;
@@ -2119,7 +2119,7 @@ declare const allThemes: {
         borderColorPress: string | Variable<any>;
         borderColorFocus: string | Variable<any>;
     };
-    readonly dark_orange_alt1: {
+    readonly dark_orange_alt3: {
         background: any;
         backgroundStrong: any;
         backgroundSoft: any;
@@ -2142,7 +2142,7 @@ declare const allThemes: {
         borderColorPress: string | Variable<any>;
         borderColorFocus: string | Variable<any>;
     };
-    readonly dark_pink_alt3: {
+    readonly dark_pink_alt1: {
         background: any;
         backgroundStrong: any;
         backgroundSoft: any;
@@ -2188,7 +2188,7 @@ declare const allThemes: {
         borderColorPress: string | Variable<any>;
         borderColorFocus: string | Variable<any>;
     };
-    readonly dark_pink_alt1: {
+    readonly dark_pink_alt3: {
         background: any;
         backgroundStrong: any;
         backgroundSoft: any;
@@ -2211,7 +2211,7 @@ declare const allThemes: {
         borderColorPress: string | Variable<any>;
         borderColorFocus: string | Variable<any>;
     };
-    readonly dark_purple_alt3: {
+    readonly dark_purple_alt1: {
         background: any;
         backgroundStrong: any;
         backgroundSoft: any;
@@ -2257,7 +2257,7 @@ declare const allThemes: {
         borderColorPress: string | Variable<any>;
         borderColorFocus: string | Variable<any>;
     };
-    readonly dark_purple_alt1: {
+    readonly dark_purple_alt3: {
         background: any;
         backgroundStrong: any;
         backgroundSoft: any;
@@ -2280,7 +2280,7 @@ declare const allThemes: {
         borderColorPress: string | Variable<any>;
         borderColorFocus: string | Variable<any>;
     };
-    readonly dark_red_alt3: {
+    readonly dark_red_alt1: {
         background: any;
         backgroundStrong: any;
         backgroundSoft: any;
@@ -2326,7 +2326,7 @@ declare const allThemes: {
         borderColorPress: string | Variable<any>;
         borderColorFocus: string | Variable<any>;
     };
-    readonly dark_red_alt1: {
+    readonly dark_red_alt3: {
         background: any;
         backgroundStrong: any;
         backgroundSoft: any;
@@ -2349,7 +2349,7 @@ declare const allThemes: {
         borderColorPress: string | Variable<any>;
         borderColorFocus: string | Variable<any>;
     };
-    readonly dark_yellow_alt3: {
+    readonly dark_yellow_alt1: {
         background: any;
         backgroundStrong: any;
         backgroundSoft: any;
@@ -2395,7 +2395,7 @@ declare const allThemes: {
         borderColorPress: string | Variable<any>;
         borderColorFocus: string | Variable<any>;
     };
-    readonly dark_yellow_alt1: {
+    readonly dark_yellow_alt3: {
         background: any;
         backgroundStrong: any;
         backgroundSoft: any;
@@ -2418,7 +2418,7 @@ declare const allThemes: {
         borderColorPress: string | Variable<any>;
         borderColorFocus: string | Variable<any>;
     };
-    readonly dark_teal_alt3: {
+    readonly dark_teal_alt1: {
         background: any;
         backgroundStrong: any;
         backgroundSoft: any;
@@ -2464,7 +2464,7 @@ declare const allThemes: {
         borderColorPress: string | Variable<any>;
         borderColorFocus: string | Variable<any>;
     };
-    readonly dark_teal_alt1: {
+    readonly dark_teal_alt3: {
         background: any;
         backgroundStrong: any;
         backgroundSoft: any;
@@ -2826,7 +2826,7 @@ declare const allThemes: {
         borderColorPress: string | Variable<any>;
         borderColorFocus: string | Variable<any>;
     };
-    readonly dark_alt3: {
+    readonly dark_alt1: {
         background: any;
         backgroundStrong: any;
         backgroundSoft: any;
@@ -2872,7 +2872,7 @@ declare const allThemes: {
         borderColorPress: string | Variable<any>;
         borderColorFocus: string | Variable<any>;
     };
-    readonly dark_alt1: {
+    readonly dark_alt3: {
         background: any;
         backgroundStrong: any;
         backgroundSoft: any;
@@ -3234,7 +3234,7 @@ declare const allThemes: {
         borderColorPress: string | Variable<any>;
         borderColorFocus: string | Variable<any>;
     };
-    readonly light_alt3: {
+    readonly light_alt1: {
         background: any;
         backgroundStrong: any;
         backgroundSoft: any;
@@ -3280,7 +3280,7 @@ declare const allThemes: {
         borderColorPress: string | Variable<any>;
         borderColorFocus: string | Variable<any>;
     };
-    readonly light_alt1: {
+    readonly light_alt3: {
         background: any;
         backgroundStrong: any;
         backgroundSoft: any;

package/types/tokens.d.ts

@@ -537,31 +537,30 @@ export declare const tokens: {
     space: {
         true: Variable<any>;
         0: Variable<any>;
-        3: Variable<any>;
-        5: Variable<any>;
-        7: Variable<any>;
-        9: Variable<any>;
-        10: Variable<any>;
-        16: Variable<any>;
-        19: Variable<any>;
-        2: Variable<any>;
+        1: Variable<any>;
         4: Variable<any>;
+        2: Variable<any>;
+        16: Variable<any>;
+        3: Variable<any>;
         8: Variable<any>;
         20: Variable<any>;
         0.25: Variable<any>;
         0.5: Variable<any>;
         0.75: Variable<any>;
-        1: Variable<any>;
         1.5: Variable<any>;
         2.5: Variable<any>;
         3.5: Variable<any>;
         4.5: Variable<any>;
+        5: Variable<any>;
         5.5: Variable<any>;
         6: Variable<any>;
         6.5: Variable<any>;
+        7: Variable<any>;
         7.6: Variable<any>;
         8.5: Variable<any>;
+        9: Variable<any>;
         9.5: Variable<any>;
+        10: Variable<any>;
         11: Variable<any>;
         12: Variable<any>;
         13: Variable<any>;
@@ -569,33 +568,33 @@ export declare const tokens: {
         15: Variable<any>;
         17: Variable<any>;
         18: Variable<any>;
+        19: Variable<any>;
         "-true": Variable<any>;
         "-0": Variable<any>;
-        [-3]: Variable<any>;
-        [-5]: Variable<any>;
-        [-7]: Variable<any>;
-        [-9]: Variable<any>;
-        [-10]: Variable<any>;
-        [-16]: Variable<any>;
-        [-19]: Variable<any>;
-        [-2]: Variable<any>;
+        [-1]: Variable<any>;
         [-4]: Variable<any>;
+        [-2]: Variable<any>;
+        [-16]: Variable<any>;
+        [-3]: Variable<any>;
         [-8]: Variable<any>;
         [-20]: Variable<any>;
         [-0.25]: Variable<any>;
         [-0.5]: Variable<any>;
         [-0.75]: Variable<any>;
-        [-1]: Variable<any>;
         [-1.5]: Variable<any>;
         [-2.5]: Variable<any>;
         [-3.5]: Variable<any>;
         [-4.5]: Variable<any>;
+        [-5]: Variable<any>;
         [-5.5]: Variable<any>;
         [-6]: Variable<any>;
         [-6.5]: Variable<any>;
+        [-7]: Variable<any>;
         [-7.6]: Variable<any>;
         [-8.5]: Variable<any>;
+        [-9]: Variable<any>;
         [-9.5]: Variable<any>;
+        [-10]: Variable<any>;
         [-11]: Variable<any>;
         [-12]: Variable<any>;
         [-13]: Variable<any>;
@@ -603,6 +602,7 @@ export declare const tokens: {
         [-15]: Variable<any>;
         [-17]: Variable<any>;
         [-18]: Variable<any>;
+        [-19]: Variable<any>;
     };
     size: {
         0: Variable<any>;