@tamagui/core 1.0.1-beta.72 → 1.0.1-beta.73
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 -6
- package/dist/cjs/Tamagui.js.map +1 -1
- package/dist/cjs/ThemeManager.js +3 -5
- package/dist/cjs/ThemeManager.js.map +1 -1
- package/dist/cjs/conf.js +11 -11
- package/dist/cjs/conf.js.map +2 -2
- package/dist/cjs/constants/rnw.js +1 -2
- package/dist/cjs/constants/rnw.js.map +1 -1
- package/dist/cjs/createComponent.js +2 -12
- package/dist/cjs/createComponent.js.map +1 -1
- package/dist/cjs/createFont.js +2 -3
- package/dist/cjs/createFont.js.map +1 -1
- package/dist/cjs/createShorthands.js +0 -2
- package/dist/cjs/createShorthands.js.map +1 -1
- package/dist/cjs/createTamagui.js +4 -7
- package/dist/cjs/createTamagui.js.map +1 -1
- package/dist/cjs/createTheme.js +2 -3
- package/dist/cjs/createTheme.js.map +1 -1
- package/dist/cjs/createTokens.js +0 -2
- package/dist/cjs/createTokens.js.map +1 -1
- package/dist/cjs/createVariable.js +4 -10
- package/dist/cjs/createVariable.js.map +1 -1
- package/dist/cjs/createVariables.js +2 -3
- package/dist/cjs/createVariables.js.map +1 -1
- package/dist/cjs/helpers/areEqualSets.js +2 -3
- package/dist/cjs/helpers/areEqualSets.js.map +1 -1
- package/dist/cjs/helpers/calc.js +4 -5
- package/dist/cjs/helpers/calc.js.map +1 -1
- package/dist/cjs/helpers/createMediaStyle.js +2 -3
- package/dist/cjs/helpers/createMediaStyle.js.map +1 -1
- package/dist/cjs/helpers/createPropMapper.js +12 -15
- package/dist/cjs/helpers/createPropMapper.js.map +1 -1
- package/dist/cjs/helpers/createShallowUpdate.js +0 -2
- package/dist/cjs/helpers/createShallowUpdate.js.map +1 -1
- package/dist/cjs/helpers/createTamaguiProvider.js +2 -4
- package/dist/cjs/helpers/createTamaguiProvider.js.map +1 -1
- package/dist/cjs/helpers/extendStaticConfig.js +2 -4
- package/dist/cjs/helpers/extendStaticConfig.js.map +1 -1
- package/dist/cjs/helpers/fixNativeShadow.js +2 -3
- package/dist/cjs/helpers/fixNativeShadow.js.map +1 -1
- package/dist/cjs/helpers/fixNativeShadow.native.js +0 -2
- package/dist/cjs/helpers/fixNativeShadow.native.js.map +1 -1
- package/dist/cjs/helpers/generateAtomicStyles.js +11 -21
- package/dist/cjs/helpers/generateAtomicStyles.js.map +1 -1
- package/dist/cjs/helpers/getExpandedShorthands.js +0 -2
- package/dist/cjs/helpers/getExpandedShorthands.js.map +1 -1
- package/dist/cjs/helpers/getSize.js +4 -5
- package/dist/cjs/helpers/getSize.js.map +1 -1
- package/dist/cjs/helpers/getSplitStyles.js +8 -12
- package/dist/cjs/helpers/getSplitStyles.js.map +1 -1
- package/dist/cjs/helpers/getStackSize.js +2 -3
- package/dist/cjs/helpers/getStackSize.js.map +1 -1
- package/dist/cjs/helpers/getStylesAtomic.js +0 -3
- package/dist/cjs/helpers/getStylesAtomic.js.map +1 -1
- package/dist/cjs/helpers/getStylesAtomic.native.js +0 -2
- package/dist/cjs/helpers/getStylesAtomic.native.js.map +1 -1
- package/dist/cjs/helpers/getTextSize.js +2 -3
- package/dist/cjs/helpers/getTextSize.js.map +1 -1
- package/dist/cjs/helpers/getVariantExtras.js +0 -2
- package/dist/cjs/helpers/getVariantExtras.js.map +1 -1
- package/dist/cjs/helpers/insertStyleRule.js +3 -8
- package/dist/cjs/helpers/insertStyleRule.js.map +1 -1
- package/dist/cjs/helpers/isObj.js +1 -2
- package/dist/cjs/helpers/isObj.js.map +1 -1
- package/dist/cjs/helpers/isTamaguiComponent.js +0 -2
- package/dist/cjs/helpers/isTamaguiComponent.js.map +1 -1
- package/dist/cjs/helpers/isTamaguiElement.js +2 -3
- package/dist/cjs/helpers/isTamaguiElement.js.map +1 -1
- package/dist/cjs/helpers/matchMedia.js +2 -3
- package/dist/cjs/helpers/matchMedia.js.map +1 -1
- package/dist/cjs/helpers/matchMedia.native.js +1 -2
- package/dist/cjs/helpers/matchMedia.native.js.map +1 -1
- package/dist/cjs/helpers/mergeProps.js +2 -3
- package/dist/cjs/helpers/mergeProps.js.map +1 -1
- package/dist/cjs/helpers/mergeTransform.js +2 -3
- package/dist/cjs/helpers/mergeTransform.js.map +1 -1
- package/dist/cjs/helpers/proxyThemeVariables.js +1 -3
- package/dist/cjs/helpers/proxyThemeVariables.js.map +1 -1
- package/dist/cjs/helpers/registerCSSVariable.js +2 -3
- package/dist/cjs/helpers/registerCSSVariable.js.map +1 -1
- package/dist/cjs/helpers/themeable.js +2 -4
- package/dist/cjs/helpers/themeable.js.map +1 -1
- package/dist/cjs/helpers/validate.js +6 -7
- package/dist/cjs/helpers/validate.js.map +1 -1
- package/dist/cjs/helpers/withStaticProperties.js +2 -3
- package/dist/cjs/helpers/withStaticProperties.js.map +1 -1
- package/dist/cjs/helpers/wrapThemeManagerContext.js +0 -2
- package/dist/cjs/helpers/wrapThemeManagerContext.js.map +1 -1
- package/dist/cjs/hooks/useConstant.js +0 -2
- package/dist/cjs/hooks/useConstant.js.map +1 -1
- package/dist/cjs/hooks/useFeatures.js +4 -10
- package/dist/cjs/hooks/useFeatures.js.map +1 -1
- package/dist/cjs/hooks/useId.js +0 -3
- package/dist/cjs/hooks/useId.js.map +1 -1
- package/dist/cjs/hooks/useIsMounted.js +0 -2
- package/dist/cjs/hooks/useIsMounted.js.map +1 -1
- package/dist/cjs/hooks/useIsTouchDevice.js +2 -3
- package/dist/cjs/hooks/useIsTouchDevice.js.map +1 -1
- package/dist/cjs/hooks/useMedia.js +11 -15
- package/dist/cjs/hooks/useMedia.js.map +1 -1
- package/dist/cjs/hooks/usePressable.js +2 -3
- package/dist/cjs/hooks/usePressable.js.map +1 -1
- package/dist/cjs/hooks/useTheme.js +10 -11
- package/dist/cjs/hooks/useTheme.js.map +1 -1
- package/dist/cjs/hooks/useUnmountEffect.js +0 -2
- package/dist/cjs/hooks/useUnmountEffect.js.map +1 -1
- package/dist/cjs/insertFont.js +1 -5
- package/dist/cjs/insertFont.js.map +2 -2
- package/dist/cjs/styled.js +0 -2
- package/dist/cjs/styled.js.map +1 -1
- package/dist/cjs/views/Slot.js +2 -5
- package/dist/cjs/views/Slot.js.map +1 -1
- package/dist/cjs/views/TextAncestorContext.js +2 -3
- package/dist/cjs/views/TextAncestorContext.js.map +1 -1
- package/dist/cjs/views/Theme.js +2 -3
- package/dist/cjs/views/Theme.js.map +1 -1
- package/dist/cjs/views/ThemeInverse.js +2 -4
- package/dist/cjs/views/ThemeInverse.js.map +1 -1
- package/dist/cjs/views/ThemeProvider.js +2 -3
- package/dist/cjs/views/ThemeProvider.js.map +1 -1
- package/dist/cjs/views/ThemeReset.js +2 -3
- package/dist/cjs/views/ThemeReset.js.map +1 -1
- package/dist/esm/Tamagui.js +4 -7
- package/dist/esm/Tamagui.js.map +1 -1
- package/dist/esm/ThemeManager.js +3 -6
- package/dist/esm/ThemeManager.js.map +1 -1
- package/dist/esm/conf.js +11 -12
- package/dist/esm/conf.js.map +2 -2
- package/dist/esm/constants/rnw.js +1 -3
- package/dist/esm/constants/rnw.js.map +1 -1
- package/dist/esm/createComponent.js +2 -13
- package/dist/esm/createComponent.js.map +1 -1
- package/dist/esm/createFont.js +2 -4
- package/dist/esm/createFont.js.map +1 -1
- package/dist/esm/createShorthands.js +0 -3
- package/dist/esm/createShorthands.js.map +1 -1
- package/dist/esm/createTamagui.js +4 -8
- package/dist/esm/createTamagui.js.map +1 -1
- package/dist/esm/createTheme.js +2 -4
- package/dist/esm/createTheme.js.map +1 -1
- package/dist/esm/createTokens.js +0 -3
- package/dist/esm/createTokens.js.map +1 -1
- package/dist/esm/createVariable.js +4 -11
- package/dist/esm/createVariable.js.map +1 -1
- package/dist/esm/createVariables.js +2 -4
- package/dist/esm/createVariables.js.map +1 -1
- package/dist/esm/helpers/areEqualSets.js +2 -4
- package/dist/esm/helpers/areEqualSets.js.map +1 -1
- package/dist/esm/helpers/calc.js +4 -6
- package/dist/esm/helpers/calc.js.map +1 -1
- package/dist/esm/helpers/createMediaStyle.js +2 -4
- package/dist/esm/helpers/createMediaStyle.js.map +1 -1
- package/dist/esm/helpers/createPropMapper.js +12 -16
- package/dist/esm/helpers/createPropMapper.js.map +1 -1
- package/dist/esm/helpers/createShallowUpdate.js +0 -3
- package/dist/esm/helpers/createShallowUpdate.js.map +1 -1
- package/dist/esm/helpers/createTamaguiProvider.js +2 -5
- package/dist/esm/helpers/createTamaguiProvider.js.map +1 -1
- package/dist/esm/helpers/extendStaticConfig.js +2 -5
- package/dist/esm/helpers/extendStaticConfig.js.map +1 -1
- package/dist/esm/helpers/fixNativeShadow.js +2 -4
- package/dist/esm/helpers/fixNativeShadow.js.map +1 -1
- package/dist/esm/helpers/fixNativeShadow.native.js +0 -3
- package/dist/esm/helpers/fixNativeShadow.native.js.map +1 -1
- package/dist/esm/helpers/generateAtomicStyles.js +11 -22
- package/dist/esm/helpers/generateAtomicStyles.js.map +1 -1
- package/dist/esm/helpers/getExpandedShorthands.js +0 -3
- package/dist/esm/helpers/getExpandedShorthands.js.map +1 -1
- package/dist/esm/helpers/getSize.js +4 -6
- package/dist/esm/helpers/getSize.js.map +1 -1
- package/dist/esm/helpers/getSplitStyles.js +8 -13
- package/dist/esm/helpers/getSplitStyles.js.map +1 -1
- package/dist/esm/helpers/getStackSize.js +2 -4
- package/dist/esm/helpers/getStackSize.js.map +1 -1
- package/dist/esm/helpers/getStylesAtomic.js +0 -4
- package/dist/esm/helpers/getStylesAtomic.js.map +1 -1
- package/dist/esm/helpers/getStylesAtomic.native.js +0 -3
- package/dist/esm/helpers/getStylesAtomic.native.js.map +1 -1
- package/dist/esm/helpers/getTextSize.js +2 -4
- package/dist/esm/helpers/getTextSize.js.map +1 -1
- package/dist/esm/helpers/getVariantExtras.js +0 -3
- package/dist/esm/helpers/getVariantExtras.js.map +1 -1
- package/dist/esm/helpers/insertStyleRule.js +3 -9
- package/dist/esm/helpers/insertStyleRule.js.map +1 -1
- package/dist/esm/helpers/isObj.js +1 -3
- package/dist/esm/helpers/isObj.js.map +1 -1
- package/dist/esm/helpers/isTamaguiComponent.js +0 -3
- package/dist/esm/helpers/isTamaguiComponent.js.map +1 -1
- package/dist/esm/helpers/isTamaguiElement.js +2 -4
- package/dist/esm/helpers/isTamaguiElement.js.map +1 -1
- package/dist/esm/helpers/matchMedia.js +2 -4
- package/dist/esm/helpers/matchMedia.js.map +1 -1
- package/dist/esm/helpers/matchMedia.native.js +1 -3
- package/dist/esm/helpers/matchMedia.native.js.map +1 -1
- package/dist/esm/helpers/mergeProps.js +2 -4
- package/dist/esm/helpers/mergeProps.js.map +1 -1
- package/dist/esm/helpers/mergeTransform.js +2 -4
- package/dist/esm/helpers/mergeTransform.js.map +1 -1
- package/dist/esm/helpers/proxyThemeVariables.js +1 -4
- package/dist/esm/helpers/proxyThemeVariables.js.map +1 -1
- package/dist/esm/helpers/registerCSSVariable.js +2 -4
- package/dist/esm/helpers/registerCSSVariable.js.map +1 -1
- package/dist/esm/helpers/themeable.js +2 -5
- package/dist/esm/helpers/themeable.js.map +1 -1
- package/dist/esm/helpers/validate.js +6 -8
- package/dist/esm/helpers/validate.js.map +1 -1
- package/dist/esm/helpers/withStaticProperties.js +2 -4
- package/dist/esm/helpers/withStaticProperties.js.map +1 -1
- package/dist/esm/helpers/wrapThemeManagerContext.js +0 -3
- package/dist/esm/helpers/wrapThemeManagerContext.js.map +1 -1
- package/dist/esm/hooks/useConstant.js +0 -3
- package/dist/esm/hooks/useConstant.js.map +1 -1
- package/dist/esm/hooks/useFeatures.js +4 -11
- package/dist/esm/hooks/useFeatures.js.map +1 -1
- package/dist/esm/hooks/useId.js +0 -4
- package/dist/esm/hooks/useId.js.map +1 -1
- package/dist/esm/hooks/useIsMounted.js +0 -3
- package/dist/esm/hooks/useIsMounted.js.map +1 -1
- package/dist/esm/hooks/useIsTouchDevice.js +2 -4
- package/dist/esm/hooks/useIsTouchDevice.js.map +1 -1
- package/dist/esm/hooks/useMedia.js +11 -16
- package/dist/esm/hooks/useMedia.js.map +1 -1
- package/dist/esm/hooks/usePressable.js +2 -4
- package/dist/esm/hooks/usePressable.js.map +1 -1
- package/dist/esm/hooks/useTheme.js +10 -12
- package/dist/esm/hooks/useTheme.js.map +1 -1
- package/dist/esm/hooks/useUnmountEffect.js +0 -3
- package/dist/esm/hooks/useUnmountEffect.js.map +1 -1
- package/dist/esm/insertFont.js +1 -6
- package/dist/esm/insertFont.js.map +2 -2
- package/dist/esm/styled.js +0 -3
- package/dist/esm/styled.js.map +1 -1
- package/dist/esm/views/Slot.js +2 -6
- package/dist/esm/views/Slot.js.map +1 -1
- package/dist/esm/views/TextAncestorContext.js +2 -4
- package/dist/esm/views/TextAncestorContext.js.map +1 -1
- package/dist/esm/views/Theme.js +2 -4
- package/dist/esm/views/Theme.js.map +1 -1
- package/dist/esm/views/ThemeInverse.js +2 -5
- package/dist/esm/views/ThemeInverse.js.map +1 -1
- package/dist/esm/views/ThemeProvider.js +2 -4
- package/dist/esm/views/ThemeProvider.js.map +1 -1
- package/dist/esm/views/ThemeReset.js +2 -4
- package/dist/esm/views/ThemeReset.js.map +1 -1
- package/dist/jsx/Tamagui.js +4 -7
- package/dist/jsx/ThemeManager.js +3 -6
- package/dist/jsx/conf.js +11 -12
- package/dist/jsx/constants/rnw.js +1 -3
- package/dist/jsx/createComponent.js +2 -13
- package/dist/jsx/createFont.js +2 -4
- package/dist/jsx/createShorthands.js +0 -3
- package/dist/jsx/createTamagui.js +4 -8
- package/dist/jsx/createTheme.js +2 -4
- package/dist/jsx/createTokens.js +0 -3
- package/dist/jsx/createVariable.js +4 -11
- package/dist/jsx/createVariables.js +2 -4
- package/dist/jsx/helpers/areEqualSets.js +2 -4
- package/dist/jsx/helpers/calc.js +4 -6
- package/dist/jsx/helpers/createMediaStyle.js +2 -4
- package/dist/jsx/helpers/createPropMapper.js +12 -16
- package/dist/jsx/helpers/createShallowUpdate.js +0 -3
- package/dist/jsx/helpers/createTamaguiProvider.js +2 -5
- package/dist/jsx/helpers/extendStaticConfig.js +2 -5
- package/dist/jsx/helpers/fixNativeShadow.js +2 -4
- package/dist/jsx/helpers/fixNativeShadow.native.js +0 -3
- package/dist/jsx/helpers/generateAtomicStyles.js +11 -22
- package/dist/jsx/helpers/getExpandedShorthands.js +0 -3
- package/dist/jsx/helpers/getSize.js +4 -6
- package/dist/jsx/helpers/getSplitStyles.js +8 -13
- package/dist/jsx/helpers/getStackSize.js +2 -4
- package/dist/jsx/helpers/getStylesAtomic.js +0 -4
- package/dist/jsx/helpers/getStylesAtomic.native.js +0 -3
- package/dist/jsx/helpers/getTextSize.js +2 -4
- package/dist/jsx/helpers/getVariantExtras.js +0 -3
- package/dist/jsx/helpers/insertStyleRule.js +3 -9
- package/dist/jsx/helpers/isObj.js +1 -3
- package/dist/jsx/helpers/isTamaguiComponent.js +0 -3
- package/dist/jsx/helpers/isTamaguiElement.js +2 -4
- package/dist/jsx/helpers/matchMedia.js +2 -4
- package/dist/jsx/helpers/matchMedia.native.js +1 -3
- package/dist/jsx/helpers/mergeProps.js +2 -4
- package/dist/jsx/helpers/mergeTransform.js +2 -4
- package/dist/jsx/helpers/proxyThemeVariables.js +1 -4
- package/dist/jsx/helpers/registerCSSVariable.js +2 -4
- package/dist/jsx/helpers/themeable.js +2 -5
- package/dist/jsx/helpers/validate.js +6 -8
- package/dist/jsx/helpers/withStaticProperties.js +2 -4
- package/dist/jsx/helpers/wrapThemeManagerContext.js +0 -3
- package/dist/jsx/hooks/useConstant.js +0 -3
- package/dist/jsx/hooks/useFeatures.js +4 -11
- package/dist/jsx/hooks/useId.js +0 -4
- package/dist/jsx/hooks/useIsMounted.js +0 -3
- package/dist/jsx/hooks/useIsTouchDevice.js +2 -4
- package/dist/jsx/hooks/useMedia.js +11 -16
- package/dist/jsx/hooks/usePressable.js +2 -4
- package/dist/jsx/hooks/useTheme.js +10 -12
- package/dist/jsx/hooks/useUnmountEffect.js +0 -3
- package/dist/jsx/insertFont.js +1 -6
- package/dist/jsx/styled.js +0 -3
- package/dist/jsx/views/Slot.js +2 -6
- package/dist/jsx/views/TextAncestorContext.js +2 -4
- package/dist/jsx/views/Theme.js +2 -4
- package/dist/jsx/views/ThemeInverse.js +2 -5
- package/dist/jsx/views/ThemeProvider.js +2 -4
- package/dist/jsx/views/ThemeReset.js +2 -4
- package/package.json +6 -6
- package/types/conf.d.ts +1 -1
- package/types/conf.d.ts.map +1 -1
|
@@ -1,11 +1,9 @@
|
|
|
1
|
-
var __defProp = Object.defineProperty;
|
|
2
|
-
var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
|
|
3
1
|
const allSelectors = {};
|
|
4
2
|
const insertedSelectors = {};
|
|
5
3
|
const insertedTransforms = {};
|
|
6
|
-
const getAllSelectors =
|
|
7
|
-
const getInsertedRules =
|
|
8
|
-
const getAllTransforms =
|
|
4
|
+
const getAllSelectors = () => allSelectors;
|
|
5
|
+
const getInsertedRules = () => Object.values(insertedSelectors);
|
|
6
|
+
const getAllTransforms = () => insertedTransforms;
|
|
9
7
|
function addTransform(identifier, css, rule) {
|
|
10
8
|
const s = css.indexOf("transform:");
|
|
11
9
|
if (s === -1) {
|
|
@@ -24,7 +22,6 @@ function addTransform(identifier, css, rule) {
|
|
|
24
22
|
const value = css.slice(startI, endI);
|
|
25
23
|
insertedTransforms[identifier] = value;
|
|
26
24
|
}
|
|
27
|
-
__name(addTransform, "addTransform");
|
|
28
25
|
const isClient = typeof document !== "undefined";
|
|
29
26
|
let hasInsertedSinceUpdate = true;
|
|
30
27
|
function updateInserted() {
|
|
@@ -64,7 +61,6 @@ function updateInserted() {
|
|
|
64
61
|
}
|
|
65
62
|
hasInsertedSinceUpdate = false;
|
|
66
63
|
}
|
|
67
|
-
__name(updateInserted, "updateInserted");
|
|
68
64
|
updateInserted();
|
|
69
65
|
const sheet = isClient ? document.head.appendChild(document.createElement("style")).sheet : null;
|
|
70
66
|
function updateInsertedCache(identifier, rule) {
|
|
@@ -76,7 +72,6 @@ function updateInsertedCache(identifier, rule) {
|
|
|
76
72
|
addTransform(identifier, rule);
|
|
77
73
|
}
|
|
78
74
|
}
|
|
79
|
-
__name(updateInsertedCache, "updateInsertedCache");
|
|
80
75
|
function insertStyleRule(identifier, rule) {
|
|
81
76
|
if (allSelectors[identifier])
|
|
82
77
|
return;
|
|
@@ -85,7 +80,6 @@ function insertStyleRule(identifier, rule) {
|
|
|
85
80
|
allSelectors[identifier] = process.env.NODE_ENV === "development" ? rule : true;
|
|
86
81
|
sheet == null ? void 0 : sheet.insertRule(rule, sheet.cssRules.length);
|
|
87
82
|
}
|
|
88
|
-
__name(insertStyleRule, "insertStyleRule");
|
|
89
83
|
export {
|
|
90
84
|
getAllSelectors,
|
|
91
85
|
getAllTransforms,
|
|
@@ -1,6 +1,4 @@
|
|
|
1
|
-
|
|
2
|
-
var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
|
|
3
|
-
const isObj = /* @__PURE__ */ __name((x) => x && !Array.isArray(x) && typeof x === "object", "isObj");
|
|
1
|
+
const isObj = (x) => x && !Array.isArray(x) && typeof x === "object";
|
|
4
2
|
export {
|
|
5
3
|
isObj
|
|
6
4
|
};
|
|
@@ -1,5 +1,3 @@
|
|
|
1
|
-
var __defProp = Object.defineProperty;
|
|
2
|
-
var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
|
|
3
1
|
function isTamaguiComponent(comp, name) {
|
|
4
2
|
const config = comp && comp["staticConfig"];
|
|
5
3
|
if (!config || !config.parsed)
|
|
@@ -9,7 +7,6 @@ function isTamaguiComponent(comp, name) {
|
|
|
9
7
|
}
|
|
10
8
|
return true;
|
|
11
9
|
}
|
|
12
|
-
__name(isTamaguiComponent, "isTamaguiComponent");
|
|
13
10
|
export {
|
|
14
11
|
isTamaguiComponent
|
|
15
12
|
};
|
|
@@ -1,10 +1,8 @@
|
|
|
1
|
-
var __defProp = Object.defineProperty;
|
|
2
|
-
var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
|
|
3
1
|
import { isValidElement } from "react";
|
|
4
2
|
import { isTamaguiComponent } from "./isTamaguiComponent";
|
|
5
|
-
const isTamaguiElement =
|
|
3
|
+
const isTamaguiElement = (child, name) => {
|
|
6
4
|
return isValidElement(child) && isTamaguiComponent(child.type, name);
|
|
7
|
-
}
|
|
5
|
+
};
|
|
8
6
|
export {
|
|
9
7
|
isTamaguiElement
|
|
10
8
|
};
|
|
@@ -1,6 +1,4 @@
|
|
|
1
|
-
|
|
2
|
-
var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
|
|
3
|
-
const matchMedia = typeof window !== "undefined" && window.matchMedia || /* @__PURE__ */ __name(function matchMediaFallback(query) {
|
|
1
|
+
const matchMedia = typeof window !== "undefined" && window.matchMedia || function matchMediaFallback(query) {
|
|
4
2
|
return {
|
|
5
3
|
addListener() {
|
|
6
4
|
if (process.env.NODE_ENV === "development" && !process.env.IS_STATIC && process.env.TAMAGUI_TARGET !== "web") {
|
|
@@ -11,7 +9,7 @@ const matchMedia = typeof window !== "undefined" && window.matchMedia || /* @__P
|
|
|
11
9
|
},
|
|
12
10
|
matches: false
|
|
13
11
|
};
|
|
14
|
-
}
|
|
12
|
+
};
|
|
15
13
|
export {
|
|
16
14
|
matchMedia
|
|
17
15
|
};
|
|
@@ -1,7 +1,5 @@
|
|
|
1
|
-
var __defProp = Object.defineProperty;
|
|
2
|
-
var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
|
|
3
1
|
import MediaQueryList from "@expo/match-media/build/MediaQueryList.js";
|
|
4
|
-
const matchMedia =
|
|
2
|
+
const matchMedia = (media) => new MediaQueryList(media);
|
|
5
3
|
globalThis["matchMedia"] = matchMedia;
|
|
6
4
|
export {
|
|
7
5
|
matchMedia
|
|
@@ -1,6 +1,4 @@
|
|
|
1
|
-
|
|
2
|
-
var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
|
|
3
|
-
const mergeProps = /* @__PURE__ */ __name((a, b) => {
|
|
1
|
+
const mergeProps = (a, b) => {
|
|
4
2
|
const out = {};
|
|
5
3
|
for (const key in a) {
|
|
6
4
|
if (!(key in b)) {
|
|
@@ -11,7 +9,7 @@ const mergeProps = /* @__PURE__ */ __name((a, b) => {
|
|
|
11
9
|
out[key] = b[key];
|
|
12
10
|
}
|
|
13
11
|
return out;
|
|
14
|
-
}
|
|
12
|
+
};
|
|
15
13
|
export {
|
|
16
14
|
mergeProps
|
|
17
15
|
};
|
|
@@ -1,9 +1,7 @@
|
|
|
1
|
-
|
|
2
|
-
var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
|
|
3
|
-
const mergeTransform = /* @__PURE__ */ __name((obj, key, val, backwards = false) => {
|
|
1
|
+
const mergeTransform = (obj, key, val, backwards = false) => {
|
|
4
2
|
obj.transform || (obj.transform = []);
|
|
5
3
|
obj.transform[backwards ? "unshift" : "push"]({ [mapTransformKeys[key] || key]: val });
|
|
6
|
-
}
|
|
4
|
+
};
|
|
7
5
|
const mapTransformKeys = {
|
|
8
6
|
x: "translateX",
|
|
9
7
|
y: "translateY"
|
|
@@ -1,5 +1,3 @@
|
|
|
1
|
-
var __defProp = Object.defineProperty;
|
|
2
|
-
var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
|
|
3
1
|
function proxyThemeVariables(obj) {
|
|
4
2
|
return new Proxy(obj, {
|
|
5
3
|
has(target, key) {
|
|
@@ -10,8 +8,7 @@ function proxyThemeVariables(obj) {
|
|
|
10
8
|
}
|
|
11
9
|
});
|
|
12
10
|
}
|
|
13
|
-
|
|
14
|
-
const removeStarting$ = /* @__PURE__ */ __name((str) => typeof str === "string" && str[0] === "$" ? str.slice(1) : str, "removeStarting$");
|
|
11
|
+
const removeStarting$ = (str) => typeof str === "string" && str[0] === "$" ? str.slice(1) : str;
|
|
15
12
|
export {
|
|
16
13
|
proxyThemeVariables
|
|
17
14
|
};
|
|
@@ -1,12 +1,10 @@
|
|
|
1
|
-
var __defProp = Object.defineProperty;
|
|
2
|
-
var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
|
|
3
1
|
import { createCSSVariable } from "../createVariable";
|
|
4
|
-
const registerCSSVariable =
|
|
2
|
+
const registerCSSVariable = (v) => {
|
|
5
3
|
tokensValueToVariable.set(v.val, v);
|
|
6
4
|
const val = `--${createCSSVariable(v.name, false)}:${typeof v.val === "number" ? `${v.val}px` : v.val}`;
|
|
7
5
|
tokenRules.add(val);
|
|
8
6
|
return val;
|
|
9
|
-
}
|
|
7
|
+
};
|
|
10
8
|
const tokensValueToVariable = /* @__PURE__ */ new Map();
|
|
11
9
|
const tokenRules = /* @__PURE__ */ new Set();
|
|
12
10
|
export {
|
|
@@ -1,10 +1,8 @@
|
|
|
1
|
-
var __defProp = Object.defineProperty;
|
|
2
|
-
var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
|
|
3
1
|
import React, { forwardRef } from "react";
|
|
4
2
|
import { Theme } from "../views/Theme";
|
|
5
3
|
import { ThemeInverse } from "../views/ThemeInverse";
|
|
6
4
|
function themeable(component, opts) {
|
|
7
|
-
const withThemeComponent = forwardRef(
|
|
5
|
+
const withThemeComponent = forwardRef(function WithTheme(props, ref) {
|
|
8
6
|
const { themeInverse, theme, ...rest } = props;
|
|
9
7
|
const element = React.createElement(component, { ...rest, ref });
|
|
10
8
|
if (themeInverse) {
|
|
@@ -14,12 +12,11 @@ function themeable(component, opts) {
|
|
|
14
12
|
return <Theme componentName={opts == null ? void 0 : opts.componentName} name={theme || null}>{element}</Theme>;
|
|
15
13
|
}
|
|
16
14
|
return element;
|
|
17
|
-
}
|
|
15
|
+
});
|
|
18
16
|
const withTheme = withThemeComponent;
|
|
19
17
|
withTheme.displayName = `Themed(${(component == null ? void 0 : component.displayName) || (component == null ? void 0 : component.name) || "Anonymous"})`;
|
|
20
18
|
return withTheme;
|
|
21
19
|
}
|
|
22
|
-
__name(themeable, "themeable");
|
|
23
20
|
export {
|
|
24
21
|
themeable
|
|
25
22
|
};
|
|
@@ -1,11 +1,9 @@
|
|
|
1
|
-
var __defProp = Object.defineProperty;
|
|
2
|
-
var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
|
|
3
1
|
const { default: ow } = require("@tamagui/ow/dev-only");
|
|
4
2
|
let Config;
|
|
5
3
|
let Tokens;
|
|
6
4
|
let FontRequired;
|
|
7
5
|
let FontOptional;
|
|
8
|
-
const validateConfig =
|
|
6
|
+
const validateConfig = (conf) => {
|
|
9
7
|
if (!conf) {
|
|
10
8
|
console.warn("no conf?");
|
|
11
9
|
return;
|
|
@@ -15,15 +13,15 @@ const validateConfig = /* @__PURE__ */ __name((conf) => {
|
|
|
15
13
|
} catch (err) {
|
|
16
14
|
console.warn("Given config:\n", JSON.stringify(conf, null, 2), err);
|
|
17
15
|
}
|
|
18
|
-
}
|
|
19
|
-
const validateTokens =
|
|
16
|
+
};
|
|
17
|
+
const validateTokens = (tokens) => {
|
|
20
18
|
try {
|
|
21
19
|
ow(tokens, Tokens);
|
|
22
20
|
} catch (err) {
|
|
23
21
|
console.warn("Given tokens:\n", JSON.stringify(tokens, null, 2), err);
|
|
24
22
|
}
|
|
25
|
-
}
|
|
26
|
-
const validateFont =
|
|
23
|
+
};
|
|
24
|
+
const validateFont = (font) => {
|
|
27
25
|
try {
|
|
28
26
|
const { style, transform, color, ...required } = font;
|
|
29
27
|
ow(required, FontRequired);
|
|
@@ -31,7 +29,7 @@ const validateFont = /* @__PURE__ */ __name((font) => {
|
|
|
31
29
|
} catch (err) {
|
|
32
30
|
console.warn("Given font:\n", JSON.stringify(font, null, 2), err);
|
|
33
31
|
}
|
|
34
|
-
}
|
|
32
|
+
};
|
|
35
33
|
if (process.env.NODE_ENV === "development") {
|
|
36
34
|
const fontReq = {
|
|
37
35
|
family: ow.string,
|
|
@@ -1,9 +1,7 @@
|
|
|
1
|
-
|
|
2
|
-
var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
|
|
3
|
-
const withStaticProperties = /* @__PURE__ */ __name(function(component, staticProps) {
|
|
1
|
+
const withStaticProperties = function(component, staticProps) {
|
|
4
2
|
Object.assign(component, staticProps);
|
|
5
3
|
return component;
|
|
6
|
-
}
|
|
4
|
+
};
|
|
7
5
|
export {
|
|
8
6
|
withStaticProperties
|
|
9
7
|
};
|
|
@@ -1,10 +1,7 @@
|
|
|
1
|
-
var __defProp = Object.defineProperty;
|
|
2
|
-
var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
|
|
3
1
|
import { ThemeManagerContext } from "../ThemeManager";
|
|
4
2
|
function wrapThemeManagerContext(children, themeManager) {
|
|
5
3
|
return themeManager ? <ThemeManagerContext.Provider value={themeManager}>{children}</ThemeManagerContext.Provider> : children;
|
|
6
4
|
}
|
|
7
|
-
__name(wrapThemeManagerContext, "wrapThemeManagerContext");
|
|
8
5
|
export {
|
|
9
6
|
wrapThemeManagerContext
|
|
10
7
|
};
|
|
@@ -1,5 +1,3 @@
|
|
|
1
|
-
var __defProp = Object.defineProperty;
|
|
2
|
-
var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
|
|
3
1
|
import { useRef } from "react";
|
|
4
2
|
function useConstant(fn) {
|
|
5
3
|
const ref = useRef();
|
|
@@ -8,7 +6,6 @@ function useConstant(fn) {
|
|
|
8
6
|
}
|
|
9
7
|
return ref.current.v;
|
|
10
8
|
}
|
|
11
|
-
__name(useConstant, "useConstant");
|
|
12
9
|
export {
|
|
13
10
|
useConstant
|
|
14
11
|
};
|
|
@@ -1,17 +1,15 @@
|
|
|
1
|
-
var __defProp = Object.defineProperty;
|
|
2
|
-
var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
|
|
3
1
|
import { useIsomorphicLayoutEffect } from "../constants/platform";
|
|
4
2
|
import { getSubStyle } from "../helpers/getSplitStyles";
|
|
5
3
|
import { addMediaQueryListener, mediaState, removeMediaQueryListener } from "./useMedia";
|
|
6
|
-
const createDefinition =
|
|
4
|
+
const createDefinition = ({
|
|
7
5
|
Component,
|
|
8
6
|
propNames
|
|
9
7
|
}) => ({
|
|
10
8
|
isEnabled: (props) => propNames.some((name) => !!props[name]),
|
|
11
9
|
Component
|
|
12
|
-
})
|
|
10
|
+
});
|
|
13
11
|
let featureDefinitions = null;
|
|
14
|
-
const useFeatures =
|
|
12
|
+
const useFeatures = (props, utils) => {
|
|
15
13
|
if (!featureDefinitions) {
|
|
16
14
|
featureDefinitions = loadFeatures();
|
|
17
15
|
}
|
|
@@ -28,14 +26,13 @@ const useFeatures = /* @__PURE__ */ __name((props, utils) => {
|
|
|
28
26
|
elements,
|
|
29
27
|
enabled
|
|
30
28
|
};
|
|
31
|
-
}
|
|
29
|
+
};
|
|
32
30
|
function loadFeatures() {
|
|
33
31
|
return {
|
|
34
32
|
animation: loadAnimationFeature(),
|
|
35
33
|
mediaQuery: loadMediaQueryFeature()
|
|
36
34
|
};
|
|
37
35
|
}
|
|
38
|
-
__name(loadFeatures, "loadFeatures");
|
|
39
36
|
function loadAnimationFeature() {
|
|
40
37
|
return createDefinition({
|
|
41
38
|
Component: ({ _utils, ...props }) => {
|
|
@@ -83,7 +80,6 @@ function loadAnimationFeature() {
|
|
|
83
80
|
propNames: ["animation"]
|
|
84
81
|
});
|
|
85
82
|
}
|
|
86
|
-
__name(loadAnimationFeature, "loadAnimationFeature");
|
|
87
83
|
const defaults = {
|
|
88
84
|
left: 0,
|
|
89
85
|
right: 0,
|
|
@@ -127,7 +123,6 @@ function ensureBaseHasDefaults(base, ...pseudos) {
|
|
|
127
123
|
}
|
|
128
124
|
}
|
|
129
125
|
}
|
|
130
|
-
__name(ensureBaseHasDefaults, "ensureBaseHasDefaults");
|
|
131
126
|
function merge(base, next) {
|
|
132
127
|
if (!next.transform || !base.transform) {
|
|
133
128
|
Object.assign(base, next);
|
|
@@ -145,7 +140,6 @@ function merge(base, next) {
|
|
|
145
140
|
}
|
|
146
141
|
}
|
|
147
142
|
}
|
|
148
|
-
__name(merge, "merge");
|
|
149
143
|
function loadMediaQueryFeature() {
|
|
150
144
|
const mediaPropNames = Object.keys(mediaState);
|
|
151
145
|
return createDefinition({
|
|
@@ -166,7 +160,6 @@ function loadMediaQueryFeature() {
|
|
|
166
160
|
propNames: mediaPropNames
|
|
167
161
|
});
|
|
168
162
|
}
|
|
169
|
-
__name(loadMediaQueryFeature, "loadMediaQueryFeature");
|
|
170
163
|
export {
|
|
171
164
|
useFeatures
|
|
172
165
|
};
|
package/dist/jsx/hooks/useId.js
CHANGED
|
@@ -1,5 +1,3 @@
|
|
|
1
|
-
var __defProp = Object.defineProperty;
|
|
2
|
-
var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
|
|
3
1
|
import * as React from "react";
|
|
4
2
|
import { isWeb, useIsomorphicLayoutEffect } from "../constants/platform";
|
|
5
3
|
let serverHandoffComplete = false;
|
|
@@ -7,7 +5,6 @@ let id = 0;
|
|
|
7
5
|
function genId() {
|
|
8
6
|
return ++id;
|
|
9
7
|
}
|
|
10
|
-
__name(genId, "genId");
|
|
11
8
|
function useId(providedId) {
|
|
12
9
|
var _a;
|
|
13
10
|
if (isWeb) {
|
|
@@ -30,7 +27,6 @@ function useId(providedId) {
|
|
|
30
27
|
}, []);
|
|
31
28
|
return (_a = providedId != null ? providedId : id2) != null ? _a : void 0;
|
|
32
29
|
}
|
|
33
|
-
__name(useId, "useId");
|
|
34
30
|
export {
|
|
35
31
|
useId
|
|
36
32
|
};
|
|
@@ -1,5 +1,3 @@
|
|
|
1
|
-
var __defProp = Object.defineProperty;
|
|
2
|
-
var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
|
|
3
1
|
import { useRef } from "react";
|
|
4
2
|
import { useIsomorphicLayoutEffect } from "../constants/platform";
|
|
5
3
|
function useIsMounted() {
|
|
@@ -12,7 +10,6 @@ function useIsMounted() {
|
|
|
12
10
|
}, []);
|
|
13
11
|
return isMounted;
|
|
14
12
|
}
|
|
15
|
-
__name(useIsMounted, "useIsMounted");
|
|
16
13
|
export {
|
|
17
14
|
useIsMounted
|
|
18
15
|
};
|
|
@@ -1,8 +1,6 @@
|
|
|
1
|
-
var __defProp = Object.defineProperty;
|
|
2
|
-
var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
|
|
3
1
|
import { useState } from "react";
|
|
4
2
|
import { isTouchable, useIsomorphicLayoutEffect } from "../constants/platform";
|
|
5
|
-
const useIsTouchDevice =
|
|
3
|
+
const useIsTouchDevice = () => {
|
|
6
4
|
const [touchOnly, setTouchOnly] = useState(false);
|
|
7
5
|
useIsomorphicLayoutEffect(() => {
|
|
8
6
|
if (isTouchable) {
|
|
@@ -10,7 +8,7 @@ const useIsTouchDevice = /* @__PURE__ */ __name(() => {
|
|
|
10
8
|
}
|
|
11
9
|
}, []);
|
|
12
10
|
return touchOnly;
|
|
13
|
-
}
|
|
11
|
+
};
|
|
14
12
|
export {
|
|
15
13
|
useIsTouchDevice
|
|
16
14
|
};
|
|
@@ -1,5 +1,3 @@
|
|
|
1
|
-
var __defProp = Object.defineProperty;
|
|
2
|
-
var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
|
|
3
1
|
import { useForceUpdate } from "@tamagui/use-force-update";
|
|
4
2
|
import { useRef } from "react";
|
|
5
3
|
import { useIsomorphicLayoutEffect } from "../constants/platform";
|
|
@@ -7,20 +5,20 @@ import { matchMedia } from "../helpers/matchMedia";
|
|
|
7
5
|
import { useConstant } from "./useConstant";
|
|
8
6
|
const mediaState = {};
|
|
9
7
|
const mediaQueryListeners = {};
|
|
10
|
-
const addMediaQueryListener =
|
|
8
|
+
const addMediaQueryListener = (key, cb) => {
|
|
11
9
|
mediaQueryListeners[key] = mediaQueryListeners[key] || /* @__PURE__ */ new Set();
|
|
12
10
|
mediaQueryListeners[key].add(cb);
|
|
13
|
-
}
|
|
14
|
-
const removeMediaQueryListener =
|
|
11
|
+
};
|
|
12
|
+
const removeMediaQueryListener = (key, cb) => {
|
|
15
13
|
var _a;
|
|
16
14
|
(_a = mediaQueryListeners[key]) == null ? void 0 : _a.delete(cb);
|
|
17
|
-
}
|
|
15
|
+
};
|
|
18
16
|
let hasConfigured = false;
|
|
19
17
|
const mediaQueryConfig = {};
|
|
20
|
-
const getMedia =
|
|
18
|
+
const getMedia = () => {
|
|
21
19
|
return mediaState;
|
|
22
|
-
}
|
|
23
|
-
const configureMedia =
|
|
20
|
+
};
|
|
21
|
+
const configureMedia = ({
|
|
24
22
|
queries,
|
|
25
23
|
defaultActive = ["sm", "xs"]
|
|
26
24
|
} = {}) => {
|
|
@@ -48,8 +46,7 @@ const configureMedia = /* @__PURE__ */ __name(({
|
|
|
48
46
|
}
|
|
49
47
|
}
|
|
50
48
|
};
|
|
51
|
-
|
|
52
|
-
const getMatch = /* @__PURE__ */ __name(() => matchMedia(str), "getMatch");
|
|
49
|
+
const getMatch = () => matchMedia(str);
|
|
53
50
|
const match = getMatch();
|
|
54
51
|
if (!match || typeof match.addListener !== "function") {
|
|
55
52
|
throw new Error("\u26A0\uFE0F No match (seeing this in RN sometimes)");
|
|
@@ -63,8 +60,8 @@ const configureMedia = /* @__PURE__ */ __name(({
|
|
|
63
60
|
mediaState[propKey] = isDefaultActive;
|
|
64
61
|
}
|
|
65
62
|
}
|
|
66
|
-
}
|
|
67
|
-
const useMedia =
|
|
63
|
+
};
|
|
64
|
+
const useMedia = () => {
|
|
68
65
|
const forceUpdate = useForceUpdate();
|
|
69
66
|
const state = useRef();
|
|
70
67
|
if (!state.current) {
|
|
@@ -125,11 +122,10 @@ const useMedia = /* @__PURE__ */ __name(() => {
|
|
|
125
122
|
}
|
|
126
123
|
});
|
|
127
124
|
});
|
|
128
|
-
}
|
|
125
|
+
};
|
|
129
126
|
function camelToHyphen(str) {
|
|
130
127
|
return str.replace(/[A-Z]/g, (m) => `-${m.toLowerCase()}`).toLowerCase();
|
|
131
128
|
}
|
|
132
|
-
__name(camelToHyphen, "camelToHyphen");
|
|
133
129
|
function mediaObjectToString(query) {
|
|
134
130
|
if (typeof query === "string") {
|
|
135
131
|
return query;
|
|
@@ -145,7 +141,6 @@ function mediaObjectToString(query) {
|
|
|
145
141
|
return `(${feature}: ${value})`;
|
|
146
142
|
}).join(" and ");
|
|
147
143
|
}
|
|
148
|
-
__name(mediaObjectToString, "mediaObjectToString");
|
|
149
144
|
export {
|
|
150
145
|
addMediaQueryListener,
|
|
151
146
|
configureMedia,
|
|
@@ -1,13 +1,11 @@
|
|
|
1
|
-
var __defProp = Object.defineProperty;
|
|
2
|
-
var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
|
|
3
1
|
var _a, _b;
|
|
4
2
|
import { Pressable } from "react-native";
|
|
5
3
|
const getPressable = (_b = (_a = Pressable) == null ? void 0 : _a["type"]) == null ? void 0 : _b["render"];
|
|
6
|
-
const usePressable =
|
|
4
|
+
const usePressable = (props) => {
|
|
7
5
|
const out = getPressable(props);
|
|
8
6
|
const { children, style, ...pressableProps } = out.props;
|
|
9
7
|
return [pressableProps, style];
|
|
10
|
-
}
|
|
8
|
+
};
|
|
11
9
|
export {
|
|
12
10
|
usePressable
|
|
13
11
|
};
|
|
@@ -1,5 +1,3 @@
|
|
|
1
|
-
var __defProp = Object.defineProperty;
|
|
2
|
-
var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
|
|
3
1
|
import { useForceUpdate } from "@tamagui/use-force-update";
|
|
4
2
|
import { useContext, useLayoutEffect, useMemo, useRef, useState } from "react";
|
|
5
3
|
import { getConfig } from "../conf";
|
|
@@ -8,7 +6,7 @@ import { areEqualSets } from "../helpers/areEqualSets";
|
|
|
8
6
|
import { ThemeContext } from "../ThemeContext";
|
|
9
7
|
import { ThemeManager, ThemeManagerContext, emptyManager } from "../ThemeManager";
|
|
10
8
|
import { useConstant } from "./useConstant";
|
|
11
|
-
const useTheme =
|
|
9
|
+
const useTheme = (themeName, componentName, props, forceUpdate) => {
|
|
12
10
|
const { name, theme, themes, themeManager, className, didChangeTheme } = useChangeThemeEffect(themeName, componentName, props, forceUpdate);
|
|
13
11
|
if (process.env.NODE_ENV === "development") {
|
|
14
12
|
if ((props == null ? void 0 : props.debug) === "verbose") {
|
|
@@ -91,12 +89,12 @@ const useTheme = /* @__PURE__ */ __name((themeName, componentName, props, forceU
|
|
|
91
89
|
}
|
|
92
90
|
});
|
|
93
91
|
}, [name, theme, className, didChangeTheme]);
|
|
94
|
-
}
|
|
92
|
+
};
|
|
95
93
|
const GetThemeManager = Symbol("GetThemeManager");
|
|
96
|
-
const getThemeManagerIfChanged =
|
|
94
|
+
const getThemeManagerIfChanged = (theme) => {
|
|
97
95
|
return theme == null ? void 0 : theme[GetThemeManager];
|
|
98
|
-
}
|
|
99
|
-
const useThemeName =
|
|
96
|
+
};
|
|
97
|
+
const useThemeName = (opts) => {
|
|
100
98
|
const parent = useContext(ThemeManagerContext);
|
|
101
99
|
const [name, setName] = useState((parent == null ? void 0 : parent.name) || "");
|
|
102
100
|
useIsomorphicLayoutEffect(() => {
|
|
@@ -110,12 +108,12 @@ const useThemeName = /* @__PURE__ */ __name((opts) => {
|
|
|
110
108
|
});
|
|
111
109
|
}, [parent]);
|
|
112
110
|
return name;
|
|
113
|
-
}
|
|
114
|
-
const useDefaultThemeName =
|
|
111
|
+
};
|
|
112
|
+
const useDefaultThemeName = () => {
|
|
115
113
|
var _a;
|
|
116
114
|
return (_a = useContext(ThemeContext)) == null ? void 0 : _a.defaultTheme;
|
|
117
|
-
}
|
|
118
|
-
const useChangeThemeEffect =
|
|
115
|
+
};
|
|
116
|
+
const useChangeThemeEffect = (name, componentName, props, forceUpdateProp) => {
|
|
119
117
|
const debug = props && props["debug"];
|
|
120
118
|
const parentManager = useContext(ThemeManagerContext) || emptyManager;
|
|
121
119
|
const { themes } = useContext(ThemeContext);
|
|
@@ -156,7 +154,7 @@ const useChangeThemeEffect = /* @__PURE__ */ __name((name, componentName, props,
|
|
|
156
154
|
themes,
|
|
157
155
|
themeManager
|
|
158
156
|
};
|
|
159
|
-
}
|
|
157
|
+
};
|
|
160
158
|
export {
|
|
161
159
|
getThemeManagerIfChanged,
|
|
162
160
|
useChangeThemeEffect,
|
|
@@ -1,10 +1,7 @@
|
|
|
1
|
-
var __defProp = Object.defineProperty;
|
|
2
|
-
var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
|
|
3
1
|
import { useEffect } from "react";
|
|
4
2
|
function useUnmountEffect(callback) {
|
|
5
3
|
return useEffect(() => () => callback(), []);
|
|
6
4
|
}
|
|
7
|
-
__name(useUnmountEffect, "useUnmountEffect");
|
|
8
5
|
export {
|
|
9
6
|
useUnmountEffect
|
|
10
7
|
};
|
package/dist/jsx/insertFont.js
CHANGED
|
@@ -1,5 +1,3 @@
|
|
|
1
|
-
var __defProp = Object.defineProperty;
|
|
2
|
-
var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
|
|
3
1
|
import { setConfigFont } from "./conf";
|
|
4
2
|
import { createFont } from "./createFont";
|
|
5
3
|
import { createVariables } from "./createVariables";
|
|
@@ -9,10 +7,9 @@ function insertFont(name, fontIn) {
|
|
|
9
7
|
const tokened = createVariables(font, name);
|
|
10
8
|
const parsed = parseFont(tokened);
|
|
11
9
|
registerFontVariables(parsed);
|
|
12
|
-
setConfigFont(name, parsed);
|
|
10
|
+
setConfigFont(name, tokened, parsed);
|
|
13
11
|
return parsed;
|
|
14
12
|
}
|
|
15
|
-
__name(insertFont, "insertFont");
|
|
16
13
|
function parseFont(definition) {
|
|
17
14
|
const parsed = {};
|
|
18
15
|
for (const attrKey in definition) {
|
|
@@ -32,7 +29,6 @@ function parseFont(definition) {
|
|
|
32
29
|
}
|
|
33
30
|
return parsed;
|
|
34
31
|
}
|
|
35
|
-
__name(parseFont, "parseFont");
|
|
36
32
|
function registerFontVariables(parsedFont) {
|
|
37
33
|
for (const fkey in parsedFont) {
|
|
38
34
|
if (fkey === "family") {
|
|
@@ -48,7 +44,6 @@ function registerFontVariables(parsedFont) {
|
|
|
48
44
|
}
|
|
49
45
|
}
|
|
50
46
|
}
|
|
51
|
-
__name(registerFontVariables, "registerFontVariables");
|
|
52
47
|
export {
|
|
53
48
|
insertFont,
|
|
54
49
|
parseFont,
|
package/dist/jsx/styled.js
CHANGED
|
@@ -1,5 +1,3 @@
|
|
|
1
|
-
var __defProp = Object.defineProperty;
|
|
2
|
-
var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
|
|
3
1
|
import { Image, Text, TextInput } from "react-native";
|
|
4
2
|
import { createComponent } from "./createComponent";
|
|
5
3
|
import { RNComponents } from "./helpers/RNComponents";
|
|
@@ -46,7 +44,6 @@ function styled(Component, options, staticExtractionOptions) {
|
|
|
46
44
|
const component = createComponent(staticConfigProps, Component);
|
|
47
45
|
return component;
|
|
48
46
|
}
|
|
49
|
-
__name(styled, "styled");
|
|
50
47
|
export {
|
|
51
48
|
styled
|
|
52
49
|
};
|
package/dist/jsx/views/Slot.js
CHANGED
|
@@ -1,5 +1,3 @@
|
|
|
1
|
-
var __defProp = Object.defineProperty;
|
|
2
|
-
var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
|
|
3
1
|
import { composeRefs } from "@tamagui/compose-refs";
|
|
4
2
|
import * as React from "react";
|
|
5
3
|
import { isWeb } from "../constants/platform";
|
|
@@ -20,9 +18,9 @@ const SlotClone = React.forwardRef((props, forwardedRef) => {
|
|
|
20
18
|
return React.Children.count(children) > 1 ? React.Children.only(null) : null;
|
|
21
19
|
});
|
|
22
20
|
SlotClone.displayName = "SlotClone";
|
|
23
|
-
const Slottable =
|
|
21
|
+
const Slottable = ({ children }) => {
|
|
24
22
|
return <>{children}</>;
|
|
25
|
-
}
|
|
23
|
+
};
|
|
26
24
|
const pressMap = isWeb ? {
|
|
27
25
|
onPress: "onClick",
|
|
28
26
|
onPressOut: "onMouseUp",
|
|
@@ -58,7 +56,6 @@ function mergeProps(child, slotProps) {
|
|
|
58
56
|
}
|
|
59
57
|
return { ...slotProps, ...overrideProps };
|
|
60
58
|
}
|
|
61
|
-
__name(mergeProps, "mergeProps");
|
|
62
59
|
const handleRegex = /^on[A-Z]/;
|
|
63
60
|
function mergeEvent(a, b) {
|
|
64
61
|
return (...args) => {
|
|
@@ -66,7 +63,6 @@ function mergeEvent(a, b) {
|
|
|
66
63
|
b == null ? void 0 : b(...args);
|
|
67
64
|
};
|
|
68
65
|
}
|
|
69
|
-
__name(mergeEvent, "mergeEvent");
|
|
70
66
|
export {
|
|
71
67
|
Slot,
|
|
72
68
|
Slottable,
|