@tamagui/core 1.0.0-alpha.37 → 1.0.0-alpha.38
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/constants/constants.js +32 -0
- package/dist/constants/constants.js.map +7 -0
- package/dist/{esm/constants → constants}/platform.js +2 -3
- package/dist/constants/platform.js.map +7 -0
- package/dist/constants/rnw.js +10 -0
- package/dist/constants/rnw.js.map +7 -0
- package/dist/constants/styleConstants.js +59 -0
- package/dist/constants/styleConstants.js.map +7 -0
- package/dist/createComponent.js +395 -0
- package/dist/createComponent.js.map +7 -0
- package/dist/{esm/createShorthands.js → createShorthands.js} +0 -0
- package/dist/createShorthands.js.map +7 -0
- package/dist/createTamagui.js +107 -0
- package/dist/createTamagui.js.map +7 -0
- package/dist/{esm/createTokens.js → createTokens.js} +0 -4
- package/dist/createTokens.js.map +7 -0
- package/dist/{esm/createVariable.js → createVariable.js} +2 -6
- package/dist/createVariable.js.map +7 -0
- package/dist/helpers/addStylesUsingClassname.js +28 -0
- package/dist/helpers/addStylesUsingClassname.js.map +7 -0
- package/dist/{esm/helpers → helpers}/createMediaStyle.js +0 -0
- package/dist/{esm/helpers → helpers}/createMediaStyle.js.map +1 -1
- package/dist/{esm/helpers → helpers}/createTamaguiProvider.js +20 -2
- package/dist/helpers/createTamaguiProvider.js.map +7 -0
- package/dist/helpers/extendStaticConfig.js +158 -0
- package/dist/helpers/extendStaticConfig.js.map +7 -0
- package/dist/helpers/fixNativeShadow.js +38 -0
- package/dist/helpers/fixNativeShadow.js.map +7 -0
- package/dist/{esm/helpers → helpers}/getSplitStyles.js +40 -43
- package/dist/helpers/getSplitStyles.js.map +7 -0
- package/dist/{esm/helpers → helpers}/insertStyleRule.js +0 -7
- package/dist/helpers/insertStyleRule.js.map +7 -0
- package/dist/{esm/helpers → helpers}/matchMedia.js +0 -3
- package/dist/helpers/matchMedia.js.map +7 -0
- package/dist/{esm/helpers → helpers}/matchMedia.native.js +0 -1
- package/dist/{esm/helpers → helpers}/matchMedia.native.js.map +3 -3
- package/dist/helpers/setIfChanged.js +17 -0
- package/dist/helpers/setIfChanged.js.map +7 -0
- package/dist/{esm/helpers → helpers}/themeable.js +1 -1
- package/dist/{esm/helpers → helpers}/themeable.js.map +3 -3
- package/dist/{esm/hooks → hooks}/useConstant.js +0 -0
- package/dist/{esm/hooks → hooks}/useConstant.js.map +1 -1
- package/dist/{esm/hooks → hooks}/useFeatures.js +51 -39
- package/dist/hooks/useFeatures.js.map +7 -0
- package/dist/hooks/useForceUpdate.js +28 -0
- package/dist/hooks/useForceUpdate.js.map +7 -0
- package/dist/{esm/hooks → hooks}/useMedia.js +18 -20
- package/dist/hooks/useMedia.js.map +7 -0
- package/dist/{esm/hooks → hooks}/usePressable.js +1 -2
- package/dist/{esm/hooks → hooks}/usePressable.js.map +2 -2
- package/dist/{esm/hooks → hooks}/useTheme.js +25 -28
- package/dist/hooks/useTheme.js.map +7 -0
- package/dist/index.cjs +1837 -0
- package/dist/index.cjs.map +7 -0
- package/dist/{esm/index.js → index.js} +4 -6
- package/dist/index.js.map +7 -0
- package/dist/{esm/static → static}/postProcessStyles.js +3 -3
- package/dist/static/postProcessStyles.js.map +7 -0
- package/dist/{esm/static.js → static.js} +1 -6
- package/dist/static.js.map +7 -0
- package/dist/styled.js +28 -0
- package/dist/styled.js.map +7 -0
- package/dist/testtypes.js +1 -0
- package/dist/{esm/types.js.map → testtypes.js.map} +0 -0
- package/dist/{esm/types.js → types.js} +0 -0
- package/dist/types.js.map +7 -0
- package/dist/{esm/views → views}/Animated.js +0 -0
- package/dist/{esm/views → views}/Animated.js.map +3 -3
- package/dist/{esm/views → views}/Stack.js +1 -1
- package/dist/views/Stack.js.map +7 -0
- package/dist/views/Text.js +36 -0
- package/dist/views/Text.js.map +7 -0
- package/dist/views/TextAncestorContext.js +18 -0
- package/dist/views/TextAncestorContext.js.map +7 -0
- package/dist/{esm/views → views}/Theme.js +23 -29
- package/dist/views/Theme.js.map +7 -0
- package/dist/{esm/views → views}/ThemeContext.js +0 -0
- package/dist/{esm/views → views}/ThemeContext.js.map +1 -1
- package/dist/{esm/views → views}/ThemeInverse.js +1 -0
- package/dist/{esm/views → views}/ThemeInverse.js.map +3 -3
- package/dist/{esm/views → views}/ThemeManagerContext.js +6 -13
- package/dist/views/ThemeManagerContext.js.map +7 -0
- package/dist/{esm/views → views}/ThemeProvider.js +10 -10
- package/dist/views/ThemeProvider.js.map +7 -0
- package/package.json +6 -9
- package/dist/cjs/constants/constants.js +0 -50
- package/dist/cjs/constants/constants.js.map +0 -7
- package/dist/cjs/constants/platform.js +0 -43
- package/dist/cjs/constants/platform.js.map +0 -7
- package/dist/cjs/constants/pseudos.js +0 -25
- package/dist/cjs/constants/pseudos.js.map +0 -7
- package/dist/cjs/constants/rnw.js +0 -28
- package/dist/cjs/constants/rnw.js.map +0 -7
- package/dist/cjs/createComponent.js +0 -529
- package/dist/cjs/createComponent.js.map +0 -7
- package/dist/cjs/createFont.js +0 -50
- package/dist/cjs/createFont.js.map +0 -7
- package/dist/cjs/createShorthands.js +0 -16
- package/dist/cjs/createShorthands.js.map +0 -7
- package/dist/cjs/createTamagui.js +0 -223
- package/dist/cjs/createTamagui.js.map +0 -7
- package/dist/cjs/createTheme.js +0 -13
- package/dist/cjs/createTheme.js.map +0 -7
- package/dist/cjs/createTokens.js +0 -55
- package/dist/cjs/createTokens.js.map +0 -7
- package/dist/cjs/createVariable.js +0 -47
- package/dist/cjs/createVariable.js.map +0 -7
- package/dist/cjs/helpers/addStylesUsingClassname.js +0 -79
- package/dist/cjs/helpers/addStylesUsingClassname.js.map +0 -7
- package/dist/cjs/helpers/createMediaStyle.js +0 -56
- package/dist/cjs/helpers/createMediaStyle.js.map +0 -7
- package/dist/cjs/helpers/createPropMapper.js +0 -197
- package/dist/cjs/helpers/createPropMapper.js.map +0 -7
- package/dist/cjs/helpers/createTamaguiProvider.js +0 -74
- package/dist/cjs/helpers/createTamaguiProvider.js.map +0 -7
- package/dist/cjs/helpers/extendStaticConfig.js +0 -82
- package/dist/cjs/helpers/extendStaticConfig.js.map +0 -7
- package/dist/cjs/helpers/fixNativeShadow.js +0 -14
- package/dist/cjs/helpers/fixNativeShadow.js.map +0 -7
- package/dist/cjs/helpers/fixNativeShadow.native.js +0 -40
- package/dist/cjs/helpers/fixNativeShadow.native.js.map +0 -7
- package/dist/cjs/helpers/getSplitStyles.js +0 -180
- package/dist/cjs/helpers/getSplitStyles.js.map +0 -7
- package/dist/cjs/helpers/getStylesAtomic.js +0 -117
- package/dist/cjs/helpers/getStylesAtomic.js.map +0 -7
- package/dist/cjs/helpers/getStylesAtomic.native.js +0 -16
- package/dist/cjs/helpers/getStylesAtomic.native.js.map +0 -7
- package/dist/cjs/helpers/insertStyleRule.js +0 -46
- package/dist/cjs/helpers/insertStyleRule.js.map +0 -7
- package/dist/cjs/helpers/isObj.js +0 -13
- package/dist/cjs/helpers/isObj.js.map +0 -7
- package/dist/cjs/helpers/isTamaguiElement.js +0 -33
- package/dist/cjs/helpers/isTamaguiElement.js.map +0 -7
- package/dist/cjs/helpers/matchMedia.js +0 -24
- package/dist/cjs/helpers/matchMedia.js.map +0 -7
- package/dist/cjs/helpers/matchMedia.native.js +0 -31
- package/dist/cjs/helpers/matchMedia.native.js.map +0 -7
- package/dist/cjs/helpers/themeable.js +0 -78
- package/dist/cjs/helpers/themeable.js.map +0 -7
- package/dist/cjs/helpers/validate.js +0 -82
- package/dist/cjs/helpers/validate.js.map +0 -7
- package/dist/cjs/hooks/useConstant.js +0 -37
- package/dist/cjs/hooks/useConstant.js.map +0 -7
- package/dist/cjs/hooks/useFeatures.js +0 -100
- package/dist/cjs/hooks/useFeatures.js.map +0 -7
- package/dist/cjs/hooks/useMedia.js +0 -207
- package/dist/cjs/hooks/useMedia.js.map +0 -7
- package/dist/cjs/hooks/usePressable.js +0 -50
- package/dist/cjs/hooks/usePressable.js.map +0 -7
- package/dist/cjs/hooks/useTheme.js +0 -118
- package/dist/cjs/hooks/useTheme.js.map +0 -7
- package/dist/cjs/index.js +0 -55
- package/dist/cjs/index.js.map +0 -7
- package/dist/cjs/static/postProcessStyles.js +0 -40
- package/dist/cjs/static/postProcessStyles.js.map +0 -7
- package/dist/cjs/static.js +0 -34
- package/dist/cjs/static.js.map +0 -7
- package/dist/cjs/styled.js +0 -72
- package/dist/cjs/styled.js.map +0 -7
- package/dist/cjs/types.js +0 -4
- package/dist/cjs/types.js.map +0 -7
- package/dist/cjs/views/Animated.js +0 -129
- package/dist/cjs/views/Animated.js.map +0 -7
- package/dist/cjs/views/Stack.js +0 -51
- package/dist/cjs/views/Stack.js.map +0 -7
- package/dist/cjs/views/Text.js +0 -93
- package/dist/cjs/views/Text.js.map +0 -7
- package/dist/cjs/views/TextAncestorContext.js +0 -40
- package/dist/cjs/views/TextAncestorContext.js.map +0 -7
- package/dist/cjs/views/Theme.js +0 -91
- package/dist/cjs/views/Theme.js.map +0 -7
- package/dist/cjs/views/ThemeContext.js +0 -29
- package/dist/cjs/views/ThemeContext.js.map +0 -7
- package/dist/cjs/views/ThemeInverse.js +0 -48
- package/dist/cjs/views/ThemeInverse.js.map +0 -7
- package/dist/cjs/views/ThemeManagerContext.js +0 -84
- package/dist/cjs/views/ThemeManagerContext.js.map +0 -7
- package/dist/cjs/views/ThemeProvider.js +0 -67
- package/dist/cjs/views/ThemeProvider.js.map +0 -7
- package/dist/esm/constants/constants.js +0 -14
- package/dist/esm/constants/constants.js.map +0 -7
- package/dist/esm/constants/platform.js.map +0 -7
- package/dist/esm/constants/pseudos.js +0 -18
- package/dist/esm/constants/pseudos.js.map +0 -7
- package/dist/esm/constants/rnw.js +0 -22
- package/dist/esm/constants/rnw.js.map +0 -7
- package/dist/esm/createComponent.js +0 -465
- package/dist/esm/createComponent.js.map +0 -7
- package/dist/esm/createFont.js +0 -28
- package/dist/esm/createFont.js.map +0 -7
- package/dist/esm/createShorthands.js.map +0 -7
- package/dist/esm/createTamagui.js +0 -185
- package/dist/esm/createTamagui.js.map +0 -7
- package/dist/esm/createTheme.js +0 -7
- package/dist/esm/createTheme.js.map +0 -7
- package/dist/esm/createTokens.js.map +0 -7
- package/dist/esm/createVariable.js.map +0 -7
- package/dist/esm/helpers/addStylesUsingClassname.js +0 -57
- package/dist/esm/helpers/addStylesUsingClassname.js.map +0 -7
- package/dist/esm/helpers/createPropMapper.js +0 -162
- package/dist/esm/helpers/createPropMapper.js.map +0 -7
- package/dist/esm/helpers/createTamaguiProvider.js.map +0 -7
- package/dist/esm/helpers/extendStaticConfig.js +0 -60
- package/dist/esm/helpers/extendStaticConfig.js.map +0 -7
- package/dist/esm/helpers/fixNativeShadow.js +0 -8
- package/dist/esm/helpers/fixNativeShadow.js.map +0 -7
- package/dist/esm/helpers/fixNativeShadow.native.js +0 -34
- package/dist/esm/helpers/fixNativeShadow.native.js.map +0 -7
- package/dist/esm/helpers/getSplitStyles.js.map +0 -7
- package/dist/esm/helpers/getStylesAtomic.js +0 -84
- package/dist/esm/helpers/getStylesAtomic.js.map +0 -7
- package/dist/esm/helpers/getStylesAtomic.native.js +0 -10
- package/dist/esm/helpers/getStylesAtomic.native.js.map +0 -7
- package/dist/esm/helpers/insertStyleRule.js.map +0 -7
- package/dist/esm/helpers/isObj.js +0 -7
- package/dist/esm/helpers/isObj.js.map +0 -7
- package/dist/esm/helpers/isTamaguiElement.js +0 -11
- package/dist/esm/helpers/isTamaguiElement.js.map +0 -7
- package/dist/esm/helpers/matchMedia.js.map +0 -7
- package/dist/esm/helpers/validate.js +0 -60
- package/dist/esm/helpers/validate.js.map +0 -7
- package/dist/esm/hooks/useFeatures.js.map +0 -7
- package/dist/esm/hooks/useMedia.js.map +0 -7
- package/dist/esm/hooks/useTheme.js.map +0 -7
- package/dist/esm/index.js.map +0 -7
- package/dist/esm/static/postProcessStyles.js.map +0 -7
- package/dist/esm/static.js.map +0 -7
- package/dist/esm/styled.js +0 -21
- package/dist/esm/styled.js.map +0 -7
- package/dist/esm/views/Stack.js.map +0 -7
- package/dist/esm/views/Text.js +0 -60
- package/dist/esm/views/Text.js.map +0 -7
- package/dist/esm/views/TextAncestorContext.js +0 -18
- package/dist/esm/views/TextAncestorContext.js.map +0 -7
- package/dist/esm/views/Theme.js.map +0 -7
- package/dist/esm/views/ThemeManagerContext.js.map +0 -7
- package/dist/esm/views/ThemeProvider.js.map +0 -7
- package/dist/jsx/constants/constants.js +0 -13
- package/dist/jsx/constants/platform.js +0 -19
- package/dist/jsx/constants/pseudos.js +0 -17
- package/dist/jsx/constants/rnw.js +0 -21
- package/dist/jsx/createComponent.js +0 -459
- package/dist/jsx/createFont.js +0 -27
- package/dist/jsx/createShorthands.js +0 -9
- package/dist/jsx/createTamagui.js +0 -184
- package/dist/jsx/createTheme.js +0 -6
- package/dist/jsx/createTokens.js +0 -32
- package/dist/jsx/createVariable.js +0 -24
- package/dist/jsx/helpers/addStylesUsingClassname.js +0 -56
- package/dist/jsx/helpers/createMediaStyle.js +0 -33
- package/dist/jsx/helpers/createPropMapper.js +0 -161
- package/dist/jsx/helpers/createTamaguiProvider.js +0 -19
- package/dist/jsx/helpers/extendStaticConfig.js +0 -59
- package/dist/jsx/helpers/fixNativeShadow.js +0 -7
- package/dist/jsx/helpers/fixNativeShadow.native.js +0 -33
- package/dist/jsx/helpers/getSplitStyles.js +0 -149
- package/dist/jsx/helpers/getStylesAtomic.js +0 -83
- package/dist/jsx/helpers/getStylesAtomic.native.js +0 -9
- package/dist/jsx/helpers/insertStyleRule.js +0 -23
- package/dist/jsx/helpers/isObj.js +0 -6
- package/dist/jsx/helpers/isTamaguiElement.js +0 -10
- package/dist/jsx/helpers/matchMedia.js +0 -17
- package/dist/jsx/helpers/matchMedia.native.js +0 -8
- package/dist/jsx/helpers/themeable.js +0 -23
- package/dist/jsx/helpers/validate.js +0 -59
- package/dist/jsx/hooks/useConstant.js +0 -14
- package/dist/jsx/hooks/useFeatures.js +0 -57
- package/dist/jsx/hooks/useMedia.js +0 -174
- package/dist/jsx/hooks/usePressable.js +0 -13
- package/dist/jsx/hooks/useTheme.js +0 -96
- package/dist/jsx/index.js +0 -31
- package/dist/jsx/static/postProcessStyles.js +0 -17
- package/dist/jsx/static.js +0 -14
- package/dist/jsx/styled.js +0 -20
- package/dist/jsx/types.js +0 -0
- package/dist/jsx/views/Animated.js +0 -74
- package/dist/jsx/views/Stack.js +0 -11
- package/dist/jsx/views/Text.js +0 -59
- package/dist/jsx/views/TextAncestorContext.js +0 -15
- package/dist/jsx/views/Theme.js +0 -63
- package/dist/jsx/views/ThemeContext.js +0 -5
- package/dist/jsx/views/ThemeInverse.js +0 -22
- package/dist/jsx/views/ThemeManagerContext.js +0 -61
- package/dist/jsx/views/ThemeProvider.js +0 -39
- package/types/constants/constants.d.ts.map +0 -1
- package/types/constants/platform.d.ts.map +0 -1
- package/types/constants/pseudos.d.ts.map +0 -1
- package/types/constants/rnw.d.ts.map +0 -1
- package/types/createComponent.d.ts.map +0 -1
- package/types/createFont.d.ts.map +0 -1
- package/types/createShorthands.d.ts.map +0 -1
- package/types/createTamagui.d.ts.map +0 -1
- package/types/createTheme.d.ts.map +0 -1
- package/types/createTokens.d.ts.map +0 -1
- package/types/createVariable.d.ts.map +0 -1
- package/types/helpers/addStylesUsingClassname.d.ts.map +0 -1
- package/types/helpers/createMediaStyle.d.ts.map +0 -1
- package/types/helpers/createPropMapper.d.ts.map +0 -1
- package/types/helpers/createTamaguiProvider.d.ts.map +0 -1
- package/types/helpers/extendStaticConfig.d.ts.map +0 -1
- package/types/helpers/fixNativeShadow.d.ts.map +0 -1
- package/types/helpers/fixNativeShadow.native.d.ts.map +0 -1
- package/types/helpers/getSplitStyles.d.ts.map +0 -1
- package/types/helpers/getStylesAtomic.d.ts.map +0 -1
- package/types/helpers/getStylesAtomic.native.d.ts.map +0 -1
- package/types/helpers/insertStyleRule.d.ts.map +0 -1
- package/types/helpers/isObj.d.ts.map +0 -1
- package/types/helpers/isTamaguiElement.d.ts.map +0 -1
- package/types/helpers/matchMedia.d.ts.map +0 -1
- package/types/helpers/matchMedia.native.d.ts.map +0 -1
- package/types/helpers/themeable.d.ts.map +0 -1
- package/types/helpers/validate.d.ts.map +0 -1
- package/types/hooks/useConstant.d.ts.map +0 -1
- package/types/hooks/useFeatures.d.ts.map +0 -1
- package/types/hooks/useMedia.d.ts.map +0 -1
- package/types/hooks/usePressable.d.ts.map +0 -1
- package/types/hooks/useTheme.d.ts.map +0 -1
- package/types/index.d.ts.map +0 -1
- package/types/static/postProcessStyles.d.ts.map +0 -1
- package/types/static.d.ts.map +0 -1
- package/types/styled.d.ts.map +0 -1
- package/types/types.d.ts.map +0 -1
- package/types/views/Animated.d.ts.map +0 -1
- package/types/views/Stack.d.ts.map +0 -1
- package/types/views/Text.d.ts.map +0 -1
- package/types/views/TextAncestorContext.d.ts.map +0 -1
- package/types/views/Theme.d.ts.map +0 -1
- package/types/views/ThemeContext.d.ts.map +0 -1
- package/types/views/ThemeInverse.d.ts.map +0 -1
- package/types/views/ThemeManagerContext.d.ts.map +0 -1
- package/types/views/ThemeProvider.d.ts.map +0 -1
|
@@ -1,185 +0,0 @@
|
|
|
1
|
-
var __defProp = Object.defineProperty;
|
|
2
|
-
var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
|
|
3
|
-
import { getStyleRules } from "@tamagui/helpers";
|
|
4
|
-
import { isWeb } from "./constants/platform";
|
|
5
|
-
import { Variable, createVariable } from "./createVariable";
|
|
6
|
-
import { createTamaguiProvider } from "./helpers/createTamaguiProvider";
|
|
7
|
-
import { configureMedia } from "./hooks/useMedia";
|
|
8
|
-
let conf;
|
|
9
|
-
const getHasConfigured = /* @__PURE__ */ __name(() => !!conf, "getHasConfigured");
|
|
10
|
-
const getTamagui = /* @__PURE__ */ __name(() => conf, "getTamagui");
|
|
11
|
-
const getTokens = /* @__PURE__ */ __name(() => conf.tokensParsed, "getTokens");
|
|
12
|
-
const getThemes = /* @__PURE__ */ __name(() => conf.themes, "getThemes");
|
|
13
|
-
const configListeners = new Set();
|
|
14
|
-
const onConfiguredOnce = /* @__PURE__ */ __name((cb) => {
|
|
15
|
-
if (conf) {
|
|
16
|
-
cb(conf);
|
|
17
|
-
} else {
|
|
18
|
-
configListeners.add(cb);
|
|
19
|
-
}
|
|
20
|
-
}, "onConfiguredOnce");
|
|
21
|
-
const PREFIX = `theme--`;
|
|
22
|
-
function createTamagui(config) {
|
|
23
|
-
if (config["parsed"]) {
|
|
24
|
-
return config;
|
|
25
|
-
}
|
|
26
|
-
if (conf) {
|
|
27
|
-
console.warn("Called createTamagui twice! Should never do so");
|
|
28
|
-
}
|
|
29
|
-
configureMedia({
|
|
30
|
-
queries: config.media,
|
|
31
|
-
defaultActive: config.mediaQueryDefaultActive
|
|
32
|
-
});
|
|
33
|
-
const themeConfig = (() => {
|
|
34
|
-
var _a;
|
|
35
|
-
let cssRules = [];
|
|
36
|
-
const varsByValue = new Map();
|
|
37
|
-
if (isWeb) {
|
|
38
|
-
let tokenRule = `:root {`;
|
|
39
|
-
const addVar = /* @__PURE__ */ __name((v) => {
|
|
40
|
-
varsByValue[v.val] = v;
|
|
41
|
-
const rule = `--${v.name}:${typeof v.val === "number" ? `${v.val}px` : v.val};`;
|
|
42
|
-
tokenRule += rule;
|
|
43
|
-
}, "addVar");
|
|
44
|
-
for (const key in config.tokens) {
|
|
45
|
-
for (const skey in config.tokens[key]) {
|
|
46
|
-
const val = config.tokens[key][skey];
|
|
47
|
-
if (key === "font") {
|
|
48
|
-
for (const fkey in val) {
|
|
49
|
-
if (fkey === "family") {
|
|
50
|
-
addVar(val[fkey]);
|
|
51
|
-
} else {
|
|
52
|
-
for (const fskey in val[fkey]) {
|
|
53
|
-
addVar(val[fkey][fskey]);
|
|
54
|
-
}
|
|
55
|
-
}
|
|
56
|
-
}
|
|
57
|
-
} else {
|
|
58
|
-
addVar(val);
|
|
59
|
-
}
|
|
60
|
-
}
|
|
61
|
-
}
|
|
62
|
-
cssRules.push(`${tokenRule}
|
|
63
|
-
}`);
|
|
64
|
-
}
|
|
65
|
-
for (const themeName in config.themes) {
|
|
66
|
-
const theme = { ...config.themes[themeName] };
|
|
67
|
-
config.themes[themeName] = theme;
|
|
68
|
-
let vars = "";
|
|
69
|
-
for (const themeKey in theme) {
|
|
70
|
-
if (isWeb) {
|
|
71
|
-
const val = theme[themeKey];
|
|
72
|
-
const varName = val instanceof Variable ? val.name : (_a = varsByValue[val]) == null ? void 0 : _a.name;
|
|
73
|
-
vars += `--${themeKey}:${varName ? `var(--${varName});` : `${val}`};`;
|
|
74
|
-
}
|
|
75
|
-
ensureThemeVariable(theme, themeKey);
|
|
76
|
-
}
|
|
77
|
-
if (isWeb) {
|
|
78
|
-
const [themeClassName, parentName] = themeName.includes("-") ? themeName.split("-") : [themeName, ""];
|
|
79
|
-
const oppositeName = parentName === "dark" ? "light" : "dark";
|
|
80
|
-
const cssParentSel = parentName ? `.${PREFIX}${parentName}` : "";
|
|
81
|
-
const cssChildSel = `.${PREFIX}${themeClassName}`;
|
|
82
|
-
const cssSel = `${cssParentSel} ${cssChildSel}`;
|
|
83
|
-
const cssRule = `${cssSel}, .${PREFIX}${oppositeName} ${cssSel} {
|
|
84
|
-
${vars}
|
|
85
|
-
}`;
|
|
86
|
-
cssRules.push(cssRule);
|
|
87
|
-
}
|
|
88
|
-
}
|
|
89
|
-
varsByValue.clear();
|
|
90
|
-
Object.freeze(cssRules);
|
|
91
|
-
return {
|
|
92
|
-
cssRules,
|
|
93
|
-
css: cssRules.join("\n")
|
|
94
|
-
};
|
|
95
|
-
})();
|
|
96
|
-
const tokensParsed = parseTokens(config.tokens);
|
|
97
|
-
const themeParsed = {};
|
|
98
|
-
const firstKey = Object.keys(config.themes)[0];
|
|
99
|
-
for (const key in config.themes[firstKey]) {
|
|
100
|
-
const val = config.themes[firstKey][key].val;
|
|
101
|
-
themeParsed[`$${key}`] = new Variable({ val, name: key });
|
|
102
|
-
}
|
|
103
|
-
const next = {
|
|
104
|
-
shorthands: {},
|
|
105
|
-
...config,
|
|
106
|
-
Provider: createTamaguiProvider({
|
|
107
|
-
defaultTheme: "light",
|
|
108
|
-
...config
|
|
109
|
-
}),
|
|
110
|
-
themeConfig,
|
|
111
|
-
themeParsed,
|
|
112
|
-
tokensParsed,
|
|
113
|
-
parsed: true,
|
|
114
|
-
getCSS() {
|
|
115
|
-
return `${themeConfig.css}
|
|
116
|
-
${[...getStyleRules()].join("\n")}`;
|
|
117
|
-
}
|
|
118
|
-
};
|
|
119
|
-
conf = next;
|
|
120
|
-
if (configListeners.size) {
|
|
121
|
-
configListeners.forEach((cb) => cb(next));
|
|
122
|
-
configListeners.clear();
|
|
123
|
-
}
|
|
124
|
-
return next;
|
|
125
|
-
}
|
|
126
|
-
__name(createTamagui, "createTamagui");
|
|
127
|
-
function getThemeParentClassName(themeName) {
|
|
128
|
-
return `theme-parent ${themeName ? `${PREFIX}${themeName}` : ""}`;
|
|
129
|
-
}
|
|
130
|
-
__name(getThemeParentClassName, "getThemeParentClassName");
|
|
131
|
-
const parseTokens = /* @__PURE__ */ __name((tokens) => {
|
|
132
|
-
const res = {};
|
|
133
|
-
for (const key in tokens) {
|
|
134
|
-
res[key] = {};
|
|
135
|
-
if (key === "font") {
|
|
136
|
-
for (const family in tokens.font) {
|
|
137
|
-
const obj = {};
|
|
138
|
-
res.font[`$${family}`] = obj;
|
|
139
|
-
for (const attrKey in tokens.font[family]) {
|
|
140
|
-
const attr = tokens.font[family][attrKey];
|
|
141
|
-
if (attrKey === "family") {
|
|
142
|
-
obj[attrKey] = attr;
|
|
143
|
-
continue;
|
|
144
|
-
}
|
|
145
|
-
obj[attrKey] = Object.keys(attr).reduce((acc, cur) => {
|
|
146
|
-
acc[`$${cur}`] = attr[cur];
|
|
147
|
-
return acc;
|
|
148
|
-
}, {});
|
|
149
|
-
}
|
|
150
|
-
}
|
|
151
|
-
continue;
|
|
152
|
-
}
|
|
153
|
-
for (const skey in tokens[key]) {
|
|
154
|
-
res[key][`$${skey}`] = tokens[key][skey];
|
|
155
|
-
}
|
|
156
|
-
}
|
|
157
|
-
return res;
|
|
158
|
-
}, "parseTokens");
|
|
159
|
-
function ensureThemeVariable(theme, key) {
|
|
160
|
-
const val = theme[key];
|
|
161
|
-
if (!(val instanceof Variable)) {
|
|
162
|
-
theme[key] = createVariable({
|
|
163
|
-
name: key,
|
|
164
|
-
val
|
|
165
|
-
});
|
|
166
|
-
} else {
|
|
167
|
-
if (val.name !== key) {
|
|
168
|
-
theme[key] = createVariable({
|
|
169
|
-
name: key,
|
|
170
|
-
val: val.val
|
|
171
|
-
});
|
|
172
|
-
}
|
|
173
|
-
}
|
|
174
|
-
}
|
|
175
|
-
__name(ensureThemeVariable, "ensureThemeVariable");
|
|
176
|
-
export {
|
|
177
|
-
createTamagui,
|
|
178
|
-
getHasConfigured,
|
|
179
|
-
getTamagui,
|
|
180
|
-
getThemeParentClassName,
|
|
181
|
-
getThemes,
|
|
182
|
-
getTokens,
|
|
183
|
-
onConfiguredOnce
|
|
184
|
-
};
|
|
185
|
-
//# sourceMappingURL=createTamagui.js.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../src/createTamagui.ts"],
|
|
4
|
-
"sourcesContent": ["import { getStyleRules } from '@tamagui/helpers'\n\nimport { isWeb } from './constants/platform'\nimport { Variable, createVariable } from './createVariable'\nimport { createTamaguiProvider } from './helpers/createTamaguiProvider'\nimport { configureMedia } from './hooks/useMedia'\nimport {\n CreateTamaguiConfig,\n GenericTamaguiConfig,\n MediaQueryKey,\n TamaguiInternalConfig,\n TamaguiProviderProps,\n} from './types'\n\nexport type CreateTamaguiProps = TamaguiProviderProps &\n // we omit and re-declare it because we need to allow instantation types to be flexible\n // user then re-defines the types after createTamagui returns the typed object they want\n Omit<GenericTamaguiConfig, 'themes'> & {\n themes: {\n [key: string]: {\n [key: string]: string | number | Variable\n }\n }\n // for ssr/native, will default to active\n mediaQueryDefaultActive?: MediaQueryKey[]\n }\n\nlet conf: TamaguiInternalConfig | null\n\nexport const getHasConfigured = () => !!conf\n\nexport const getTamagui = () => conf!\nexport const getTokens = () => conf!.tokensParsed\nexport const getThemes = () => conf!.themes\n\ntype ConfigListener = (conf: TamaguiInternalConfig) => void\nconst configListeners = new Set<ConfigListener>()\nexport const onConfiguredOnce = (cb: ConfigListener) => {\n if (conf) {\n cb(conf)\n } else {\n configListeners.add(cb)\n }\n}\n\nconst PREFIX = `theme--`\n\nexport function createTamagui<Conf extends CreateTamaguiProps>(\n config: Conf\n): Conf extends CreateTamaguiConfig<infer A, infer B, infer C, infer D>\n ? TamaguiInternalConfig<A, B, C, D>\n : unknown {\n // config is re-run by the @tamagui/static, dont double validate\n // but cheap to check and not much downside just returning here if parsed\n if (config['parsed']) {\n return config as any\n }\n\n // test env loads a few times as it runs diff tests\n if (conf) {\n console.warn('Called createTamagui twice! Should never do so')\n // throw new Error(`#000 createTamagui called twice`)\n }\n\n configureMedia({\n queries: config.media as any,\n defaultActive: config.mediaQueryDefaultActive,\n })\n\n const themeConfig = (() => {\n let cssRules: string[] = []\n const varsByValue = new Map<string, Variable>()\n\n if (isWeb) {\n // tokens\n let tokenRule = `:root {`\n const addVar = (v: Variable) => {\n varsByValue[v.val] = v\n const rule = `--${v.name}:${typeof v.val === 'number' ? `${v.val}px` : v.val};`\n tokenRule += rule\n }\n\n for (const key in config.tokens) {\n for (const skey in config.tokens[key]) {\n const val = config.tokens[key][skey]\n if (key === 'font') {\n for (const fkey in val) {\n if (fkey === 'family') {\n addVar(val[fkey])\n } else {\n for (const fskey in val[fkey]) {\n addVar(val[fkey][fskey])\n }\n }\n }\n } else {\n addVar(val)\n }\n }\n }\n cssRules.push(`${tokenRule}\\n}`)\n }\n\n // themes\n for (const themeName in config.themes) {\n // to allow using the same theme with diff names, be sure we don't mutate!\n const theme = { ...config.themes[themeName] }\n config.themes[themeName] = theme\n\n let vars = ''\n\n for (const themeKey in theme) {\n if (isWeb) {\n const val = theme[themeKey]\n // TODO sanity check is necessary\n const varName = val instanceof Variable ? val.name : varsByValue[val]?.name\n vars += `--${themeKey}:${varName ? `var(--${varName});` : `${val}`};`\n }\n\n // make sure properly names theme variables\n ensureThemeVariable(theme, themeKey)\n }\n\n if (isWeb) {\n const [themeClassName, parentName] = themeName.includes('-')\n ? themeName.split('-')\n : [themeName, '']\n // tiny hack for now assuming light/dark are typical parentName\n const oppositeName = parentName === 'dark' ? 'light' : 'dark'\n const cssParentSel = parentName ? `.${PREFIX}${parentName}` : ''\n const cssChildSel = `.${PREFIX}${themeClassName}`\n const cssSel = `${cssParentSel} ${cssChildSel}`\n // we need to force specificity\n const cssRule = `${cssSel}, .${PREFIX}${oppositeName} ${cssSel} {\\n${vars}\\n}`\n cssRules.push(cssRule)\n }\n }\n\n varsByValue.clear()\n Object.freeze(cssRules)\n\n return {\n cssRules,\n css: cssRules.join('\\n'),\n }\n })()\n\n // faster lookups token keys become $keys to match input\n const tokensParsed: any = parseTokens(config.tokens)\n\n // we could do this above in theme loop\n // all themes should match key and we just need variable name\n // TODO once w react native we'd want to have a reverse lookup back to value\n const themeParsed: any = {}\n const firstKey = Object.keys(config.themes)[0]\n for (const key in config.themes[firstKey]) {\n // themeParsed[`$${key}`] = config.themes[firstKey][key]\n const val = config.themes[firstKey][key].val\n themeParsed[`$${key}`] = new Variable({ val, name: key })\n }\n\n const next: TamaguiInternalConfig = {\n // @ts-ignore\n shorthands: {},\n ...config,\n Provider: createTamaguiProvider({\n defaultTheme: 'light',\n ...config,\n }),\n themeConfig,\n themeParsed,\n tokensParsed,\n parsed: true,\n getCSS() {\n return `${themeConfig.css}\\n${[...getStyleRules()].join('\\n')}`\n },\n }\n conf = next\n\n if (configListeners.size) {\n configListeners.forEach((cb) => cb(next))\n configListeners.clear()\n }\n\n // @ts-expect-error\n return next\n}\n\nexport function getThemeParentClassName(themeName?: string | null) {\n return `theme-parent ${themeName ? `${PREFIX}${themeName}` : ''}`\n}\n\nconst parseTokens = (tokens: any) => {\n const res: any = {}\n for (const key in tokens) {\n res[key] = {}\n if (key === 'font') {\n for (const family in tokens.font) {\n const obj = {}\n res.font[`$${family}`] = obj\n for (const attrKey in tokens.font[family]) {\n const attr = tokens.font[family][attrKey]\n if (attrKey === 'family') {\n obj[attrKey] = attr\n continue\n }\n obj[attrKey] = Object.keys(attr).reduce((acc, cur) => {\n acc[`$${cur}`] = attr[cur]\n return acc\n }, {})\n }\n }\n continue\n }\n for (const skey in tokens[key]) {\n res[key][`$${skey}`] = tokens[key][skey]\n }\n }\n\n return res\n}\n\n// mutates, freeze after\n// shared by createTamagui so extracted here\nfunction ensureThemeVariable(theme: any, key: string) {\n const val = theme[key]\n if (!(val instanceof Variable)) {\n theme[key] = createVariable({\n name: key,\n val,\n })\n } else {\n if (val.name !== key) {\n // rename to theme name\n theme[key] = createVariable({\n name: key,\n val: val.val,\n })\n }\n }\n}\n"],
|
|
5
|
-
"mappings": "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",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
package/dist/esm/createTheme.js
DELETED
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
var __defProp = Object.defineProperty;
|
|
2
|
-
var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
|
|
3
|
-
const createTheme = /* @__PURE__ */ __name((theme) => theme, "createTheme");
|
|
4
|
-
export {
|
|
5
|
-
createTheme
|
|
6
|
-
};
|
|
7
|
-
//# sourceMappingURL=createTheme.js.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../src/createTheme.ts"],
|
|
4
|
-
"sourcesContent": ["import { Variable } from './createVariable'\n\ntype GenericTheme = { [key: string]: string | Variable }\n\nexport const createTheme = <Theme extends GenericTheme>(\n theme: Theme\n): {\n [K in keyof Theme]: Theme[K] | string | Variable\n} => theme\n"],
|
|
5
|
-
"mappings": ";;AAIO,MAAM,cAAc,wBACzB,UAGG,OAJsB;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../src/createTokens.ts"],
|
|
4
|
-
"sourcesContent": ["import { Variable, createVariable } from './createVariable'\nimport { validateTokens } from './helpers/validate'\nimport { CreateTokens } from './types'\n\n// tokens.color.dark.red ===> { var: `color-dark-red`, val: '' }\n\nexport function createTokens<T extends CreateTokens>(tokens: T): MakeTokens<T> {\n if (process.env.NODE_ENV === 'development') {\n validateTokens(tokens)\n }\n\n return setupTokens(tokens) as any\n}\n\nfunction setupTokens(tokens: any) {\n return mapTokensToVariables(tokens)\n}\n\nexport const mapTokensToVariables = (\n tokens: CreateTokens,\n parentPath = ''\n): CreateTokens<Variable> => {\n const res = {}\n for (const key in tokens) {\n const val = tokens[key]\n const name = parentPath ? `${parentPath}-${key}` : key\n if (val && typeof val === 'object') {\n res[key] = mapTokensToVariables(tokens[key], name)\n } else {\n res[key] = createVariable({ val, name })\n }\n }\n // @ts-expect-error\n return res\n}\n\n// verbose but gives us nice types...\ntype MakeTokens<T> = T extends {\n font: {\n [key in infer A]: {\n size: infer B\n lineHeight: infer C\n letterSpacing: infer D\n weight: infer Z\n family: infer Y\n }\n }\n color: infer E\n space: infer F\n size: infer G\n radius: infer H\n zIndex: infer J\n}\n ? {\n font: {\n [key in A]: {\n size: {\n [key in keyof B]: Variable\n }\n lineHeight: {\n [key in keyof C]: Variable\n }\n letterSpacing: {\n [key in keyof D]: Variable\n }\n weight: {\n [key in keyof Z]: Variable\n }\n family: Y\n }\n }\n color: {\n [key in keyof E]: Variable\n }\n space: {\n [key in keyof F]: Variable\n }\n size: {\n [key in keyof G]: Variable\n }\n radius: {\n [key in keyof H]: Variable\n }\n zIndex: {\n [key in keyof J]: Variable\n }\n }\n : never\n"],
|
|
5
|
-
"mappings": ";;AAAA;AACA;AAKO,sBAA8C,QAA0B;AAC7E,MAAI,QAAQ,IAAI,aAAa,eAAe;AAC1C,mBAAe;AAAA;AAGjB,SAAO,YAAY;AAAA;AALL;AAQhB,qBAAqB,QAAa;AAChC,SAAO,qBAAqB;AAAA;AADrB;AAIF,MAAM,uBAAuB,wBAClC,QACA,aAAa,OACc;AAC3B,QAAM,MAAM;AACZ,aAAW,OAAO,QAAQ;AACxB,UAAM,MAAM,OAAO;AACnB,UAAM,OAAO,aAAa,GAAG,cAAc,QAAQ;AACnD,QAAI,OAAO,OAAO,QAAQ,UAAU;AAClC,UAAI,OAAO,qBAAqB,OAAO,MAAM;AAAA,WACxC;AACL,UAAI,OAAO,eAAe,EAAE,KAAK;AAAA;AAAA;AAIrC,SAAO;AAAA,GAf2B;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../src/createVariable.ts"],
|
|
4
|
-
"sourcesContent": ["import { isWeb } from './constants/platform'\n\nexport class Variable {\n name: string\n val: string | number\n variable: string | number\n\n constructor({ val, name }: VariableIn) {\n // converting to px breaks rn\n this.val = val //typeof val === 'string' ? val : `${val}px`\n this.name = name\n this.variable = isWeb ? `var(--${name})` : this.val\n }\n\n toString() {\n return `${isWeb ? this.variable : this.val}`\n }\n}\n\ntype VariableIn = { val: string | number; name: string }\n\nexport const createVariable = (props: VariableIn) => new Variable(props)\n\nexport function isVariable(v: Variable | any): v is Variable {\n return v instanceof Variable\n}\n"],
|
|
5
|
-
"mappings": ";;AAAA;AAEO,eAAe;AAAA,EAKpB,YAAY,EAAE,KAAK,QAAoB;AAErC,SAAK,MAAM;AACX,SAAK,OAAO;AACZ,SAAK,WAAW,QAAQ,SAAS,UAAU,KAAK;AAAA;AAAA,EAGlD,WAAW;AACT,WAAO,GAAG,QAAQ,KAAK,WAAW,KAAK;AAAA;AAAA;AAbpC;AAmBA,MAAM,iBAAiB,wBAAC,UAAsB,IAAI,SAAS,QAApC;AAEvB,oBAAoB,GAAkC;AAC3D,SAAO,aAAa;AAAA;AADN;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
|
@@ -1,57 +0,0 @@
|
|
|
1
|
-
var __defProp = Object.defineProperty;
|
|
2
|
-
var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
|
|
3
|
-
import { useInsertionEffect } from "react";
|
|
4
|
-
import { getStylesAtomic } from "./getStylesAtomic";
|
|
5
|
-
import { insertStyleRule } from "./insertStyleRule";
|
|
6
|
-
let added = new Set();
|
|
7
|
-
function useStylesAsClassname(styles) {
|
|
8
|
-
if (!useInsertionEffect) {
|
|
9
|
-
return addStylesUsingClassname(styles);
|
|
10
|
-
} else {
|
|
11
|
-
const insertions = [];
|
|
12
|
-
const className = addStylesUsingClassname(styles, (_, rules) => {
|
|
13
|
-
for (const rule of rules) {
|
|
14
|
-
insertions.push(rule);
|
|
15
|
-
}
|
|
16
|
-
});
|
|
17
|
-
useInsertionEffect(() => {
|
|
18
|
-
for (const ruleset of insertions) {
|
|
19
|
-
insertStyleRule(ruleset);
|
|
20
|
-
}
|
|
21
|
-
});
|
|
22
|
-
return className;
|
|
23
|
-
}
|
|
24
|
-
}
|
|
25
|
-
__name(useStylesAsClassname, "useStylesAsClassname");
|
|
26
|
-
function addStylesUsingClassname(styles, onAdd) {
|
|
27
|
-
let className = "";
|
|
28
|
-
for (const style of styles) {
|
|
29
|
-
if (!style)
|
|
30
|
-
continue;
|
|
31
|
-
if (Array.isArray(style)) {
|
|
32
|
-
className += " " + addStylesUsingClassname(style);
|
|
33
|
-
continue;
|
|
34
|
-
}
|
|
35
|
-
for (const { identifier, rules } of getStylesAtomic(style)) {
|
|
36
|
-
className += ` ${identifier}`;
|
|
37
|
-
if (added.has(identifier)) {
|
|
38
|
-
continue;
|
|
39
|
-
}
|
|
40
|
-
added.add(identifier);
|
|
41
|
-
if (onAdd) {
|
|
42
|
-
onAdd(identifier, rules);
|
|
43
|
-
} else {
|
|
44
|
-
for (const rule of rules) {
|
|
45
|
-
insertStyleRule(rule);
|
|
46
|
-
}
|
|
47
|
-
}
|
|
48
|
-
}
|
|
49
|
-
}
|
|
50
|
-
return className;
|
|
51
|
-
}
|
|
52
|
-
__name(addStylesUsingClassname, "addStylesUsingClassname");
|
|
53
|
-
export {
|
|
54
|
-
addStylesUsingClassname,
|
|
55
|
-
useStylesAsClassname
|
|
56
|
-
};
|
|
57
|
-
//# sourceMappingURL=addStylesUsingClassname.js.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../src/helpers/addStylesUsingClassname.tsx"],
|
|
4
|
-
"sourcesContent": ["// @ts-ignore\nimport { useInsertionEffect } from 'react'\n\nimport { getStylesAtomic } from './getStylesAtomic'\nimport { insertStyleRule } from './insertStyleRule'\n\n// uses new useInsertionEffect for better perf if available\n\n// could be cleared occasionally\nlet added = new Set<string>()\n\nexport function useStylesAsClassname(styles: any[]) {\n if (!useInsertionEffect) {\n return addStylesUsingClassname(styles)\n } else {\n const insertions: any[] = []\n const className = addStylesUsingClassname(styles, (_, rules) => {\n for (const rule of rules) {\n insertions.push(rule)\n }\n })\n\n useInsertionEffect(() => {\n for (const ruleset of insertions) {\n insertStyleRule(ruleset)\n }\n })\n\n return className\n }\n}\n\nexport function addStylesUsingClassname(\n styles: any[],\n onAdd?: (identifier: string, rules: string[]) => any\n) {\n let className = ''\n for (const style of styles) {\n if (!style) continue\n if (Array.isArray(style)) {\n className += ' ' + addStylesUsingClassname(style)\n continue\n }\n for (const { identifier, rules } of getStylesAtomic(style)) {\n className += ` ${identifier}`\n if (added.has(identifier)) {\n continue\n }\n added.add(identifier)\n if (onAdd) {\n onAdd(identifier, rules)\n } else {\n for (const rule of rules) {\n insertStyleRule(rule)\n }\n }\n }\n }\n return className\n}\n"],
|
|
5
|
-
"mappings": ";;AACA;AAEA;AACA;AAKA,IAAI,QAAQ,IAAI;AAET,8BAA8B,QAAe;AAClD,MAAI,CAAC,oBAAoB;AACvB,WAAO,wBAAwB;AAAA,SAC1B;AACL,UAAM,aAAoB;AAC1B,UAAM,YAAY,wBAAwB,QAAQ,CAAC,GAAG,UAAU;AAC9D,iBAAW,QAAQ,OAAO;AACxB,mBAAW,KAAK;AAAA;AAAA;AAIpB,uBAAmB,MAAM;AACvB,iBAAW,WAAW,YAAY;AAChC,wBAAgB;AAAA;AAAA;AAIpB,WAAO;AAAA;AAAA;AAjBK;AAqBT,iCACL,QACA,OACA;AACA,MAAI,YAAY;AAChB,aAAW,SAAS,QAAQ;AAC1B,QAAI,CAAC;AAAO;AACZ,QAAI,MAAM,QAAQ,QAAQ;AACxB,mBAAa,MAAM,wBAAwB;AAC3C;AAAA;AAEF,eAAW,EAAE,YAAY,WAAW,gBAAgB,QAAQ;AAC1D,mBAAa,IAAI;AACjB,UAAI,MAAM,IAAI,aAAa;AACzB;AAAA;AAEF,YAAM,IAAI;AACV,UAAI,OAAO;AACT,cAAM,YAAY;AAAA,aACb;AACL,mBAAW,QAAQ,OAAO;AACxB,0BAAgB;AAAA;AAAA;AAAA;AAAA;AAKxB,SAAO;AAAA;AA1BO;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
|
@@ -1,162 +0,0 @@
|
|
|
1
|
-
var __defProp = Object.defineProperty;
|
|
2
|
-
var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
|
|
3
|
-
import { isWeb } from "../constants/platform";
|
|
4
|
-
import { getTamagui } from "../createTamagui";
|
|
5
|
-
import { Variable } from "../createVariable";
|
|
6
|
-
import { isObj } from "./isObj";
|
|
7
|
-
const createPropMapper = /* @__PURE__ */ __name((c) => {
|
|
8
|
-
const variants = c.variants;
|
|
9
|
-
let variantsParsed;
|
|
10
|
-
const defaultProps = c.defaultProps || {};
|
|
11
|
-
return (key, value, theme, props) => {
|
|
12
|
-
var _a, _b;
|
|
13
|
-
const conf = getTamagui();
|
|
14
|
-
if (!conf) {
|
|
15
|
-
console.trace("no conf! err");
|
|
16
|
-
return;
|
|
17
|
-
}
|
|
18
|
-
if (variants && !variantsParsed) {
|
|
19
|
-
variantsParsed = parseVariants(variants, conf);
|
|
20
|
-
}
|
|
21
|
-
let fontFamily = props.fontFamily || defaultProps.fontFamily || "$body";
|
|
22
|
-
const variant = variantsParsed == null ? void 0 : variantsParsed[key];
|
|
23
|
-
if (variant && typeof value !== "undefined") {
|
|
24
|
-
const val = value === true ? variant["$true"] || variant["true"] : (_b = (_a = variant[value]) != null ? _a : variant["..."]) != null ? _b : value;
|
|
25
|
-
const res = typeof val === "function" ? val(value, { tokens: conf.tokensParsed, theme, props }) : isObj(val) ? { ...val } : val;
|
|
26
|
-
if (isObj(res)) {
|
|
27
|
-
resolveTokens(res, conf, theme, fontFamily);
|
|
28
|
-
}
|
|
29
|
-
return res;
|
|
30
|
-
}
|
|
31
|
-
let shouldReturn = false;
|
|
32
|
-
if (conf.shorthands[key]) {
|
|
33
|
-
shouldReturn = true;
|
|
34
|
-
key = conf.shorthands[key];
|
|
35
|
-
}
|
|
36
|
-
if (value && value[0] === "$") {
|
|
37
|
-
shouldReturn = true;
|
|
38
|
-
value = getToken(key, value, conf, theme, fontFamily);
|
|
39
|
-
}
|
|
40
|
-
if (value instanceof Variable) {
|
|
41
|
-
shouldReturn = true;
|
|
42
|
-
value = value.variable;
|
|
43
|
-
}
|
|
44
|
-
if (shouldReturn) {
|
|
45
|
-
return {
|
|
46
|
-
[key]: value
|
|
47
|
-
};
|
|
48
|
-
}
|
|
49
|
-
};
|
|
50
|
-
}, "createPropMapper");
|
|
51
|
-
const resolveTokens = /* @__PURE__ */ __name((res, conf, theme, fontFamily) => {
|
|
52
|
-
for (const rKey in res) {
|
|
53
|
-
const fKey = conf.shorthands[rKey] || rKey;
|
|
54
|
-
const val = res[rKey];
|
|
55
|
-
if (val instanceof Variable) {
|
|
56
|
-
res[fKey] = val.variable;
|
|
57
|
-
} else if (typeof val === "string") {
|
|
58
|
-
const fVal = val[0] === "$" ? getToken(fKey, val, conf, theme, fontFamily) : val;
|
|
59
|
-
res[fKey] = fVal;
|
|
60
|
-
} else {
|
|
61
|
-
if (isObj(val)) {
|
|
62
|
-
resolveTokens(val, conf, theme, fontFamily);
|
|
63
|
-
}
|
|
64
|
-
}
|
|
65
|
-
}
|
|
66
|
-
}, "resolveTokens");
|
|
67
|
-
const getToken = /* @__PURE__ */ __name((key, value, { tokensParsed, themeParsed }, theme, fontFamily = "$body") => {
|
|
68
|
-
var _a, _b, _c, _d, _e, _f, _g;
|
|
69
|
-
if (themeParsed[value]) {
|
|
70
|
-
if (isWeb && themeParsed[value].variable) {
|
|
71
|
-
return themeParsed[value].variable;
|
|
72
|
-
} else {
|
|
73
|
-
if (value && value[0] === "$") {
|
|
74
|
-
return ((_a = theme[`${value.slice(1)}`]) == null ? void 0 : _a.val) || ((_b = themeParsed[value]) == null ? void 0 : _b.val);
|
|
75
|
-
}
|
|
76
|
-
}
|
|
77
|
-
}
|
|
78
|
-
let valOrVar;
|
|
79
|
-
if (key === "fontFamily") {
|
|
80
|
-
valOrVar = ((_c = tokensParsed.font[value]) == null ? void 0 : _c.family) || value;
|
|
81
|
-
}
|
|
82
|
-
if (key === "fontSize") {
|
|
83
|
-
valOrVar = ((_d = tokensParsed.font[fontFamily]) == null ? void 0 : _d.size[value]) || value;
|
|
84
|
-
}
|
|
85
|
-
if (key === "lineHeight") {
|
|
86
|
-
valOrVar = ((_e = tokensParsed.font[fontFamily]) == null ? void 0 : _e.lineHeight[value]) || value;
|
|
87
|
-
}
|
|
88
|
-
if (key === "letterSpacing") {
|
|
89
|
-
valOrVar = ((_f = tokensParsed.font[fontFamily]) == null ? void 0 : _f.letterSpacing[value]) || value;
|
|
90
|
-
}
|
|
91
|
-
if (key === "fontWeight") {
|
|
92
|
-
valOrVar = ((_g = tokensParsed.font[fontFamily]) == null ? void 0 : _g.weight[value]) || value;
|
|
93
|
-
}
|
|
94
|
-
if (typeof valOrVar !== "undefined") {
|
|
95
|
-
if (valOrVar instanceof Variable) {
|
|
96
|
-
return valOrVar.variable;
|
|
97
|
-
} else {
|
|
98
|
-
return valOrVar;
|
|
99
|
-
}
|
|
100
|
-
}
|
|
101
|
-
for (const cat in tokenCategories) {
|
|
102
|
-
if (tokenCategories[cat][key]) {
|
|
103
|
-
const res = tokensParsed[cat][value];
|
|
104
|
-
if (res) {
|
|
105
|
-
return res.variable;
|
|
106
|
-
} else {
|
|
107
|
-
const themeVar = themeParsed[value];
|
|
108
|
-
if (themeVar) {
|
|
109
|
-
return themeVar.variable;
|
|
110
|
-
}
|
|
111
|
-
}
|
|
112
|
-
}
|
|
113
|
-
}
|
|
114
|
-
const spaceVar = tokensParsed.space[value];
|
|
115
|
-
if (spaceVar) {
|
|
116
|
-
return spaceVar.variable;
|
|
117
|
-
}
|
|
118
|
-
return value;
|
|
119
|
-
}, "getToken");
|
|
120
|
-
const tokenCategories = {
|
|
121
|
-
size: {
|
|
122
|
-
width: true,
|
|
123
|
-
height: true,
|
|
124
|
-
minWidth: true,
|
|
125
|
-
minHeight: true,
|
|
126
|
-
maxWidth: true,
|
|
127
|
-
maxHeight: true
|
|
128
|
-
},
|
|
129
|
-
color: {
|
|
130
|
-
color: true,
|
|
131
|
-
backgroundColor: true,
|
|
132
|
-
borderColor: true,
|
|
133
|
-
borderBottomColor: true,
|
|
134
|
-
borderTopColor: true,
|
|
135
|
-
borderLeftColor: true,
|
|
136
|
-
borderRightColor: true
|
|
137
|
-
}
|
|
138
|
-
};
|
|
139
|
-
function parseVariants(variants, conf) {
|
|
140
|
-
return Object.keys(variants).reduce((acc, key) => {
|
|
141
|
-
acc[key] = Object.keys(variants[key]).reduce((vacc, vkey) => {
|
|
142
|
-
const variantVal = variants[key][vkey];
|
|
143
|
-
if (vkey.startsWith("...")) {
|
|
144
|
-
vacc["..."] = variantVal;
|
|
145
|
-
const tokenKey = vkey.slice(3);
|
|
146
|
-
const tokens = conf.tokens[tokenKey];
|
|
147
|
-
for (const tkey in tokens) {
|
|
148
|
-
vacc[`$${tkey}`] = variantVal;
|
|
149
|
-
}
|
|
150
|
-
} else {
|
|
151
|
-
vacc[vkey] = variantVal;
|
|
152
|
-
}
|
|
153
|
-
return vacc;
|
|
154
|
-
}, {});
|
|
155
|
-
return acc;
|
|
156
|
-
}, {});
|
|
157
|
-
}
|
|
158
|
-
__name(parseVariants, "parseVariants");
|
|
159
|
-
export {
|
|
160
|
-
createPropMapper
|
|
161
|
-
};
|
|
162
|
-
//# sourceMappingURL=createPropMapper.js.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../src/helpers/createPropMapper.ts"],
|
|
4
|
-
"sourcesContent": ["import { isWeb } from '../constants/platform'\nimport { getTamagui } from '../createTamagui'\nimport { Variable } from '../createVariable'\nimport { StaticConfig, TamaguiInternalConfig } from '../types'\nimport { isObj } from './isObj'\n\nexport const createPropMapper = (c: StaticConfig) => {\n const variants = c.variants\n let variantsParsed\n const defaultProps = c.defaultProps || {}\n\n return (key: string, value: any, theme: any, props: any) => {\n const conf = getTamagui()\n if (!conf) {\n console.trace('no conf! err')\n return\n }\n if (variants && !variantsParsed) {\n variantsParsed = parseVariants(variants, conf)\n }\n\n // handled here because we need to resolve this off tokens, its the only one-off like this\n let fontFamily = props.fontFamily || defaultProps.fontFamily || '$body'\n\n // expand variants\n const variant = variantsParsed?.[key]\n if (variant && typeof value !== 'undefined') {\n const val =\n value === true\n ? variant['$true'] || variant['true']\n : variant[value] ?? variant['...'] ?? value\n\n const res =\n typeof val === 'function'\n ? val(value, { tokens: conf.tokensParsed, theme, props })\n : isObj(val)\n ? { ...val }\n : val\n\n if (isObj(res)) {\n resolveTokens(res, conf, theme, fontFamily)\n }\n\n return res\n }\n\n let shouldReturn = false\n\n // handle shorthands\n if (conf.shorthands[key]) {\n shouldReturn = true\n key = conf.shorthands[key]\n }\n\n if (value && value[0] === '$') {\n shouldReturn = true\n value = getToken(key, value, conf, theme, fontFamily)\n }\n\n if (value instanceof Variable) {\n shouldReturn = true\n value = value.variable\n }\n\n if (shouldReturn) {\n return {\n [key]: value,\n }\n }\n }\n}\n\nconst resolveTokens = (res: any, conf: TamaguiInternalConfig, theme: any, fontFamily: any) => {\n for (const rKey in res) {\n const fKey = conf.shorthands[rKey] || rKey\n const val = res[rKey]\n if (val instanceof Variable) {\n res[fKey] = val.variable\n } else if (typeof val === 'string') {\n const fVal = val[0] === '$' ? getToken(fKey, val, conf, theme, fontFamily) : val\n res[fKey] = fVal\n } else {\n if (isObj(val)) {\n // for things like shadowOffset which is a sub-object\n resolveTokens(val, conf, theme, fontFamily)\n }\n // nullish values cant be tokens so need no exrta parsing\n }\n }\n}\n\nconst getToken = (\n key: string,\n value: string,\n { tokensParsed, themeParsed }: TamaguiInternalConfig,\n theme: any,\n fontFamily: string | undefined = '$body'\n) => {\n if (themeParsed[value]) {\n if (isWeb && themeParsed[value].variable) {\n return themeParsed[value].variable\n } else {\n if (value && value[0] === '$') {\n return theme[`${value.slice(1)}`]?.val || themeParsed[value]?.val\n }\n }\n }\n let valOrVar: any\n if (key === 'fontFamily') {\n valOrVar = tokensParsed.font[value]?.family || value\n }\n if (key === 'fontSize') {\n valOrVar = tokensParsed.font[fontFamily]?.size[value] || value\n }\n if (key === 'lineHeight') {\n valOrVar = tokensParsed.font[fontFamily]?.lineHeight[value] || value\n }\n if (key === 'letterSpacing') {\n valOrVar = tokensParsed.font[fontFamily]?.letterSpacing[value] || value\n }\n if (key === 'fontWeight') {\n valOrVar = tokensParsed.font[fontFamily]?.weight[value] || value\n }\n if (typeof valOrVar !== 'undefined') {\n if (valOrVar instanceof Variable) {\n return valOrVar.variable\n } else {\n return valOrVar\n }\n }\n for (const cat in tokenCategories) {\n if (tokenCategories[cat][key]) {\n const res = tokensParsed[cat][value]\n if (res) {\n return res.variable\n } else {\n const themeVar = themeParsed[value]\n if (themeVar) {\n return themeVar.variable\n }\n }\n }\n }\n const spaceVar = tokensParsed.space[value]\n if (spaceVar) {\n return spaceVar.variable\n }\n return value\n}\n\n// just specificy the least costly, all else go to `space` (most keys - we can exclude)\nconst tokenCategories = {\n size: {\n width: true,\n height: true,\n minWidth: true,\n minHeight: true,\n maxWidth: true,\n maxHeight: true,\n },\n color: {\n color: true,\n backgroundColor: true,\n borderColor: true,\n borderBottomColor: true,\n borderTopColor: true,\n borderLeftColor: true,\n borderRightColor: true,\n },\n}\n\n// turns variant spreads into individual lookups\nfunction parseVariants(variants: any, conf: TamaguiInternalConfig) {\n return Object.keys(variants).reduce((acc, key) => {\n acc[key] = Object.keys(variants[key]).reduce((vacc, vkey) => {\n const variantVal = variants[key][vkey]\n if (vkey.startsWith('...')) {\n // set the default one at '...' for easy fallback on non-exact-variant-match\n vacc['...'] = variantVal\n const tokenKey = vkey.slice(3)\n const tokens = conf.tokens[tokenKey]\n for (const tkey in tokens) {\n vacc[`$${tkey}`] = variantVal\n }\n } else {\n vacc[vkey] = variantVal\n }\n return vacc\n }, {})\n return acc\n }, {})\n}\n"],
|
|
5
|
-
"mappings": "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",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../src/helpers/createTamaguiProvider.tsx"],
|
|
4
|
-
"sourcesContent": ["import * as React from 'react'\n\nimport { TamaguiProviderProps } from '../types'\nimport { TextAncestorProvider } from '../views/TextAncestorContext'\nimport { ThemeProvider, ThemeProviderProps } from '../views/ThemeProvider'\n\nexport function createTamaguiProvider(themeProps: ThemeProviderProps) {\n return function TamaguiProvider({\n initialWindowMetrics,\n fallback,\n children,\n ...themePropsProvider\n }: TamaguiProviderProps) {\n return (\n <TextAncestorProvider>\n <ThemeProvider {...themeProps} {...themePropsProvider}>\n <React.Suspense fallback={fallback || null}>{children}</React.Suspense>\n </ThemeProvider>\n </TextAncestorProvider>\n )\n }\n}\n"],
|
|
5
|
-
"mappings": ";;AAAA;AAGA;AACA;AAEO,+BAA+B,YAAgC;AACpE,SAAO,gDAAyB;AAAA,IAC9B;AAAA,IACA;AAAA,IACA;AAAA,OACG;AAAA,KACoB;AACvB,WACE,oCAAC,sBAAD,MACE,oCAAC,eAAD;AAAA,SAAmB;AAAA,SAAgB;AAAA,OACjC,oCAAC,MAAM,UAAP;AAAA,MAAgB,UAAU,YAAY;AAAA,OAAO;AAAA,KAT9C;AAAA;AADO;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
|
@@ -1,60 +0,0 @@
|
|
|
1
|
-
var __defProp = Object.defineProperty;
|
|
2
|
-
var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
|
|
3
|
-
import { createPropMapper } from "./createPropMapper";
|
|
4
|
-
function extendStaticConfig(Component, config = {}) {
|
|
5
|
-
var _a, _b;
|
|
6
|
-
const parent = Component || {};
|
|
7
|
-
if (!parent.staticConfig) {
|
|
8
|
-
parent.staticConfig = {
|
|
9
|
-
Component
|
|
10
|
-
};
|
|
11
|
-
}
|
|
12
|
-
const variants = {
|
|
13
|
-
...parent.staticConfig.variants
|
|
14
|
-
};
|
|
15
|
-
if (config.variants) {
|
|
16
|
-
for (const key in config.variants) {
|
|
17
|
-
if (variants[key]) {
|
|
18
|
-
variants[key] = {
|
|
19
|
-
...variants[key],
|
|
20
|
-
...config.variants[key]
|
|
21
|
-
};
|
|
22
|
-
} else {
|
|
23
|
-
variants[key] = config.variants[key];
|
|
24
|
-
}
|
|
25
|
-
}
|
|
26
|
-
}
|
|
27
|
-
return parseStaticConfig({
|
|
28
|
-
...parent.staticConfig,
|
|
29
|
-
isZStack: config.isZStack || parent.staticConfig.isZStack,
|
|
30
|
-
variants,
|
|
31
|
-
isText: config.isText || parent.staticConfig.isText || false,
|
|
32
|
-
neverFlatten: (_a = config.neverFlatten) != null ? _a : parent.staticConfig.neverFlatten,
|
|
33
|
-
ensureOverriddenProp: (_b = config.ensureOverriddenProp) != null ? _b : parent.staticConfig.ensureOverriddenProp,
|
|
34
|
-
validStyles: config.validStyles ? {
|
|
35
|
-
...parent.staticConfig.validStyles,
|
|
36
|
-
...config.validStyles
|
|
37
|
-
} : parent.staticConfig.validStyles,
|
|
38
|
-
validPropsExtra: {
|
|
39
|
-
...parent.staticConfig.validPropsExtra,
|
|
40
|
-
...config.validPropsExtra
|
|
41
|
-
},
|
|
42
|
-
defaultProps: {
|
|
43
|
-
...parent.staticConfig.defaultProps,
|
|
44
|
-
...config.defaultProps
|
|
45
|
-
}
|
|
46
|
-
});
|
|
47
|
-
}
|
|
48
|
-
__name(extendStaticConfig, "extendStaticConfig");
|
|
49
|
-
const parseStaticConfig = /* @__PURE__ */ __name((config) => {
|
|
50
|
-
return {
|
|
51
|
-
...config,
|
|
52
|
-
parsed: true,
|
|
53
|
-
propMapper: createPropMapper(config)
|
|
54
|
-
};
|
|
55
|
-
}, "parseStaticConfig");
|
|
56
|
-
export {
|
|
57
|
-
extendStaticConfig,
|
|
58
|
-
parseStaticConfig
|
|
59
|
-
};
|
|
60
|
-
//# sourceMappingURL=extendStaticConfig.js.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../src/helpers/extendStaticConfig.ts"],
|
|
4
|
-
"sourcesContent": ["import React from 'react'\n\nimport { StaticComponent, StaticConfig, StaticConfigParsed } from '../types'\nimport { createPropMapper } from './createPropMapper'\n\nexport function extendStaticConfig(\n // can be undefined when loading with @tamagui/fake-react-native\n // could be fixed a bit cleaner\n Component?: StaticComponent | React.Component<any>,\n config: StaticConfig = {}\n): StaticConfigParsed | null {\n const parent = (Component || {}) as any\n if (!parent.staticConfig) {\n // if no static config, we are extending an external component\n parent.staticConfig = {\n Component,\n }\n }\n\n const variants = {\n ...parent.staticConfig.variants,\n }\n\n // merge variants without clobbering previous... can we tho (typed??\n if (config.variants) {\n for (const key in config.variants) {\n if (variants[key]) {\n variants[key] = {\n ...variants[key],\n ...config.variants[key],\n }\n } else {\n variants[key] = config.variants[key]\n }\n }\n }\n\n return parseStaticConfig({\n ...parent.staticConfig,\n isZStack: config.isZStack || parent.staticConfig.isZStack,\n variants,\n isText: config.isText || parent.staticConfig.isText || false,\n neverFlatten: config.neverFlatten ?? parent.staticConfig.neverFlatten,\n ensureOverriddenProp: config.ensureOverriddenProp ?? parent.staticConfig.ensureOverriddenProp,\n validStyles: config.validStyles\n ? {\n ...parent.staticConfig.validStyles,\n ...config.validStyles,\n }\n : parent.staticConfig.validStyles,\n validPropsExtra: {\n ...parent.staticConfig.validPropsExtra,\n ...config.validPropsExtra,\n },\n defaultProps: {\n ...parent.staticConfig.defaultProps,\n ...config.defaultProps,\n },\n })\n}\n\nexport const parseStaticConfig = (config: StaticConfig): StaticConfigParsed => {\n return {\n ...config,\n parsed: true,\n propMapper: createPropMapper(config),\n }\n}\n"],
|
|
5
|
-
"mappings": ";;AAGA;AAEO,4BAGL,WACA,SAAuB,IACI;AAV7B;AAWE,QAAM,SAAU,aAAa;AAC7B,MAAI,CAAC,OAAO,cAAc;AAExB,WAAO,eAAe;AAAA,MACpB;AAAA;AAAA;AAIJ,QAAM,WAAW;AAAA,OACZ,OAAO,aAAa;AAAA;AAIzB,MAAI,OAAO,UAAU;AACnB,eAAW,OAAO,OAAO,UAAU;AACjC,UAAI,SAAS,MAAM;AACjB,iBAAS,OAAO;AAAA,aACX,SAAS;AAAA,aACT,OAAO,SAAS;AAAA;AAAA,aAEhB;AACL,iBAAS,OAAO,OAAO,SAAS;AAAA;AAAA;AAAA;AAKtC,SAAO,kBAAkB;AAAA,OACpB,OAAO;AAAA,IACV,UAAU,OAAO,YAAY,OAAO,aAAa;AAAA,IACjD;AAAA,IACA,QAAQ,OAAO,UAAU,OAAO,aAAa,UAAU;AAAA,IACvD,cAAc,aAAO,iBAAP,YAAuB,OAAO,aAAa;AAAA,IACzD,sBAAsB,aAAO,yBAAP,YAA+B,OAAO,aAAa;AAAA,IACzE,aAAa,OAAO,cAChB;AAAA,SACK,OAAO,aAAa;AAAA,SACpB,OAAO;AAAA,QAEZ,OAAO,aAAa;AAAA,IACxB,iBAAiB;AAAA,SACZ,OAAO,aAAa;AAAA,SACpB,OAAO;AAAA;AAAA,IAEZ,cAAc;AAAA,SACT,OAAO,aAAa;AAAA,SACpB,OAAO;AAAA;AAAA;AAAA;AAnDA;AAwDT,MAAM,oBAAoB,wBAAC,WAA6C;AAC7E,SAAO;AAAA,OACF;AAAA,IACH,QAAQ;AAAA,IACR,YAAY,iBAAiB;AAAA;AAAA,GAJA;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
var __defProp = Object.defineProperty;
|
|
2
|
-
var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
|
|
3
|
-
const fixNativeShadow = /* @__PURE__ */ __name((a) => {
|
|
4
|
-
}, "fixNativeShadow");
|
|
5
|
-
export {
|
|
6
|
-
fixNativeShadow
|
|
7
|
-
};
|
|
8
|
-
//# sourceMappingURL=fixNativeShadow.js.map
|
|
@@ -1,34 +0,0 @@
|
|
|
1
|
-
var __defProp = Object.defineProperty;
|
|
2
|
-
var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
|
|
3
|
-
const matchRgbaHsla = /(rgba|hsla)\(\s*([\d\.]{1,}%?)\s*,\s*([\d\.]{1,}%?)\s*,\s*([\d\.]{1,}%?)\s*,\s*([\d\.]{1,})\s*\)$/;
|
|
4
|
-
function fixNativeShadow(props) {
|
|
5
|
-
if (!props.shadowColor) {
|
|
6
|
-
return;
|
|
7
|
-
}
|
|
8
|
-
if (!props.shadowOffset) {
|
|
9
|
-
props.shadowOffset = {
|
|
10
|
-
width: 0,
|
|
11
|
-
height: 0
|
|
12
|
-
};
|
|
13
|
-
}
|
|
14
|
-
if ("shadowOpacity" in props) {
|
|
15
|
-
return;
|
|
16
|
-
}
|
|
17
|
-
const c = `${props.shadowColor}`;
|
|
18
|
-
if ((c[0] === "r" || c[0] === "h") && c[3] === "a") {
|
|
19
|
-
const [_, type, _1, _2, _3, a] = c.match(matchRgbaHsla) || [];
|
|
20
|
-
if (typeof a !== "string") {
|
|
21
|
-
console.warn("invalid", c, type);
|
|
22
|
-
return;
|
|
23
|
-
}
|
|
24
|
-
props.shadowColor = `${type.replace("a", "")}(${_1},${_2},${_3})`;
|
|
25
|
-
props.shadowOpacity = +a;
|
|
26
|
-
} else {
|
|
27
|
-
props.shadowOpacity = 1;
|
|
28
|
-
}
|
|
29
|
-
}
|
|
30
|
-
__name(fixNativeShadow, "fixNativeShadow");
|
|
31
|
-
export {
|
|
32
|
-
fixNativeShadow
|
|
33
|
-
};
|
|
34
|
-
//# sourceMappingURL=fixNativeShadow.native.js.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../src/helpers/fixNativeShadow.native.tsx"],
|
|
4
|
-
"sourcesContent": ["const matchRgbaHsla =\n /(rgba|hsla)\\(\\s*([\\d\\.]{1,}%?)\\s*,\\s*([\\d\\.]{1,}%?)\\s*,\\s*([\\d\\.]{1,}%?)\\s*,\\s*([\\d\\.]{1,})\\s*\\)$/\n\nexport function fixNativeShadow(props: any) {\n if (!props.shadowColor) {\n return\n }\n if (!props.shadowOffset) {\n // fixes some broken shadows\n props.shadowOffset = {\n width: 0,\n height: 0,\n }\n }\n if ('shadowOpacity' in props) {\n return\n }\n const c = `${props.shadowColor}`\n // react native has issues sometimes with rgba()\n // supports rgba + hsla\n if ((c[0] === 'r' || c[0] === 'h') && c[3] === 'a') {\n const [_, type, _1, _2, _3, a] = c.match(matchRgbaHsla) || []\n if (typeof a !== 'string') {\n console.warn('invalid', c, type)\n return\n }\n props.shadowColor = `${type.replace('a', '')}(${_1},${_2},${_3})`\n props.shadowOpacity = +a\n } else {\n props.shadowOpacity = 1\n }\n}\n"],
|
|
5
|
-
"mappings": ";;AAAA,MAAM,gBACJ;AAEK,yBAAyB,OAAY;AAC1C,MAAI,CAAC,MAAM,aAAa;AACtB;AAAA;AAEF,MAAI,CAAC,MAAM,cAAc;AAEvB,UAAM,eAAe;AAAA,MACnB,OAAO;AAAA,MACP,QAAQ;AAAA;AAAA;AAGZ,MAAI,mBAAmB,OAAO;AAC5B;AAAA;AAEF,QAAM,IAAI,GAAG,MAAM;AAGnB,MAAK,GAAE,OAAO,OAAO,EAAE,OAAO,QAAQ,EAAE,OAAO,KAAK;AAClD,UAAM,CAAC,GAAG,MAAM,IAAI,IAAI,IAAI,KAAK,EAAE,MAAM,kBAAkB;AAC3D,QAAI,OAAO,MAAM,UAAU;AACzB,cAAQ,KAAK,WAAW,GAAG;AAC3B;AAAA;AAEF,UAAM,cAAc,GAAG,KAAK,QAAQ,KAAK,OAAO,MAAM,MAAM;AAC5D,UAAM,gBAAgB,CAAC;AAAA,SAClB;AACL,UAAM,gBAAgB;AAAA;AAAA;AA1BV;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|