@tamagui/core 1.0.1-beta.76 → 1.0.1-beta.77

package/dist/jsx/createFont.js

@@ -1,25 +0,0 @@
-import { validateFont } from "./helpers/validate";
-const createFont = (font) => {
-  if (process.env.NODE_ENV === "development") {
-    validateFont(font);
-  }
-  const sizeKeys = Object.keys(font.size);
-  for (const key in font) {
-    if (key === "size" || key === "family")
-      continue;
-    const section = font[key];
-    const keys = Object.keys(section);
-    let fillVal = section[keys[0]];
-    for (const sKey of sizeKeys) {
-      if (!(sKey in section)) {
-        section[sKey] = fillVal;
-      } else {
-        fillVal = section[sKey];
-      }
-    }
-  }
-  return Object.freeze(font);
-};
-export {
-  createFont
-};

package/dist/jsx/createShorthands.js

@@ -1,6 +0,0 @@
-function createShorthands(shorthands) {
-  return Object.freeze(shorthands);
-}
-export {
-  createShorthands
-};

package/dist/jsx/createTamagui.js

@@ -1,245 +0,0 @@
-import { configListeners, getHasConfigured, setConfig } from "./conf";
-import { THEME_CLASSNAME_PREFIX } from "./constants/constants";
-import { isWeb } from "./constants/platform";
-import { createVariable, isVariable } from "./createVariable";
-import { createVariables } from "./createVariables";
-import { createTamaguiProvider } from "./helpers/createTamaguiProvider";
-import { getInsertedRules } from "./helpers/insertStyleRule";
-import {
-  registerCSSVariable,
-  tokenRules,
-  tokensValueToVariable
-} from "./helpers/registerCSSVariable";
-import { configureMedia } from "./hooks/useMedia";
-import { parseFont, registerFontVariables } from "./insertFont";
-import { Tamagui } from "./Tamagui";
-const createdConfigs = /* @__PURE__ */ new WeakMap();
-function createTamagui(config) {
-  if (createdConfigs.has(config)) {
-    return config;
-  }
-  if (process.env.NODE_ENV === "development") {
-    if (!config.tokens) {
-      throw new Error(`No tokens provided to Tamagui config`);
-    }
-    if (!config.themes) {
-      throw new Error(`No themes provided to Tamagui config`);
-    }
-    if (!config.fonts) {
-      throw new Error(`No fonts provided to Tamagui config`);
-    }
-  }
-  if (getHasConfigured()) {
-    console.warn(`Warning: createTamagui called twice (maybe HMR)`);
-  }
-  configureMedia({
-    queries: config.media,
-    defaultActive: config.mediaQueryDefaultActive
-  });
-  const fontTokens = createVariables(config.fonts);
-  const fontsParsed = (() => {
-    const res = {};
-    for (const familyName in fontTokens) {
-      res[`$${familyName}`] = parseFont(fontTokens[familyName]);
-    }
-    return res;
-  })();
-  const themeConfig = (() => {
-    var _a;
-    const themes = { ...config.themes };
-    let cssRules = [];
-    if (isWeb) {
-      for (const key in config.tokens) {
-        for (const skey in config.tokens[key]) {
-          const val = config.tokens[key][skey];
-          registerCSSVariable(val);
-        }
-      }
-      for (const key in fontsParsed) {
-        const fontParsed = fontsParsed[key];
-        registerFontVariables(fontParsed);
-      }
-      const sep = process.env.NODE_ENV === "development" ? config.cssStyleSeparator || " " : "";
-      cssRules.push(`:root {${sep}${[...tokenRules].join(`;${sep}`)}${sep}}`);
-    }
-    const hasDarkLight = "light" in config.themes && "dark" in config.themes;
-    const CNP = `.${THEME_CLASSNAME_PREFIX}`;
-    const dedupedThemes = {};
-    const existing = /* @__PURE__ */ new WeakMap();
-    for (const themeName in themes) {
-      const rawTheme = themes[themeName];
-      if (existing.has(rawTheme)) {
-        const e = existing.get(rawTheme);
-        themes[themeName] = e.theme;
-        e.names.push(themeName);
-        continue;
-      }
-      const theme = { ...config.themes[themeName] };
-      for (const key in theme) {
-        ensureThemeVariable(theme, key);
-      }
-      themes[themeName] = theme;
-      dedupedThemes[themeName] = {
-        names: [themeName],
-        theme
-      };
-      existing.set(config.themes[themeName], dedupedThemes[themeName]);
-    }
-    if (isWeb) {
-      for (const themeName in dedupedThemes) {
-        const { theme, names } = dedupedThemes[themeName];
-        let vars = "";
-        for (const themeKey in theme) {
-          const variable = theme[themeKey];
-          let value = null;
-          if (variable.isFloating || !tokensValueToVariable.has(variable.val)) {
-            value = variable.val;
-          } else {
-            value = tokensValueToVariable.get(variable.val).variable;
-          }
-          vars += `--${themeKey}:${value};`;
-        }
-        const isDarkOrLightBase = themeName === "dark" || themeName === "light";
-        const selectors = names.map((name) => {
-          return `${CNP}${name}`;
-        });
-        if (hasDarkLight) {
-          for (const subName of names) {
-            const isDark = subName.startsWith("dark");
-            const childSelector = `${CNP}${subName.replace("dark_", "").replace("light_", "")}`;
-            const order = isDark ? ["dark", "light"] : ["light", "dark"];
-            if (isDarkOrLightBase) {
-              order.reverse();
-            }
-            const [stronger, weaker] = order;
-            const max = (_a = config.maxDarkLightNesting) != null ? _a : 3;
-            new Array(max * 2).fill(void 0).forEach((_, pi) => {
-              if (pi % 2 === 1)
-                return;
-              const parents = new Array(pi + 1).fill(void 0).map((_2, psi) => {
-                return `${CNP}${psi % 2 === 0 ? stronger : weaker}`;
-              });
-              selectors.push(`${(parents.length > 1 ? parents.slice(1) : parents).join(" ")} ${childSelector}`);
-            });
-          }
-        }
-        const rootSep = config.themeClassNameOnRoot ? "" : " ";
-        cssRules.push(`${selectors.map((x) => `:root${rootSep}${x}`).join(", ")} {${vars}}`);
-        if (config.shouldAddPrefersColorThemes) {
-          const isDark = themeName.startsWith("dark");
-          if (isDarkOrLightBase) {
-            cssRules.push(`@media(prefers-color-scheme: ${isDark ? "dark" : "light"}) {
-      body { background:${theme.background}; color: ${theme.color} }
-      :root {${vars} } 
-    }`);
-          }
-        }
-      }
-    }
-    for (const themeName in themes) {
-      const cur = [];
-      const parents = themeName.split("_").slice(0, -1).map((part) => {
-        cur.push(part);
-        return cur.join("_");
-      });
-      if (!parents.length)
-        continue;
-      themes[themeName] = new Proxy(themes[themeName], {
-        get(target, key) {
-          if (Reflect.has(target, key)) {
-            return Reflect.get(target, key);
-          }
-          for (let i = parents.length - 1; i >= 0; i--) {
-            const parent = themes[parents[i]];
-            if (!parent) {
-              continue;
-            }
-            if (Reflect.has(parent, key)) {
-              return Reflect.get(parent, key);
-            }
-          }
-        }
-      });
-    }
-    tokensValueToVariable.clear();
-    Object.freeze(cssRules);
-    const css = cssRules.join("\n");
-    return {
-      themes,
-      cssRules,
-      css
-    };
-  })();
-  const tokensParsed = parseTokens(config.tokens);
-  const getCSS = () => {
-    return `${themeConfig.css}
-${getInsertedRules().join("\n")}`;
-  };
-  if (config.shorthands) {
-    for (const key in config.shorthands) {
-      reversedShorthands[config.shorthands[key]] = key;
-    }
-  }
-  const next = {
-    defaultTheme: "light",
-    fonts: {},
-    animations: {},
-    shorthands: {},
-    media: {},
-    ...config,
-    themes: themeConfig.themes,
-    fontsParsed,
-    themeConfig,
-    tokensParsed,
-    parsed: true,
-    getCSS,
-    Provider: null
-  };
-  next.Provider = createTamaguiProvider(next);
-  setConfig(next);
-  if (configListeners.size) {
-    configListeners.forEach((cb) => cb(next));
-    configListeners.clear();
-  }
-  createdConfigs.set(next, true);
-  if (process.env.NODE_ENV === "development") {
-    if (!globalThis["Tamagui"]) {
-      globalThis["Tamagui"] = Tamagui;
-    }
-  }
-  return next;
-}
-const reversedShorthands = {};
-const parseTokens = (tokens) => {
-  const res = {};
-  for (const key in tokens) {
-    res[key] = {};
-    for (const skey in tokens[key]) {
-      res[key][`$${skey}`] = tokens[key][skey];
-    }
-  }
-  return res;
-};
-function ensureThemeVariable(theme, key) {
-  const val = theme[key];
-  const themeKey = key;
-  if (!isVariable(val)) {
-    theme[key] = createVariable({
-      key: themeKey,
-      name: themeKey,
-      val
-    });
-  } else {
-    if (val.name !== themeKey) {
-      theme[key] = createVariable({
-        key: val.name,
-        name: themeKey,
-        val: val.val
-      });
-    }
-  }
-}
-export {
-  createTamagui,
-  reversedShorthands
-};

