@tamagui/core 1.0.0-beta.179 → 1.0.0-beta.207
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/constants/pseudos.js +37 -0
- package/dist/cjs/constants/pseudos.js.map +7 -0
- package/dist/cjs/createComponent.js +45 -45
- package/dist/cjs/createComponent.js.map +2 -2
- package/dist/cjs/createShallowUpdate.js +1 -0
- package/dist/cjs/createShallowUpdate.js.map +7 -0
- package/dist/cjs/defaultComponentState.js +0 -30
- package/dist/cjs/defaultComponentState.js.map +3 -3
- package/dist/cjs/devtools.js +32 -0
- package/dist/cjs/devtools.js.map +7 -0
- package/dist/cjs/helpers/RNComponents.js +34 -0
- package/dist/cjs/helpers/RNComponents.js.map +7 -0
- package/dist/cjs/helpers/createMediaStyle.js +5 -6
- package/dist/cjs/helpers/createMediaStyle.js.map +2 -2
- package/dist/cjs/helpers/createPropMapper.js.map +1 -1
- package/dist/cjs/helpers/createShallowUpdate.js +51 -0
- package/dist/cjs/helpers/createShallowUpdate.js.map +7 -0
- package/dist/cjs/helpers/createTamaguiProvider.js +1 -5
- package/dist/cjs/helpers/createTamaguiProvider.js.map +2 -2
- package/dist/cjs/helpers/getSplitStyles.js +7 -7
- package/dist/cjs/helpers/getSplitStyles.js.map +2 -2
- package/dist/cjs/helpers/insertStyleRule.js +6 -5
- package/dist/cjs/helpers/insertStyleRule.js.map +2 -2
- package/dist/cjs/hooks/useFeatures.js +11 -6
- package/dist/cjs/hooks/useFeatures.js.map +2 -2
- package/dist/cjs/hooks/useMedia.js +5 -31
- package/dist/cjs/hooks/useMedia.js.map +2 -2
- package/dist/cjs/styled.js +2 -12
- package/dist/cjs/styled.js.map +2 -2
- package/dist/cjs/tamagui-base.css +8 -0
- package/dist/cjs/tamagui-base.css.map +7 -0
- package/dist/cjs/types-rnw.js.map +1 -1
- package/dist/cjs/types.js.map +1 -1
- package/dist/cjs/views/Stack.js.map +2 -2
- package/dist/cjs/views/Text.js.map +2 -2
- package/dist/cjs/views/Theme.js +7 -16
- package/dist/cjs/views/Theme.js.map +2 -2
- package/dist/esm/constants/pseudos.js +18 -0
- package/dist/esm/constants/pseudos.js.map +7 -0
- package/dist/esm/createComponent.js +43 -43
- package/dist/esm/createComponent.js.map +2 -2
- package/dist/esm/createShallowUpdate.js +1 -0
- package/dist/esm/createShallowUpdate.js.map +7 -0
- package/dist/esm/defaultComponentState.js +0 -11
- package/dist/esm/defaultComponentState.js.map +3 -3
- package/dist/esm/devtools.js +14 -0
- package/dist/esm/devtools.js.map +7 -0
- package/dist/esm/helpers/RNComponents.js +12 -0
- package/dist/esm/helpers/RNComponents.js.map +7 -0
- package/dist/esm/helpers/createMediaStyle.js +5 -6
- package/dist/esm/helpers/createMediaStyle.js.map +2 -2
- package/dist/esm/helpers/createPropMapper.js.map +1 -1
- package/dist/esm/helpers/createShallowUpdate.js +19 -0
- package/dist/esm/helpers/createShallowUpdate.js.map +7 -0
- package/dist/esm/helpers/createTamaguiProvider.js +1 -4
- package/dist/esm/helpers/createTamaguiProvider.js.map +2 -2
- package/dist/esm/helpers/getSplitStyles.js +7 -7
- package/dist/esm/helpers/getSplitStyles.js.map +2 -2
- package/dist/esm/helpers/insertStyleRule.js +6 -5
- package/dist/esm/helpers/insertStyleRule.js.map +2 -2
- package/dist/esm/hooks/useFeatures.js +17 -11
- package/dist/esm/hooks/useFeatures.js.map +2 -2
- package/dist/esm/hooks/useMedia.js +5 -31
- package/dist/esm/hooks/useMedia.js.map +2 -2
- package/dist/esm/styled.js +1 -8
- package/dist/esm/styled.js.map +2 -2
- package/dist/esm/tamagui-base.css +8 -0
- package/dist/esm/tamagui-base.css.map +7 -0
- package/dist/esm/views/Stack.js.map +2 -2
- package/dist/esm/views/Text.js.map +2 -2
- package/dist/esm/views/Theme.js +7 -16
- package/dist/esm/views/Theme.js.map +2 -2
- package/dist/jsx/constants/pseudos.js +17 -0
- package/dist/jsx/createComponent.js +39 -40
- package/dist/jsx/createShallowUpdate.js +0 -0
- package/dist/jsx/defaultComponentState.js +0 -11
- package/dist/jsx/devtools.js +13 -0
- package/dist/jsx/helpers/RNComponents.js +11 -0
- package/dist/jsx/helpers/createMediaStyle.js +5 -6
- package/dist/jsx/helpers/createShallowUpdate.js +18 -0
- package/dist/jsx/helpers/createTamaguiProvider.js +1 -2
- package/dist/jsx/helpers/getSplitStyles.js +7 -7
- package/dist/jsx/helpers/insertStyleRule.js +6 -5
- package/dist/jsx/hooks/useFeatures.js +17 -11
- package/dist/jsx/hooks/useMedia.js +5 -31
- package/dist/jsx/styled.js +1 -8
- package/dist/jsx/tamagui-base.css +7 -0
- package/dist/jsx/views/Theme.js +7 -16
- package/package.json +6 -6
- package/types/createComponent.d.ts +5 -6
- package/types/createComponent.d.ts.map +1 -1
- package/types/defaultComponentState.d.ts +0 -12
- package/types/defaultComponentState.d.ts.map +1 -1
- package/types/helpers/RNComponents.d.ts +2 -0
- package/types/helpers/RNComponents.d.ts.map +1 -0
- package/types/helpers/createMediaStyle.d.ts +1 -1
- package/types/helpers/createMediaStyle.d.ts.map +1 -1
- package/types/helpers/createPropMapper.d.ts +1 -1
- package/types/helpers/createPropMapper.d.ts.map +1 -1
- package/types/helpers/createShallowUpdate.d.ts +4 -0
- package/types/helpers/createShallowUpdate.d.ts.map +1 -0
- package/types/helpers/createTamaguiProvider.d.ts +1 -1
- package/types/helpers/createTamaguiProvider.d.ts.map +1 -1
- package/types/helpers/getSplitStyles.d.ts +2 -3
- package/types/helpers/getSplitStyles.d.ts.map +1 -1
- package/types/helpers/insertStyleRule.d.ts.map +1 -1
- package/types/hooks/useFeatures.d.ts +3 -4
- package/types/hooks/useFeatures.d.ts.map +1 -1
- package/types/hooks/useMedia.d.ts.map +1 -1
- package/types/styled.d.ts +3 -7
- package/types/styled.d.ts.map +1 -1
- package/types/types-rnw.d.ts +0 -5
- package/types/types-rnw.d.ts.map +1 -1
- package/types/types.d.ts +61 -62
- package/types/types.d.ts.map +1 -1
- package/types/views/Stack.d.ts +2 -2
- package/types/views/Stack.d.ts.map +1 -1
- package/types/views/Text.d.ts +2 -2
- package/types/views/Text.d.ts.map +1 -1
- package/types/views/Theme.d.ts.map +1 -1
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { onConfiguredOnce } from "./conf";
|
|
2
|
+
import { insertedSelectors } from "./helpers/insertStyleRule";
|
|
3
|
+
onConfiguredOnce((conf) => {
|
|
4
|
+
if (globalThis["Tamagui"]) {
|
|
5
|
+
return;
|
|
6
|
+
}
|
|
7
|
+
globalThis["Tamagui"] = {
|
|
8
|
+
...conf,
|
|
9
|
+
get insertedCSS() {
|
|
10
|
+
return insertedSelectors;
|
|
11
|
+
}
|
|
12
|
+
};
|
|
13
|
+
});
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import * as ReactNative from "react-native";
|
|
2
|
+
const RNComponents = /* @__PURE__ */ new WeakMap();
|
|
3
|
+
for (const key of ["Image", "TextInput", "Text", "View"]) {
|
|
4
|
+
const val = ReactNative[key];
|
|
5
|
+
if (val && typeof val === "object") {
|
|
6
|
+
RNComponents.set(val, true);
|
|
7
|
+
}
|
|
8
|
+
}
|
|
9
|
+
export {
|
|
10
|
+
RNComponents
|
|
11
|
+
};
|
|
@@ -2,20 +2,19 @@ var __defProp = Object.defineProperty;
|
|
|
2
2
|
var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
|
|
3
3
|
import { mediaObjectToString } from "../hooks/useMedia";
|
|
4
4
|
const MEDIA_SEP = "_";
|
|
5
|
-
const createMediaStyle = /* @__PURE__ */ __name(({ identifier, rules }, mediaKey, mediaQueries, negate, importance
|
|
5
|
+
const createMediaStyle = /* @__PURE__ */ __name(({ identifier, rules }, mediaKey, mediaQueries, negate, importance) => {
|
|
6
6
|
const mediaKeys = Object.keys(mediaQueries);
|
|
7
|
-
const
|
|
8
|
-
|
|
9
|
-
return acc;
|
|
10
|
-
}, {});
|
|
7
|
+
const importance_ = Math.max(0, importance == void 0 ? mediaKeys.indexOf(mediaKey) : importance || 0);
|
|
8
|
+
const precendencePrefix = new Array(importance_ + 1).fill(":root").join("");
|
|
11
9
|
const negKey = negate ? "0" : "";
|
|
12
10
|
const ogPrefix = identifier.slice(0, identifier.indexOf("-") + 1);
|
|
13
11
|
const nextIdentifier = `${identifier.replace(ogPrefix, `${ogPrefix}${MEDIA_SEP}${mediaKey}${negKey}${MEDIA_SEP}`)}`;
|
|
14
12
|
const screenStr = negate ? "not all" : "screen";
|
|
15
13
|
const mediaSelector = mediaObjectToString(mediaQueries[mediaKey]);
|
|
16
14
|
const mediaQuery = `${screenStr} and ${mediaSelector}`;
|
|
17
|
-
const precendencePrefix = mediaKeyPrecendence[mediaKey];
|
|
18
15
|
const styleInner = rules[0].replace(identifier, nextIdentifier);
|
|
16
|
+
if (styleInner.includes("2:r;"))
|
|
17
|
+
debugger;
|
|
19
18
|
let styleRule = "";
|
|
20
19
|
if (styleInner.includes("@media")) {
|
|
21
20
|
styleRule = styleInner.replace("{", ` and ${mediaQuery} {`);
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
var __defProp = Object.defineProperty;
|
|
2
|
+
var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
|
|
3
|
+
function createShallowUpdate(setter) {
|
|
4
|
+
return (next) => {
|
|
5
|
+
setter((prev) => {
|
|
6
|
+
for (const key in next) {
|
|
7
|
+
if (prev[key] !== next[key]) {
|
|
8
|
+
return { ...prev, ...next };
|
|
9
|
+
}
|
|
10
|
+
}
|
|
11
|
+
return prev;
|
|
12
|
+
});
|
|
13
|
+
};
|
|
14
|
+
}
|
|
15
|
+
__name(createShallowUpdate, "createShallowUpdate");
|
|
16
|
+
export {
|
|
17
|
+
createShallowUpdate
|
|
18
|
+
};
|
|
@@ -10,7 +10,6 @@ function createTamaguiProvider({
|
|
|
10
10
|
}) {
|
|
11
11
|
return /* @__PURE__ */ __name(function TamaguiProvider({
|
|
12
12
|
injectCSS,
|
|
13
|
-
fallback,
|
|
14
13
|
children,
|
|
15
14
|
...themePropsProvider
|
|
16
15
|
}) {
|
|
@@ -26,7 +25,7 @@ function createTamaguiProvider({
|
|
|
26
25
|
};
|
|
27
26
|
}, []);
|
|
28
27
|
}
|
|
29
|
-
return <ButtonInsideButtonContext.Provider value={false}><TextAncestorProvider><ThemeProvider {...themeProps} {...themePropsProvider}
|
|
28
|
+
return <ButtonInsideButtonContext.Provider value={false}><TextAncestorProvider><ThemeProvider {...themeProps} {...themePropsProvider}>{children}</ThemeProvider></TextAncestorProvider></ButtonInsideButtonContext.Provider>;
|
|
30
29
|
}, "TamaguiProvider");
|
|
31
30
|
}
|
|
32
31
|
__name(createTamaguiProvider, "createTamaguiProvider");
|
|
@@ -34,7 +34,6 @@ function normalizeStyleObject(style) {
|
|
|
34
34
|
}
|
|
35
35
|
__name(normalizeStyleObject, "normalizeStyleObject");
|
|
36
36
|
const getSplitStyles = /* @__PURE__ */ __name((props, staticConfig, theme, state, defaultClassNames) => {
|
|
37
|
-
var _a, _b, _c;
|
|
38
37
|
const validStyleProps = staticConfig.isText ? stylePropsText : validStyles;
|
|
39
38
|
const viewProps = {};
|
|
40
39
|
const style = {};
|
|
@@ -79,7 +78,8 @@ const getSplitStyles = /* @__PURE__ */ __name((props, staticConfig, theme, state
|
|
|
79
78
|
style[atomicStyle.property] = atomicStyle.value;
|
|
80
79
|
}
|
|
81
80
|
}
|
|
82
|
-
}
|
|
81
|
+
}
|
|
82
|
+
if (state.noClassNames || state.resolveVariablesAs === "value" || state.resolveVariablesAs === "both") {
|
|
83
83
|
for (const key in cur) {
|
|
84
84
|
if (key in stylePropsTransform) {
|
|
85
85
|
mergeTransform(style, key, cur[key]);
|
|
@@ -111,6 +111,9 @@ const getSplitStyles = /* @__PURE__ */ __name((props, staticConfig, theme, state
|
|
|
111
111
|
let isPseudo = validPseudoKeys[keyInit];
|
|
112
112
|
const out = isMedia || isPseudo ? true : staticConfig.propMapper(keyInit, valInit, theme, props, staticConfig, state.resolveVariablesAs);
|
|
113
113
|
const expanded = out === true || !out ? [[keyInit, valInit]] : Object.entries(out);
|
|
114
|
+
if (process.env.NODE_ENV === "development" && props["debug"] === "verbose") {
|
|
115
|
+
console.log("split style", keyInit, expanded);
|
|
116
|
+
}
|
|
114
117
|
for (const [key, val] of expanded) {
|
|
115
118
|
if (val === void 0) {
|
|
116
119
|
continue;
|
|
@@ -134,9 +137,6 @@ const getSplitStyles = /* @__PURE__ */ __name((props, staticConfig, theme, state
|
|
|
134
137
|
pseudos[key] = getSubStyle(val, staticConfig, theme, props, state.resolveVariablesAs, true);
|
|
135
138
|
if (isWeb && !state.noClassNames) {
|
|
136
139
|
const pseudoStyles = getStylesAtomic({ [key]: pseudos[key] });
|
|
137
|
-
if ((_b = (_a = pseudoStyles[0]) == null ? void 0 : _a.identifier) == null ? void 0 : _b.includes("undefined")) {
|
|
138
|
-
console.warn("undefined bug?", (_c = pseudoStyles[0]) == null ? void 0 : _c.identifier);
|
|
139
|
-
}
|
|
140
140
|
for (const style2 of pseudoStyles) {
|
|
141
141
|
mergeClassName(`${style2.property}-${key}`, style2.identifier);
|
|
142
142
|
insertStyleRule(style2.identifier, style2.rules[0]);
|
|
@@ -147,10 +147,10 @@ const getSplitStyles = /* @__PURE__ */ __name((props, staticConfig, theme, state
|
|
|
147
147
|
if (isMedia) {
|
|
148
148
|
const mediaKey = key.slice(1);
|
|
149
149
|
if (!mediaQueryConfig[mediaKey]) {
|
|
150
|
-
viewProps[key] =
|
|
150
|
+
viewProps[key] = val;
|
|
151
151
|
continue;
|
|
152
152
|
}
|
|
153
|
-
const mediaStyle = getSubStyle(
|
|
153
|
+
const mediaStyle = getSubStyle(val, staticConfig, theme, props, state.resolveVariablesAs, true);
|
|
154
154
|
if (isWeb) {
|
|
155
155
|
const mediaStyles = getStylesAtomic(mediaStyle);
|
|
156
156
|
for (const style2 of mediaStyles) {
|
|
@@ -33,17 +33,18 @@ function updateInserted() {
|
|
|
33
33
|
for (let i = 0; i < sheets.length; i++) {
|
|
34
34
|
const rules = sheets[i].cssRules;
|
|
35
35
|
const firstRule = rules[0];
|
|
36
|
-
if (!firstRule)
|
|
36
|
+
if (!(firstRule instanceof CSSStyleRule))
|
|
37
37
|
continue;
|
|
38
|
-
const firstSelector = firstRule
|
|
38
|
+
const firstSelector = firstRule.selectorText;
|
|
39
39
|
if (!firstSelector)
|
|
40
40
|
continue;
|
|
41
41
|
if (firstSelector === ":root" || firstSelector.startsWith("._")) {
|
|
42
|
-
for (
|
|
43
|
-
|
|
42
|
+
for (let i2 = 0; i2 < rules.length; i2++) {
|
|
43
|
+
const rule = rules.item(i2);
|
|
44
|
+
if (!(rule instanceof CSSStyleRule))
|
|
44
45
|
continue;
|
|
45
46
|
const identifier = rule.selectorText.slice(1);
|
|
46
|
-
allSelectors[identifier] = true;
|
|
47
|
+
allSelectors[identifier] = process.env.NODE_ENV === "development" ? rule.cssText : true;
|
|
47
48
|
if (identifier.startsWith("_transform")) {
|
|
48
49
|
addTransform(identifier, rule.cssText);
|
|
49
50
|
}
|
|
@@ -40,22 +40,28 @@ function loadAnimationFeature() {
|
|
|
40
40
|
console.error("no useAnimations hook provided");
|
|
41
41
|
return null;
|
|
42
42
|
}
|
|
43
|
-
const
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
43
|
+
const propsWithAnimation = props;
|
|
44
|
+
const styleKey = JSON.stringify(style);
|
|
45
|
+
const res = useAnimations(propsWithAnimation, {
|
|
46
|
+
styleKey,
|
|
47
|
+
style: style || {},
|
|
48
|
+
state,
|
|
49
|
+
pseudos,
|
|
50
|
+
mergedStyles(props2) {
|
|
51
|
+
return {
|
|
52
|
+
...style,
|
|
53
|
+
...state.hover && pseudos.hoverStyle,
|
|
54
|
+
...state.focus && pseudos.focusStyle,
|
|
55
|
+
...state.press && pseudos.pressStyle,
|
|
56
|
+
...(props2 == null ? void 0 : props2.isExiting) && pseudos.exitStyle
|
|
57
|
+
};
|
|
58
|
+
}
|
|
53
59
|
});
|
|
54
60
|
useIsomorphicLayoutEffect(() => {
|
|
55
61
|
setStateShallow({
|
|
56
62
|
animation: res
|
|
57
63
|
});
|
|
58
|
-
}, [
|
|
64
|
+
}, [styleKey]);
|
|
59
65
|
return null;
|
|
60
66
|
},
|
|
61
67
|
propNames: ["animation"]
|
|
@@ -15,36 +15,9 @@ const removeMediaQueryListener = /* @__PURE__ */ __name((key, cb) => {
|
|
|
15
15
|
var _a;
|
|
16
16
|
(_a = mediaQueryListeners[key]) == null ? void 0 : _a.delete(cb);
|
|
17
17
|
}, "removeMediaQueryListener");
|
|
18
|
-
let
|
|
19
|
-
const mediaQueryConfig =
|
|
20
|
-
get(target, key) {
|
|
21
|
-
if (key === "$$typeof") {
|
|
22
|
-
return Reflect.get(target, key);
|
|
23
|
-
}
|
|
24
|
-
if (!conf) {
|
|
25
|
-
console.warn("Tamagui: accessing media query before init");
|
|
26
|
-
return null;
|
|
27
|
-
}
|
|
28
|
-
return Reflect.get(conf, key);
|
|
29
|
-
},
|
|
30
|
-
ownKeys() {
|
|
31
|
-
if (!conf) {
|
|
32
|
-
console.warn("Tamagui: accessing media query before init");
|
|
33
|
-
return [];
|
|
34
|
-
}
|
|
35
|
-
return Object.keys(conf);
|
|
36
|
-
},
|
|
37
|
-
getOwnPropertyDescriptor() {
|
|
38
|
-
return {
|
|
39
|
-
enumerable: true,
|
|
40
|
-
configurable: true
|
|
41
|
-
};
|
|
42
|
-
}
|
|
43
|
-
});
|
|
18
|
+
let hasConfigured = false;
|
|
19
|
+
const mediaQueryConfig = {};
|
|
44
20
|
const getMedia = /* @__PURE__ */ __name(() => {
|
|
45
|
-
if (!conf) {
|
|
46
|
-
throw new Error(`not configured yet`);
|
|
47
|
-
}
|
|
48
21
|
return mediaState;
|
|
49
22
|
}, "getMedia");
|
|
50
23
|
const configureMedia = /* @__PURE__ */ __name(({
|
|
@@ -52,11 +25,12 @@ const configureMedia = /* @__PURE__ */ __name(({
|
|
|
52
25
|
defaultActive = ["sm", "xs"]
|
|
53
26
|
} = {}) => {
|
|
54
27
|
var _a;
|
|
55
|
-
if (
|
|
28
|
+
if (hasConfigured) {
|
|
56
29
|
console.warn(`Already configured mediaQueries once (you may have called getMedia() before configureMedia())`);
|
|
57
30
|
}
|
|
58
31
|
if (queries) {
|
|
59
|
-
|
|
32
|
+
Object.assign(mediaQueryConfig, queries);
|
|
33
|
+
hasConfigured = true;
|
|
60
34
|
}
|
|
61
35
|
for (const key in queries) {
|
|
62
36
|
const str = mediaObjectToString(queries[key]);
|
package/dist/jsx/styled.js
CHANGED
|
@@ -1,16 +1,9 @@
|
|
|
1
1
|
var __defProp = Object.defineProperty;
|
|
2
2
|
var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
|
|
3
|
-
import * as ReactNative from "react-native";
|
|
4
3
|
import { Image, Text, TextInput } from "react-native";
|
|
5
4
|
import { createComponent } from "./createComponent";
|
|
6
5
|
import { extendStaticConfig } from "./helpers/extendStaticConfig";
|
|
7
|
-
|
|
8
|
-
for (const key of ["Image", "TextInput", "Text", "View"]) {
|
|
9
|
-
const val = ReactNative[key];
|
|
10
|
-
if (val && typeof val === "object") {
|
|
11
|
-
RNComponents.set(val, true);
|
|
12
|
-
}
|
|
13
|
-
}
|
|
6
|
+
import { RNComponents } from "./helpers/RNComponents";
|
|
14
7
|
function styled(Component, options, staticExtractionOptions) {
|
|
15
8
|
const staticConfigProps = (() => {
|
|
16
9
|
if (options) {
|
package/dist/jsx/views/Theme.js
CHANGED
|
@@ -8,27 +8,18 @@ React["createElement"];
|
|
|
8
8
|
const Theme = memo(/* @__PURE__ */ __name(function Theme2(props) {
|
|
9
9
|
var _a, _b;
|
|
10
10
|
const { name, theme, themeManager, themes, className } = useChangeThemeEffect(props.name, void 0, props);
|
|
11
|
-
|
|
12
|
-
if (
|
|
13
|
-
return props.children;
|
|
14
|
-
}
|
|
15
|
-
return wrapThemeManagerContext(props.children, themeManager);
|
|
16
|
-
}, [props.children, themeManager]);
|
|
17
|
-
if (!themes) {
|
|
18
|
-
console.warn("Error, no themes in context", props);
|
|
19
|
-
return props.children;
|
|
20
|
-
}
|
|
21
|
-
if (!name || !theme) {
|
|
22
|
-
if (process.env.NODE_ENV === "development" && name && !theme) {
|
|
11
|
+
if (!themes || !name || !theme) {
|
|
12
|
+
if (name && !theme && process.env.NODE_ENV === "development") {
|
|
23
13
|
console.warn(`No theme found by name ${name}`);
|
|
24
14
|
}
|
|
25
15
|
return props.children;
|
|
26
16
|
}
|
|
17
|
+
const contents = useMemo(() => wrapThemeManagerContext(props.children, themeManager), [props.children, themeManager]);
|
|
27
18
|
if (isWeb) {
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
19
|
+
return <div className={[
|
|
20
|
+
`tui_Theme`,
|
|
21
|
+
...!props.disableThemeClass ? [props.className, className].filter(Boolean) : []
|
|
22
|
+
].join(" ")} style={{
|
|
32
23
|
display: "contents",
|
|
33
24
|
color: (_b = (_a = themes[name]) == null ? void 0 : _a.color) == null ? void 0 : _b.toString()
|
|
34
25
|
}}>{contents}</div>;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@tamagui/core",
|
|
3
|
-
"version": "1.0.0-beta.
|
|
3
|
+
"version": "1.0.0-beta.207+3fd10ea6",
|
|
4
4
|
"source": "src/index.ts",
|
|
5
5
|
"main": "dist/cjs",
|
|
6
6
|
"module": "dist/esm",
|
|
@@ -19,10 +19,10 @@
|
|
|
19
19
|
"dist"
|
|
20
20
|
],
|
|
21
21
|
"dependencies": {
|
|
22
|
-
"@tamagui/helpers": "^1.0.0-beta.
|
|
22
|
+
"@tamagui/helpers": "^1.0.0-beta.207+3fd10ea6",
|
|
23
23
|
"@tamagui/ow": "^0.28.1",
|
|
24
|
-
"@tamagui/use-debounce": "^1.0.0-beta.
|
|
25
|
-
"@tamagui/use-force-update": "^1.0.0-beta.
|
|
24
|
+
"@tamagui/use-debounce": "^1.0.0-beta.207+3fd10ea6",
|
|
25
|
+
"@tamagui/use-force-update": "^1.0.0-beta.207+3fd10ea6",
|
|
26
26
|
"react": "*",
|
|
27
27
|
"react-dom": "*"
|
|
28
28
|
},
|
|
@@ -30,7 +30,7 @@
|
|
|
30
30
|
"react-native-web": "*"
|
|
31
31
|
},
|
|
32
32
|
"devDependencies": {
|
|
33
|
-
"@tamagui/build": "^1.0.0-beta.
|
|
33
|
+
"@tamagui/build": "^1.0.0-beta.207+3fd10ea6",
|
|
34
34
|
"@types/react": "^17.0.35",
|
|
35
35
|
"csstype": "^3.0.10",
|
|
36
36
|
"esbuild": "^0.14.36",
|
|
@@ -40,5 +40,5 @@
|
|
|
40
40
|
"publishConfig": {
|
|
41
41
|
"access": "public"
|
|
42
42
|
},
|
|
43
|
-
"gitHead": "
|
|
43
|
+
"gitHead": "3fd10ea6d026fac0339fbc1a501ee304f4985b05"
|
|
44
44
|
}
|
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { View, ViewStyle } from 'react-native';
|
|
3
|
-
import { SpaceTokens, StackProps,
|
|
3
|
+
import { SpaceTokens, StackProps, StaticConfig, StaticConfigParsed, TamaguiComponent, TamaguiComponentState } from './types';
|
|
4
|
+
export declare const defaultComponentState: TamaguiComponentState;
|
|
4
5
|
export declare const mouseUps: Set<Function>;
|
|
5
|
-
declare
|
|
6
|
-
export declare
|
|
7
|
-
export declare const Spacer: StaticComponent<Omit<StackProps, "flex" | "direction"> & {
|
|
6
|
+
export declare function createComponent<ComponentPropTypes extends Object = {}, Ref = View, BaseProps = never>(configIn: Partial<StaticConfig> | StaticConfigParsed): TamaguiComponent<ComponentPropTypes, Ref, BaseProps, {}>;
|
|
7
|
+
export declare const Spacer: TamaguiComponent<Omit<StackProps, "flex" | "direction"> & {
|
|
8
8
|
size?: SpaceTokens | undefined;
|
|
9
9
|
flex?: number | boolean | undefined;
|
|
10
10
|
direction?: "horizontal" | "vertical" | undefined;
|
|
11
|
-
},
|
|
11
|
+
}, View, never, {}>;
|
|
12
12
|
export declare function spacedChildren({ isZStack, children, space, flexDirection, spaceFlex, }: {
|
|
13
13
|
isZStack?: boolean;
|
|
14
14
|
children: any;
|
|
@@ -17,5 +17,4 @@ export declare function spacedChildren({ isZStack, children, space, flexDirectio
|
|
|
17
17
|
flexDirection?: ViewStyle['flexDirection'];
|
|
18
18
|
}): any[];
|
|
19
19
|
export declare const AbsoluteFill: (props: any) => JSX.Element;
|
|
20
|
-
export {};
|
|
21
20
|
//# sourceMappingURL=createComponent.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"createComponent.d.ts","sourceRoot":"","sources":["../src/createComponent.tsx"],"names":[],"mappings":";AAcA,OAAO,EAAoB,IAAI,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;
|
|
1
|
+
{"version":3,"file":"createComponent.d.ts","sourceRoot":"","sources":["../src/createComponent.tsx"],"names":[],"mappings":";AAcA,OAAO,EAAoB,IAAI,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AAoBhE,OAAO,EACL,WAAW,EACX,UAAU,EACV,YAAY,EACZ,kBAAkB,EAClB,gBAAgB,EAChB,qBAAqB,EAGtB,MAAM,SAAS,CAAA;AAKhB,eAAO,MAAM,qBAAqB,EAAE,qBAQnC,CAAA;AAED,eAAO,MAAM,QAAQ,eAAsB,CAAA;AAQ3C,wBAAgB,eAAe,CAC7B,kBAAkB,SAAS,MAAM,GAAG,EAAE,EACtC,GAAG,GAAG,IAAI,EACV,SAAS,GAAG,KAAK,EACjB,QAAQ,EAAE,OAAO,CAAC,YAAY,CAAC,GAAG,kBAAkB,4DAmmBrD;AAKD,eAAO,MAAM,MAAM;;;;mBA2CjB,CAAA;AAEF,wBAAgB,cAAc,CAAC,EAC7B,QAAQ,EACR,QAAQ,EACR,KAAK,EACL,aAAa,EACb,SAAS,GACV,EAAE;IACD,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,EAAE,GAAG,CAAA;IACb,KAAK,CAAC,EAAE,GAAG,CAAA;IACX,SAAS,CAAC,EAAE,OAAO,GAAG,MAAM,CAAA;IAC5B,aAAa,CAAC,EAAE,SAAS,CAAC,eAAe,CAAC,CAAA;CAC3C,SA2CA;AA4CD,eAAO,MAAM,YAAY,UAAW,GAAG,gBAiBpC,CAAA"}
|
|
@@ -1,13 +1 @@
|
|
|
1
|
-
export declare type ComponentState = typeof defaultComponentState;
|
|
2
|
-
export declare const defaultComponentState: {
|
|
3
|
-
hover: boolean;
|
|
4
|
-
press: boolean;
|
|
5
|
-
pressIn: boolean;
|
|
6
|
-
focus: boolean;
|
|
7
|
-
mounted: boolean;
|
|
8
|
-
animation: {
|
|
9
|
-
style?: any;
|
|
10
|
-
avoidClasses?: boolean | undefined;
|
|
11
|
-
} | null;
|
|
12
|
-
};
|
|
13
1
|
//# sourceMappingURL=defaultComponentState.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"defaultComponentState.d.ts","sourceRoot":"","sources":["../src/defaultComponentState.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"defaultComponentState.d.ts","sourceRoot":"","sources":["../src/defaultComponentState.tsx"],"names":[],"mappings":""}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"RNComponents.d.ts","sourceRoot":"","sources":["../../src/helpers/RNComponents.tsx"],"names":[],"mappings":"AAIA,eAAO,MAAM,YAAY,sBAAgB,CAAA"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { StyleObject } from '@tamagui/helpers';
|
|
2
2
|
import { MediaQueries } from '../types';
|
|
3
3
|
export declare const MEDIA_SEP = "_";
|
|
4
|
-
export declare const createMediaStyle: ({ identifier, rules }: StyleObject, mediaKey: string, mediaQueries: MediaQueries, negate?: boolean | undefined, importance?: number) => {
|
|
4
|
+
export declare const createMediaStyle: ({ identifier, rules }: StyleObject, mediaKey: string, mediaQueries: MediaQueries, negate?: boolean | undefined, importance?: number | undefined) => {
|
|
5
5
|
styleRule: string;
|
|
6
6
|
identifier: string;
|
|
7
7
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"createMediaStyle.d.ts","sourceRoot":"","sources":["../../src/helpers/createMediaStyle.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAA;AAG9C,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;
|
|
1
|
+
{"version":3,"file":"createMediaStyle.d.ts","sourceRoot":"","sources":["../../src/helpers/createMediaStyle.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAA;AAG9C,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AAIvC,eAAO,MAAM,SAAS,MAAM,CAAA;AAE5B,eAAO,MAAM,gBAAgB,0BACJ,WAAW,YACxB,MAAM,gBACF,YAAY;;;CAiC3B,CAAA"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import { StaticConfig } from '../types';
|
|
2
|
-
export declare type ResolveVariableTypes = 'auto' | 'value' | 'variable';
|
|
2
|
+
export declare type ResolveVariableTypes = 'auto' | 'value' | 'variable' | 'both';
|
|
3
3
|
export declare const createPropMapper: (c: StaticConfig) => (key: string, value: any, theme: any, props: any, staticConfig: StaticConfig, returnVariablesAs?: ResolveVariableTypes, avoidDefaultProps?: boolean) => any;
|
|
4
4
|
//# sourceMappingURL=createPropMapper.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"createPropMapper.d.ts","sourceRoot":"","sources":["../../src/helpers/createPropMapper.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,YAAY,EAAyB,MAAM,UAAU,CAAA;AAG9D,oBAAY,oBAAoB,GAAG,MAAM,GAAG,OAAO,GAAG,UAAU,CAAA;
|
|
1
|
+
{"version":3,"file":"createPropMapper.d.ts","sourceRoot":"","sources":["../../src/helpers/createPropMapper.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,YAAY,EAAyB,MAAM,UAAU,CAAA;AAG9D,oBAAY,oBAAoB,GAAG,MAAM,GAAG,OAAO,GAAG,UAAU,GAAG,MAAM,CAAA;AAEzE,eAAO,MAAM,gBAAgB,MAAO,YAAY,WA6BvC,MAAM,SACJ,GAAG,SACH,GAAG,SACH,GAAG,gBACI,YAAY,sBACP,oBAAoB,qCAiF1C,CAAA"}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { TamaguiComponentState } from '../types';
|
|
3
|
+
export declare function createShallowUpdate(setter: React.Dispatch<React.SetStateAction<TamaguiComponentState>>): (next: Partial<TamaguiComponentState>) => void;
|
|
4
|
+
//# sourceMappingURL=createShallowUpdate.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"createShallowUpdate.d.ts","sourceRoot":"","sources":["../../src/helpers/createShallowUpdate.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,qBAAqB,EAAE,MAAM,UAAU,CAAA;AAEhD,wBAAgB,mBAAmB,CACjC,MAAM,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,qBAAqB,CAAC,CAAC,UAErD,QAAQ,qBAAqB,CAAC,UAU7C"}
|
|
@@ -3,5 +3,5 @@ import { TamaguiProviderProps } from '../types';
|
|
|
3
3
|
import { ThemeProviderProps } from '../views/ThemeProvider';
|
|
4
4
|
export declare function createTamaguiProvider({ getCSS, ...themeProps }: ThemeProviderProps & {
|
|
5
5
|
getCSS: () => string;
|
|
6
|
-
}): ({ injectCSS,
|
|
6
|
+
}): ({ injectCSS, children, ...themePropsProvider }: TamaguiProviderProps) => JSX.Element;
|
|
7
7
|
//# sourceMappingURL=createTamaguiProvider.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"createTamaguiProvider.d.ts","sourceRoot":"","sources":["../../src/helpers/createTamaguiProvider.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,oBAAoB,EAAE,MAAM,UAAU,CAAA;AAE/C,OAAO,EAAiB,kBAAkB,EAAE,MAAM,wBAAwB,CAAA;AAE1E,wBAAgB,qBAAqB,CAAC,EACpC,MAAM,EACN,GAAG,UAAU,EACd,EAAE,kBAAkB,GAAG;IACtB,MAAM,EAAE,MAAM,MAAM,CAAA;CACrB,
|
|
1
|
+
{"version":3,"file":"createTamaguiProvider.d.ts","sourceRoot":"","sources":["../../src/helpers/createTamaguiProvider.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,oBAAoB,EAAE,MAAM,UAAU,CAAA;AAE/C,OAAO,EAAiB,kBAAkB,EAAE,MAAM,wBAAwB,CAAA;AAE1E,wBAAgB,qBAAqB,CAAC,EACpC,MAAM,EACN,GAAG,UAAU,EACd,EAAE,kBAAkB,GAAG;IACtB,MAAM,EAAE,MAAM,MAAM,CAAA;CACrB,oDAKI,oBAAoB,iBAwBxB"}
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import { ViewStyle } from 'react-native';
|
|
2
|
-
import {
|
|
3
|
-
import { StackProps, StaticConfigParsed, ThemeObject } from '../types';
|
|
2
|
+
import { StackProps, StaticConfigParsed, TamaguiComponentState, ThemeObject } from '../types';
|
|
4
3
|
import { ResolveVariableTypes } from './createPropMapper';
|
|
5
4
|
export declare type SplitStyles = ReturnType<typeof getSplitStyles>;
|
|
6
5
|
export declare type PseudoStyles = {
|
|
@@ -14,7 +13,7 @@ export declare type ClassNamesObject = Record<string, string>;
|
|
|
14
13
|
export declare type SplitStyleResult = ReturnType<typeof getSplitStyles>;
|
|
15
14
|
export declare const getSplitStyles: (props: {
|
|
16
15
|
[key: string]: any;
|
|
17
|
-
}, staticConfig: StaticConfigParsed, theme: ThemeObject, state: Partial<
|
|
16
|
+
}, staticConfig: StaticConfigParsed, theme: ThemeObject, state: Partial<TamaguiComponentState> & {
|
|
18
17
|
noClassNames?: boolean;
|
|
19
18
|
resolveVariablesAs?: ResolveVariableTypes;
|
|
20
19
|
}, defaultClassNames?: ClassNamesObject | null | undefined) => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"getSplitStyles.d.ts","sourceRoot":"","sources":["../../src/helpers/getSplitStyles.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;
|
|
1
|
+
{"version":3,"file":"getSplitStyles.d.ts","sourceRoot":"","sources":["../../src/helpers/getSplitStyles.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AAIxC,OAAO,EAIL,UAAU,EACV,kBAAkB,EAClB,qBAAqB,EACrB,WAAW,EACZ,MAAM,UAAU,CAAA;AAEjB,OAAO,EAAE,oBAAoB,EAAE,MAAM,oBAAoB,CAAA;AAKzD,oBAAY,WAAW,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAA;AAW3D,oBAAY,YAAY,GAAG;IACzB,UAAU,CAAC,EAAE,SAAS,CAAA;IACtB,UAAU,CAAC,EAAE,SAAS,CAAA;IACtB,UAAU,CAAC,EAAE,SAAS,CAAA;IACtB,UAAU,CAAC,EAAE,SAAS,CAAA;IACtB,SAAS,CAAC,EAAE,SAAS,CAAA;CACtB,CAAA;AAED,oBAAY,gBAAgB,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;AAErD,oBAAY,gBAAgB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAA;AAqBhE,eAAO,MAAM,cAAc;;iBAEX,kBAAkB,SACzB,WAAW,SACX,QAAQ,qBAAqB,CAAC,GAAG;IACtC,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,kBAAkB,CAAC,EAAE,oBAAoB,CAAA;CAC1C;;;;;;CA8PF,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"insertStyleRule.d.ts","sourceRoot":"","sources":["../../src/helpers/insertStyleRule.tsx"],"names":[],"mappings":"AAMA,eAAO,MAAM,kBAAkB,IAAK,CAAA;AAEpC,eAAO,MAAM,eAAe,UAAqB,CAAA;AACjD,eAAO,MAAM,gBAAgB,iBAAyC,CAAA;AACtE,eAAO,MAAM,gBAAgB,UAA2B,CAAA;AAsBxD,wBAAgB,cAAc,
|
|
1
|
+
{"version":3,"file":"insertStyleRule.d.ts","sourceRoot":"","sources":["../../src/helpers/insertStyleRule.tsx"],"names":[],"mappings":"AAMA,eAAO,MAAM,kBAAkB,IAAK,CAAA;AAEpC,eAAO,MAAM,eAAe,UAAqB,CAAA;AACjD,eAAO,MAAM,gBAAgB,iBAAyC,CAAA;AACtE,eAAO,MAAM,gBAAgB,UAA2B,CAAA;AAsBxD,wBAAgB,cAAc,SA6B7B;AASD,wBAAgB,eAAe,CAAC,UAAU,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,sBAgB/D"}
|
|
@@ -1,12 +1,11 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { ViewStyle } from 'react-native';
|
|
3
|
-
import { ComponentState } from '../defaultComponentState';
|
|
4
3
|
import { PseudoStyles } from '../static';
|
|
5
|
-
import { UseAnimationHook } from '../types';
|
|
4
|
+
import { TamaguiComponentState, UseAnimationHook } from '../types';
|
|
6
5
|
declare type FeatureUtils = {
|
|
7
6
|
forceUpdate: Function;
|
|
8
|
-
state:
|
|
9
|
-
setStateShallow: (next: Partial<
|
|
7
|
+
state: TamaguiComponentState;
|
|
8
|
+
setStateShallow: (next: Partial<TamaguiComponentState>) => void;
|
|
10
9
|
useAnimations?: UseAnimationHook;
|
|
11
10
|
pseudos: PseudoStyles;
|
|
12
11
|
style: ViewStyle | null | undefined;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useFeatures.d.ts","sourceRoot":"","sources":["../../src/hooks/useFeatures.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AAGxC,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"useFeatures.d.ts","sourceRoot":"","sources":["../../src/hooks/useFeatures.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AAGxC,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAA;AACxC,OAAO,EAAE,qBAAqB,EAAE,gBAAgB,EAAqB,MAAM,UAAU,CAAA;AAQrF,aAAK,YAAY,GAAG;IAClB,WAAW,EAAE,QAAQ,CAAA;IACrB,KAAK,EAAE,qBAAqB,CAAA;IAC5B,eAAe,EAAE,CAAC,IAAI,EAAE,OAAO,CAAC,qBAAqB,CAAC,KAAK,IAAI,CAAA;IAC/D,aAAa,CAAC,EAAE,gBAAgB,CAAA;IAChC,OAAO,EAAE,YAAY,CAAA;IACrB,KAAK,EAAE,SAAS,GAAG,IAAI,GAAG,SAAS,CAAA;CACpC,CAAA;AAeD,eAAO,MAAM,WAAW,UAAW,GAAG,oDAYrC,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useMedia.d.ts","sourceRoot":"","sources":["../../src/hooks/useMedia.tsx"],"names":[],"mappings":"AAKA,OAAO,EACL,0BAA0B,EAC1B,YAAY,EACZ,gBAAgB,EAChB,eAAe,EAChB,MAAM,UAAU,CAAA;AAGjB,eAAO,MAAM,UAAU,EAAE;KAAG,GAAG,IAAI,MAAM,eAAe,GAAG,OAAO;CAAc,CAAA;AAGhF,eAAO,MAAM,qBAAqB,QAAS,MAAM,MAAM,GAAG,SAGzD,CAAA;AAED,eAAO,MAAM,wBAAwB,QAAS,MAAM,MAAM,GAAG,SAE5D,CAAA;
|
|
1
|
+
{"version":3,"file":"useMedia.d.ts","sourceRoot":"","sources":["../../src/hooks/useMedia.tsx"],"names":[],"mappings":"AAKA,OAAO,EACL,0BAA0B,EAC1B,YAAY,EACZ,gBAAgB,EAChB,eAAe,EAChB,MAAM,UAAU,CAAA;AAGjB,eAAO,MAAM,UAAU,EAAE;KAAG,GAAG,IAAI,MAAM,eAAe,GAAG,OAAO;CAAc,CAAA;AAGhF,eAAO,MAAM,qBAAqB,QAAS,MAAM,MAAM,GAAG,SAGzD,CAAA;AAED,eAAO,MAAM,wBAAwB,QAAS,MAAM,MAAM,GAAG,SAE5D,CAAA;AAGD,eAAO,MAAM,gBAAgB,EAAE,YAAiB,CAAA;AAEhD,eAAO,MAAM,QAAQ;;CAEpB,CAAA;AAED,eAAO,MAAM,cAAc,iCAGxB,0BAA0B,SAwC5B,CAAA;AASD,eAAO,MAAM,QAAQ;;CAiEpB,CAAA;AAMD,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,MAAM,GAAG,gBAAgB,UAgBnE"}
|
package/types/styled.d.ts
CHANGED
|
@@ -1,11 +1,7 @@
|
|
|
1
|
-
import { GetProps, GetVariantProps, MediaProps, PseudoProps,
|
|
2
|
-
export declare function styled<ParentComponent extends StylableComponent, Variants extends VariantDefinitions<
|
|
1
|
+
import { GetProps, GetVariantProps, GetVariantValues, MediaProps, PseudoProps, StaticConfig, StylableComponent, TamaguiComponent, VariantDefinitions } from './types';
|
|
2
|
+
export declare function styled<ParentComponent extends StylableComponent, Variants extends VariantDefinitions<{}> = {}>(Component: ParentComponent, options?: GetProps<ParentComponent> & {
|
|
3
3
|
name?: string;
|
|
4
4
|
variants?: Variants | undefined;
|
|
5
5
|
defaultVariants?: Variants extends Object ? GetVariantProps<Variants> : never;
|
|
6
|
-
}, staticExtractionOptions?: StaticConfig):
|
|
7
|
-
declare type Expand<T> = T extends infer O ? {
|
|
8
|
-
[K in keyof O]?: O[K];
|
|
9
|
-
} : never;
|
|
10
|
-
export {};
|
|
6
|
+
}, staticExtractionOptions?: StaticConfig): TamaguiComponent<Variants extends symbol | void ? GetProps<ParentComponent> : (ParentComponent extends TamaguiComponent<any, any, infer P, {}> ? P : GetProps<ParentComponent>) & (ParentComponent extends TamaguiComponent<any, any, any, infer V> ? V : Object) & (Variants extends Object ? { [Key in keyof Variants]?: GetVariantValues<keyof Variants[Key]> | undefined; } : {}) & MediaProps<(ParentComponent extends TamaguiComponent<any, any, infer P, {}> ? P : GetProps<ParentComponent>) & (ParentComponent extends TamaguiComponent<any, any, any, infer V> ? V : Object) & (Variants extends Object ? { [Key in keyof Variants]?: GetVariantValues<keyof Variants[Key]> | undefined; } : {})> & PseudoProps<(ParentComponent extends TamaguiComponent<any, any, infer P, {}> ? P : GetProps<ParentComponent>) & (ParentComponent extends TamaguiComponent<any, any, any, infer V> ? V : Object) & (Variants extends Object ? { [Key in keyof Variants]?: GetVariantValues<keyof Variants[Key]> | undefined; } : {})>, any, ParentComponent extends TamaguiComponent<any, any, infer P, {}> ? P : GetProps<ParentComponent>, (ParentComponent extends TamaguiComponent<any, any, any, infer V> ? V : Object) & (Variants extends Object ? { [Key in keyof Variants]?: GetVariantValues<keyof Variants[Key]> | undefined; } : {})>;
|
|
11
7
|
//# sourceMappingURL=styled.d.ts.map
|
package/types/styled.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styled.d.ts","sourceRoot":"","sources":["../src/styled.tsx"],"names":[],"mappings":"AAKA,OAAO,EACL,QAAQ,EACR,eAAe,
|
|
1
|
+
{"version":3,"file":"styled.d.ts","sourceRoot":"","sources":["../src/styled.tsx"],"names":[],"mappings":"AAKA,OAAO,EACL,QAAQ,EACR,eAAe,EACf,gBAAgB,EAChB,UAAU,EACV,WAAW,EACX,YAAY,EACZ,iBAAiB,EACjB,gBAAgB,EAChB,kBAAkB,EACnB,MAAM,SAAS,CAAA;AAEhB,wBAAgB,MAAM,CACpB,eAAe,SAAS,iBAAiB,EAGzC,QAAQ,SAAS,kBAAkB,CAAC,EAAE,CAAC,GAAG,EAAE,EAE5C,SAAS,EAAE,eAAe,EAE1B,OAAO,CAAC,EAAE,QAAQ,CAAC,eAAe,CAAC,GAAG;IACpC,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAA;IAC/B,eAAe,CAAC,EAAE,QAAQ,SAAS,MAAM,GAAG,eAAe,CAAC,QAAQ,CAAC,GAAG,KAAK,CAAA;CAC9E,EACD,uBAAuB,CAAC,EAAE,YAAY,kxCAuEvC"}
|
package/types/types-rnw.d.ts
CHANGED
|
@@ -42,11 +42,6 @@ export interface RNWTextProps {
|
|
|
42
42
|
selected?: boolean;
|
|
43
43
|
};
|
|
44
44
|
href?: string;
|
|
45
|
-
hrefAttrs?: {
|
|
46
|
-
target?: '_blank' | '_self' | '_top' | 'blank' | 'self' | 'top';
|
|
47
|
-
rel?: string;
|
|
48
|
-
download?: boolean;
|
|
49
|
-
};
|
|
50
45
|
onMouseEnter?: (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
|
|
51
46
|
onMouseLeave?: (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
|
|
52
47
|
onFocus?: (event: React.FocusEvent<HTMLDivElement>) => void;
|
package/types/types-rnw.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types-rnw.d.ts","sourceRoot":"","sources":["../src/types-rnw.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"types-rnw.d.ts","sourceRoot":"","sources":["../src/types-rnw.tsx"],"names":[],"mappings":"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"}
|