@tamagui/core 1.0.1-beta.139 → 1.0.1-beta.142

package/dist/esm/helpers/ensureThemeVariable.js

@@ -1,125 +0,0 @@
-import { THEME_CLASSNAME_PREFIX } from "./constants/constants";
-import { createVariable, isVariable } from "./createVariable";
-import { tokensValueToVariable } from "./helpers/registerCSSVariable";
-import { GetThemeUnwrapped } from "./hooks/getThemeUnwrapped";
-const themes = {};
-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
-      });
-    }
-  }
-}
-function proxyThemeToParents(themeName, themes2) {
-  const cur = [];
-  const parents = themeName.split("_").slice(0, -1).map((part) => {
-    cur.push(part);
-    return cur.join("_");
-  });
-  if (!parents.length) {
-    return themes2[themeName];
-  }
-  const og = themes2[themeName];
-  return new Proxy(og, {
-    get(target, key) {
-      if (key === GetThemeUnwrapped) {
-        return og;
-      }
-      if (Reflect.has(target, key)) {
-        return Reflect.get(target, key);
-      }
-      for (let i = parents.length - 1; i >= 0; i--) {
-        const parent = themes2[parents[i]];
-        if (!parent) {
-          continue;
-        }
-        if (Reflect.has(parent, key)) {
-          return Reflect.get(parent, key);
-        }
-      }
-      return Reflect.get(target, key);
-    }
-  });
-}
-function getThemeCSSRules({
-  config,
-  themeName,
-  theme,
-  names
-}) {
-  const cssRuleSets = [];
-  const hasDarkLight = "light" in config.themes && "dark" in config.themes;
-  const CNP = `.${THEME_CLASSNAME_PREFIX}`;
-  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 = isDarkOrLightBase || subName.startsWith("dark_");
-      const childSelector = `${CNP}${subName.replace(isDark ? "dark_" : "light_", "")}`;
-      const order = isDark ? ["dark", "light"] : ["light", "dark"];
-      if (isDarkOrLightBase) {
-        order.reverse();
-      }
-      const [stronger, weaker] = order;
-      const max = config.maxDarkLightNesting ?? 3;
-      new Array(Math.round(max * 1.5)).fill(void 0).forEach((_, pi) => {
-        const isOdd = pi % 2 === 1;
-        if (isOdd && pi < 3)
-          return;
-        const parents = new Array(pi + 1).fill(void 0).map((_2, psi) => {
-          return `${CNP}${psi % 2 === 0 ? stronger : weaker}`;
-        });
-        let parentSelectors = parents.length > 1 ? parents.slice(1) : parents;
-        if (isOdd) {
-          const [_first, second, ...rest] = parentSelectors;
-          parentSelectors = [second, ...rest, second];
-        }
-        const lastParentSelector = parentSelectors[parentSelectors.length - 1];
-        selectors.push(`${parentSelectors.join(" ")} ${childSelector === lastParentSelector ? "" : childSelector}`);
-      });
-    }
-  }
-  const rootSep = config.themeClassNameOnRoot ? "" : " ";
-  const css = `${selectors.map((x) => `:root${rootSep}${x}`).join(", ")} {${vars}}`;
-  cssRuleSets.push(css);
-  if (config.shouldAddPrefersColorThemes && isDarkOrLightBase) {
-    const isDark = themeName.startsWith("dark");
-    cssRuleSets.push(`@media(prefers-color-scheme: ${isDark ? "dark" : "light"}) {
-body { background:${theme.background}; color: ${theme.color} }
-:root {${vars} } 
-}`);
-  }
-  return cssRuleSets;
-}
-export {
-  ensureThemeVariable,
-  getThemeCSSRules,
-  proxyThemeToParents,
-  themes
-};
-//# sourceMappingURL=ensureThemeVariable.js.map