package/dist/jsx/createTheme.js

@@ -1,6 +0,0 @@
-const createTheme = (theme) => {
-  return theme;
-};
-export {
-  createTheme
-};

package/dist/jsx/createTokens.js

@@ -1,11 +0,0 @@
-import { createVariables } from "./createVariables";
-import { validateTokens } from "./helpers/validate";
-function createTokens(tokens) {
-  if (process.env.NODE_ENV === "development") {
-    validateTokens(tokens);
-  }
-  return createVariables(tokens);
-}
-export {
-  createTokens
-};

package/dist/jsx/createVariable.js

@@ -1,64 +0,0 @@
-var _a;
-import { isWeb } from "./constants/platform";
-const IS_VARIABLE_SYMBOL = "__isVariable__";
-class Variable {
-  constructor(props) {
-    this[_a] = true;
-    this.isFloating = false;
-    const { val, name, key, isFloating } = props;
-    this.val = isVariable(val) ? val.val : val;
-    this.name = name;
-    this.key = key;
-    this.variable = isWeb ? createCSSVariable(name) : "";
-    if (isFloating) {
-      this.isFloating = true;
-    }
-  }
-  toString() {
-    return `${isWeb ? this.variable : this.val}`;
-  }
-}
-_a = IS_VARIABLE_SYMBOL;
-const createVariable = (props) => {
-  if (isVariable(props)) {
-    return props;
-  }
-  return new Variable(props);
-};
-function isVariable(v) {
-  return !!(v instanceof Variable || v && v[IS_VARIABLE_SYMBOL]);
-}
-function getVariableValue(v) {
-  if (isVariable(v))
-    return v.val;
-  return v;
-}
-function getVariableName(v) {
-  if (isVariable(v))
-    return v.name;
-  return v;
-}
-function getVariableVariable(v) {
-  if (isVariable(v))
-    return v.variable;
-  return v;
-}
-const createCSSVariable = (nameProp, includeVar = true) => {
-  if (process.env.NODE_ENV === "development") {
-    if (!nameProp || typeof nameProp !== "string") {
-      console.warn("invalid name", nameProp);
-      return ``;
-    }
-  }
-  const name = nameProp.replace(/[^a-z0-9\_\-]+/i, "_");
-  return includeVar ? `var(--${name})` : name;
-};
-export {
-  Variable,
-  createCSSVariable,
-  createVariable,
-  getVariableName,
-  getVariableValue,
-  getVariableVariable,
-  isVariable
-};

