@tamagui/theme-base 1.0.1-beta.71 → 1.0.1-beta.74

package/dist/jsx/themes.js

@@ -1,5 +1,3 @@
-var __defProp = Object.defineProperty;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
 import { createTheme, getVariableValue, isWeb } from "@tamagui/core";
 import { setColorAlpha } from "./colorUtils";
 import { darkColors, lightColors, tokens } from "./tokens";
@@ -58,8 +56,7 @@ function createThemesFrom(name, getTheme, props) {
   const themes2 = Object.fromEntries(themeEntries);
   return themes2;
 }
-__name(createThemesFrom, "createThemesFrom");
-const themeCreator = /* @__PURE__ */ __name((str = 1, {
+const themeCreator = (str = 1, {
   backgrounds,
   isLight = true,
   isBase = false,
@@ -79,9 +76,9 @@ const themeCreator = /* @__PURE__ */ __name((str = 1, {
   const darkerDir = -lighterDir;
   const strongerDir = isLight ? darkerDir : lighterDir;
   const softerDir = -strongerDir;
-  const get = /* @__PURE__ */ __name((arr, index, name = "background") => {
+  const get = (arr, index, name = "background") => {
     return arr[Math.max(0, Math.min(index + (offsets[name][str] || 0), arr.length - 1))];
-  }, "get");
+  };
   const colorTranslucent = setColorAlpha(getVariableValue(get(colors, 0 + str, "color")), 0.5);
   let theme = {
     background: get(backgrounds, str),
@@ -104,7 +101,19 @@ const themeCreator = /* @__PURE__ */ __name((str = 1, {
     borderColor: null,
     borderColorHover: null,
     borderColorPress: null,
-    borderColorFocus: null
+    borderColorFocus: null,
+    step1: backgrounds[0],
+    step2: backgrounds[1],
+    step3: backgrounds[2],
+    step4: backgrounds[3],
+    step5: backgrounds[4],
+    step6: backgrounds[5],
+    step7: backgrounds[6],
+    step8: backgrounds[7],
+    step9: backgrounds[8],
+    step10: backgrounds[9],
+    step11: backgrounds[10],
+    step12: backgrounds[11]
   };
   if (isBase) {
     Object.assign(theme, {
@@ -122,7 +131,7 @@ const themeCreator = /* @__PURE__ */ __name((str = 1, {
     });
   }
   return theme;
-}, "themeCreator");
+};
 const themeColors = {
   light: [
     "#fff",
@@ -212,13 +221,11 @@ function makeActiveTheme(theme) {
   res.colorPress = res.color;
   return res;
 }
-__name(makeActiveTheme, "makeActiveTheme");
 const darkEntries = Object.entries(dark);
 const lightEntries = Object.entries(light);
 function findColors(prefix, dark2 = false) {
   return Object.fromEntries((dark2 ? darkEntries : lightEntries).filter(([k]) => k.startsWith(prefix)));
 }
-__name(findColors, "findColors");
 const colorSchemes = [
   { name: "blue", colors: findColors("blue"), darkColors: findColors("blue", true) },
   { name: "gray", colors: findColors("gray"), darkColors: findColors("gray", true) },

package/dist/jsx/tokens.js

@@ -1,5 +1,3 @@
-var __defProp = Object.defineProperty;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
 import {
   blue,
   blueDark,
@@ -139,7 +137,6 @@ const allColors = {
 function postfixObjKeys(obj, postfix) {
   return Object.fromEntries(Object.entries(obj).map(([k, v]) => [`${k}${postfix}`, v]));
 }
-__name(postfixObjKeys, "postfixObjKeys");
 const radius = {
   0: 0,
   1: 3,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tamagui/theme-base",
-  "version": "1.0.1-beta.71",
+  "version": "1.0.1-beta.74",
   "types": "./types/index.d.ts",
   "main": "dist/cjs",
   "module": "dist/esm",
@@ -17,11 +17,11 @@
     "clean:build": "tamagui-build clean:build"
   },
   "dependencies": {
-    "@tamagui/colors": "^1.0.1-beta.71",
-    "@tamagui/core": "^1.0.1-beta.71"
+    "@tamagui/colors": "^1.0.1-beta.74",
+    "@tamagui/core": "^1.0.1-beta.74"
   },
   "devDependencies": {
-    "@tamagui/build": "^1.0.1-beta.71"
+    "@tamagui/build": "^1.0.1-beta.74"
   },
   "publishConfig": {
     "access": "public"

package/src/themes.tsx

@@ -153,6 +153,18 @@ const themeCreator = (
     borderColorHover: null as any as string | Variable,
     borderColorPress: null as any as string | Variable,
     borderColorFocus: null as any as string | Variable,
+    step1: backgrounds[0],
+    step2: backgrounds[1],
+    step3: backgrounds[2],
+    step4: backgrounds[3],
+    step5: backgrounds[4],
+    step6: backgrounds[5],
+    step7: backgrounds[6],
+    step8: backgrounds[7],
+    step9: backgrounds[8],
+    step10: backgrounds[9],
+    step11: backgrounds[10],
+    step12: backgrounds[11],
   }
 
   if (isBase) {