package/dist/esm/helpers/ensureThemeVariable.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/helpers/ensureThemeVariable.ts"],
-  "sourcesContent": ["import { THEME_CLASSNAME_PREFIX } from './constants/constants'\nimport { Variable, createVariable, isVariable } from './createVariable'\nimport { tokensValueToVariable } from './helpers/registerCSSVariable'\nimport { GetThemeUnwrapped } from './hooks/getThemeUnwrapped'\nimport { CreateTamaguiProps, ThemeObject } from './types'\n\nexport const themes = {}\n// mutates, freeze after\n// shared by createTamagui so extracted here\nexport function ensureThemeVariable(theme: any, key: string) {\n  const val = theme[key]\n  const themeKey = key\n  if (!isVariable(val)) {\n    theme[key] = createVariable({\n      key: themeKey,\n      name: themeKey,\n      val,\n    })\n  } else {\n    if (val.name !== themeKey) {\n      // rename to theme name\n      theme[key] = createVariable({\n        key: val.name,\n        name: themeKey,\n        val: val.val,\n      })\n    }\n  }\n}\nexport function proxyThemeToParents(themeName: string, themes: CreateTamaguiProps['themes']) {\n  // we could test if this is better as just a straight object spread or fancier proxy\n  const cur: string[] = []\n  // if theme is dark_blue_alt1_Button\n  // this will be the parent names in order: ['dark', 'dark_blue', 'dark_blue_alt1\"]\n  const parents = themeName\n    .split('_')\n    .slice(0, -1)\n    .map((part) => {\n      cur.push(part)\n      return cur.join('_')\n    })\n\n  if (!parents.length) {\n    return themes[themeName]\n  }\n\n  // proxy fallback values to parent theme values\n  const og = themes[themeName]\n  return new Proxy(og, {\n    get(target, key) {\n      if (key === GetThemeUnwrapped) {\n        return og\n      }\n      if (Reflect.has(target, key)) {\n        return Reflect.get(target, key)\n      }\n      // check parents\n      for (let i = parents.length - 1; i >= 0; i--) {\n        const parent = themes[parents[i]]\n        if (!parent) {\n          continue\n        }\n        if (Reflect.has(parent, key)) {\n          return Reflect.get(parent, key)\n        }\n      }\n      return Reflect.get(target, key)\n    },\n  })\n}\nexport function getThemeCSSRules({\n  config,\n  themeName,\n  theme,\n  names,\n}: {\n  config: CreateTamaguiProps\n  themeName: string\n  theme: ThemeObject\n  names: string[]\n}) {\n  const cssRuleSets: string[] = []\n\n  // special case for SSR\n  const hasDarkLight = 'light' in config.themes && 'dark' in config.themes\n  const CNP = `.${THEME_CLASSNAME_PREFIX}`\n  let vars = ''\n\n  // themeToVariableToValueMap.set(theme, {})\n  // const varToValMap = themeToVariableToValueMap.get(theme)\n  for (const themeKey in theme) {\n    const variable = theme[themeKey] as Variable\n    let value: any = null\n    // if (varToValMap) {\n    //   varToValMap[variable.variable] = variable.val\n    // }\n    if (variable.isFloating || !tokensValueToVariable.has(variable.val)) {\n      value = variable.val\n    } else {\n      value = tokensValueToVariable.get(variable.val)!.variable\n    }\n    vars += `--${themeKey}:${value};`\n  }\n\n  const isDarkOrLightBase = themeName === 'dark' || themeName === 'light'\n  const selectors = names.map((name) => {\n    return `${CNP}${name}`\n  })\n\n  // since we dont specify dark/light in classnames we have to do an awkward specificity war\n  // use config.maxDarkLightNesting to determine how deep you can nest until it breaks\n  if (hasDarkLight) {\n    for (const subName of names) {\n      const isDark = isDarkOrLightBase || subName.startsWith('dark_')\n      const childSelector = `${CNP}${subName.replace(isDark ? 'dark_' : 'light_', '')}`\n      const order = isDark ? ['dark', 'light'] : ['light', 'dark']\n      if (isDarkOrLightBase) {\n        order.reverse()\n      }\n      const [stronger, weaker] = order\n      const max = config.maxDarkLightNesting ?? 3\n\n      new Array(Math.round(max * 1.5)).fill(undefined).forEach((_, pi) => {\n        const isOdd = pi % 2 === 1\n        if (isOdd && pi < 3) return\n        const parents = new Array(pi + 1).fill(undefined).map((_, psi) => {\n          return `${CNP}${psi % 2 === 0 ? stronger : weaker}`\n        })\n        let parentSelectors = parents.length > 1 ? parents.slice(1) : parents\n        if (isOdd) {\n          const [_first, second, ...rest] = parentSelectors\n          parentSelectors = [second, ...rest, second]\n        }\n        // avoid .t_light .t_light at the end (make sure child is unique from last parent)\n        const lastParentSelector = parentSelectors[parentSelectors.length - 1]\n        selectors.push(\n          `${parentSelectors.join(' ')} ${\n            childSelector === lastParentSelector ? '' : childSelector\n          }`\n        )\n      })\n    }\n  }\n\n  const rootSep = config.themeClassNameOnRoot ? '' : ' '\n  const css = `${selectors.map((x) => `:root${rootSep}${x}`).join(', ')} {${vars}}`\n  cssRuleSets.push(css)\n\n  if (config.shouldAddPrefersColorThemes && isDarkOrLightBase) {\n    // add media prefers for dark/light base\n    const isDark = themeName.startsWith('dark')\n    cssRuleSets.push(\n      `@media(prefers-color-scheme: ${isDark ? 'dark' : 'light'}) {\nbody { background:${theme.background}; color: ${theme.color} }\n:root {${vars} } \n}`\n    )\n  }\n\n  return cssRuleSets\n}\n"],
-  "mappings": "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",
-  "names": []
-}

