@tamagui/core 1.1.7 → 1.1.9
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/Tamagui.js +4 -0
- package/dist/cjs/Tamagui.js.map +1 -1
- package/dist/cjs/addTheme.js +1 -0
- package/dist/cjs/addTheme.js.map +1 -1
- package/dist/cjs/config.js.map +1 -1
- package/dist/cjs/createComponent.js +54 -27
- package/dist/cjs/createComponent.js.map +1 -1
- package/dist/cjs/createFont.js.map +1 -1
- package/dist/cjs/createTamagui.js +4 -0
- package/dist/cjs/createTamagui.js.map +2 -2
- package/dist/cjs/createTokens.web.test.js +1 -0
- package/dist/cjs/createTokens.web.test.js.map +1 -1
- package/dist/cjs/createVariable.js.map +1 -1
- package/dist/cjs/createVariables.js.map +1 -1
- package/dist/cjs/helpers/RNComponents.js +1 -0
- package/dist/cjs/helpers/RNComponents.js.map +1 -1
- package/dist/cjs/helpers/ThemeManager.js +1 -0
- package/dist/cjs/helpers/ThemeManager.js.map +1 -1
- package/dist/cjs/helpers/ThemeManager.test.js.map +1 -1
- package/dist/cjs/helpers/createMediaStyle.js.map +1 -1
- package/dist/cjs/helpers/createPropMapper.js.map +1 -1
- package/dist/cjs/helpers/expandStyle.js +2 -0
- package/dist/cjs/helpers/expandStyle.js.map +1 -1
- package/dist/cjs/helpers/expandStyles.js +2 -8
- package/dist/cjs/helpers/expandStyles.js.map +3 -3
- package/dist/cjs/helpers/extendStaticConfig.js.map +1 -1
- package/dist/cjs/helpers/getExpandedShorthands.js.map +1 -1
- package/dist/cjs/helpers/getFontLanguage.js.map +1 -1
- package/dist/cjs/helpers/getSplitStyles.js +4 -4
- package/dist/cjs/helpers/getSplitStyles.js.map +2 -2
- package/dist/cjs/helpers/getStylesAtomic.js +3 -0
- package/dist/cjs/helpers/getStylesAtomic.js.map +1 -1
- package/dist/cjs/helpers/getThemeCSSRules.js.map +1 -1
- package/dist/cjs/helpers/getVariantExtras.js +3 -0
- package/dist/cjs/helpers/getVariantExtras.js.map +1 -1
- package/dist/cjs/helpers/insertStyleRule.js.map +1 -1
- package/dist/cjs/helpers/matchMedia.native.js.map +1 -1
- package/dist/cjs/helpers/mergeProps.js.map +1 -1
- package/dist/cjs/helpers/mergeTransform.js.map +1 -1
- package/dist/cjs/helpers/normalizeColor.js +9 -5
- package/dist/cjs/helpers/normalizeColor.js.map +3 -3
- package/dist/cjs/helpers/normalizeValueWithProperty.js.map +1 -1
- package/dist/cjs/helpers/proxyThemeVariables.js.map +1 -1
- package/dist/cjs/helpers/themeable.js +16 -9
- package/dist/cjs/helpers/themeable.js.map +1 -1
- package/dist/cjs/helpers/themes.js.map +1 -1
- package/dist/cjs/helpers/useShallowSetState.js.map +1 -1
- package/dist/cjs/helpers/warnOnce.js.map +1 -1
- package/dist/cjs/hooks/useMedia.js +23 -19
- package/dist/cjs/hooks/useMedia.js.map +2 -2
- package/dist/cjs/hooks/useTheme.js +2 -0
- package/dist/cjs/hooks/useTheme.js.map +1 -1
- package/dist/cjs/hooks/useThemeName.js.map +1 -1
- package/dist/cjs/inject-styles.js.map +1 -1
- package/dist/cjs/insertFont.js.map +1 -1
- package/dist/cjs/setupReactNative.js.map +1 -1
- package/dist/cjs/styled.js +2 -0
- package/dist/cjs/styled.js.map +1 -1
- package/dist/cjs/views/FontLanguage.js +10 -7
- package/dist/cjs/views/FontLanguage.js.map +1 -1
- package/dist/cjs/views/FontLanguage.native.js +1 -4
- package/dist/cjs/views/FontLanguage.native.js.map +1 -1
- package/dist/cjs/views/Slot.js +1 -3
- package/dist/cjs/views/Slot.js.map +1 -1
- package/dist/cjs/views/Stack.web.test.js +2 -11
- package/dist/cjs/views/Stack.web.test.js.map +1 -1
- package/dist/cjs/views/TamaguiProvider.js +22 -18
- package/dist/cjs/views/TamaguiProvider.js.map +1 -1
- package/dist/cjs/views/Text.js +2 -0
- package/dist/cjs/views/Text.js.map +1 -1
- package/dist/cjs/views/Theme.js +16 -18
- package/dist/cjs/views/Theme.js.map +1 -1
- package/dist/cjs/views/ThemeProvider.js +20 -14
- package/dist/cjs/views/ThemeProvider.js.map +1 -1
- package/dist/esm/addTheme.js +1 -0
- package/dist/esm/addTheme.js.map +1 -1
- package/dist/esm/config.js.map +1 -1
- package/dist/esm/createComponent.js +50 -27
- package/dist/esm/createComponent.js.map +1 -1
- package/dist/esm/createFont.js.map +1 -1
- package/dist/esm/createTamagui.js +4 -0
- package/dist/esm/createTamagui.js.map +2 -2
- package/dist/esm/createTokens.web.test.js +1 -0
- package/dist/esm/createTokens.web.test.js.map +1 -1
- package/dist/esm/createVariable.js.map +1 -1
- package/dist/esm/createVariables.js.map +1 -1
- package/dist/esm/helpers/RNComponents.js +1 -0
- package/dist/esm/helpers/RNComponents.js.map +1 -1
- package/dist/esm/helpers/ThemeManager.js +1 -0
- package/dist/esm/helpers/ThemeManager.js.map +1 -1
- package/dist/esm/helpers/ThemeManager.test.js.map +1 -1
- package/dist/esm/helpers/createMediaStyle.js.map +1 -1
- package/dist/esm/helpers/createPropMapper.js.map +1 -1
- package/dist/esm/helpers/expandStyle.js +2 -0
- package/dist/esm/helpers/expandStyle.js.map +1 -1
- package/dist/esm/helpers/expandStyles.js +1 -1
- package/dist/esm/helpers/expandStyles.js.map +2 -2
- package/dist/esm/helpers/extendStaticConfig.js.map +1 -1
- package/dist/esm/helpers/getExpandedShorthands.js.map +1 -1
- package/dist/esm/helpers/getFontLanguage.js.map +1 -1
- package/dist/esm/helpers/getSplitStyles.js +4 -4
- package/dist/esm/helpers/getSplitStyles.js.map +2 -2
- package/dist/esm/helpers/getStylesAtomic.js +3 -0
- package/dist/esm/helpers/getStylesAtomic.js.map +1 -1
- package/dist/esm/helpers/getThemeCSSRules.js.map +1 -1
- package/dist/esm/helpers/getVariantExtras.js +3 -0
- package/dist/esm/helpers/getVariantExtras.js.map +1 -1
- package/dist/esm/helpers/insertStyleRule.js.map +1 -1
- package/dist/esm/helpers/matchMedia.native.js.map +1 -1
- package/dist/esm/helpers/mergeProps.js.map +1 -1
- package/dist/esm/helpers/mergeTransform.js.map +1 -1
- package/dist/esm/helpers/normalizeColor.js +4 -4
- package/dist/esm/helpers/normalizeColor.js.map +3 -3
- package/dist/esm/helpers/normalizeValueWithProperty.js.map +1 -1
- package/dist/esm/helpers/proxyThemeVariables.js.map +1 -1
- package/dist/esm/helpers/themeable.js +12 -9
- package/dist/esm/helpers/themeable.js.map +1 -1
- package/dist/esm/helpers/themes.js.map +1 -1
- package/dist/esm/helpers/useShallowSetState.js.map +1 -1
- package/dist/esm/helpers/warnOnce.js.map +1 -1
- package/dist/esm/hooks/useMedia.js +23 -19
- package/dist/esm/hooks/useMedia.js.map +2 -2
- package/dist/esm/hooks/useTheme.js +2 -0
- package/dist/esm/hooks/useTheme.js.map +1 -1
- package/dist/esm/hooks/useThemeName.js.map +1 -1
- package/dist/esm/inject-styles.js.map +1 -1
- package/dist/esm/insertFont.js.map +1 -1
- package/dist/esm/setupReactNative.js.map +1 -1
- package/dist/esm/styled.js +2 -0
- package/dist/esm/styled.js.map +1 -1
- package/dist/esm/views/FontLanguage.js +10 -7
- package/dist/esm/views/FontLanguage.js.map +1 -1
- package/dist/esm/views/FontLanguage.native.js +1 -4
- package/dist/esm/views/FontLanguage.native.js.map +1 -1
- package/dist/esm/views/Slot.js +1 -3
- package/dist/esm/views/Slot.js.map +1 -1
- package/dist/esm/views/Stack.web.test.js +2 -11
- package/dist/esm/views/Stack.web.test.js.map +1 -1
- package/dist/esm/views/TamaguiProvider.js +18 -18
- package/dist/esm/views/TamaguiProvider.js.map +1 -1
- package/dist/esm/views/Text.js +2 -0
- package/dist/esm/views/Text.js.map +1 -1
- package/dist/esm/views/Theme.js +16 -18
- package/dist/esm/views/Theme.js.map +1 -1
- package/dist/esm/views/ThemeProvider.js +20 -14
- package/dist/esm/views/ThemeProvider.js.map +1 -1
- package/package.json +12 -15
- package/src/createTamagui.ts +1 -0
- package/src/helpers/expandStyles.ts +1 -1
- package/src/helpers/getSplitStyles.tsx +0 -4
- package/src/helpers/normalizeColor.ts +5 -3
- package/src/hooks/useMedia.tsx +10 -11
- package/types/helpers/normalizeColor.d.ts +2 -1
- package/dist/cjs/contexts/ButtonInsideButtonContext.js +0 -30
- package/dist/cjs/contexts/ButtonInsideButtonContext.js.map +0 -7
- package/dist/cjs/contexts/ThemeContext.js +0 -30
- package/dist/cjs/contexts/ThemeContext.js.map +0 -7
- package/dist/cjs/createFont.test.js +0 -125
- package/dist/cjs/createFont.test.js.map +0 -7
- package/dist/cjs/createTokens.test.js +0 -27
- package/dist/cjs/createTokens.test.js.map +0 -7
- package/dist/cjs/createVariable.test.js +0 -7
- package/dist/cjs/createVariable.test.js.map +0 -7
- package/dist/cjs/helpers/areEqualSets.js +0 -38
- package/dist/cjs/helpers/areEqualSets.js.map +0 -7
- package/dist/cjs/helpers/assignNativePropsToWeb.js +0 -188
- package/dist/cjs/helpers/assignNativePropsToWeb.js.map +0 -7
- package/dist/cjs/helpers/assignNativePropsToWeb.native.js +0 -30
- package/dist/cjs/helpers/assignNativePropsToWeb.native.js.map +0 -7
- package/dist/cjs/helpers/cache.js +0 -43
- package/dist/cjs/helpers/cache.js.map +0 -7
- package/dist/cjs/helpers/calc.js +0 -71
- package/dist/cjs/helpers/calc.js.map +0 -7
- package/dist/cjs/helpers/getFont.js +0 -66
- package/dist/cjs/helpers/getFont.js.map +0 -7
- package/dist/cjs/helpers/getSize.js +0 -44
- package/dist/cjs/helpers/getSize.js.map +0 -7
- package/dist/cjs/helpers/getSplitStyles.test.js +0 -19
- package/dist/cjs/helpers/getSplitStyles.test.js.map +0 -7
- package/dist/cjs/helpers/getStackSize.js +0 -46
- package/dist/cjs/helpers/getStackSize.js.map +0 -7
- package/dist/cjs/helpers/startTransition.js +0 -36
- package/dist/cjs/helpers/startTransition.js.map +0 -7
- package/dist/cjs/hooks/useConstant.js +0 -39
- package/dist/cjs/hooks/useConstant.js.map +0 -7
- package/dist/cjs/hooks/useIsMounted.js +0 -40
- package/dist/cjs/hooks/useIsMounted.js.map +0 -7
- package/dist/cjs/hooks/usePressable.js +0 -36
- package/dist/cjs/hooks/usePressable.js.map +0 -7
- package/dist/cjs/hooks/useUnmountEffect.js +0 -32
- package/dist/cjs/hooks/useUnmountEffect.js.map +0 -7
- package/dist/cjs/injectStyles.js +0 -40
- package/dist/cjs/injectStyles.js.map +0 -7
- package/dist/cjs/views/Stack.test.js +0 -31
- package/dist/cjs/views/Stack.test.js.map +0 -7
- package/dist/cjs/views/ThemeInverse.js +0 -56
- package/dist/cjs/views/ThemeInverse.js.map +0 -7
- package/dist/cjs/views/ThemeReset.js +0 -69
- package/dist/cjs/views/ThemeReset.js.map +0 -7
- package/dist/esm/contexts/ButtonInsideButtonContext.js +0 -6
- package/dist/esm/contexts/ButtonInsideButtonContext.js.map +0 -7
- package/dist/esm/contexts/ThemeContext.js +0 -6
- package/dist/esm/contexts/ThemeContext.js.map +0 -7
- package/dist/esm/createFont.test.js +0 -124
- package/dist/esm/createFont.test.js.map +0 -7
- package/dist/esm/createTokens.test.js +0 -26
- package/dist/esm/createTokens.test.js.map +0 -7
- package/dist/esm/createVariable.test.js +0 -6
- package/dist/esm/createVariable.test.js.map +0 -7
- package/dist/esm/helpers/areEqualSets.js +0 -14
- package/dist/esm/helpers/areEqualSets.js.map +0 -7
- package/dist/esm/helpers/assignNativePropsToWeb.js +0 -164
- package/dist/esm/helpers/assignNativePropsToWeb.js.map +0 -7
- package/dist/esm/helpers/assignNativePropsToWeb.native.js +0 -6
- package/dist/esm/helpers/assignNativePropsToWeb.native.js.map +0 -7
- package/dist/esm/helpers/cache.js +0 -18
- package/dist/esm/helpers/cache.js.map +0 -7
- package/dist/esm/helpers/calc.js +0 -47
- package/dist/esm/helpers/calc.js.map +0 -7
- package/dist/esm/helpers/getFont.js +0 -42
- package/dist/esm/helpers/getFont.js.map +0 -7
- package/dist/esm/helpers/getSize.js +0 -19
- package/dist/esm/helpers/getSize.js.map +0 -7
- package/dist/esm/helpers/getSplitStyles.test.js +0 -18
- package/dist/esm/helpers/getSplitStyles.test.js.map +0 -7
- package/dist/esm/helpers/getStackSize.js +0 -22
- package/dist/esm/helpers/getStackSize.js.map +0 -7
- package/dist/esm/helpers/startTransition.js +0 -6
- package/dist/esm/helpers/startTransition.js.map +0 -7
- package/dist/esm/hooks/useConstant.js +0 -15
- package/dist/esm/hooks/useConstant.js.map +0 -7
- package/dist/esm/hooks/useIsMounted.js +0 -16
- package/dist/esm/hooks/useIsMounted.js.map +0 -7
- package/dist/esm/hooks/usePressable.js +0 -12
- package/dist/esm/hooks/usePressable.js.map +0 -7
- package/dist/esm/hooks/useUnmountEffect.js +0 -8
- package/dist/esm/hooks/useUnmountEffect.js.map +0 -7
- package/dist/esm/injectStyles.js +0 -16
- package/dist/esm/injectStyles.js.map +0 -7
- package/dist/esm/views/Stack.test.js +0 -30
- package/dist/esm/views/Stack.test.js.map +0 -7
- package/dist/esm/views/ThemeInverse.js +0 -32
- package/dist/esm/views/ThemeInverse.js.map +0 -7
- package/dist/esm/views/ThemeReset.js +0 -39
- package/dist/esm/views/ThemeReset.js.map +0 -7
- package/src/createFont.web.test.tsx +0 -129
- package/src/createTokens.web.test.tsx +0 -29
- package/src/createVariable.web.test.tsx +0 -7
- package/src/helpers/ThemeManager.test.tsx +0 -497
- package/src/views/Stack.web.test.tsx +0 -71
- package/types/createFont.test.d.ts +0 -2
- package/types/createTokens.test.d.ts +0 -2
- package/types/createVariable.test.d.ts +0 -2
- package/types/helpers/getSplitStyles.test.d.ts +0 -2
- package/types/views/Stack.test.d.ts +0 -2
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../src/helpers/startTransition.ts"],
|
|
4
|
-
"sourcesContent": ["import React from 'react'\n\n// backwards compat\nexport const startTransition = React.startTransition || ((cb) => cb())\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAGX,MAAM,kBAAkB,aAAAA,QAAM,oBAAoB,CAAC,OAAO,GAAG;",
|
|
6
|
-
"names": ["React"]
|
|
7
|
-
}
|
|
@@ -1,39 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __defProp = Object.defineProperty;
|
|
3
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
6
|
-
var __export = (target, all) => {
|
|
7
|
-
for (var name in all)
|
|
8
|
-
__defProp(target, name, { get: all[name], enumerable: true });
|
|
9
|
-
};
|
|
10
|
-
var __copyProps = (to, from, except, desc) => {
|
|
11
|
-
if (from && typeof from === "object" || typeof from === "function") {
|
|
12
|
-
for (let key of __getOwnPropNames(from))
|
|
13
|
-
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
14
|
-
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
15
|
-
}
|
|
16
|
-
return to;
|
|
17
|
-
};
|
|
18
|
-
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
19
|
-
var useConstant_exports = {};
|
|
20
|
-
__export(useConstant_exports, {
|
|
21
|
-
useConstant: () => useConstant
|
|
22
|
-
});
|
|
23
|
-
module.exports = __toCommonJS(useConstant_exports);
|
|
24
|
-
var import_react = require("react");
|
|
25
|
-
function useConstant(fn) {
|
|
26
|
-
if (typeof document === "undefined") {
|
|
27
|
-
return (0, import_react.useMemo)(() => fn(), []);
|
|
28
|
-
}
|
|
29
|
-
const ref = (0, import_react.useRef)();
|
|
30
|
-
if (!ref.current) {
|
|
31
|
-
ref.current = { v: fn() };
|
|
32
|
-
}
|
|
33
|
-
return ref.current.v;
|
|
34
|
-
}
|
|
35
|
-
// Annotate the CommonJS export names for ESM import in node:
|
|
36
|
-
0 && (module.exports = {
|
|
37
|
-
useConstant
|
|
38
|
-
});
|
|
39
|
-
//# sourceMappingURL=useConstant.js.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../src/hooks/useConstant.tsx"],
|
|
4
|
-
"sourcesContent": ["import { useMemo, useRef } from 'react'\n\ntype ResultBox<T> = { v: T }\n\nexport function useConstant<T>(fn: () => T): T {\n // RSC compat\n if (typeof document === 'undefined') {\n // eslint-disable-next-line react-hooks/exhaustive-deps\n return useMemo(() => fn(), [])\n }\n\n const ref = useRef<ResultBox<T>>()\n\n if (!ref.current) {\n ref.current = { v: fn() }\n }\n\n return ref.current.v\n}\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAgC;AAIzB,SAAS,YAAe,IAAgB;AAE7C,MAAI,OAAO,aAAa,aAAa;AAEnC,eAAO,sBAAQ,MAAM,GAAG,GAAG,CAAC,CAAC;AAAA,EAC/B;AAEA,QAAM,UAAM,qBAAqB;AAEjC,MAAI,CAAC,IAAI,SAAS;AAChB,QAAI,UAAU,EAAE,GAAG,GAAG,EAAE;AAAA,EAC1B;AAEA,SAAO,IAAI,QAAQ;AACrB;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
|
@@ -1,40 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __defProp = Object.defineProperty;
|
|
3
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
6
|
-
var __export = (target, all) => {
|
|
7
|
-
for (var name in all)
|
|
8
|
-
__defProp(target, name, { get: all[name], enumerable: true });
|
|
9
|
-
};
|
|
10
|
-
var __copyProps = (to, from, except, desc) => {
|
|
11
|
-
if (from && typeof from === "object" || typeof from === "function") {
|
|
12
|
-
for (let key of __getOwnPropNames(from))
|
|
13
|
-
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
14
|
-
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
15
|
-
}
|
|
16
|
-
return to;
|
|
17
|
-
};
|
|
18
|
-
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
19
|
-
var useIsMounted_exports = {};
|
|
20
|
-
__export(useIsMounted_exports, {
|
|
21
|
-
useIsMounted: () => useIsMounted
|
|
22
|
-
});
|
|
23
|
-
module.exports = __toCommonJS(useIsMounted_exports);
|
|
24
|
-
var import_constants = require("@tamagui/constants");
|
|
25
|
-
var import_react = require("react");
|
|
26
|
-
function useIsMounted() {
|
|
27
|
-
const isMounted = (0, import_react.useRef)(false);
|
|
28
|
-
(0, import_constants.useIsomorphicLayoutEffect)(() => {
|
|
29
|
-
isMounted.current = true;
|
|
30
|
-
return () => {
|
|
31
|
-
isMounted.current = false;
|
|
32
|
-
};
|
|
33
|
-
}, []);
|
|
34
|
-
return isMounted;
|
|
35
|
-
}
|
|
36
|
-
// Annotate the CommonJS export names for ESM import in node:
|
|
37
|
-
0 && (module.exports = {
|
|
38
|
-
useIsMounted
|
|
39
|
-
});
|
|
40
|
-
//# sourceMappingURL=useIsMounted.js.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../src/hooks/useIsMounted.ts"],
|
|
4
|
-
"sourcesContent": ["import { useIsomorphicLayoutEffect } from '@tamagui/constants'\nimport { useRef } from 'react'\n\nexport function useIsMounted() {\n const isMounted = useRef(false)\n\n useIsomorphicLayoutEffect(() => {\n isMounted.current = true\n\n return () => {\n isMounted.current = false\n }\n }, [])\n\n return isMounted\n}\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,uBAA0C;AAC1C,mBAAuB;AAEhB,SAAS,eAAe;AAC7B,QAAM,gBAAY,qBAAO,KAAK;AAE9B,kDAA0B,MAAM;AAC9B,cAAU,UAAU;AAEpB,WAAO,MAAM;AACX,gBAAU,UAAU;AAAA,IACtB;AAAA,EACF,GAAG,CAAC,CAAC;AAEL,SAAO;AACT;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
|
@@ -1,36 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __defProp = Object.defineProperty;
|
|
3
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
6
|
-
var __export = (target, all) => {
|
|
7
|
-
for (var name in all)
|
|
8
|
-
__defProp(target, name, { get: all[name], enumerable: true });
|
|
9
|
-
};
|
|
10
|
-
var __copyProps = (to, from, except, desc) => {
|
|
11
|
-
if (from && typeof from === "object" || typeof from === "function") {
|
|
12
|
-
for (let key of __getOwnPropNames(from))
|
|
13
|
-
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
14
|
-
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
15
|
-
}
|
|
16
|
-
return to;
|
|
17
|
-
};
|
|
18
|
-
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
19
|
-
var usePressable_exports = {};
|
|
20
|
-
__export(usePressable_exports, {
|
|
21
|
-
usePressable: () => usePressable
|
|
22
|
-
});
|
|
23
|
-
module.exports = __toCommonJS(usePressable_exports);
|
|
24
|
-
var import_react_native = require("react-native");
|
|
25
|
-
var _a, _b;
|
|
26
|
-
const getPressable = (_b = (_a = import_react_native.Pressable) == null ? void 0 : _a["type"]) == null ? void 0 : _b["render"];
|
|
27
|
-
const usePressable = (props) => {
|
|
28
|
-
const out = getPressable(props);
|
|
29
|
-
const { children, style, ...pressableProps } = out.props;
|
|
30
|
-
return [pressableProps, style];
|
|
31
|
-
};
|
|
32
|
-
// Annotate the CommonJS export names for ESM import in node:
|
|
33
|
-
0 && (module.exports = {
|
|
34
|
-
usePressable
|
|
35
|
-
});
|
|
36
|
-
//# sourceMappingURL=usePressable.js.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../src/hooks/usePressable.tsx"],
|
|
4
|
-
"sourcesContent": ["import { Pressable, PressableProps } from 'react-native'\n\nconst getPressable = Pressable?.['type']?.['render']\n\nexport const usePressable = (props: PressableProps) => {\n const out = getPressable(props)\n const { children, style, ...pressableProps } = out.props\n return [pressableProps, style] as const\n}\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,0BAA0C;AAA1C;AAEA,MAAM,gBAAe,gEAAY,YAAZ,mBAAsB;AAEpC,MAAM,eAAe,CAAC,UAA0B;AACrD,QAAM,MAAM,aAAa,KAAK;AAC9B,QAAM,EAAE,UAAU,UAAU,eAAe,IAAI,IAAI;AACnD,SAAO,CAAC,gBAAgB,KAAK;AAC/B;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
|
@@ -1,32 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __defProp = Object.defineProperty;
|
|
3
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
6
|
-
var __export = (target, all) => {
|
|
7
|
-
for (var name in all)
|
|
8
|
-
__defProp(target, name, { get: all[name], enumerable: true });
|
|
9
|
-
};
|
|
10
|
-
var __copyProps = (to, from, except, desc) => {
|
|
11
|
-
if (from && typeof from === "object" || typeof from === "function") {
|
|
12
|
-
for (let key of __getOwnPropNames(from))
|
|
13
|
-
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
14
|
-
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
15
|
-
}
|
|
16
|
-
return to;
|
|
17
|
-
};
|
|
18
|
-
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
19
|
-
var useUnmountEffect_exports = {};
|
|
20
|
-
__export(useUnmountEffect_exports, {
|
|
21
|
-
useUnmountEffect: () => useUnmountEffect
|
|
22
|
-
});
|
|
23
|
-
module.exports = __toCommonJS(useUnmountEffect_exports);
|
|
24
|
-
var import_react = require("react");
|
|
25
|
-
function useUnmountEffect(callback) {
|
|
26
|
-
return (0, import_react.useEffect)(() => () => callback(), []);
|
|
27
|
-
}
|
|
28
|
-
// Annotate the CommonJS export names for ESM import in node:
|
|
29
|
-
0 && (module.exports = {
|
|
30
|
-
useUnmountEffect
|
|
31
|
-
});
|
|
32
|
-
//# sourceMappingURL=useUnmountEffect.js.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../src/hooks/useUnmountEffect.ts"],
|
|
4
|
-
"sourcesContent": ["import { useEffect } from 'react'\n\nexport function useUnmountEffect(callback: () => void) {\n return useEffect(() => () => callback(), [])\n}\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAA0B;AAEnB,SAAS,iBAAiB,UAAsB;AACrD,aAAO,wBAAU,MAAM,MAAM,SAAS,GAAG,CAAC,CAAC;AAC7C;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
package/dist/cjs/injectStyles.js
DELETED
|
@@ -1,40 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __defProp = Object.defineProperty;
|
|
3
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
6
|
-
var __export = (target, all) => {
|
|
7
|
-
for (var name in all)
|
|
8
|
-
__defProp(target, name, { get: all[name], enumerable: true });
|
|
9
|
-
};
|
|
10
|
-
var __copyProps = (to, from, except, desc) => {
|
|
11
|
-
if (from && typeof from === "object" || typeof from === "function") {
|
|
12
|
-
for (let key of __getOwnPropNames(from))
|
|
13
|
-
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
14
|
-
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
15
|
-
}
|
|
16
|
-
return to;
|
|
17
|
-
};
|
|
18
|
-
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
19
|
-
var injectStyles_exports = {};
|
|
20
|
-
__export(injectStyles_exports, {
|
|
21
|
-
injectStyles: () => injectStyles
|
|
22
|
-
});
|
|
23
|
-
module.exports = __toCommonJS(injectStyles_exports);
|
|
24
|
-
const stylesheets = {};
|
|
25
|
-
const injectStyles = ({ filePath, css }) => {
|
|
26
|
-
let stylesheet = stylesheets[filePath];
|
|
27
|
-
if (!stylesheet) {
|
|
28
|
-
const styleEl = document.createElement("style");
|
|
29
|
-
styleEl.setAttribute("data-file", filePath);
|
|
30
|
-
styleEl.setAttribute("type", "text/css");
|
|
31
|
-
stylesheet = stylesheets[filePath] = styleEl;
|
|
32
|
-
document.head.appendChild(styleEl);
|
|
33
|
-
}
|
|
34
|
-
stylesheet.innerHTML = css;
|
|
35
|
-
};
|
|
36
|
-
// Annotate the CommonJS export names for ESM import in node:
|
|
37
|
-
0 && (module.exports = {
|
|
38
|
-
injectStyles
|
|
39
|
-
});
|
|
40
|
-
//# sourceMappingURL=injectStyles.js.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../src/injectStyles.ts"],
|
|
4
|
-
"sourcesContent": ["// for vite dev mode\n\nconst stylesheets: Record<string, HTMLElement> = {}\n\ninterface InjectStylesOptions {\n filePath: string\n css: string\n}\n\nexport const injectStyles = ({ filePath, css }: InjectStylesOptions) => {\n let stylesheet = stylesheets[filePath]\n if (!stylesheet) {\n const styleEl = document.createElement('style')\n styleEl.setAttribute('data-file', filePath)\n styleEl.setAttribute('type', 'text/css')\n stylesheet = stylesheets[filePath] = styleEl\n document.head.appendChild(styleEl)\n }\n stylesheet.innerHTML = css\n}\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,MAAM,cAA2C,CAAC;AAO3C,MAAM,eAAe,CAAC,EAAE,UAAU,IAAI,MAA2B;AACtE,MAAI,aAAa,YAAY;AAC7B,MAAI,CAAC,YAAY;AACf,UAAM,UAAU,SAAS,cAAc,OAAO;AAC9C,YAAQ,aAAa,aAAa,QAAQ;AAC1C,YAAQ,aAAa,QAAQ,UAAU;AACvC,iBAAa,YAAY,YAAY;AACrC,aAAS,KAAK,YAAY,OAAO;AAAA,EACnC;AACA,aAAW,YAAY;AACzB;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
|
@@ -1,31 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var import_jsx_runtime = require("react/jsx-runtime");
|
|
3
|
-
var import_config_default_node = require("@tamagui/config-default-node");
|
|
4
|
-
var import_react = require("@testing-library/react");
|
|
5
|
-
var import_vitest = require("vitest");
|
|
6
|
-
var import__ = require("..");
|
|
7
|
-
process.env.TAMAGUI_TARGET = "web";
|
|
8
|
-
const conf = (0, import__.createTamagui)((0, import_config_default_node.getDefaultTamaguiConfig)());
|
|
9
|
-
const TestStackRenders = ({
|
|
10
|
-
renderCount,
|
|
11
|
-
...props
|
|
12
|
-
}) => {
|
|
13
|
-
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.TamaguiProvider, {
|
|
14
|
-
config: conf,
|
|
15
|
-
defaultTheme: "light",
|
|
16
|
-
children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.Stack, {
|
|
17
|
-
"data-test-renders": renderCount,
|
|
18
|
-
...props
|
|
19
|
-
})
|
|
20
|
-
});
|
|
21
|
-
};
|
|
22
|
-
(0, import_vitest.describe)("Stack", () => {
|
|
23
|
-
(0, import_vitest.test)("renders once", async () => {
|
|
24
|
-
const renderCount = { current: 0 };
|
|
25
|
-
(0, import_react.render)(/* @__PURE__ */ (0, import_jsx_runtime.jsx)(TestStackRenders, {
|
|
26
|
-
renderCount
|
|
27
|
-
}));
|
|
28
|
-
(0, import_vitest.expect)(renderCount.current).toBe(1);
|
|
29
|
-
});
|
|
30
|
-
});
|
|
31
|
-
//# sourceMappingURL=Stack.test.js.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../src/views/Stack.test.tsx"],
|
|
4
|
-
"sourcesContent": ["process.env.TAMAGUI_TARGET = 'web'\n\nimport { getDefaultTamaguiConfig } from '@tamagui/config-default-node'\nimport { render } from '@testing-library/react'\nimport { describe, expect, test } from 'vitest'\n\nimport { Stack, StackProps, TamaguiProvider, createTamagui } from '..'\n\nconst conf = createTamagui(getDefaultTamaguiConfig())\n\nconst TestStackRenders = ({\n renderCount,\n ...props\n}: StackProps & { renderCount: { current: number } }) => {\n return (\n <TamaguiProvider config={conf} defaultTheme=\"light\">\n <Stack data-test-renders={renderCount} {...props} />\n </TamaguiProvider>\n )\n}\n\ndescribe('Stack', () => {\n test('renders once', async () => {\n const renderCount = { current: 0 }\n render(<TestStackRenders renderCount={renderCount} />)\n expect(renderCount.current).toBe(1)\n })\n\n // test(`doesn't re-render on media query change if CSS`, async () => {\n // const renderCount = { current: 0 }\n\n // render(\n // <TestStackRenders\n // renderCount={renderCount}\n // backgroundColor=\"blue\"\n // $sm={{ backgroundColor: 'red' }}\n // />\n // )\n\n // expect(renderCount.current).toBe(1)\n\n // // re-configuring re-runs the media queries...\n // configureMedia(conf)\n\n // expect(renderCount.current).toBe(1)\n // })\n\n // test(`does re-render on media query change if not CSS`, async () => {\n // const renderCount = { current: 0 }\n\n // render(\n // <TestStackRenders\n // renderCount={renderCount}\n // backgroundColor=\"blue\"\n // // @ts-ignore\n // $sm={{ space: '$2' }}\n // />\n // )\n\n // expect(renderCount.current).toBe(1)\n\n // // re-configuring re-runs the media queries...\n // // configureMedia({\n // // ...conf,\n // // media: {\n // // def\n // // },\n // // })\n // // expect(renderCount.current).toBe(2)\n // })\n})\n"],
|
|
5
|
-
"mappings": ";AAgBM;AAdN,iCAAwC;AACxC,mBAAuB;AACvB,oBAAuC;AAEvC,eAAkE;AANlE,QAAQ,IAAI,iBAAiB;AAQ7B,MAAM,WAAO,4BAAc,oDAAwB,CAAC;AAEpD,MAAM,mBAAmB,CAAC;AAAA,EACxB;AAAA,KACG;AACL,MAAyD;AACvD,SACE,4CAAC;AAAA,IAAgB,QAAQ;AAAA,IAAM,cAAa;AAAA,IAC1C,sDAAC;AAAA,MAAM,qBAAmB;AAAA,MAAc,GAAG;AAAA,KAAO;AAAA,GACpD;AAEJ;AAAA,IAEA,wBAAS,SAAS,MAAM;AACtB,0BAAK,gBAAgB,YAAY;AAC/B,UAAM,cAAc,EAAE,SAAS,EAAE;AACjC,6BAAO,4CAAC;AAAA,MAAiB;AAAA,KAA0B,CAAE;AACrD,8BAAO,YAAY,OAAO,EAAE,KAAK,CAAC;AAAA,EACpC,CAAC;AA4CH,CAAC;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
|
@@ -1,56 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __defProp = Object.defineProperty;
|
|
3
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
6
|
-
var __export = (target, all) => {
|
|
7
|
-
for (var name in all)
|
|
8
|
-
__defProp(target, name, { get: all[name], enumerable: true });
|
|
9
|
-
};
|
|
10
|
-
var __copyProps = (to, from, except, desc) => {
|
|
11
|
-
if (from && typeof from === "object" || typeof from === "function") {
|
|
12
|
-
for (let key of __getOwnPropNames(from))
|
|
13
|
-
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
14
|
-
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
15
|
-
}
|
|
16
|
-
return to;
|
|
17
|
-
};
|
|
18
|
-
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
19
|
-
var ThemeInverse_exports = {};
|
|
20
|
-
__export(ThemeInverse_exports, {
|
|
21
|
-
ThemeInverse: () => ThemeInverse
|
|
22
|
-
});
|
|
23
|
-
module.exports = __toCommonJS(ThemeInverse_exports);
|
|
24
|
-
var import_jsx_runtime = require("react/jsx-runtime");
|
|
25
|
-
var import_constants = require("@tamagui/constants");
|
|
26
|
-
var import_react = require("react");
|
|
27
|
-
var import_useTheme = require("../hooks/useTheme");
|
|
28
|
-
var import_Theme = require("./Theme");
|
|
29
|
-
const ThemeInverse = ({
|
|
30
|
-
children,
|
|
31
|
-
disable
|
|
32
|
-
}) => {
|
|
33
|
-
const themeName = (0, import_useTheme.useThemeName)();
|
|
34
|
-
const defaultTheme = (0, import_useTheme.useDefaultThemeName)();
|
|
35
|
-
const [name, setName] = (0, import_react.useState)(null);
|
|
36
|
-
(0, import_constants.useIsomorphicLayoutEffect)(() => {
|
|
37
|
-
if (themeName.startsWith("dark")) {
|
|
38
|
-
setName("light");
|
|
39
|
-
}
|
|
40
|
-
if (themeName.startsWith("light")) {
|
|
41
|
-
setName("dark");
|
|
42
|
-
}
|
|
43
|
-
}, [defaultTheme, themeName]);
|
|
44
|
-
if (disable) {
|
|
45
|
-
return children;
|
|
46
|
-
}
|
|
47
|
-
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Theme.Theme, {
|
|
48
|
-
name,
|
|
49
|
-
children
|
|
50
|
-
});
|
|
51
|
-
};
|
|
52
|
-
// Annotate the CommonJS export names for ESM import in node:
|
|
53
|
-
0 && (module.exports = {
|
|
54
|
-
ThemeInverse
|
|
55
|
-
});
|
|
56
|
-
//# sourceMappingURL=ThemeInverse.js.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../src/views/ThemeInverse.tsx"],
|
|
4
|
-
"sourcesContent": ["import { useIsomorphicLayoutEffect } from '@tamagui/constants'\nimport React, { useState } from 'react'\n\nimport { useDefaultThemeName, useThemeName } from '../hooks/useTheme'\nimport { Theme } from './Theme'\n\nexport const ThemeInverse = ({\n children,\n disable,\n}: {\n children: React.ReactNode\n disable?: boolean\n}) => {\n const themeName = useThemeName()\n const defaultTheme = useDefaultThemeName()\n const [name, setName] = useState<null | string>(null)\n\n // ssr\n useIsomorphicLayoutEffect(() => {\n if (themeName.startsWith('dark')) {\n setName('light')\n }\n if (themeName.startsWith('light')) {\n setName('dark')\n }\n }, [defaultTheme, themeName])\n\n if (disable) {\n return children as JSX.Element\n }\n\n return <Theme name={name}>{children}</Theme>\n}\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AA+BS;AA/BT,uBAA0C;AAC1C,mBAAgC;AAEhC,sBAAkD;AAClD,mBAAsB;AAEf,MAAM,eAAe,CAAC;AAAA,EAC3B;AAAA,EACA;AACF,MAGM;AACJ,QAAM,gBAAY,8BAAa;AAC/B,QAAM,mBAAe,qCAAoB;AACzC,QAAM,CAAC,MAAM,OAAO,QAAI,uBAAwB,IAAI;AAGpD,kDAA0B,MAAM;AAC9B,QAAI,UAAU,WAAW,MAAM,GAAG;AAChC,cAAQ,OAAO;AAAA,IACjB;AACA,QAAI,UAAU,WAAW,OAAO,GAAG;AACjC,cAAQ,MAAM;AAAA,IAChB;AAAA,EACF,GAAG,CAAC,cAAc,SAAS,CAAC;AAE5B,MAAI,SAAS;AACX,WAAO;AAAA,EACT;AAEA,SAAO,4CAAC;AAAA,IAAM;AAAA,IAAa;AAAA,GAAS;AACtC;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
|
@@ -1,69 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __create = Object.create;
|
|
3
|
-
var __defProp = Object.defineProperty;
|
|
4
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
5
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
6
|
-
var __getProtoOf = Object.getPrototypeOf;
|
|
7
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
8
|
-
var __export = (target, all) => {
|
|
9
|
-
for (var name in all)
|
|
10
|
-
__defProp(target, name, { get: all[name], enumerable: true });
|
|
11
|
-
};
|
|
12
|
-
var __copyProps = (to, from, except, desc) => {
|
|
13
|
-
if (from && typeof from === "object" || typeof from === "function") {
|
|
14
|
-
for (let key of __getOwnPropNames(from))
|
|
15
|
-
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
16
|
-
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
17
|
-
}
|
|
18
|
-
return to;
|
|
19
|
-
};
|
|
20
|
-
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
21
|
-
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
22
|
-
mod
|
|
23
|
-
));
|
|
24
|
-
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
25
|
-
var ThemeReset_exports = {};
|
|
26
|
-
__export(ThemeReset_exports, {
|
|
27
|
-
ThemeReset: () => ThemeReset
|
|
28
|
-
});
|
|
29
|
-
module.exports = __toCommonJS(ThemeReset_exports);
|
|
30
|
-
var import_jsx_runtime = require("react/jsx-runtime");
|
|
31
|
-
var import_constants = require("@tamagui/constants");
|
|
32
|
-
var import_react = __toESM(require("react"));
|
|
33
|
-
var import_ThemeManager = require("../helpers/ThemeManager");
|
|
34
|
-
var import_Theme = require("./Theme");
|
|
35
|
-
import_react.default["createElement"];
|
|
36
|
-
const ThemeReset = (props) => {
|
|
37
|
-
const themeManager = (0, import_react.useContext)(import_ThemeManager.ThemeManagerContext);
|
|
38
|
-
const [name, setName] = (0, import_react.useState)(null);
|
|
39
|
-
if (import_constants.isClient) {
|
|
40
|
-
(0, import_react.useLayoutEffect)(() => {
|
|
41
|
-
if (!themeManager)
|
|
42
|
-
return;
|
|
43
|
-
if (name !== themeManager.parentName) {
|
|
44
|
-
setName(themeManager.parentName);
|
|
45
|
-
}
|
|
46
|
-
}, [name, themeManager, themeManager == null ? void 0 : themeManager.parentName]);
|
|
47
|
-
(0, import_react.useLayoutEffect)(() => {
|
|
48
|
-
if (!themeManager)
|
|
49
|
-
return;
|
|
50
|
-
return themeManager.onChangeTheme(() => {
|
|
51
|
-
setName(themeManager.parentName);
|
|
52
|
-
});
|
|
53
|
-
}, [themeManager]);
|
|
54
|
-
}
|
|
55
|
-
if (!themeManager || !props.children) {
|
|
56
|
-
return props.children || null;
|
|
57
|
-
}
|
|
58
|
-
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Theme.Theme, {
|
|
59
|
-
className: "tui-theme-reset",
|
|
60
|
-
reset: true,
|
|
61
|
-
name,
|
|
62
|
-
children: props.children
|
|
63
|
-
});
|
|
64
|
-
};
|
|
65
|
-
// Annotate the CommonJS export names for ESM import in node:
|
|
66
|
-
0 && (module.exports = {
|
|
67
|
-
ThemeReset
|
|
68
|
-
});
|
|
69
|
-
//# sourceMappingURL=ThemeReset.js.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../src/views/ThemeReset.tsx"],
|
|
4
|
-
"sourcesContent": ["import { isClient, isWeb } from '@tamagui/constants'\nimport React, { useContext, useLayoutEffect, useState } from 'react'\n\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 (isClient) {\n useLayoutEffect(() => {\n if (!themeManager) return\n if (name !== themeManager.parentName) {\n setName(themeManager.parentName)\n }\n }, [name, themeManager, themeManager?.parentName])\n\n useLayoutEffect(() => {\n if (!themeManager) return\n return themeManager.onChangeTheme(() => {\n setName(themeManager.parentName)\n })\n }, [themeManager])\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"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAsCI;AAtCJ,uBAAgC;AAChC,mBAA6D;AAE7D,0BAAoC;AACpC,mBAAsB;AAGtB,aAAAA,QAAM;AAGC,MAAM,aAAa,CAAC,UAA8B;AACvD,QAAM,mBAAe,yBAAW,uCAAmB;AACnD,QAAM,CAAC,MAAM,OAAO,QAAI,uBAAwB,IAAI;AAKpD,MAAI,2BAAU;AACZ,sCAAgB,MAAM;AACpB,UAAI,CAAC;AAAc;AACnB,UAAI,SAAS,aAAa,YAAY;AACpC,gBAAQ,aAAa,UAAU;AAAA,MACjC;AAAA,IACF,GAAG,CAAC,MAAM,cAAc,6CAAc,UAAU,CAAC;AAEjD,sCAAgB,MAAM;AACpB,UAAI,CAAC;AAAc;AACnB,aAAO,aAAa,cAAc,MAAM;AACtC,gBAAQ,aAAa,UAAU;AAAA,MACjC,CAAC;AAAA,IACH,GAAG,CAAC,YAAY,CAAC;AAAA,EACnB;AAEA,MAAI,CAAC,gBAAgB,CAAC,MAAM,UAAU;AACpC,WAAO,MAAM,YAAY;AAAA,EAC3B;AAEA,SACE,4CAAC;AAAA,IAAM,WAAU;AAAA,IAAkB,OAAK;AAAA,IAAC;AAAA,IACtC,gBAAM;AAAA,GACT;AAEJ;",
|
|
6
|
-
"names": ["React"]
|
|
7
|
-
}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../src/contexts/ButtonInsideButtonContext.tsx"],
|
|
4
|
-
"sourcesContent": ["import { createContext } from 'react'\n\nexport const ButtonInsideButtonContext = createContext(false)\n"],
|
|
5
|
-
"mappings": "AAAA,SAAS,qBAAqB;AAEvB,MAAM,4BAA4B,cAAc,KAAK;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../src/contexts/ThemeContext.tsx"],
|
|
4
|
-
"sourcesContent": ["import { createContext } from 'react'\n\nimport { ThemeName, Themes } from '../types'\n\nexport const ThemeContext = createContext<{ themes: Themes; defaultTheme: ThemeName } | null>(null)\n"],
|
|
5
|
-
"mappings": "AAAA,SAAS,qBAAqB;AAIvB,MAAM,eAAe,cAAkE,IAAI;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
|
@@ -1,124 +0,0 @@
|
|
|
1
|
-
import { describe, expect, test } from "vitest";
|
|
2
|
-
import { createFont } from "./createFont";
|
|
3
|
-
const font = {
|
|
4
|
-
family: "Inter",
|
|
5
|
-
size: {
|
|
6
|
-
1: 11,
|
|
7
|
-
2: 12,
|
|
8
|
-
3: 14,
|
|
9
|
-
4: 16,
|
|
10
|
-
5: 20,
|
|
11
|
-
6: 24
|
|
12
|
-
},
|
|
13
|
-
lineHeight: {
|
|
14
|
-
1: 14,
|
|
15
|
-
2: 16,
|
|
16
|
-
3: 18,
|
|
17
|
-
4: 20,
|
|
18
|
-
5: 24,
|
|
19
|
-
6: 28
|
|
20
|
-
},
|
|
21
|
-
transform: {
|
|
22
|
-
3: "uppercase",
|
|
23
|
-
4: "none"
|
|
24
|
-
},
|
|
25
|
-
weight: {
|
|
26
|
-
1: "400",
|
|
27
|
-
3: "700"
|
|
28
|
-
},
|
|
29
|
-
color: {
|
|
30
|
-
1: "$colorFocus",
|
|
31
|
-
6: "$color"
|
|
32
|
-
},
|
|
33
|
-
letterSpacing: {
|
|
34
|
-
5: 2,
|
|
35
|
-
6: 1,
|
|
36
|
-
7: 0,
|
|
37
|
-
8: 0,
|
|
38
|
-
9: -1,
|
|
39
|
-
10: -1.5,
|
|
40
|
-
12: -2,
|
|
41
|
-
14: -3,
|
|
42
|
-
15: -4
|
|
43
|
-
},
|
|
44
|
-
face: {
|
|
45
|
-
700: { normal: "InterBold" },
|
|
46
|
-
800: { normal: "InterBold" }
|
|
47
|
-
}
|
|
48
|
-
};
|
|
49
|
-
const expectedProcessedFont = {
|
|
50
|
-
family: "Inter",
|
|
51
|
-
size: {
|
|
52
|
-
1: 11,
|
|
53
|
-
2: 12,
|
|
54
|
-
3: 14,
|
|
55
|
-
4: 16,
|
|
56
|
-
5: 20,
|
|
57
|
-
6: 24
|
|
58
|
-
},
|
|
59
|
-
lineHeight: {
|
|
60
|
-
1: 14,
|
|
61
|
-
2: 16,
|
|
62
|
-
3: 18,
|
|
63
|
-
4: 20,
|
|
64
|
-
5: 24,
|
|
65
|
-
6: 28
|
|
66
|
-
},
|
|
67
|
-
transform: {
|
|
68
|
-
1: "uppercase",
|
|
69
|
-
2: "uppercase",
|
|
70
|
-
3: "uppercase",
|
|
71
|
-
4: "none",
|
|
72
|
-
5: "none",
|
|
73
|
-
6: "none"
|
|
74
|
-
},
|
|
75
|
-
weight: {
|
|
76
|
-
1: "400",
|
|
77
|
-
2: "400",
|
|
78
|
-
3: "700",
|
|
79
|
-
4: "700",
|
|
80
|
-
5: "700",
|
|
81
|
-
6: "700"
|
|
82
|
-
},
|
|
83
|
-
color: {
|
|
84
|
-
1: "$colorFocus",
|
|
85
|
-
2: "$colorFocus",
|
|
86
|
-
3: "$colorFocus",
|
|
87
|
-
4: "$colorFocus",
|
|
88
|
-
5: "$colorFocus",
|
|
89
|
-
6: "$color"
|
|
90
|
-
},
|
|
91
|
-
letterSpacing: {
|
|
92
|
-
1: 2,
|
|
93
|
-
2: 2,
|
|
94
|
-
3: 2,
|
|
95
|
-
4: 2,
|
|
96
|
-
5: 2,
|
|
97
|
-
6: 1,
|
|
98
|
-
7: 0,
|
|
99
|
-
8: 0,
|
|
100
|
-
9: -1,
|
|
101
|
-
10: -1.5,
|
|
102
|
-
12: -2,
|
|
103
|
-
14: -3,
|
|
104
|
-
15: -4
|
|
105
|
-
},
|
|
106
|
-
face: {
|
|
107
|
-
100: { normal: "Inter" },
|
|
108
|
-
200: { normal: "Inter" },
|
|
109
|
-
300: { normal: "Inter" },
|
|
110
|
-
400: { normal: "Inter" },
|
|
111
|
-
500: { normal: "Inter" },
|
|
112
|
-
600: { normal: "Inter" },
|
|
113
|
-
700: { normal: "InterBold" },
|
|
114
|
-
800: { normal: "InterBold" },
|
|
115
|
-
900: { normal: "InterBold" }
|
|
116
|
-
}
|
|
117
|
-
};
|
|
118
|
-
describe("createFont", () => {
|
|
119
|
-
test("should return a font object with normalised property hashes", () => {
|
|
120
|
-
const processedFont = createFont(font);
|
|
121
|
-
expect(processedFont).toStrictEqual(expectedProcessedFont);
|
|
122
|
-
});
|
|
123
|
-
});
|
|
124
|
-
//# sourceMappingURL=createFont.test.js.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../src/createFont.test.ts"],
|
|
4
|
-
"sourcesContent": ["import { describe, expect, test } from 'vitest'\n\nimport { createFont } from './createFont'\nimport { GenericFont } from './types'\n\nconst font: GenericFont = {\n family: 'Inter',\n size: {\n 1: 11,\n 2: 12,\n 3: 14,\n 4: 16,\n 5: 20,\n 6: 24,\n },\n lineHeight: {\n 1: 14,\n 2: 16,\n 3: 18,\n 4: 20,\n 5: 24,\n 6: 28,\n },\n transform: {\n 3: 'uppercase',\n 4: 'none',\n },\n weight: {\n 1: '400',\n 3: '700',\n },\n color: {\n 1: '$colorFocus',\n 6: '$color',\n },\n letterSpacing: {\n 5: 2,\n 6: 1,\n 7: 0,\n 8: 0,\n 9: -1,\n 10: -1.5,\n 12: -2,\n 14: -3,\n 15: -4,\n },\n face: {\n 700: { normal: 'InterBold' },\n 800: { normal: 'InterBold' },\n },\n}\n\nconst expectedProcessedFont: GenericFont = {\n family: 'Inter',\n size: {\n 1: 11,\n 2: 12,\n 3: 14,\n 4: 16,\n 5: 20,\n 6: 24,\n },\n lineHeight: {\n 1: 14,\n 2: 16,\n 3: 18,\n 4: 20,\n 5: 24,\n 6: 28,\n },\n transform: {\n 1: 'uppercase',\n 2: 'uppercase',\n 3: 'uppercase',\n 4: 'none',\n 5: 'none',\n 6: 'none',\n },\n weight: {\n 1: '400',\n 2: '400',\n 3: '700',\n 4: '700',\n 5: '700',\n 6: '700',\n },\n color: {\n 1: '$colorFocus',\n 2: '$colorFocus',\n 3: '$colorFocus',\n 4: '$colorFocus',\n 5: '$colorFocus',\n 6: '$color',\n },\n letterSpacing: {\n 1: 2,\n 2: 2,\n 3: 2,\n 4: 2,\n 5: 2,\n 6: 1,\n 7: 0,\n 8: 0,\n 9: -1,\n 10: -1.5,\n 12: -2,\n 14: -3,\n 15: -4,\n },\n face: {\n 100: { normal: 'Inter' },\n 200: { normal: 'Inter' },\n 300: { normal: 'Inter' },\n 400: { normal: 'Inter' },\n 500: { normal: 'Inter' },\n 600: { normal: 'Inter' },\n 700: { normal: 'InterBold' },\n 800: { normal: 'InterBold' },\n 900: { normal: 'InterBold' },\n },\n}\n\ndescribe('createFont', () => {\n test('should return a font object with normalised property hashes', () => {\n const processedFont = createFont(font)\n\n expect(processedFont).toStrictEqual(expectedProcessedFont)\n })\n})\n"],
|
|
5
|
-
"mappings": "AAAA,SAAS,UAAU,QAAQ,YAAY;AAEvC,SAAS,kBAAkB;AAG3B,MAAM,OAAoB;AAAA,EACxB,QAAQ;AAAA,EACR,MAAM;AAAA,IACJ,GAAG;AAAA,IACH,GAAG;AAAA,IACH,GAAG;AAAA,IACH,GAAG;AAAA,IACH,GAAG;AAAA,IACH,GAAG;AAAA,EACL;AAAA,EACA,YAAY;AAAA,IACV,GAAG;AAAA,IACH,GAAG;AAAA,IACH,GAAG;AAAA,IACH,GAAG;AAAA,IACH,GAAG;AAAA,IACH,GAAG;AAAA,EACL;AAAA,EACA,WAAW;AAAA,IACT,GAAG;AAAA,IACH,GAAG;AAAA,EACL;AAAA,EACA,QAAQ;AAAA,IACN,GAAG;AAAA,IACH,GAAG;AAAA,EACL;AAAA,EACA,OAAO;AAAA,IACL,GAAG;AAAA,IACH,GAAG;AAAA,EACL;AAAA,EACA,eAAe;AAAA,IACb,GAAG;AAAA,IACH,GAAG;AAAA,IACH,GAAG;AAAA,IACH,GAAG;AAAA,IACH,GAAG;AAAA,IACH,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,EACN;AAAA,EACA,MAAM;AAAA,IACJ,KAAK,EAAE,QAAQ,YAAY;AAAA,IAC3B,KAAK,EAAE,QAAQ,YAAY;AAAA,EAC7B;AACF;AAEA,MAAM,wBAAqC;AAAA,EACzC,QAAQ;AAAA,EACR,MAAM;AAAA,IACJ,GAAG;AAAA,IACH,GAAG;AAAA,IACH,GAAG;AAAA,IACH,GAAG;AAAA,IACH,GAAG;AAAA,IACH,GAAG;AAAA,EACL;AAAA,EACA,YAAY;AAAA,IACV,GAAG;AAAA,IACH,GAAG;AAAA,IACH,GAAG;AAAA,IACH,GAAG;AAAA,IACH,GAAG;AAAA,IACH,GAAG;AAAA,EACL;AAAA,EACA,WAAW;AAAA,IACT,GAAG;AAAA,IACH,GAAG;AAAA,IACH,GAAG;AAAA,IACH,GAAG;AAAA,IACH,GAAG;AAAA,IACH,GAAG;AAAA,EACL;AAAA,EACA,QAAQ;AAAA,IACN,GAAG;AAAA,IACH,GAAG;AAAA,IACH,GAAG;AAAA,IACH,GAAG;AAAA,IACH,GAAG;AAAA,IACH,GAAG;AAAA,EACL;AAAA,EACA,OAAO;AAAA,IACL,GAAG;AAAA,IACH,GAAG;AAAA,IACH,GAAG;AAAA,IACH,GAAG;AAAA,IACH,GAAG;AAAA,IACH,GAAG;AAAA,EACL;AAAA,EACA,eAAe;AAAA,IACb,GAAG;AAAA,IACH,GAAG;AAAA,IACH,GAAG;AAAA,IACH,GAAG;AAAA,IACH,GAAG;AAAA,IACH,GAAG;AAAA,IACH,GAAG;AAAA,IACH,GAAG;AAAA,IACH,GAAG;AAAA,IACH,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,EACN;AAAA,EACA,MAAM;AAAA,IACJ,KAAK,EAAE,QAAQ,QAAQ;AAAA,IACvB,KAAK,EAAE,QAAQ,QAAQ;AAAA,IACvB,KAAK,EAAE,QAAQ,QAAQ;AAAA,IACvB,KAAK,EAAE,QAAQ,QAAQ;AAAA,IACvB,KAAK,EAAE,QAAQ,QAAQ;AAAA,IACvB,KAAK,EAAE,QAAQ,QAAQ;AAAA,IACvB,KAAK,EAAE,QAAQ,YAAY;AAAA,IAC3B,KAAK,EAAE,QAAQ,YAAY;AAAA,IAC3B,KAAK,EAAE,QAAQ,YAAY;AAAA,EAC7B;AACF;AAEA,SAAS,cAAc,MAAM;AAC3B,OAAK,+DAA+D,MAAM;AACxE,UAAM,gBAAgB,WAAW,IAAI;AAErC,WAAO,aAAa,EAAE,cAAc,qBAAqB;AAAA,EAC3D,CAAC;AACH,CAAC;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
|
@@ -1,26 +0,0 @@
|
|
|
1
|
-
import { getDefaultTamaguiConfig } from "@tamagui/config-default-node";
|
|
2
|
-
import { expect, test } from "vitest";
|
|
3
|
-
import { createTokens } from "./createTokens";
|
|
4
|
-
test("snapshot", () => {
|
|
5
|
-
expect(createTokens(getDefaultTamaguiConfig().tokens)).toMatchSnapshot();
|
|
6
|
-
});
|
|
7
|
-
test("color name no dot", () => {
|
|
8
|
-
expect(
|
|
9
|
-
createTokens({
|
|
10
|
-
color: {
|
|
11
|
-
"yellow.10": "yellow"
|
|
12
|
-
}
|
|
13
|
-
})
|
|
14
|
-
).toMatchObject({
|
|
15
|
-
color: {
|
|
16
|
-
"yellow.10": {
|
|
17
|
-
isVar: true,
|
|
18
|
-
key: "yellow101a",
|
|
19
|
-
name: "color-1",
|
|
20
|
-
val: "yellow",
|
|
21
|
-
variable: ""
|
|
22
|
-
}
|
|
23
|
-
}
|
|
24
|
-
});
|
|
25
|
-
});
|
|
26
|
-
//# sourceMappingURL=createTokens.test.js.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../src/createTokens.test.ts"],
|
|
4
|
-
"sourcesContent": ["import { getDefaultTamaguiConfig } from '@tamagui/config-default-node'\nimport { expect, test } from 'vitest'\n\nimport { createTokens } from './createTokens'\n\ntest('snapshot', () => {\n expect(createTokens(getDefaultTamaguiConfig().tokens)).toMatchSnapshot()\n})\n\ntest('color name no dot', () => {\n expect(\n // @ts-ignore partial\n createTokens({\n color: {\n 'yellow.10': 'yellow',\n },\n })\n ).toMatchObject({\n color: {\n 'yellow.10': {\n isVar: true,\n key: 'yellow101a',\n name: 'color-1',\n val: 'yellow',\n variable: '',\n },\n },\n })\n})\n"],
|
|
5
|
-
"mappings": "AAAA,SAAS,+BAA+B;AACxC,SAAS,QAAQ,YAAY;AAE7B,SAAS,oBAAoB;AAE7B,KAAK,YAAY,MAAM;AACrB,SAAO,aAAa,wBAAwB,EAAE,MAAM,CAAC,EAAE,gBAAgB;AACzE,CAAC;AAED,KAAK,qBAAqB,MAAM;AAC9B;AAAA,IAEE,aAAa;AAAA,MACX,OAAO;AAAA,QACL,aAAa;AAAA,MACf;AAAA,IACF,CAAC;AAAA,EACH,EAAE,cAAc;AAAA,IACd,OAAO;AAAA,MACL,aAAa;AAAA,QACX,OAAO;AAAA,QACP,KAAK;AAAA,QACL,MAAM;AAAA,QACN,KAAK;AAAA,QACL,UAAU;AAAA,MACZ;AAAA,IACF;AAAA,EACF,CAAC;AACH,CAAC;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|