package/dist/jsx/createVariables.js

@@ -1,31 +0,0 @@
-import { createVariable, isVariable } from "./createVariable";
-const createVariables = (tokens, parentPath = "") => {
-  const res = {};
-  for (const key in tokens) {
-    let val = tokens[key];
-    const name = parentPath ? `${parentPath}-${key}` : key;
-    if (isVariable(val)) {
-      res[key] = val;
-    } else if (val && typeof val === "object") {
-      if (Array.isArray(val)) {
-        res[key] = val.map((val2, i) => {
-          const skey = `${key}-${i}`;
-          const sname = parentPath ? `${name}-${skey}` : skey;
-          return isVariable(val2) ? val2 : createVariable({
-            val: val2,
-            key: skey,
-            name: sname
-          });
-        });
-      } else {
-        res[key] = createVariables(tokens[key], name === "color" ? "" : name);
-      }
-    } else {
-      res[key] = isVariable(val) ? val : createVariable({ val, name, key });
-    }
-  }
-  return res;
-};
-export {
-  createVariables
-};

package/dist/jsx/helpers/RNComponents.js

@@ -1,11 +0,0 @@
-import * as ReactNative from "react-native";
-const RNComponents = /* @__PURE__ */ new WeakMap();
-for (const key of ["Image", "TextInput", "Text", "View"]) {
-  const val = ReactNative[key];
-  if (val && typeof val === "object") {
-    RNComponents.set(val, true);
-  }
-}
-export {
-  RNComponents
-};