package/dist/esm/helpers/nativeGestureHandler.native.js

@@ -1,2 +0,0 @@
-export * from "react-native-gesture-handler";
-//# sourceMappingURL=nativeGestureHandler.native.js.map

package/dist/esm/helpers/nativeGestureHandler.native.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/helpers/nativeGestureHandler.native.ts"],
-  "sourcesContent": ["export * from 'react-native-gesture-handler'\n"],
-  "mappings": "AAAA;",
-  "names": []
-}

package/dist/esm/loadTheme.js

@@ -1,40 +0,0 @@
-import { getConfig } from "./conf";
-import { ensureThemeVariable, getThemeCSSRules, proxyThemeToParents } from "./helpers/themes";
-const loadTheme = ({
-  name: themeName,
-  theme: themeIn,
-  insertCSS
-}) => {
-  const config = getConfig();
-  if (!config) {
-    throw new Error(`Must run createTamagui once before loading theme`);
-  }
-  if (config.themes[themeName]) {
-    throw new Error(`Already defined theme "${themeName}", use updateTheme to change values`);
-  }
-  const theme = { ...themeIn };
-  for (const key in theme) {
-    ensureThemeVariable(theme, key);
-  }
-  const cssRules = getThemeCSSRules({
-    config,
-    themeName,
-    names: [themeName],
-    theme
-  });
-  const themeProxied = proxyThemeToParents(themeName, theme, config.themes);
-  config.themes[themeName] = themeProxied;
-  if (insertCSS && typeof document !== "undefined") {
-    const style = document.createElement("style");
-    style.appendChild(document.createTextNode(cssRules.join("\n")));
-    document.head.appendChild(style);
-  }
-  return {
-    theme: themeProxied,
-    cssRules
-  };
-};
-export {
-  loadTheme
-};
-//# sourceMappingURL=loadTheme.js.map

