@tamagui/core 1.0.1-beta.135 → 1.0.1-beta.138

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/views/ThemeReset.tsx"],
-  "sourcesContent": ["import React, { useContext, useLayoutEffect, useState } from 'react'\n\nimport { isWeb } from '../constants/platform'\nimport { ThemeManagerContext } from '../ThemeManager'\nimport { Theme } from './Theme'\n\n// bugfix esbuild strips react jsx: 'preserve'\nReact['createElement']\n\n// resets the theme to the parent theme\nexport const ThemeReset = (props: { children?: any }) => {\n  const themeManager = useContext(ThemeManagerContext)\n  const [name, setName] = useState<string | null>(null)\n\n  // this component doesn't work with SSR, so must run only client side\n  // we could at least prevent more flickering by having the ssr head script\n  // that changes to dark initially also go through and change all of these\n  if (!isWeb || typeof document !== 'undefined') {\n    useLayoutEffect(() => {\n      if (!themeManager) return\n      if (name !== themeManager.parentName) {\n        setName(themeManager.parentName)\n      }\n    }, [themeManager?.parentName])\n\n    useLayoutEffect(() => {\n      if (!themeManager) return\n      return themeManager.onChangeTheme(() => {\n        setName(themeManager.parentName)\n      })\n    }, [])\n  }\n\n  if (!themeManager || !props.children) {\n    return props.children || null\n  }\n\n  return (\n    <Theme className=\"tui-theme-reset\" reset name={name}>\n      {props.children}\n    </Theme>\n  )\n}\n"],
+  "sourcesContent": ["import React, { useContext, useLayoutEffect, useState } from 'react'\n\nimport { isWeb } from '../constants/platform'\nimport { ThemeManagerContext } from '../helpers/ThemeManager'\nimport { Theme } from './Theme'\n\n// bugfix esbuild strips react jsx: 'preserve'\nReact['createElement']\n\n// resets the theme to the parent theme\nexport const ThemeReset = (props: { children?: any }) => {\n  const themeManager = useContext(ThemeManagerContext)\n  const [name, setName] = useState<string | null>(null)\n\n  // this component doesn't work with SSR, so must run only client side\n  // we could at least prevent more flickering by having the ssr head script\n  // that changes to dark initially also go through and change all of these\n  if (!isWeb || typeof document !== 'undefined') {\n    useLayoutEffect(() => {\n      if (!themeManager) return\n      if (name !== themeManager.parentName) {\n        setName(themeManager.parentName)\n      }\n    }, [themeManager?.parentName])\n\n    useLayoutEffect(() => {\n      if (!themeManager) return\n      return themeManager.onChangeTheme(() => {\n        setName(themeManager.parentName)\n      })\n    }, [])\n  }\n\n  if (!themeManager || !props.children) {\n    return props.children || null\n  }\n\n  return (\n    <Theme className=\"tui-theme-reset\" reset name={name}>\n      {props.children}\n    </Theme>\n  )\n}\n"],
   "mappings": "AAAA;AAEA;AACA;AACA;AAGA,MAAM;AAGC,MAAM,aAAa,CAAC,UAA8B;AACvD,QAAM,eAAe,WAAW,mBAAmB;AACnD,QAAM,CAAC,MAAM,WAAW,SAAwB,IAAI;AAKpD,MAAI,CAAC,SAAS,OAAO,aAAa,aAAa;AAC7C,oBAAgB,MAAM;AACpB,UAAI,CAAC;AAAc;AACnB,UAAI,SAAS,aAAa,YAAY;AACpC,gBAAQ,aAAa,UAAU;AAAA,MACjC;AAAA,IACF,GAAG,CAAC,6CAAc,UAAU,CAAC;AAE7B,oBAAgB,MAAM;AACpB,UAAI,CAAC;AAAc;AACnB,aAAO,aAAa,cAAc,MAAM;AACtC,gBAAQ,aAAa,UAAU;AAAA,MACjC,CAAC;AAAA,IACH,GAAG,CAAC,CAAC;AAAA,EACP;AAEA,MAAI,CAAC,gBAAgB,CAAC,MAAM,UAAU;AACpC,WAAO,MAAM,YAAY;AAAA,EAC3B;AAEA,SACE,oCAAC;AAAA,IAAM,WAAU;AAAA,IAAkB,OAAK;AAAA,IAAC;AAAA,KACtC,MAAM,QACT;AAEJ;",
   "names": []
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tamagui/core",
-  "version": "1.0.1-beta.135",
+  "version": "1.0.1-beta.138",
   "source": "src/index.ts",
   "main": "dist/cjs",
   "module": "dist/esm",