package/dist/jsx/helpers/areEqualSets.js

@@ -1,13 +0,0 @@
-const areEqualSets = (a, b) => {
-  if (a.size !== b.size)
-    return false;
-  for (const val in a) {
-    if (!b.has(val)) {
-      return false;
-    }
-  }
-  return true;
-};
-export {
-  areEqualSets
-};

package/dist/jsx/helpers/calc.js

@@ -1,46 +0,0 @@
-import { isWeb } from "../constants/platform";
-import { getVariableVariable } from "../createVariable";
-const operators = {
-  "+": (a, b) => a + b,
-  "-": (a, b) => a - b,
-  "/": (a, b) => a / b,
-  "*": (a, b) => a * b
-};
-const calc = (...valuesAndOperators) => {
-  if (isWeb) {
-    let res2 = "calc(";
-    for (const cur of valuesAndOperators) {
-      if (operators[cur]) {
-        res2 += " " + cur + " ";
-      } else {
-        res2 += convertToVariableOrNumber(cur);
-      }
-    }
-    return res2 + ")";
-  }
-  let res = 0;
-  let nextOp = null;
-  for (const cur of valuesAndOperators) {
-    if (operators[cur]) {
-      nextOp = operators[cur];
-    } else {
-      if (nextOp) {
-        res = nextOp(res, cur);
-        nextOp = null;
-      } else {
-        res = +cur;
-      }
-    }
-  }
-  return res;
-};
-const convertToVariableOrNumber = (v) => {
-  const varOrVal = getVariableVariable(v);
-  if (typeof varOrVal === "number") {
-    return `${varOrVal}px`;
-  }
-  return varOrVal;
-};
-export {
-  calc
-};

package/dist/jsx/helpers/createMediaStyle.js

@@ -1,29 +0,0 @@
-import { mediaObjectToString } from "../hooks/useMedia";
-const MEDIA_SEP = "_";
-const createMediaStyle = ({ identifier, rules }, mediaKey, mediaQueries, negate, importance) => {
-  const mediaKeys = Object.keys(mediaQueries);
-  const importance_ = Math.max(0, importance == void 0 ? mediaKeys.indexOf(mediaKey) : importance || 0);
-  const precendencePrefix = new Array(importance_ + 1).fill(":root").join("");
-  const negKey = negate ? "0" : "";
-  const ogPrefix = identifier.slice(0, identifier.indexOf("-") + 1);
-  const nextIdentifier = `${identifier.replace(ogPrefix, `${ogPrefix}${MEDIA_SEP}${mediaKey}${negKey}${MEDIA_SEP}`)}`;
-  const screenStr = negate ? "not all" : "screen";
-  const mediaSelector = mediaObjectToString(mediaQueries[mediaKey]);
-  const mediaQuery = `${screenStr} and ${mediaSelector}`;
-  const styleInner = rules.map((rule) => rule.replace(identifier, nextIdentifier)).join(";");
-  let styleRule = "";
-  if (styleInner.includes("@media")) {
-    styleRule = styleInner.replace("{", ` and ${mediaQuery} {`);
-  } else {
-    styleRule = `@media ${mediaQuery} { ${precendencePrefix} ${styleInner} }`;
-  }
-  styleRule = styleRule.replace(";}", " !important;}");
-  return {
-    styleRule,
-    identifier: nextIdentifier
-  };
-};
-export {
-  MEDIA_SEP,
-  createMediaStyle
-};