package/dist/esm/loadTheme.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/loadTheme.ts"],
-  "sourcesContent": ["import { getConfig } from './conf'\nimport { ensureThemeVariable, getThemeCSSRules, proxyThemeToParents } from './helpers/themes'\nimport { ThemeObject } from './types'\n\nexport const loadTheme = ({\n  name: themeName,\n  theme: themeIn,\n  insertCSS,\n}: {\n  name: string\n  theme: ThemeObject\n  insertCSS?: boolean\n}) => {\n  const config = getConfig()\n  if (!config) {\n    throw new Error(`Must run createTamagui once before loading theme`)\n  }\n  if (config.themes[themeName]) {\n    throw new Error(`Already defined theme \"${themeName}\", use updateTheme to change values`)\n  }\n  const theme = { ...themeIn }\n  for (const key in theme) {\n    ensureThemeVariable(theme, key)\n  }\n  const cssRules = getThemeCSSRules({\n    config,\n    themeName,\n    names: [themeName],\n    theme,\n  })\n  const themeProxied = proxyThemeToParents(themeName, theme, config.themes)\n  config.themes[themeName] = themeProxied\n\n  if (insertCSS && typeof document !== 'undefined') {\n    const style = document.createElement('style')\n    style.appendChild(document.createTextNode(cssRules.join('\\n')))\n    document.head.appendChild(style)\n  }\n\n  return {\n    theme: themeProxied,\n    cssRules,\n  }\n}\n"],
-  "mappings": "AAAA;AACA;AAGO,MAAM,YAAY,CAAC;AAAA,EACxB,MAAM;AAAA,EACN,OAAO;AAAA,EACP;AAAA,MAKI;AACJ,QAAM,SAAS,UAAU;AACzB,MAAI,CAAC,QAAQ;AACX,UAAM,IAAI,MAAM,kDAAkD;AAAA,EACpE;AACA,MAAI,OAAO,OAAO,YAAY;AAC5B,UAAM,IAAI,MAAM,0BAA0B,8CAA8C;AAAA,EAC1F;AACA,QAAM,QAAQ,EAAE,GAAG,QAAQ;AAC3B,aAAW,OAAO,OAAO;AACvB,wBAAoB,OAAO,GAAG;AAAA,EAChC;AACA,QAAM,WAAW,iBAAiB;AAAA,IAChC;AAAA,IACA;AAAA,IACA,OAAO,CAAC,SAAS;AAAA,IACjB;AAAA,EACF,CAAC;AACD,QAAM,eAAe,oBAAoB,WAAW,OAAO,OAAO,MAAM;AACxE,SAAO,OAAO,aAAa;AAE3B,MAAI,aAAa,OAAO,aAAa,aAAa;AAChD,UAAM,QAAQ,SAAS,cAAc,OAAO;AAC5C,UAAM,YAAY,SAAS,eAAe,SAAS,KAAK,IAAI,CAAC,CAAC;AAC9D,aAAS,KAAK,YAAY,KAAK;AAAA,EACjC;AAEA,SAAO;AAAA,IACL,OAAO;AAAA,IACP;AAAA,EACF;AACF;",
-  "names": []
-}

package/dist/esm/views/TextAncestorContext.js

@@ -1,15 +0,0 @@
-import { TextAncestorContext as RNWTextAncestorContext } from "@tamagui/rnw";
-import React, { createContext } from "react";
-const FallbackNativeContext = createContext(false);
-const TextAncestorContext = RNWTextAncestorContext ?? FallbackNativeContext;
-const TextAncestorProvider = (props) => {
-  return /* @__PURE__ */ React.createElement(TextAncestorContext.Provider, {
-    value: false
-  }, props.children);
-};
-export {
-  FallbackNativeContext,
-  TextAncestorContext,
-  TextAncestorProvider
-};
-//# sourceMappingURL=TextAncestorContext.js.map

package/dist/esm/views/TextAncestorContext.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/views/TextAncestorContext.tsx"],
-  "sourcesContent": ["import { TextAncestorContext as RNWTextAncestorContext } from '@tamagui/rnw'\nimport React, { createContext } from 'react'\n\nexport const FallbackNativeContext = createContext(false)\n\nexport const TextAncestorContext = RNWTextAncestorContext ?? FallbackNativeContext\n\nexport const TextAncestorProvider = (props) => {\n  return <TextAncestorContext.Provider value={false}>{props.children}</TextAncestorContext.Provider>\n}\n"],
-  "mappings": "AAAA;AACA;AAEO,MAAM,wBAAwB,cAAc,KAAK;AAEjD,MAAM,sBAAsB,0BAA0B;AAEtD,MAAM,uBAAuB,CAAC,UAAU;AAC7C,SAAO,oCAAC,oBAAoB,UAApB;AAAA,IAA6B,OAAO;AAAA,KAAQ,MAAM,QAAS;AACrE;",
-  "names": []
-}

package/types/helpers/createTamaguiProvider.d.ts

@@ -1,4 +0,0 @@
-/// <reference types="react" />
-import { TamaguiInternalConfig, TamaguiProviderProps } from '../types';
-export declare function createTamaguiProvider(config: TamaguiInternalConfig): ({ disableInjectCSS, children, ...themePropsProvider }: TamaguiProviderProps) => JSX.Element;
-//# sourceMappingURL=createTamaguiProvider.d.ts.map