@@ -22,12 +22,12 @@
   ],
   "dependencies": {
     "@expo/match-media": "^0.3.0",
-    "@tamagui/compose-refs": "^1.0.1-beta.135",
-    "@tamagui/helpers": "^1.0.1-beta.135",
-    "@tamagui/rnw": "^1.0.1-beta.135",
-    "@tamagui/use-debounce": "^1.0.1-beta.135",
-    "@tamagui/use-event": "^1.0.1-beta.135",
-    "@tamagui/use-force-update": "^1.0.1-beta.135",
+    "@tamagui/compose-refs": "^1.0.1-beta.138",
+    "@tamagui/helpers": "^1.0.1-beta.138",
+    "@tamagui/rnw": "^1.0.1-beta.138",
+    "@tamagui/use-debounce": "^1.0.1-beta.138",
+    "@tamagui/use-event": "^1.0.1-beta.138",
+    "@tamagui/use-force-update": "^1.0.1-beta.138",
     "expo-screen-orientation": "^4.3.0",
     "hyphenate-style-name": "^1.0.4",
     "normalize-css-color": "^1.0.2",
@@ -38,7 +38,7 @@
     "react-native-web": "*"
   },
   "devDependencies": {
-    "@tamagui/build": "^1.0.1-beta.135",
+    "@tamagui/build": "^1.0.1-beta.138",
     "@types/react": "^18.0.15",
     "csstype": "^3.0.10",
     "esbuild": "^0.14.49",

package/types/addTheme.d.ts

@@ -0,0 +1,11 @@
+import { ThemeObject } from './types';
+export declare function addTheme({ name: themeName, theme: themeIn, insertCSS, update, }: {
+    name: string;
+    theme: ThemeObject;
+    insertCSS?: boolean;
+    update?: boolean;
+}): {
+    theme: any;
+    cssRules: string[];
+};
+//# sourceMappingURL=addTheme.d.ts.map

package/types/{ThemeContext.d.ts → contexts/ThemeContext.d.ts}

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { ThemeName, Themes } from './types';
+import { ThemeName, Themes } from '../types';
 export declare const ThemeContext: import("react").Context<{
     themes: Themes;
     defaultTheme: ThemeName;

package/types/createTheme.d.ts

@@ -2,7 +2,6 @@ import { Variable } from './createVariable';
 declare type GenericTheme = {
     [key: string]: string | Variable;
 };
-export declare const themeToVariableToValueMap: WeakMap<any, Record<string, string>>;
 export declare const createTheme: <Theme extends GenericTheme>(theme: Theme) => { [K in keyof Theme]: string | Variable<any> | Theme[K]; };
 export {};
 //# sourceMappingURL=createTheme.d.ts.map

package/types/{ThemeManager.d.ts → helpers/ThemeManager.d.ts}

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { ThemeObject, Themes } from './types';
+import { ThemeObject, Themes } from '../types';
 declare type ThemeListener = (name: string | null, themeManager: ThemeManager) => void;
 export declare type SetActiveThemeProps = {
     className?: string;
@@ -26,12 +26,12 @@ export declare class ThemeManager {
     get didChangeTheme(): boolean | null;
     get parentName(): string | null;
     get fullName(): string;
-    getValue(key: string): import("./types").VariableVal | undefined;
-    update({ name, theme, className }?: SetActiveThemeProps): boolean;
+    getValue(key: string): import("../types").VariableVal | undefined;
+    update({ name, theme, className }?: SetActiveThemeProps, force?: boolean): boolean;
     getNextTheme(props?: GetNextThemeProps, debug?: any): {
         name: string;
-        theme: (Partial<import("./types").TamaguiBaseTheme> & {
-            [key: string]: import("./types").VariableVal;
+        theme: (Partial<import("../types").TamaguiBaseTheme> & {
+            [key: string]: import("../types").VariableVal;
         }) | null;
         className?: undefined;
     } | {

package/types/helpers/createTamaguiProvider.d.ts

@@ -1,3 +1,4 @@
+/// <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

package/types/helpers/getThemeCSSRules.d.ts

@@ -0,0 +1,8 @@
+import { CreateTamaguiProps, ThemeObject } from '../types';
+export declare function getThemeCSSRules({ config, themeName, theme, names, }: {
+    config: CreateTamaguiProps;
+    themeName: string;
+    theme: ThemeObject;
+    names: string[];
+}): string[];
+//# sourceMappingURL=getThemeCSSRules.d.ts.map

package/types/helpers/getThemeCSSRules.native.d.ts

@@ -0,0 +1,2 @@
+export declare function getThemeCSSRules(): never[];
+//# sourceMappingURL=getThemeCSSRules.native.d.ts.map

package/types/helpers/themes.d.ts

@@ -0,0 +1,4 @@
+import { CreateTamaguiProps } from '../types';
+export declare function ensureThemeVariable(theme: any, key: string): void;
+export declare function proxyThemeToParents(themeName: string, theme: any, themes: CreateTamaguiProps['themes']): any;
+//# sourceMappingURL=themes.d.ts.map

package/types/hooks/useTheme.d.ts

@@ -1,4 +1,4 @@
-import { ThemeManager } from '../ThemeManager';
+import { ThemeManager } from '../helpers/ThemeManager';
 import { ThemeName, ThemeObject } from '../types';
 export declare type ThemeProps = {
     className?: string;
@@ -15,6 +15,7 @@ export declare const useThemeName: (opts?: {
     parent?: true;
 }) => string;
 export declare const useDefaultThemeName: () => ThemeName | undefined;
+export declare const activeThemeManagers: Set<ThemeManager>;
 export declare const useChangeThemeEffect: (name?: string | null, componentName?: string, props?: ThemeProps, forceUpdateProp?: any) => {
     themes: {
         [key: string]: Partial<import("../types").TamaguiBaseTheme> & {

package/types/index.d.ts

@@ -8,6 +8,8 @@ export * from './createTokens';
 export * from './createVariable';
 export * from './createVariables';
 export * from './insertFont';
+export * from './addTheme';
+export * from './updateTheme';
 export * from './styled';
 export * from './types';
 export type { RNWTextProps, RNWViewProps } from './types-rnw';
@@ -47,7 +49,7 @@ export * from './hooks/useUnmountEffect';
 export * from './views/Slot';
 export * from './views/Stack';
 export * from './views/Text';
-export { TextAncestorProvider, TextAncestorContext } from './views/TextAncestorContext';
+export { TextAncestorProvider, TextAncestorContext } from './contexts/TextAncestorContext';
 export * from './views/Theme';
 export * from './views/ThemeInverse';
 export * from './views/ThemeProvider';

package/types/updateTheme.d.ts

@@ -0,0 +1,9 @@
+import { ThemeObject } from './types';
+export declare function updateTheme({ name, theme }: {
+    name: string;
+    theme: ThemeObject;
+}): {
+    theme: any;
+    cssRules: string[];
+};
+//# sourceMappingURL=updateTheme.d.ts.map

package/types/views/FontLanguage.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { FontLanguageProps } from './FontLanguage.types';
 export declare const FontLanguage: ({ children, ...props }: FontLanguageProps) => JSX.Element;
 //# sourceMappingURL=FontLanguage.d.ts.map

package/types/views/FontLanguage.native.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { FontLanguageProps } from './FontLanguage.types';
 export declare const FontLanguage: ({ children, ...props }: FontLanguageProps) => JSX.Element;
 //# sourceMappingURL=FontLanguage.native.d.ts.map

package/types/views/Theme.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
+import { ThemeManager } from '../helpers/ThemeManager';
 import { ThemeProps } from '../hooks/useTheme';
-import { ThemeManager } from '../ThemeManager';
 export declare const Theme: React.NamedExoticComponent<ThemeProps>;
 export declare function wrapThemeManagerContext(children: any, themeManager?: ThemeManager | null, shouldSetChildrenThemeToParent?: boolean): any;
 //# sourceMappingURL=Theme.d.ts.map

package/types/views/ThemeInverse.d.ts

@@ -1,11 +1,6 @@
 import React from 'react';
-declare type StringRecord = {
-    [key: string]: string;
-};
-export declare function setThemeInversions(next: StringRecord): void;
 export declare const ThemeInverse: ({ children, disable, }: {
     children: React.ReactNode;
     disable?: boolean | undefined;
 }) => JSX.Element;
-export {};
 //# sourceMappingURL=ThemeInverse.d.ts.map

package/types/views/ThemeProvider.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export declare type ThemeProviderProps = {
     className?: string;
     themes: any;

package/types/defaultComponentState.d.ts

@@ -1 +0,0 @@
-//# sourceMappingURL=defaultComponentState.d.ts.map