@tamagui/core 1.0.1-beta.61 → 1.0.1-beta.64
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/createComponent.js +35 -15
- package/dist/cjs/createComponent.js.map +2 -2
- package/dist/cjs/helpers/createMediaStyle.js +1 -1
- package/dist/cjs/helpers/createMediaStyle.js.map +2 -2
- package/dist/cjs/helpers/createPropMapper.js +46 -18
- package/dist/cjs/helpers/createPropMapper.js.map +2 -2
- package/dist/cjs/helpers/extendStaticConfig.js +2 -1
- package/dist/cjs/helpers/extendStaticConfig.js.map +2 -2
- package/dist/cjs/helpers/generateAtomicStyles.js +30 -23
- package/dist/cjs/helpers/generateAtomicStyles.js.map +2 -2
- package/dist/cjs/helpers/getSplitStyles.js +29 -14
- package/dist/cjs/helpers/getSplitStyles.js.map +2 -2
- package/dist/cjs/helpers/getStylesAtomic.js +7 -21
- package/dist/cjs/helpers/getStylesAtomic.js.map +2 -2
- package/dist/cjs/helpers/insertStyleRule.js +2 -1
- package/dist/cjs/helpers/insertStyleRule.js.map +2 -2
- package/dist/cjs/helpers/mergeProps.js +40 -0
- package/dist/cjs/helpers/mergeProps.js.map +7 -0
- package/dist/cjs/helpers/pseudos.js +41 -0
- package/dist/cjs/helpers/pseudos.js.map +7 -0
- package/dist/cjs/helpers/themeable.js +2 -2
- package/dist/cjs/helpers/themeable.js.map +2 -2
- package/dist/cjs/index.js +5 -0
- package/dist/cjs/index.js.map +2 -2
- package/dist/cjs/static.js +2 -0
- package/dist/cjs/static.js.map +2 -2
- package/dist/cjs/types.js.map +1 -1
- package/dist/esm/createComponent.js +36 -18
- package/dist/esm/createComponent.js.map +2 -2
- package/dist/esm/helpers/createMediaStyle.js +1 -1
- package/dist/esm/helpers/createMediaStyle.js.map +2 -2
- package/dist/esm/helpers/createPropMapper.js +44 -17
- package/dist/esm/helpers/createPropMapper.js.map +2 -2
- package/dist/esm/helpers/extendStaticConfig.js +5 -3
- package/dist/esm/helpers/extendStaticConfig.js.map +2 -2
- package/dist/esm/helpers/generateAtomicStyles.js +30 -23
- package/dist/esm/helpers/generateAtomicStyles.js.map +2 -2
- package/dist/esm/helpers/getSplitStyles.js +29 -14
- package/dist/esm/helpers/getSplitStyles.js.map +2 -2
- package/dist/esm/helpers/getStylesAtomic.js +6 -19
- package/dist/esm/helpers/getStylesAtomic.js.map +2 -2
- package/dist/esm/helpers/insertStyleRule.js +2 -1
- package/dist/esm/helpers/insertStyleRule.js.map +2 -2
- package/dist/esm/helpers/mergeProps.js +18 -0
- package/dist/esm/helpers/mergeProps.js.map +7 -0
- package/dist/esm/helpers/pseudos.js +18 -0
- package/dist/esm/helpers/pseudos.js.map +7 -0
- package/dist/esm/helpers/themeable.js +2 -1
- package/dist/esm/helpers/themeable.js.map +2 -2
- package/dist/esm/index.js +4 -0
- package/dist/esm/index.js.map +2 -2
- package/dist/esm/static.js +2 -0
- package/dist/esm/static.js.map +2 -2
- package/dist/jsx/createComponent.js +32 -13
- package/dist/jsx/helpers/createMediaStyle.js +1 -1
- package/dist/jsx/helpers/createPropMapper.js +44 -17
- package/dist/jsx/helpers/extendStaticConfig.js +5 -3
- package/dist/jsx/helpers/generateAtomicStyles.js +30 -23
- package/dist/jsx/helpers/getSplitStyles.js +29 -14
- package/dist/jsx/helpers/getStylesAtomic.js +6 -19
- package/dist/jsx/helpers/insertStyleRule.js +2 -1
- package/dist/jsx/helpers/mergeProps.js +17 -0
- package/dist/jsx/helpers/pseudos.js +17 -0
- package/dist/jsx/helpers/themeable.js +2 -1
- package/dist/jsx/index.js +4 -0
- package/dist/jsx/static.js +2 -0
- package/package.json +5 -5
- package/types/createComponent.d.ts.map +1 -1
- package/types/helpers/createPropMapper.d.ts +3 -2
- package/types/helpers/createPropMapper.d.ts.map +1 -1
- package/types/helpers/extendStaticConfig.d.ts.map +1 -1
- package/types/helpers/generateAtomicStyles.d.ts.map +1 -1
- package/types/helpers/getSplitStyles.d.ts +2 -2
- package/types/helpers/getSplitStyles.d.ts.map +1 -1
- package/types/helpers/getStylesAtomic.d.ts +0 -14
- package/types/helpers/getStylesAtomic.d.ts.map +1 -1
- package/types/helpers/insertStyleRule.d.ts.map +1 -1
- package/types/helpers/mergeProps.d.ts +2 -0
- package/types/helpers/mergeProps.d.ts.map +1 -0
- package/types/helpers/pseudos.d.ts +15 -0
- package/types/helpers/pseudos.d.ts.map +1 -0
- package/types/helpers/themeable.d.ts.map +1 -1
- package/types/index.d.ts +3 -0
- package/types/index.d.ts.map +1 -1
- package/types/static.d.ts +2 -0
- package/types/static.d.ts.map +1 -1
- package/types/types.d.ts +3 -2
- package/types/types.d.ts.map +1 -1
|
@@ -4,10 +4,28 @@ import { simpleHash } from "@tamagui/helpers";
|
|
|
4
4
|
import hyphenateStyleName from "hyphenate-style-name";
|
|
5
5
|
import normalizeCSSColor from "normalize-css-color";
|
|
6
6
|
import { isWeb } from "../constants/platform";
|
|
7
|
+
import { pseudos } from "./pseudos";
|
|
8
|
+
const reducedStyleKeys = {
|
|
9
|
+
shadowColor: true,
|
|
10
|
+
shadowOffset: true,
|
|
11
|
+
shadowOpacity: true,
|
|
12
|
+
shadowRadius: true,
|
|
13
|
+
textShadowColor: true,
|
|
14
|
+
textShadowOffset: true,
|
|
15
|
+
textShadowRadius: true
|
|
16
|
+
};
|
|
7
17
|
function expandStyles(style) {
|
|
8
18
|
const res = {};
|
|
19
|
+
boxShadowReducer(res, style);
|
|
20
|
+
textShadowReducer(res, style);
|
|
9
21
|
for (const key in style) {
|
|
10
|
-
|
|
22
|
+
if (reducedStyleKeys[key])
|
|
23
|
+
continue;
|
|
24
|
+
if (key in pseudos) {
|
|
25
|
+
res[key] = expandStyles(style[key]);
|
|
26
|
+
} else {
|
|
27
|
+
updateReactDOMStyle(res, key, style[key]);
|
|
28
|
+
}
|
|
11
29
|
}
|
|
12
30
|
return res;
|
|
13
31
|
}
|
|
@@ -24,19 +42,6 @@ function updateReactDOMStyle(style, key, value) {
|
|
|
24
42
|
__name(updateReactDOMStyle, "updateReactDOMStyle");
|
|
25
43
|
const generateAtomicStyles = /* @__PURE__ */ __name((style) => {
|
|
26
44
|
const res = expandStyles(style);
|
|
27
|
-
if (style.shadowColor != null || style.shadowOffset != null || style.shadowOpacity != null || style.shadowRadius != null) {
|
|
28
|
-
boxShadowReducer(res, style);
|
|
29
|
-
delete res["shadowColor"];
|
|
30
|
-
delete res["shadowOffset"];
|
|
31
|
-
delete res["shadowOpacity"];
|
|
32
|
-
delete res["shadowRadius"];
|
|
33
|
-
}
|
|
34
|
-
if (style.textShadowColor != null || style.textShadowOffset != null || style.textShadowRadius != null) {
|
|
35
|
-
textShadowReducer(res, style);
|
|
36
|
-
delete res["textShadowColor"];
|
|
37
|
-
delete res["textShadowOffset"];
|
|
38
|
-
delete res["textShadowRadius"];
|
|
39
|
-
}
|
|
40
45
|
const out = {};
|
|
41
46
|
for (const key in res) {
|
|
42
47
|
const value = res[key];
|
|
@@ -47,8 +52,8 @@ const generateAtomicStyles = /* @__PURE__ */ __name((style) => {
|
|
|
47
52
|
const { identifier } = cachedResult;
|
|
48
53
|
out[identifier] = cachedResult;
|
|
49
54
|
} else {
|
|
50
|
-
const identifier = simpleHash(key +
|
|
51
|
-
const rules = createAtomicRules(identifier, key,
|
|
55
|
+
const identifier = simpleHash(key + valueString);
|
|
56
|
+
const rules = createAtomicRules(identifier, key, valueString);
|
|
52
57
|
const cachedResult2 = cache.set(key, valueString, {
|
|
53
58
|
property: key,
|
|
54
59
|
value: valueString,
|
|
@@ -194,8 +199,7 @@ const cache = {
|
|
|
194
199
|
}
|
|
195
200
|
};
|
|
196
201
|
function stringifyValueWithProperty(value, property) {
|
|
197
|
-
|
|
198
|
-
return typeof normalizedValue !== "string" ? JSON.stringify(normalizedValue || "") : normalizedValue;
|
|
202
|
+
return normalizeValueWithProperty(value, property);
|
|
199
203
|
}
|
|
200
204
|
__name(stringifyValueWithProperty, "stringifyValueWithProperty");
|
|
201
205
|
const mapTransform = /* @__PURE__ */ __name((transform) => {
|
|
@@ -222,7 +226,8 @@ const colorProps = {
|
|
|
222
226
|
};
|
|
223
227
|
function normalizeValueWithProperty(value, property) {
|
|
224
228
|
if (process.env.TAMAGUI_TARGET === "web") {
|
|
225
|
-
|
|
229
|
+
const shouldCoerceToPx = typeof value === "number" && (property === void 0 || property === null || !unitlessNumbers[property]);
|
|
230
|
+
if (shouldCoerceToPx) {
|
|
226
231
|
return `${value}px`;
|
|
227
232
|
}
|
|
228
233
|
}
|
|
@@ -250,6 +255,7 @@ const normalizeColor = /* @__PURE__ */ __name((color, opacity = 1) => {
|
|
|
250
255
|
const alpha = (a * opacity).toFixed(2);
|
|
251
256
|
return `rgba(${r},${g},${b},${alpha})`;
|
|
252
257
|
}
|
|
258
|
+
return `${color}`;
|
|
253
259
|
}, "normalizeColor");
|
|
254
260
|
const isWebColor = /* @__PURE__ */ __name((color) => color === "currentcolor" || color === "currentColor" || color === "inherit" || color.indexOf("var(") === 0, "isWebColor");
|
|
255
261
|
const processColor = /* @__PURE__ */ __name((color) => {
|
|
@@ -311,14 +317,15 @@ const unitlessNumbers = {
|
|
|
311
317
|
};
|
|
312
318
|
const resolveShadowValue = /* @__PURE__ */ __name((style) => {
|
|
313
319
|
const { shadowColor, shadowOffset, shadowOpacity, shadowRadius } = style;
|
|
320
|
+
if (shadowRadius === void 0) {
|
|
321
|
+
return;
|
|
322
|
+
}
|
|
314
323
|
const { height, width } = shadowOffset || defaultOffset;
|
|
315
324
|
const offsetX = normalizeValueWithProperty(width);
|
|
316
325
|
const offsetY = normalizeValueWithProperty(height);
|
|
317
326
|
const blurRadius = normalizeValueWithProperty(shadowRadius || 0);
|
|
318
|
-
const color = normalizeColor(shadowColor || "black", shadowOpacity);
|
|
319
|
-
|
|
320
|
-
return `${offsetX} ${offsetY} ${blurRadius} ${color}`;
|
|
321
|
-
}
|
|
327
|
+
const color = normalizeColor(String(shadowColor || "black"), shadowOpacity);
|
|
328
|
+
return `${offsetX} ${offsetY} ${blurRadius} ${color}`;
|
|
322
329
|
}, "resolveShadowValue");
|
|
323
330
|
function boxShadowReducer(resolvedStyle, style) {
|
|
324
331
|
const { boxShadow } = style;
|
|
@@ -35,7 +35,7 @@ const skipProps = {
|
|
|
35
35
|
}
|
|
36
36
|
};
|
|
37
37
|
let conf;
|
|
38
|
-
const getSplitStyles = /* @__PURE__ */ __name((props, staticConfig, theme, state, defaultClassNames) => {
|
|
38
|
+
const getSplitStyles = /* @__PURE__ */ __name((props, staticConfig, theme, state, defaultClassNames, debug) => {
|
|
39
39
|
var _a;
|
|
40
40
|
conf = conf || getConfig();
|
|
41
41
|
const validStyleProps = staticConfig.isText ? stylePropsText : validStyles;
|
|
@@ -45,7 +45,7 @@ const getSplitStyles = /* @__PURE__ */ __name((props, staticConfig, theme, state
|
|
|
45
45
|
const usedKeys = /* @__PURE__ */ new Set();
|
|
46
46
|
let style = {};
|
|
47
47
|
let classNames = {};
|
|
48
|
-
let transforms =
|
|
48
|
+
let transforms = null;
|
|
49
49
|
const rulesToInsert = [];
|
|
50
50
|
function addStyle(prop, rule) {
|
|
51
51
|
rulesToInsert.push([prop, rule]);
|
|
@@ -62,17 +62,22 @@ const getSplitStyles = /* @__PURE__ */ __name((props, staticConfig, theme, state
|
|
|
62
62
|
if (!transform) {
|
|
63
63
|
updateInserted();
|
|
64
64
|
transform = insertedTransforms[val];
|
|
65
|
+
if (process.env.NODE_ENV === "development") {
|
|
66
|
+
if (!transform) {
|
|
67
|
+
console.warn("no transform, error", { insertedTransforms, val });
|
|
68
|
+
}
|
|
69
|
+
}
|
|
65
70
|
}
|
|
66
71
|
if (!transform) {
|
|
67
72
|
if (isWeb && val[0] !== "_") {
|
|
68
73
|
transform = val;
|
|
69
|
-
} else {
|
|
70
74
|
}
|
|
71
75
|
}
|
|
72
|
-
if (process.env.NODE_ENV === "development" &&
|
|
76
|
+
if (process.env.NODE_ENV === "development" && debug === "verbose") {
|
|
73
77
|
console.log(" \xBB getSplitStyles mergeClassName transform", { key, val, namespace, transform, insertedTransforms });
|
|
74
78
|
}
|
|
75
79
|
}
|
|
80
|
+
transforms = transforms || {};
|
|
76
81
|
transforms[namespace] = transforms[namespace] || ["", ""];
|
|
77
82
|
const identifier = val.replace("_transform", "");
|
|
78
83
|
transforms[namespace][0] += identifier;
|
|
@@ -85,6 +90,9 @@ const getSplitStyles = /* @__PURE__ */ __name((props, staticConfig, theme, state
|
|
|
85
90
|
}
|
|
86
91
|
__name(mergeClassName, "mergeClassName");
|
|
87
92
|
const propKeys = Object.keys(props);
|
|
93
|
+
if (process.env.NODE_ENV === "development" && debug === "verbose") {
|
|
94
|
+
console.log("propKeys", propKeys);
|
|
95
|
+
}
|
|
88
96
|
for (let i = propKeys.length - 1; i >= 0; i--) {
|
|
89
97
|
const keyInit = propKeys[i];
|
|
90
98
|
if (usedKeys.has(keyInit))
|
|
@@ -160,9 +168,9 @@ const getSplitStyles = /* @__PURE__ */ __name((props, staticConfig, theme, state
|
|
|
160
168
|
viewProps[keyInit] = valInit;
|
|
161
169
|
continue;
|
|
162
170
|
}
|
|
163
|
-
const expanded = isMedia || isPseudo ? [[keyInit, valInit]] : staticConfig.propMapper(keyInit, valInit, theme, props, state);
|
|
171
|
+
const expanded = isMedia || isPseudo ? [[keyInit, valInit]] : staticConfig.propMapper(keyInit, valInit, theme, props, state, void 0, debug);
|
|
164
172
|
let isMediaOrPseudo = isMedia || isPseudo;
|
|
165
|
-
if (process.env.NODE_ENV === "development" &&
|
|
173
|
+
if (process.env.NODE_ENV === "development" && debug === "verbose") {
|
|
166
174
|
console.log(" \xBB getSplitStyles", keyInit, expanded);
|
|
167
175
|
}
|
|
168
176
|
if (!expanded) {
|
|
@@ -184,6 +192,7 @@ const getSplitStyles = /* @__PURE__ */ __name((props, staticConfig, theme, state
|
|
|
184
192
|
continue;
|
|
185
193
|
}
|
|
186
194
|
if (staticConfig.deoptProps && staticConfig.deoptProps.has(key) || staticConfig.inlineProps && staticConfig.inlineProps.has(key)) {
|
|
195
|
+
usedKeys.add(key);
|
|
187
196
|
viewProps[key] = val;
|
|
188
197
|
}
|
|
189
198
|
if (isPseudo) {
|
|
@@ -200,7 +209,7 @@ const getSplitStyles = /* @__PURE__ */ __name((props, staticConfig, theme, state
|
|
|
200
209
|
const fullKey = `${style2.property}-${key}`;
|
|
201
210
|
if (!usedKeys.has(fullKey)) {
|
|
202
211
|
usedKeys.add(fullKey);
|
|
203
|
-
addStyle(style2.identifier, style2.rules
|
|
212
|
+
addStyle(style2.identifier, style2.rules.join(";"));
|
|
204
213
|
mergeClassName(fullKey, style2.identifier, isMediaOrPseudo);
|
|
205
214
|
}
|
|
206
215
|
}
|
|
@@ -211,12 +220,14 @@ const getSplitStyles = /* @__PURE__ */ __name((props, staticConfig, theme, state
|
|
|
211
220
|
const mediaKey = key;
|
|
212
221
|
const mediaKeyShort = mediaKey.slice(1);
|
|
213
222
|
if (!mediaQueryConfig[mediaKeyShort]) {
|
|
214
|
-
|
|
223
|
+
if (!usedKeys.has(key)) {
|
|
224
|
+
viewProps[key] = val;
|
|
225
|
+
}
|
|
215
226
|
continue;
|
|
216
227
|
}
|
|
217
228
|
const mediaStyle = getSubStyle(val, staticConfig, theme, props, state);
|
|
218
229
|
const shouldDoClasses = isWeb && !state.noClassNames;
|
|
219
|
-
if (process.env.NODE_ENV === "development" &&
|
|
230
|
+
if (process.env.NODE_ENV === "development" && debug === "verbose") {
|
|
220
231
|
console.log(" \xBB getSplitStyles mediaStyle", { mediaKey, mediaStyle, props, shouldDoClasses });
|
|
221
232
|
}
|
|
222
233
|
if (shouldDoClasses) {
|
|
@@ -232,7 +243,7 @@ const getSplitStyles = /* @__PURE__ */ __name((props, staticConfig, theme, state
|
|
|
232
243
|
}
|
|
233
244
|
} else {
|
|
234
245
|
if (mediaState[mediaKey]) {
|
|
235
|
-
if (process.env.NODE_ENV === "development" &&
|
|
246
|
+
if (process.env.NODE_ENV === "development" && debug) {
|
|
236
247
|
console.log("apply media style", mediaKey, mediaState);
|
|
237
248
|
}
|
|
238
249
|
Object.assign(shouldDoClasses ? medias : style, mediaStyle);
|
|
@@ -251,8 +262,8 @@ const getSplitStyles = /* @__PURE__ */ __name((props, staticConfig, theme, state
|
|
|
251
262
|
classNames[key] = val;
|
|
252
263
|
} else {
|
|
253
264
|
if (key in stylePropsTransform) {
|
|
254
|
-
if (process.env.NODE_ENV === "development" &&
|
|
255
|
-
console.log("mergeTransform", key, val);
|
|
265
|
+
if (process.env.NODE_ENV === "development" && debug) {
|
|
266
|
+
console.log(" > mergeTransform", key, val);
|
|
256
267
|
}
|
|
257
268
|
mergeTransform(style, key, val, true);
|
|
258
269
|
} else {
|
|
@@ -280,7 +291,7 @@ const getSplitStyles = /* @__PURE__ */ __name((props, staticConfig, theme, state
|
|
|
280
291
|
for (const atomicStyle of atomic) {
|
|
281
292
|
const key = atomicStyle.property;
|
|
282
293
|
if (!state.dynamicStylesInline) {
|
|
283
|
-
addStyle(atomicStyle.identifier, atomicStyle.rules
|
|
294
|
+
addStyle(atomicStyle.identifier, atomicStyle.rules.join(";"));
|
|
284
295
|
mergeClassName(key, atomicStyle.identifier);
|
|
285
296
|
} else {
|
|
286
297
|
style[key] = atomicStyle.value;
|
|
@@ -289,6 +300,10 @@ const getSplitStyles = /* @__PURE__ */ __name((props, staticConfig, theme, state
|
|
|
289
300
|
}
|
|
290
301
|
if (transforms) {
|
|
291
302
|
for (const namespace in transforms) {
|
|
303
|
+
if (!transforms[namespace]) {
|
|
304
|
+
console.warn("Error no transform");
|
|
305
|
+
continue;
|
|
306
|
+
}
|
|
292
307
|
const [hash, val] = transforms[namespace];
|
|
293
308
|
const identifier = `_transform${hash}`;
|
|
294
309
|
if (isClient) {
|
|
@@ -300,7 +315,7 @@ const getSplitStyles = /* @__PURE__ */ __name((props, staticConfig, theme, state
|
|
|
300
315
|
classNames[namespace] = identifier;
|
|
301
316
|
}
|
|
302
317
|
}
|
|
303
|
-
if (process.env.NODE_ENV === "development" &&
|
|
318
|
+
if (process.env.NODE_ENV === "development" && debug === "verbose") {
|
|
304
319
|
if (typeof document !== "undefined") {
|
|
305
320
|
console.log(" \xBB getSplitStyles out", { style, pseudos, medias, classNames, viewProps, state });
|
|
306
321
|
}
|
|
@@ -5,20 +5,7 @@ import { reversedShorthands } from "../createTamagui";
|
|
|
5
5
|
import { isVariable } from "../createVariable";
|
|
6
6
|
import { generateAtomicStyles } from "./generateAtomicStyles";
|
|
7
7
|
import { invertMapTransformKeys, mergeTransform } from "./mergeTransform";
|
|
8
|
-
|
|
9
|
-
hoverStyle: {
|
|
10
|
-
name: "hover",
|
|
11
|
-
priority: 1
|
|
12
|
-
},
|
|
13
|
-
pressStyle: {
|
|
14
|
-
name: "active",
|
|
15
|
-
priority: 2
|
|
16
|
-
},
|
|
17
|
-
focusStyle: {
|
|
18
|
-
name: "focus",
|
|
19
|
-
priority: 3
|
|
20
|
-
}
|
|
21
|
-
};
|
|
8
|
+
import { pseudos } from "./pseudos";
|
|
22
9
|
const pseudosOrdered = Object.values(pseudos);
|
|
23
10
|
const psuedoCNInverse = {
|
|
24
11
|
hover: "hoverStyle",
|
|
@@ -61,7 +48,7 @@ function getAtomicStyle(style, pseudo, options) {
|
|
|
61
48
|
let atomicStyles = {};
|
|
62
49
|
if (options.splitTransforms && style.transform) {
|
|
63
50
|
let { transform, ...rest } = style;
|
|
64
|
-
|
|
51
|
+
style = rest;
|
|
65
52
|
for (const t of transform) {
|
|
66
53
|
const tKey = Object.keys(t)[0];
|
|
67
54
|
const transformProperty = invertMapTransformKeys[tKey] || tKey;
|
|
@@ -72,8 +59,9 @@ function getAtomicStyle(style, pseudo, options) {
|
|
|
72
59
|
transformProperty
|
|
73
60
|
};
|
|
74
61
|
}
|
|
75
|
-
}
|
|
76
|
-
|
|
62
|
+
}
|
|
63
|
+
if (style) {
|
|
64
|
+
Object.assign(atomicStyles, generateAtomicStyles(style));
|
|
77
65
|
}
|
|
78
66
|
return Object.keys(atomicStyles).map((key) => {
|
|
79
67
|
const val = atomicStyles[key];
|
|
@@ -99,7 +87,7 @@ function getAtomicStyle(style, pseudo, options) {
|
|
|
99
87
|
const result = {
|
|
100
88
|
property: val.transformProperty || val.property,
|
|
101
89
|
pseudo: pseudo == null ? void 0 : pseudo.name,
|
|
102
|
-
value: val.value
|
|
90
|
+
value: val.value,
|
|
103
91
|
identifier,
|
|
104
92
|
className,
|
|
105
93
|
rules
|
|
@@ -118,6 +106,5 @@ const borderDefaults = {
|
|
|
118
106
|
};
|
|
119
107
|
export {
|
|
120
108
|
getStylesAtomic,
|
|
121
|
-
pseudos,
|
|
122
109
|
psuedoCNInverse
|
|
123
110
|
};
|
|
@@ -71,7 +71,8 @@ function updateInsertedCache(identifier, rule) {
|
|
|
71
71
|
if (insertedSelectors[identifier])
|
|
72
72
|
return;
|
|
73
73
|
insertedSelectors[identifier] = rule;
|
|
74
|
-
|
|
74
|
+
const isTransform = identifier.startsWith("_transform");
|
|
75
|
+
if (isTransform) {
|
|
75
76
|
addTransform(identifier, rule);
|
|
76
77
|
}
|
|
77
78
|
}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
var __defProp = Object.defineProperty;
|
|
2
|
+
var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
|
|
3
|
+
const mergeProps = /* @__PURE__ */ __name((a, b) => {
|
|
4
|
+
const out = {};
|
|
5
|
+
for (const key in a) {
|
|
6
|
+
if (!(key in b)) {
|
|
7
|
+
out[key] = a[key];
|
|
8
|
+
}
|
|
9
|
+
}
|
|
10
|
+
for (const key in b) {
|
|
11
|
+
out[key] = b[key];
|
|
12
|
+
}
|
|
13
|
+
return out;
|
|
14
|
+
}, "mergeProps");
|
|
15
|
+
export {
|
|
16
|
+
mergeProps
|
|
17
|
+
};
|
|
@@ -4,7 +4,8 @@ import React, { forwardRef } from "react";
|
|
|
4
4
|
import { Theme } from "../views/Theme";
|
|
5
5
|
import { ThemeInverse } from "../views/ThemeInverse";
|
|
6
6
|
function themeable(component, opts) {
|
|
7
|
-
const withThemeComponent = forwardRef(/* @__PURE__ */ __name(function WithTheme(
|
|
7
|
+
const withThemeComponent = forwardRef(/* @__PURE__ */ __name(function WithTheme(props, ref) {
|
|
8
|
+
const { themeInverse, theme, ...rest } = props;
|
|
8
9
|
const element = React.createElement(component, { ...rest, ref });
|
|
9
10
|
if (themeInverse) {
|
|
10
11
|
return <ThemeInverse>{element}</ThemeInverse>;
|
package/dist/jsx/index.js
CHANGED
|
@@ -23,6 +23,9 @@ export * from "./helpers/getExpandedShorthands";
|
|
|
23
23
|
export * from "./helpers/getSize";
|
|
24
24
|
export * from "./helpers/getSplitStyles";
|
|
25
25
|
export * from "./helpers/getStylesAtomic";
|
|
26
|
+
export * from "./helpers/pseudos";
|
|
27
|
+
export * from "./helpers/mergeProps";
|
|
28
|
+
import { expandStyles } from "./helpers/generateAtomicStyles";
|
|
26
29
|
export * from "./helpers/getTextSize";
|
|
27
30
|
export * from "./helpers/isObj";
|
|
28
31
|
export * from "./helpers/isTamaguiElement";
|
|
@@ -52,6 +55,7 @@ export * from "@tamagui/helpers";
|
|
|
52
55
|
export {
|
|
53
56
|
RNWTextProps,
|
|
54
57
|
RNWViewProps,
|
|
58
|
+
expandStyles,
|
|
55
59
|
getConfig,
|
|
56
60
|
getHasConfigured,
|
|
57
61
|
getThemes,
|
package/dist/jsx/static.js
CHANGED
|
@@ -9,6 +9,8 @@ export * from "./hooks/useMedia";
|
|
|
9
9
|
export * from "./hooks/useTheme";
|
|
10
10
|
export * from "./helpers/isObj";
|
|
11
11
|
export * from "./helpers/getStylesAtomic";
|
|
12
|
+
export * from "./helpers/generateAtomicStyles";
|
|
13
|
+
export * from "./helpers/pseudos";
|
|
12
14
|
export * from "./helpers/proxyThemeVariables";
|
|
13
15
|
export * from "./helpers/getSplitStyles";
|
|
14
16
|
export * from "@tamagui/helpers";
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@tamagui/core",
|
|
3
|
-
"version": "1.0.1-beta.
|
|
3
|
+
"version": "1.0.1-beta.64",
|
|
4
4
|
"source": "src/index.ts",
|
|
5
5
|
"main": "dist/cjs",
|
|
6
6
|
"module": "dist/esm",
|
|
@@ -21,10 +21,10 @@
|
|
|
21
21
|
],
|
|
22
22
|
"dependencies": {
|
|
23
23
|
"@expo/match-media": "^0.3.0",
|
|
24
|
-
"@tamagui/helpers": "^1.0.1-beta.
|
|
24
|
+
"@tamagui/helpers": "^1.0.1-beta.64",
|
|
25
25
|
"@tamagui/ow": "^0.28.1",
|
|
26
|
-
"@tamagui/use-debounce": "^1.0.1-beta.
|
|
27
|
-
"@tamagui/use-force-update": "^1.0.1-beta.
|
|
26
|
+
"@tamagui/use-debounce": "^1.0.1-beta.64",
|
|
27
|
+
"@tamagui/use-force-update": "^1.0.1-beta.64",
|
|
28
28
|
"expo-screen-orientation": "^4.2.0",
|
|
29
29
|
"hyphenate-style-name": "^1.0.4",
|
|
30
30
|
"normalize-css-color": "^1.0.2",
|
|
@@ -35,7 +35,7 @@
|
|
|
35
35
|
"react-native-web": "*"
|
|
36
36
|
},
|
|
37
37
|
"devDependencies": {
|
|
38
|
-
"@tamagui/build": "^1.0.1-beta.
|
|
38
|
+
"@tamagui/build": "^1.0.1-beta.64",
|
|
39
39
|
"@types/react": "^17.0.35",
|
|
40
40
|
"csstype": "^3.0.10",
|
|
41
41
|
"esbuild": "^0.14.36",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"createComponent.d.ts","sourceRoot":"","sources":["../src/createComponent.tsx"],"names":[],"mappings":"AAEA,OAAO,KAWN,MAAM,OAAO,CAAA;
|
|
1
|
+
{"version":3,"file":"createComponent.d.ts","sourceRoot":"","sources":["../src/createComponent.tsx"],"names":[],"mappings":"AAEA,OAAO,KAWN,MAAM,OAAO,CAAA;AAqBd,OAAO,EACL,kBAAkB,EAClB,WAAW,EACX,UAAU,EACV,YAAY,EACZ,kBAAkB,EAClB,iBAAiB,EACjB,gBAAgB,EAGhB,cAAc,EAGf,MAAM,SAAS,CAAA;AAgBhB,eAAO,MAAM,QAAQ,eAAsB,CAAA;AA0B3C,wBAAgB,eAAe,CAC7B,kBAAkB,SAAS,MAAM,GAAG,EAAE,EACtC,GAAG,GAAG,cAAc,EACpB,SAAS,GAAG,KAAK,EACjB,QAAQ,EAAE,OAAO,CAAC,YAAY,CAAC,GAAG,kBAAkB,EAAE,eAAe,CAAC,EAAE,iBAAiB,4DAm4B1F;AAGD,eAAO,MAAM,QAAQ;YAAW;QAAE,QAAQ,CAAC,EAAE,GAAG,CAAA;KAAE;;CAEjD,CAAA;AAMD,aAAK,cAAc,GAAG,UAAU,GAAG,YAAY,CAAA;AAE/C,oBAAY,WAAW,GAAG,IAAI,CAAC,UAAU,EAAE,MAAM,GAAG,WAAW,CAAC,GAAG;IACjE,IAAI,CAAC,EAAE,MAAM,GAAG,WAAW,CAAA;IAC3B,IAAI,CAAC,EAAE,OAAO,GAAG,MAAM,CAAA;IACvB,SAAS,CAAC,EAAE,cAAc,CAAA;CAC3B,CAAA;AACD,eAAO,MAAM,MAAM,0DA2CjB,CAAA;AAEF,oBAAY,mBAAmB,GAAG;IAChC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,GAAG,CAAA;IACd,KAAK,CAAC,EAAE,GAAG,CAAA;IACX,SAAS,CAAC,EAAE,OAAO,GAAG,MAAM,CAAA;IAC5B,SAAS,CAAC,EAAE,kBAAkB,CAAA;IAC9B,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC5B,CAAA;AAED,wBAAgB,cAAc,CAAC,EAC7B,QAAQ,EACR,QAAQ,EACR,KAAK,EACL,SAAS,EACT,SAAS,EACT,SAAS,GACV,EAAE,mBAAmB,OAsErB;AA2BD,wBAAgB,YAAY,CAAC,KAAK,EAAE,GAAG,eAkBtC;AA6BD,wBAAgB,sBAAsB,CAAC,WAAW,EAAE,MAAM,EAAE,SAAS,EAAE,GAAG,EAAE,WAAW,EAAE,GAAG,QA6K3F"}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
|
-
import { PropMapper, StaticConfig } from '../types';
|
|
2
|
-
export declare type ResolveVariableTypes = 'auto' | 'value' | 'variable' | 'both';
|
|
1
|
+
import { PropMapper, SplitStyleState, StaticConfig } from '../types';
|
|
2
|
+
export declare type ResolveVariableTypes = 'auto' | 'value' | 'variable' | 'both' | 'non-color-value';
|
|
3
|
+
export declare const getReturnVariablesAs: (props: any, state: Partial<SplitStyleState>) => "auto" | "value" | "non-color-value";
|
|
3
4
|
export declare const createPropMapper: (staticConfig: Partial<StaticConfig>) => PropMapper;
|
|
4
5
|
//# sourceMappingURL=createPropMapper.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"createPropMapper.d.ts","sourceRoot":"","sources":["../../src/helpers/createPropMapper.ts"],"names":[],"mappings":"AAGA,OAAO,
|
|
1
|
+
{"version":3,"file":"createPropMapper.d.ts","sourceRoot":"","sources":["../../src/helpers/createPropMapper.ts"],"names":[],"mappings":"AAGA,OAAO,EAGL,UAAU,EACV,eAAe,EACf,YAAY,EAGb,MAAM,UAAU,CAAA;AAKjB,oBAAY,oBAAoB,GAAG,MAAM,GAAG,OAAO,GAAG,UAAU,GAAG,MAAM,GAAG,iBAAiB,CAAA;AAE7F,eAAO,MAAM,oBAAoB,UAAW,GAAG,SAAS,QAAQ,eAAe,CAAC,yCAM/E,CAAA;AAED,eAAO,MAAM,gBAAgB,iBAAkB,QAAQ,YAAY,CAAC,eAkEnE,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"extendStaticConfig.d.ts","sourceRoot":"","sources":["../../src/helpers/extendStaticConfig.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,YAAY,EAAE,kBAAkB,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAA;
|
|
1
|
+
{"version":3,"file":"extendStaticConfig.d.ts","sourceRoot":"","sources":["../../src/helpers/extendStaticConfig.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,YAAY,EAAE,kBAAkB,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAA;AAI9E,wBAAgB,kBAAkB,CAAC,MAAM,EAAE,OAAO,CAAC,YAAY,CAAC,EAAE,MAAM,CAAC,EAAE,iBAAiB,sBAiD3F;AAED,eAAO,MAAM,iBAAiB,WAAY,QAAQ,YAAY,CAAC,KAAG,kBAMjE,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"generateAtomicStyles.d.ts","sourceRoot":"","sources":["../../src/helpers/generateAtomicStyles.ts"],"names":[],"mappings":"AAQA,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;
|
|
1
|
+
{"version":3,"file":"generateAtomicStyles.d.ts","sourceRoot":"","sources":["../../src/helpers/generateAtomicStyles.ts"],"names":[],"mappings":"AAQA,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AAKnD,aAAK,KAAK,GAAG,MAAM,GAAG,KAAK,CAAC,GAAG,CAAC,GAAG,MAAM,GAAG,MAAM,CAAA;AAClD,oBAAY,KAAK,GAAG;IAAE,CAAC,GAAG,EAAE,MAAM,GAAG,KAAK,CAAA;CAAE,CAAA;AAE5C,aAAK,IAAI,GAAG,MAAM,CAAA;AAClB,aAAK,KAAK,GAAG,KAAK,CAAC,IAAI,CAAC,CAAA;AAExB,oBAAY,SAAS,GAAG;IACtB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,UAAU,EAAE,MAAM,CAAA;IAClB,KAAK,EAAE,KAAK,CAAA;CACb,CAAA;AAED,aAAK,cAAc,GAAG;IAAE,CAAC,GAAG,EAAE,MAAM,GAAG,SAAS,CAAA;CAAE,CAAA;AAYlD,wBAAgB,YAAY,CAAC,KAAK,EAAE,GAAG,MAatC;AAYD,eAAO,MAAM,oBAAoB,UAAW,SAAS,GAAG,SAAS,KAAG,cA2BnE,CAAA;AAED,wBAAgB,WAAW,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,OA8ElD"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { ViewStyle } from 'react-native';
|
|
2
|
-
import { MediaKeys, PseudoStyles, SplitStyleState, StackProps, StaticConfigParsed, ThemeObject } from '../types';
|
|
2
|
+
import { DebugProp, MediaKeys, PseudoStyles, SplitStyleState, StackProps, StaticConfigParsed, ThemeObject } from '../types';
|
|
3
3
|
export declare type SplitStyles = ReturnType<typeof getSplitStyles>;
|
|
4
4
|
export declare type ClassNamesObject = Record<string, string>;
|
|
5
5
|
export declare type SplitStyleResult = ReturnType<typeof getSplitStyles>;
|
|
@@ -7,7 +7,7 @@ declare type StyleSplitter = (props: {
|
|
|
7
7
|
[key: string]: any;
|
|
8
8
|
}, staticConfig: StaticConfigParsed, theme: ThemeObject, state: SplitStyleState & {
|
|
9
9
|
keepVariantsAsProps?: boolean;
|
|
10
|
-
}, defaultClassNames?: any) => {
|
|
10
|
+
}, defaultClassNames?: any, debug?: DebugProp) => {
|
|
11
11
|
pseudos: PseudoStyles;
|
|
12
12
|
medias: Record<MediaKeys, ViewStyle>;
|
|
13
13
|
style: ViewStyle;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"getSplitStyles.d.ts","sourceRoot":"","sources":["../../src/helpers/getSplitStyles.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AAKxC,OAAO,EACL,SAAS,EAET,YAAY,EAEZ,eAAe,EACf,UAAU,EACV,kBAAkB,EAElB,WAAW,EACZ,MAAM,UAAU,CAAA;AAYjB,oBAAY,WAAW,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAA;AAC3D,oBAAY,gBAAgB,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;AACrD,oBAAY,gBAAgB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAA;AA2BhE,aAAK,aAAa,GAAG,CACnB,KAAK,EAAE;IAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;CAAE,EAC7B,YAAY,EAAE,kBAAkB,EAChC,KAAK,EAAE,WAAW,EAClB,KAAK,EAAE,eAAe,GAAG;IACvB,mBAAmB,CAAC,EAAE,OAAO,CAAA;CAC9B,EACD,iBAAiB,CAAC,EAAE,GAAG,
|
|
1
|
+
{"version":3,"file":"getSplitStyles.d.ts","sourceRoot":"","sources":["../../src/helpers/getSplitStyles.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AAKxC,OAAO,EACL,SAAS,EACT,SAAS,EAET,YAAY,EAEZ,eAAe,EACf,UAAU,EACV,kBAAkB,EAElB,WAAW,EACZ,MAAM,UAAU,CAAA;AAYjB,oBAAY,WAAW,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAA;AAC3D,oBAAY,gBAAgB,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;AACrD,oBAAY,gBAAgB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAA;AA2BhE,aAAK,aAAa,GAAG,CACnB,KAAK,EAAE;IAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;CAAE,EAC7B,YAAY,EAAE,kBAAkB,EAChC,KAAK,EAAE,WAAW,EAClB,KAAK,EAAE,eAAe,GAAG;IACvB,mBAAmB,CAAC,EAAE,OAAO,CAAA;CAC9B,EACD,iBAAiB,CAAC,EAAE,GAAG,EACvB,KAAK,CAAC,EAAE,SAAS,KACd;IACH,OAAO,EAAE,YAAY,CAAA;IACrB,MAAM,EAAE,MAAM,CAAC,SAAS,EAAE,SAAS,CAAC,CAAA;IACpC,KAAK,EAAE,SAAS,CAAA;IAChB,UAAU,EAAE,gBAAgB,CAAA;IAC5B,aAAa,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,EAAE,CAAA;IACjC,SAAS,EAAE,UAAU,CAAA;CACtB,CAAA;AASD,eAAO,MAAM,cAAc,EAAE,aAkX5B,CAAA;AAED,eAAO,MAAM,iBAAiB,EAAE,aAM/B,CAAA;AAID,eAAO,MAAM,cAAc,EAAE,aAQ5B,CAAA;AAED,eAAO,MAAM,WAAW,YACb,MAAM,gBACD,kBAAkB,SACzB,WAAW,SACX,GAAG,SACH,eAAe,sBACF,OAAO,KAC1B,SAeF,CAAA;AAED,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,GAAG,QAI9C"}
|
|
@@ -8,20 +8,6 @@ export declare type ViewStyleWithPseudos = ViewStyle & {
|
|
|
8
8
|
declare type AtomicStyleOptions = {
|
|
9
9
|
splitTransforms?: boolean;
|
|
10
10
|
};
|
|
11
|
-
export declare const pseudos: {
|
|
12
|
-
readonly hoverStyle: {
|
|
13
|
-
readonly name: "hover";
|
|
14
|
-
readonly priority: 1;
|
|
15
|
-
};
|
|
16
|
-
readonly pressStyle: {
|
|
17
|
-
readonly name: "active";
|
|
18
|
-
readonly priority: 2;
|
|
19
|
-
};
|
|
20
|
-
readonly focusStyle: {
|
|
21
|
-
readonly name: "focus";
|
|
22
|
-
readonly priority: 3;
|
|
23
|
-
};
|
|
24
|
-
};
|
|
25
11
|
export declare const psuedoCNInverse: {
|
|
26
12
|
hover: string;
|
|
27
13
|
focus: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"getStylesAtomic.d.ts","sourceRoot":"","sources":["../../src/helpers/getStylesAtomic.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAuB,MAAM,kBAAkB,CAAA;AACnE,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;
|
|
1
|
+
{"version":3,"file":"getStylesAtomic.d.ts","sourceRoot":"","sources":["../../src/helpers/getStylesAtomic.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAuB,MAAM,kBAAkB,CAAA;AACnE,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AAQxC,oBAAY,oBAAoB,GAAG,SAAS,GAAG;IAC7C,UAAU,CAAC,EAAE,SAAS,CAAA;IACtB,UAAU,CAAC,EAAE,SAAS,CAAA;IACtB,UAAU,CAAC,EAAE,SAAS,CAAA;CACvB,CAAA;AAED,aAAK,kBAAkB,GAAG;IACxB,eAAe,CAAC,EAAE,OAAO,CAAA;CAC1B,CAAA;AAQD,eAAO,MAAM,eAAe;;;;CAI3B,CAAA;AAED,wBAAgB,eAAe,CAAC,QAAQ,EAAE,oBAAoB,EAAE,OAAO,GAAE,kBAAuB,iBAwB/F"}
|
|
@@ -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;AAgCxD,wBAAgB,cAAc,SA8B7B;AAMD,wBAAgB,mBAAmB,CAAC,UAAU,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,
|
|
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;AAgCxD,wBAAgB,cAAc,SA8B7B;AAMD,wBAAgB,mBAAmB,CAAC,UAAU,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,QAOnE;AAED,wBAAgB,eAAe,CAAC,UAAU,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,QAM/D"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"mergeProps.d.ts","sourceRoot":"","sources":["../../src/helpers/mergeProps.ts"],"names":[],"mappings":"AAUA,eAAO,MAAM,UAAU,MAAO,MAAM,KAAK,MAAM,OAc9C,CAAA"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
export declare const pseudos: {
|
|
2
|
+
readonly hoverStyle: {
|
|
3
|
+
readonly name: "hover";
|
|
4
|
+
readonly priority: 1;
|
|
5
|
+
};
|
|
6
|
+
readonly pressStyle: {
|
|
7
|
+
readonly name: "active";
|
|
8
|
+
readonly priority: 2;
|
|
9
|
+
};
|
|
10
|
+
readonly focusStyle: {
|
|
11
|
+
readonly name: "focus";
|
|
12
|
+
readonly priority: 3;
|
|
13
|
+
};
|
|
14
|
+
};
|
|
15
|
+
//# sourceMappingURL=pseudos.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"pseudos.d.ts","sourceRoot":"","sources":["../../src/helpers/pseudos.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,OAAO;;;;;;;;;;;;;CAaV,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"themeable.d.ts","sourceRoot":"","sources":["../../src/helpers/themeable.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,UAAU,CAAA;AAIpC,oBAAY,cAAc,GAAG;IAC3B,KAAK,CAAC,EAAE,SAAS,GAAG,MAAM,GAAG,IAAI,CAAA;IACjC,YAAY,CAAC,EAAE,OAAO,CAAA;CACvB,CAAA;AAED,wBAAgB,SAAS,CAAC,SAAS,SAAS,CAAC,KAAK,EAAE,GAAG,KAAK,GAAG,EAC7D,SAAS,EAAE,SAAS,EACpB,IAAI,CAAC,EAAE;IAAE,aAAa,CAAC,EAAE,MAAM,CAAA;CAAE;;;
|
|
1
|
+
{"version":3,"file":"themeable.d.ts","sourceRoot":"","sources":["../../src/helpers/themeable.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,UAAU,CAAA;AAIpC,oBAAY,cAAc,GAAG;IAC3B,KAAK,CAAC,EAAE,SAAS,GAAG,MAAM,GAAG,IAAI,CAAA;IACjC,YAAY,CAAC,EAAE,OAAO,CAAA;CACvB,CAAA;AAED,wBAAgB,SAAS,CAAC,SAAS,SAAS,CAAC,KAAK,EAAE,GAAG,KAAK,GAAG,EAC7D,SAAS,EAAE,SAAS,EACpB,IAAI,CAAC,EAAE;IAAE,aAAa,CAAC,EAAE,MAAM,CAAA;CAAE;;;kBA+BlC"}
|
package/types/index.d.ts
CHANGED
|
@@ -23,6 +23,9 @@ export * from './helpers/getExpandedShorthands';
|
|
|
23
23
|
export * from './helpers/getSize';
|
|
24
24
|
export * from './helpers/getSplitStyles';
|
|
25
25
|
export * from './helpers/getStylesAtomic';
|
|
26
|
+
export * from './helpers/pseudos';
|
|
27
|
+
export * from './helpers/mergeProps';
|
|
28
|
+
export { expandStyles } from './helpers/generateAtomicStyles';
|
|
26
29
|
export * from './helpers/getTextSize';
|
|
27
30
|
export * from './helpers/isObj';
|
|
28
31
|
export * from './helpers/isTamaguiElement';
|
package/types/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAA;AACzB,cAAc,mBAAmB,CAAA;AACjC,cAAc,oBAAoB,CAAA;AAClC,cAAc,eAAe,CAAA;AAC7B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,cAAc,CAAA;AAC5B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,kBAAkB,CAAA;AAChC,cAAc,mBAAmB,CAAA;AACjC,cAAc,cAAc,CAAA;AAC5B,cAAc,UAAU,CAAA;AACxB,cAAc,SAAS,CAAA;AAEvB,OAAO,EAAE,YAAY,EAAE,YAAY,EAAE,MAAM,aAAa,CAAA;AACxD,OAAO,EAAE,gBAAgB,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,gBAAgB,EAAE,MAAM,QAAQ,CAAA;AAE5F,cAAc,uBAAuB,CAAA;AACrC,cAAc,sBAAsB,CAAA;AACpC,cAAc,iBAAiB,CAAA;AAE/B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,+BAA+B,CAAA;AAC7C,cAAc,wBAAwB,CAAA;AACtC,cAAc,4BAA4B,CAAA;AAC1C,cAAc,iCAAiC,CAAA;AAC/C,cAAc,mBAAmB,CAAA;AACjC,cAAc,0BAA0B,CAAA;AACxC,cAAc,2BAA2B,CAAA;AACzC,cAAc,uBAAuB,CAAA;AACrC,cAAc,iBAAiB,CAAA;AAC/B,cAAc,4BAA4B,CAAA;AAC1C,cAAc,8BAA8B,CAAA;AAC5C,cAAc,sBAAsB,CAAA;AACpC,cAAc,qBAAqB,CAAA;AACnC,cAAc,gCAAgC,CAAA;AAE9C,cAAc,sCAAsC,CAAA;AAEpD,cAAc,qBAAqB,CAAA;AACnC,cAAc,eAAe,CAAA;AAC7B,cAAc,sBAAsB,CAAA;AACpC,cAAc,0BAA0B,CAAA;AACxC,cAAc,kBAAkB,CAAA;AAChC,cAAc,sBAAsB,CAAA;AACpC,cAAc,kBAAkB,CAAA;AAChC,cAAc,0BAA0B,CAAA;AAExC,cAAc,cAAc,CAAA;AAC5B,cAAc,eAAe,CAAA;AAC7B,cAAc,cAAc,CAAA;AAC5B,cAAc,6BAA6B,CAAA;AAC3C,cAAc,eAAe,CAAA;AAC7B,cAAc,sBAAsB,CAAA;AACpC,cAAc,uBAAuB,CAAA;AACrC,cAAc,oBAAoB,CAAA;AAElC,cAAc,2BAA2B,CAAA;AACzC,cAAc,kBAAkB,CAAA"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAA;AACzB,cAAc,mBAAmB,CAAA;AACjC,cAAc,oBAAoB,CAAA;AAClC,cAAc,eAAe,CAAA;AAC7B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,cAAc,CAAA;AAC5B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,kBAAkB,CAAA;AAChC,cAAc,mBAAmB,CAAA;AACjC,cAAc,cAAc,CAAA;AAC5B,cAAc,UAAU,CAAA;AACxB,cAAc,SAAS,CAAA;AAEvB,OAAO,EAAE,YAAY,EAAE,YAAY,EAAE,MAAM,aAAa,CAAA;AACxD,OAAO,EAAE,gBAAgB,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,gBAAgB,EAAE,MAAM,QAAQ,CAAA;AAE5F,cAAc,uBAAuB,CAAA;AACrC,cAAc,sBAAsB,CAAA;AACpC,cAAc,iBAAiB,CAAA;AAE/B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,+BAA+B,CAAA;AAC7C,cAAc,wBAAwB,CAAA;AACtC,cAAc,4BAA4B,CAAA;AAC1C,cAAc,iCAAiC,CAAA;AAC/C,cAAc,mBAAmB,CAAA;AACjC,cAAc,0BAA0B,CAAA;AACxC,cAAc,2BAA2B,CAAA;AACzC,cAAc,mBAAmB,CAAA;AACjC,cAAc,sBAAsB,CAAA;AACpC,OAAO,EAAE,YAAY,EAAE,MAAM,gCAAgC,CAAA;AAC7D,cAAc,uBAAuB,CAAA;AACrC,cAAc,iBAAiB,CAAA;AAC/B,cAAc,4BAA4B,CAAA;AAC1C,cAAc,8BAA8B,CAAA;AAC5C,cAAc,sBAAsB,CAAA;AACpC,cAAc,qBAAqB,CAAA;AACnC,cAAc,gCAAgC,CAAA;AAE9C,cAAc,sCAAsC,CAAA;AAEpD,cAAc,qBAAqB,CAAA;AACnC,cAAc,eAAe,CAAA;AAC7B,cAAc,sBAAsB,CAAA;AACpC,cAAc,0BAA0B,CAAA;AACxC,cAAc,kBAAkB,CAAA;AAChC,cAAc,sBAAsB,CAAA;AACpC,cAAc,kBAAkB,CAAA;AAChC,cAAc,0BAA0B,CAAA;AAExC,cAAc,cAAc,CAAA;AAC5B,cAAc,eAAe,CAAA;AAC7B,cAAc,cAAc,CAAA;AAC5B,cAAc,6BAA6B,CAAA;AAC3C,cAAc,eAAe,CAAA;AAC7B,cAAc,sBAAsB,CAAA;AACpC,cAAc,uBAAuB,CAAA;AACrC,cAAc,oBAAoB,CAAA;AAElC,cAAc,2BAA2B,CAAA;AACzC,cAAc,kBAAkB,CAAA"}
|
package/types/static.d.ts
CHANGED
|
@@ -9,6 +9,8 @@ export * from './hooks/useMedia';
|
|
|
9
9
|
export * from './hooks/useTheme';
|
|
10
10
|
export * from './helpers/isObj';
|
|
11
11
|
export * from './helpers/getStylesAtomic';
|
|
12
|
+
export * from './helpers/generateAtomicStyles';
|
|
13
|
+
export * from './helpers/pseudos';
|
|
12
14
|
export * from './helpers/proxyThemeVariables';
|
|
13
15
|
export * from './helpers/getSplitStyles';
|
|
14
16
|
export * from '@tamagui/helpers';
|
package/types/static.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"static.d.ts","sourceRoot":"","sources":["../src/static.ts"],"names":[],"mappings":"AAEA,cAAc,UAAU,CAAA;AACxB,cAAc,mBAAmB,CAAA;AACjC,cAAc,cAAc,CAAA;AAC5B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,kBAAkB,CAAA;AAChC,cAAc,uBAAuB,CAAA;AAErC,cAAc,kBAAkB,CAAA;AAChC,cAAc,kBAAkB,CAAA;AAEhC,cAAc,iBAAiB,CAAA;AAC/B,cAAc,2BAA2B,CAAA;AACzC,cAAc,+BAA+B,CAAA;AAC7C,cAAc,0BAA0B,CAAA;AACxC,cAAc,kBAAkB,CAAA;AAEhC,cAAc,iBAAiB,CAAA;AAE/B,cAAc,SAAS,CAAA"}
|
|
1
|
+
{"version":3,"file":"static.d.ts","sourceRoot":"","sources":["../src/static.ts"],"names":[],"mappings":"AAEA,cAAc,UAAU,CAAA;AACxB,cAAc,mBAAmB,CAAA;AACjC,cAAc,cAAc,CAAA;AAC5B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,kBAAkB,CAAA;AAChC,cAAc,uBAAuB,CAAA;AAErC,cAAc,kBAAkB,CAAA;AAChC,cAAc,kBAAkB,CAAA;AAEhC,cAAc,iBAAiB,CAAA;AAC/B,cAAc,2BAA2B,CAAA;AACzC,cAAc,gCAAgC,CAAA;AAC9C,cAAc,mBAAmB,CAAA;AACjC,cAAc,+BAA+B,CAAA;AAC7C,cAAc,0BAA0B,CAAA;AACxC,cAAc,kBAAkB,CAAA;AAEhC,cAAc,iBAAiB,CAAA;AAE/B,cAAc,SAAS,CAAA"}
|
package/types/types.d.ts
CHANGED
|
@@ -7,6 +7,7 @@ import { RNWTextProps, RNWViewProps } from './types-rnw';
|
|
|
7
7
|
import { ThemeProviderProps } from './views/ThemeProvider';
|
|
8
8
|
export declare type SpaceFlexDirection = ViewStyle['flexDirection'] | 'both';
|
|
9
9
|
export declare type TamaguiElement = HTMLElement | View;
|
|
10
|
+
export declare type DebugProp = boolean | 'break' | 'verbose';
|
|
10
11
|
export declare type TamaguiComponentPropsBase = {
|
|
11
12
|
asChild?: boolean;
|
|
12
13
|
space?: SpaceTokens;
|
|
@@ -18,7 +19,7 @@ export declare type TamaguiComponentPropsBase = {
|
|
|
18
19
|
animation?: AnimationProp;
|
|
19
20
|
animateOnly?: string[];
|
|
20
21
|
children?: any | any[];
|
|
21
|
-
debug?:
|
|
22
|
+
debug?: DebugProp;
|
|
22
23
|
disabled?: boolean;
|
|
23
24
|
className?: string;
|
|
24
25
|
id?: string;
|
|
@@ -289,7 +290,7 @@ export declare type TamaguiProviderProps = Partial<Omit<ThemeProviderProps, 'chi
|
|
|
289
290
|
disableInjectCSS?: boolean;
|
|
290
291
|
children?: React.ReactNode;
|
|
291
292
|
};
|
|
292
|
-
export declare type PropMapper = (key: string, value: any, theme: ThemeObject, props: Record<string, any>, state: Partial<SplitStyleState>, avoidDefaultProps?: boolean) => undefined | [string, any][];
|
|
293
|
+
export declare type PropMapper = (key: string, value: any, theme: ThemeObject, props: Record<string, any>, state: Partial<SplitStyleState>, avoidDefaultProps?: boolean, debug?: DebugProp) => undefined | [string, any][];
|
|
293
294
|
export declare type StaticConfigParsed = StaticConfig & {
|
|
294
295
|
parsed: true;
|
|
295
296
|
propMapper: PropMapper;
|