@tamagui/web 1.86.1 → 1.86.2
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/helpers/getSplitStyles.js +3 -3
- package/dist/cjs/helpers/getSplitStyles.js.map +1 -1
- package/dist/cjs/helpers/getSplitStyles.native.js +2 -2
- package/dist/cjs/helpers/getSplitStyles.native.js.map +1 -1
- package/dist/cjs/helpers/getStylesAtomic.js +4 -4
- package/dist/cjs/helpers/getStylesAtomic.js.map +1 -1
- package/dist/cjs/helpers/normalizeColor.js +11 -5
- package/dist/cjs/helpers/normalizeColor.js.map +2 -2
- package/dist/cjs/helpers/normalizeColor.native.js +11 -5
- package/dist/cjs/helpers/normalizeColor.native.js.map +2 -2
- package/dist/cjs/helpers/normalizeShadow.js +7 -5
- package/dist/cjs/helpers/normalizeShadow.js.map +1 -1
- package/dist/cjs/helpers/normalizeShadow.native.js +12 -14
- package/dist/cjs/helpers/normalizeShadow.native.js.map +2 -2
- package/dist/cjs/helpers/{expandStylesAndRemoveNullishValues.js → normalizeStyle.js} +11 -10
- package/dist/cjs/helpers/normalizeStyle.js.map +6 -0
- package/dist/cjs/helpers/{expandStylesAndRemoveNullishValues.native.js → normalizeStyle.native.js} +11 -10
- package/dist/cjs/helpers/normalizeStyle.native.js.map +6 -0
- package/dist/cjs/helpers/normalizeValueWithProperty.js +2 -2
- package/dist/cjs/helpers/normalizeValueWithProperty.js.map +1 -1
- package/dist/cjs/helpers/normalizeValueWithProperty.native.js +2 -2
- package/dist/cjs/helpers/normalizeValueWithProperty.native.js.map +1 -1
- package/dist/cjs/helpers/propMapper.js +2 -5
- package/dist/cjs/helpers/propMapper.js.map +1 -1
- package/dist/cjs/helpers/propMapper.native.js +2 -5
- package/dist/cjs/helpers/propMapper.native.js.map +1 -1
- package/dist/cjs/hooks/useProps.js.map +1 -1
- package/dist/cjs/hooks/useProps.native.js.map +1 -1
- package/dist/cjs/index.js +2 -2
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/index.native.js +2 -2
- package/dist/cjs/index.native.js.map +1 -1
- package/dist/esm/helpers/getSplitStyles.js +3 -3
- package/dist/esm/helpers/getSplitStyles.js.map +1 -1
- package/dist/esm/helpers/getSplitStyles.native.js +2 -2
- package/dist/esm/helpers/getSplitStyles.native.js.map +1 -1
- package/dist/esm/helpers/getStylesAtomic.js +4 -3
- package/dist/esm/helpers/getStylesAtomic.js.map +1 -1
- package/dist/esm/helpers/normalizeColor.js +10 -5
- package/dist/esm/helpers/normalizeColor.js.map +1 -1
- package/dist/esm/helpers/normalizeColor.native.js +10 -5
- package/dist/esm/helpers/normalizeColor.native.js.map +1 -1
- package/dist/esm/helpers/normalizeShadow.js +6 -6
- package/dist/esm/helpers/normalizeShadow.js.map +1 -1
- package/dist/esm/helpers/normalizeShadow.native.js +8 -13
- package/dist/esm/helpers/normalizeShadow.native.js.map +2 -2
- package/dist/esm/helpers/{expandStylesAndRemoveNullishValues.native.js → normalizeStyle.js} +7 -5
- package/dist/esm/helpers/normalizeStyle.js.map +6 -0
- package/dist/esm/helpers/{expandStylesAndRemoveNullishValues.js → normalizeStyle.native.js} +7 -5
- package/dist/esm/helpers/normalizeStyle.native.js.map +6 -0
- package/dist/esm/helpers/normalizeValueWithProperty.js +2 -2
- package/dist/esm/helpers/normalizeValueWithProperty.js.map +1 -1
- package/dist/esm/helpers/normalizeValueWithProperty.native.js +2 -2
- package/dist/esm/helpers/normalizeValueWithProperty.native.js.map +1 -1
- package/dist/esm/helpers/propMapper.js +2 -5
- package/dist/esm/helpers/propMapper.js.map +1 -1
- package/dist/esm/helpers/propMapper.native.js +2 -5
- package/dist/esm/helpers/propMapper.native.js.map +1 -1
- package/dist/esm/hooks/useProps.js.map +1 -1
- package/dist/esm/hooks/useProps.native.js.map +1 -1
- package/dist/esm/index.js +1 -1
- package/dist/esm/index.native.js +1 -1
- package/package.json +10 -10
- package/src/helpers/getSplitStyles.tsx +9 -3
- package/src/helpers/getStylesAtomic.ts +5 -3
- package/src/helpers/normalizeColor.ts +11 -14
- package/src/helpers/normalizeShadow.ts +6 -6
- package/src/helpers/{expandStylesAndRemoveNullishValues.ts → normalizeStyle.ts} +11 -9
- package/src/helpers/normalizeValueWithProperty.ts +7 -7
- package/src/helpers/propMapper.ts +2 -5
- package/src/hooks/useProps.tsx +12 -4
- package/src/index.ts +1 -1
- package/src/types.tsx +1 -0
- package/types/helpers/getSplitStyles.d.ts.map +1 -1
- package/types/helpers/getStylesAtomic.d.ts.map +1 -1
- package/types/helpers/normalizeColor.d.ts +6 -0
- package/types/helpers/normalizeColor.d.ts.map +1 -1
- package/types/helpers/normalizeShadow.d.ts +1 -0
- package/types/helpers/normalizeShadow.d.ts.map +1 -1
- package/types/helpers/normalizeStyle.d.ts +9 -0
- package/types/helpers/normalizeStyle.d.ts.map +1 -0
- package/types/helpers/normalizeValueWithProperty.d.ts.map +1 -1
- package/types/helpers/propMapper.d.ts.map +1 -1
- package/types/hooks/useProps.d.ts +5 -4
- package/types/hooks/useProps.d.ts.map +1 -1
- package/types/index.d.ts +1 -1
- package/types/index.d.ts.map +1 -1
- package/types/types.d.ts +1 -1
- package/types/types.d.ts.map +1 -1
- package/dist/cjs/helpers/expandStylesAndRemoveNullishValues.js.map +0 -6
- package/dist/cjs/helpers/expandStylesAndRemoveNullishValues.native.js.map +0 -6
- package/dist/cjs/hooks/getThemeProxied.js +0 -70
- package/dist/cjs/hooks/getThemeProxied.js.map +0 -6
- package/dist/cjs/hooks/getThemeProxied.native.js +0 -100
- package/dist/cjs/hooks/getThemeProxied.native.js.map +0 -6
- package/dist/esm/helpers/expandStylesAndRemoveNullishValues.js.map +0 -6
- package/dist/esm/helpers/expandStylesAndRemoveNullishValues.native.js.map +0 -6
- package/dist/esm/hooks/getThemeProxied.js +0 -52
- package/dist/esm/hooks/getThemeProxied.js.map +0 -6
- package/dist/esm/hooks/getThemeProxied.native.js +0 -81
- package/dist/esm/hooks/getThemeProxied.native.js.map +0 -6
- package/src/helpers/normalizeShadow.native.ts +0 -29
|
@@ -1,28 +1,23 @@
|
|
|
1
|
-
import { normalizeCSSColor } from "@tamagui/normalize-css-color";
|
|
2
1
|
import { defaultOffset } from "./defaultOffset";
|
|
3
|
-
import {
|
|
4
|
-
import { normalizeValueWithProperty } from "./normalizeValueWithProperty";
|
|
2
|
+
import { getRgba, normalizeColor } from "./normalizeColor";
|
|
5
3
|
function normalizeShadow({
|
|
6
4
|
shadowColor,
|
|
7
5
|
shadowOffset,
|
|
8
6
|
shadowOpacity,
|
|
9
7
|
shadowRadius
|
|
10
8
|
}) {
|
|
11
|
-
const { height, width } = shadowOffset || defaultOffset
|
|
12
|
-
if (typeof val != "number")
|
|
13
|
-
throw new Error(`invalid shadow color ${colorStr}`);
|
|
14
|
-
const { r, g, b, a } = rgba(val);
|
|
9
|
+
const { height, width } = shadowOffset || defaultOffset;
|
|
15
10
|
return {
|
|
16
11
|
shadowOffset: {
|
|
17
|
-
width:
|
|
18
|
-
height:
|
|
12
|
+
width: width || 0,
|
|
13
|
+
height: height || 0
|
|
19
14
|
},
|
|
20
|
-
shadowRadius:
|
|
21
|
-
shadowColor:
|
|
22
|
-
shadowOpacity: shadowOpacity ?? a
|
|
15
|
+
shadowRadius: shadowRadius || 0,
|
|
16
|
+
shadowColor: normalizeColor(shadowColor, 1),
|
|
17
|
+
shadowOpacity: shadowOpacity ?? (shadowColor ? getRgba(shadowColor)?.a : 1)
|
|
23
18
|
};
|
|
24
19
|
}
|
|
25
20
|
export {
|
|
26
21
|
normalizeShadow
|
|
27
22
|
};
|
|
28
|
-
//# sourceMappingURL=normalizeShadow.
|
|
23
|
+
//# sourceMappingURL=normalizeShadow.js.map
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
|
-
"sources": ["../../../src/helpers/normalizeShadow.
|
|
4
|
-
"mappings": "AAAA,SAAS,
|
|
3
|
+
"sources": ["../../../src/helpers/normalizeShadow.ts"],
|
|
4
|
+
"mappings": "AAAA,SAAS,qBAAqB;AAC9B,SAAS,SAAS,sBAAsB;AAEjC,SAAS,gBAAgB;AAAA,EAC9B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAwB;AACtB,QAAM,EAAE,QAAQ,MAAM,IAAI,gBAAgB;AAC1C,SAAO;AAAA,IACL,cAAc;AAAA,MACZ,OAAO,SAAS;AAAA,MAChB,QAAQ,UAAU;AAAA,IACpB;AAAA,IACA,cAAc,gBAAgB;AAAA,IAC9B,aAAa,eAAe,aAAa,CAAC;AAAA,IAC1C,eAAe,kBAAkB,cAAc,QAAQ,WAAW,GAAG,IAAI;AAAA,EAC3E;AACF;",
|
|
5
5
|
"names": []
|
|
6
6
|
}
|
|
@@ -1,15 +1,17 @@
|
|
|
1
1
|
import { expandStyle } from "./expandStyle";
|
|
2
2
|
import { fixStyles } from "./expandStyles";
|
|
3
|
+
import { isObj } from "./isObj";
|
|
3
4
|
import { normalizeValueWithProperty } from "./normalizeValueWithProperty";
|
|
4
5
|
import { pseudoDescriptors } from "./pseudoDescriptors";
|
|
5
|
-
function
|
|
6
|
+
function normalizeStyle(style, disableNormalize = !1) {
|
|
6
7
|
const res = {};
|
|
7
8
|
for (let key in style) {
|
|
8
9
|
const prop = style[key];
|
|
9
10
|
if (prop == null)
|
|
10
11
|
continue;
|
|
11
|
-
if (key in pseudoDescriptors
|
|
12
|
-
|
|
12
|
+
if (key in pseudoDescriptors || // this should capture all parent-based styles like media, group, etc
|
|
13
|
+
key[0] === "$" && isObj(prop)) {
|
|
14
|
+
res[key] = normalizeStyle(prop, disableNormalize);
|
|
13
15
|
continue;
|
|
14
16
|
}
|
|
15
17
|
const value = disableNormalize ? prop : normalizeValueWithProperty(prop, key), out = expandStyle(key, value);
|
|
@@ -18,6 +20,6 @@ function expandStylesAndRemoveNullishValues(style, disableNormalize = !1) {
|
|
|
18
20
|
return fixStyles(res), res;
|
|
19
21
|
}
|
|
20
22
|
export {
|
|
21
|
-
|
|
23
|
+
normalizeStyle
|
|
22
24
|
};
|
|
23
|
-
//# sourceMappingURL=
|
|
25
|
+
//# sourceMappingURL=normalizeStyle.js.map
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../../src/helpers/normalizeStyle.ts"],
|
|
4
|
+
"mappings": "AAAA,SAAS,mBAAmB;AAC5B,SAAS,iBAAiB;AAC1B,SAAS,aAAa;AACtB,SAAS,kCAAkC;AAC3C,SAAS,yBAAyB;AAU3B,SAAS,eAAe,OAA4B,mBAAmB,IAAO;AACnF,QAAM,MAA2B,CAAC;AAElC,WAAS,OAAO,OAAO;AACrB,UAAM,OAAO,MAAM,GAAG;AACtB,QAAI,QAAQ;AAAM;AAClB,QACE,OAAO;AAAA,IAEN,IAAI,CAAC,MAAM,OAAO,MAAM,IAAI,GAC7B;AACA,UAAI,GAAG,IAAI,eAAe,MAAM,gBAAgB;AAChD;AAAA,IACF;AACA,UAAM,QAAQ,mBAAmB,OAAO,2BAA2B,MAAM,GAAG,GAEtE,MAAM,YAAY,KAAK,KAAK;AAClC,IAAI,MACF,OAAO,OAAO,KAAK,OAAO,YAAY,GAAG,CAAC,IAE1C,IAAI,GAAG,IAAI;AAAA,EAEf;AAEA,mBAAU,GAAG,GAEN;AACT;",
|
|
5
|
+
"names": []
|
|
6
|
+
}
|
|
@@ -1,15 +1,17 @@
|
|
|
1
1
|
import { expandStyle } from "./expandStyle";
|
|
2
2
|
import { fixStyles } from "./expandStyles";
|
|
3
|
+
import { isObj } from "./isObj";
|
|
3
4
|
import { normalizeValueWithProperty } from "./normalizeValueWithProperty";
|
|
4
5
|
import { pseudoDescriptors } from "./pseudoDescriptors";
|
|
5
|
-
function
|
|
6
|
+
function normalizeStyle(style, disableNormalize = !1) {
|
|
6
7
|
const res = {};
|
|
7
8
|
for (let key in style) {
|
|
8
9
|
const prop = style[key];
|
|
9
10
|
if (prop == null)
|
|
10
11
|
continue;
|
|
11
|
-
if (key in pseudoDescriptors
|
|
12
|
-
|
|
12
|
+
if (key in pseudoDescriptors || // this should capture all parent-based styles like media, group, etc
|
|
13
|
+
key[0] === "$" && isObj(prop)) {
|
|
14
|
+
res[key] = normalizeStyle(prop, disableNormalize);
|
|
13
15
|
continue;
|
|
14
16
|
}
|
|
15
17
|
const value = disableNormalize ? prop : normalizeValueWithProperty(prop, key), out = expandStyle(key, value);
|
|
@@ -18,6 +20,6 @@ function expandStylesAndRemoveNullishValues(style, disableNormalize = !1) {
|
|
|
18
20
|
return fixStyles(res), res;
|
|
19
21
|
}
|
|
20
22
|
export {
|
|
21
|
-
|
|
23
|
+
normalizeStyle
|
|
22
24
|
};
|
|
23
|
-
//# sourceMappingURL=
|
|
25
|
+
//# sourceMappingURL=normalizeStyle.js.map
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../../src/helpers/normalizeStyle.ts"],
|
|
4
|
+
"mappings": "AAAA,SAAS,mBAAmB;AAC5B,SAAS,iBAAiB;AAC1B,SAAS,aAAa;AACtB,SAAS,kCAAkC;AAC3C,SAAS,yBAAyB;AAU3B,SAAS,eAAe,OAA4B,mBAAmB,IAAO;AACnF,QAAM,MAA2B,CAAC;AAElC,WAAS,OAAO,OAAO;AACrB,UAAM,OAAO,MAAM,GAAG;AACtB,QAAI,QAAQ;AAAM;AAClB,QACE,OAAO;AAAA,IAEN,IAAI,CAAC,MAAM,OAAO,MAAM,IAAI,GAC7B;AACA,UAAI,GAAG,IAAI,eAAe,MAAM,gBAAgB;AAChD;AAAA,IACF;AACA,UAAM,QAAQ,mBAAmB,OAAO,2BAA2B,MAAM,GAAG,GAEtE,MAAM,YAAY,KAAK,KAAK;AAClC,IAAI,MACF,OAAO,OAAO,KAAK,OAAO,YAAY,GAAG,CAAC,IAE1C,IAAI,GAAG,IAAI;AAAA,EAEf;AAEA,mBAAU,GAAG,GAEN;AACT;",
|
|
5
|
+
"names": []
|
|
6
|
+
}
|
|
@@ -6,8 +6,8 @@ const stylePropsAllPlusTransforms = {
|
|
|
6
6
|
translateX: !0,
|
|
7
7
|
translateY: !0
|
|
8
8
|
};
|
|
9
|
-
function normalizeValueWithProperty(value, property) {
|
|
10
|
-
if (!isWeb ||
|
|
9
|
+
function normalizeValueWithProperty(value, property = "") {
|
|
10
|
+
if (!isWeb || stylePropsUnitless[property] || property && !stylePropsAllPlusTransforms[property] || typeof value == "boolean")
|
|
11
11
|
return value;
|
|
12
12
|
let res = value;
|
|
13
13
|
return value && typeof value == "object" ? value : (typeof value == "number" ? res = `${value}px` : property && (res = `${res}`), res);
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/helpers/normalizeValueWithProperty.ts"],
|
|
4
|
-
"mappings": "AAKA,SAAS,aAAa;AACtB,SAAS,eAAe,0BAA0B;AAElD,SAAS,uBAAuB;
|
|
4
|
+
"mappings": "AAKA,SAAS,aAAa;AACtB,SAAS,eAAe,0BAA0B;AAElD,SAAS,uBAAuB;AAKhC,MAAM,8BAA8B;AAAA,EAClC,GAAG;AAAA,EACH,YAAY;AAAA,EACZ,YAAY;AACd;AAEO,SAAS,2BAA2B,OAAY,WAAW,IAAS;AAEzE,MADI,CAAC,SAEH,mBAAmB,QAAQ,KAC1B,YAAY,CAAC,4BAA4B,QAAQ,KAClD,OAAO,SAAU;AAEjB,WAAO;AAET,MAAI,MAAM;AACV,SAAI,SAAS,OAAO,SAAU,WAAiB,SAC3C,OAAO,SAAU,WACnB,MAAM,GAAG,KAAK,OACL,aACT,MAAM,GAAG,GAAG,KAEP;AACT;AAIA,MAAM,SAAS,CAAC;AACT,SAAS,2BAA2B,KAAa,WAAmB;AAEzE,QAAM,UADY,gBAAgB,EACR,SAAS;AACnC,MAAI,OAAO,OAAO;AAChB,WAAO,OAAO,OAAO;AAGvB,MAAI,CAAC,SAAS;AACZ,IAAI,QAAQ,IAAI,aAAa,iBAC3B,QAAQ;AAAA,MACN,yBAAyB,GAAG,2BAA2B,SAAS;AAAA,IAClE;AAEF;AAAA,EACF;AACA,QAAM,SAAS,QAAQ,QAAQ,OAAO,EAAE,EAAE,QAAQ,OAAO,EAAE,EAAE,KAAK;AAClE,MAAI;AACJ,SAAI,OAAO,WAAW,MAAM,IAC1B,MAAM,SACG,mBAAmB,GAAG,IAC/B,MAAM,CAAC,SACE,OAAO,SAAS,IAAI,IAC7B,MAAM,CAAC,OAAO,QAAQ,MAAM,EAAE,IAE9B,MAAM,QAER,OAAO,OAAO,IAAI,KACd,QAAQ,IAAI,aAAa,iBAEvB,OAAO,OAAQ,YAAY,OAAO,MAAM,GAAG,KAC7C,QAAQ,KAAK,sCAAsC;AAAA,IACjD;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC,GAGE;AACT;",
|
|
5
5
|
"names": []
|
|
6
6
|
}
|
|
@@ -6,8 +6,8 @@ const stylePropsAllPlusTransforms = {
|
|
|
6
6
|
translateX: !0,
|
|
7
7
|
translateY: !0
|
|
8
8
|
};
|
|
9
|
-
function normalizeValueWithProperty(value, property) {
|
|
10
|
-
if (!isWeb ||
|
|
9
|
+
function normalizeValueWithProperty(value, property = "") {
|
|
10
|
+
if (!isWeb || stylePropsUnitless[property] || property && !stylePropsAllPlusTransforms[property] || typeof value == "boolean")
|
|
11
11
|
return value;
|
|
12
12
|
let res = value;
|
|
13
13
|
return value && typeof value == "object" ? value : (typeof value == "number" ? res = `${value}px` : property && (res = `${res}`), res);
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/helpers/normalizeValueWithProperty.ts"],
|
|
4
|
-
"mappings": "AAKA,SAAS,aAAa;AACtB,SAAS,eAAe,0BAA0B;AAElD,SAAS,uBAAuB;
|
|
4
|
+
"mappings": "AAKA,SAAS,aAAa;AACtB,SAAS,eAAe,0BAA0B;AAElD,SAAS,uBAAuB;AAKhC,MAAM,8BAA8B;AAAA,EAClC,GAAG;AAAA,EACH,YAAY;AAAA,EACZ,YAAY;AACd;AAEO,SAAS,2BAA2B,OAAY,WAAW,IAAS;AAEzE,MADI,CAAC,SAEH,mBAAmB,QAAQ,KAC1B,YAAY,CAAC,4BAA4B,QAAQ,KAClD,OAAO,SAAU;AAEjB,WAAO;AAET,MAAI,MAAM;AACV,SAAI,SAAS,OAAO,SAAU,WAAiB,SAC3C,OAAO,SAAU,WACnB,MAAM,GAAG,KAAK,OACL,aACT,MAAM,GAAG,GAAG,KAEP;AACT;AAIA,MAAM,SAAS,CAAC;AACT,SAAS,2BAA2B,KAAa,WAAmB;AAEzE,QAAM,UADY,gBAAgB,EACR,SAAS;AACnC,MAAI,OAAO,OAAO;AAChB,WAAO,OAAO,OAAO;AAGvB,MAAI,CAAC,SAAS;AACZ,IAAI,QAAQ,IAAI,aAAa,iBAC3B,QAAQ;AAAA,MACN,yBAAyB,GAAG,2BAA2B,SAAS;AAAA,IAClE;AAEF;AAAA,EACF;AACA,QAAM,SAAS,QAAQ,QAAQ,OAAO,EAAE,EAAE,QAAQ,OAAO,EAAE,EAAE,KAAK;AAClE,MAAI;AACJ,SAAI,OAAO,WAAW,MAAM,IAC1B,MAAM,SACG,mBAAmB,GAAG,IAC/B,MAAM,CAAC,SACE,OAAO,SAAS,IAAI,IAC7B,MAAM,CAAC,OAAO,QAAQ,MAAM,EAAE,IAE9B,MAAM,QAER,OAAO,OAAO,IAAI,KACd,QAAQ,IAAI,aAAa,iBAEvB,OAAO,OAAQ,YAAY,OAAO,MAAM,GAAG,KAC7C,QAAQ,KAAK,sCAAsC;AAAA,IACjD;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC,GAGE;AACT;",
|
|
5
5
|
"names": []
|
|
6
6
|
}
|
|
@@ -4,7 +4,7 @@ import { getConfig } from "../config";
|
|
|
4
4
|
import { isDevTools } from "../constants/isDevTools";
|
|
5
5
|
import { getVariableValue, isVariable } from "../createVariable";
|
|
6
6
|
import { expandStyle } from "./expandStyle";
|
|
7
|
-
import {
|
|
7
|
+
import { normalizeStyle } from "./normalizeStyle";
|
|
8
8
|
import { getFontsForLanguage, getVariantExtras } from "./getVariantExtras";
|
|
9
9
|
import { isObj } from "./isObj";
|
|
10
10
|
import { pseudoDescriptors } from "./pseudoDescriptors";
|
|
@@ -76,10 +76,7 @@ const propMapper = (key, value, styleStateIn, subPropsIn) => {
|
|
|
76
76
|
);
|
|
77
77
|
}
|
|
78
78
|
if (variantValue) {
|
|
79
|
-
const expanded =
|
|
80
|
-
variantValue,
|
|
81
|
-
!!styleProps.noNormalize
|
|
82
|
-
);
|
|
79
|
+
const expanded = normalizeStyle(variantValue, !!styleProps.noNormalize);
|
|
83
80
|
process.env.NODE_ENV === "development" && debug === "verbose" && console.info(" expanding styles from ", variantValue, "to", expanded);
|
|
84
81
|
const next = Object.entries(expanded);
|
|
85
82
|
return fontFamilyResult && fontFamilyResult[0] === "$" && fontFamilyCache.set(next, getVariableValue(fontFamilyResult)), next;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/helpers/propMapper.ts"],
|
|
4
|
-
"mappings": "AAAA,OAA0B;AAC1B,SAAS,uBAAuB;AAEhC,SAAS,iBAAiB;AAC1B,SAAS,kBAAkB;AAC3B,SAAmB,kBAAkB,kBAAkB;AASvD,SAAS,mBAAmB;AAC5B,SAAS,
|
|
4
|
+
"mappings": "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",
|
|
5
5
|
"names": ["key", "val"]
|
|
6
6
|
}
|
|
@@ -4,7 +4,7 @@ import { getConfig } from "../config";
|
|
|
4
4
|
import { isDevTools } from "../constants/isDevTools";
|
|
5
5
|
import { getVariableValue, isVariable } from "../createVariable";
|
|
6
6
|
import { expandStyle } from "./expandStyle";
|
|
7
|
-
import {
|
|
7
|
+
import { normalizeStyle } from "./normalizeStyle";
|
|
8
8
|
import { getFontsForLanguage, getVariantExtras } from "./getVariantExtras";
|
|
9
9
|
import { isObj } from "./isObj";
|
|
10
10
|
import { pseudoDescriptors } from "./pseudoDescriptors";
|
|
@@ -76,10 +76,7 @@ const propMapper = (key, value, styleStateIn, subPropsIn) => {
|
|
|
76
76
|
);
|
|
77
77
|
}
|
|
78
78
|
if (variantValue) {
|
|
79
|
-
const expanded =
|
|
80
|
-
variantValue,
|
|
81
|
-
!!styleProps.noNormalize
|
|
82
|
-
);
|
|
79
|
+
const expanded = normalizeStyle(variantValue, !!styleProps.noNormalize);
|
|
83
80
|
process.env.NODE_ENV === "development" && debug === "verbose" && console.info(" expanding styles from ", variantValue, "to", expanded);
|
|
84
81
|
const next = Object.entries(expanded);
|
|
85
82
|
return fontFamilyResult && fontFamilyResult[0] === "$" && fontFamilyCache.set(next, getVariableValue(fontFamilyResult)), next;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/helpers/propMapper.ts"],
|
|
4
|
-
"mappings": "AAAA,SAAS,iBAAiB;AAC1B,SAAS,uBAAuB;AAEhC,SAAS,iBAAiB;AAC1B,SAAS,kBAAkB;AAC3B,SAAmB,kBAAkB,kBAAkB;AASvD,SAAS,mBAAmB;AAC5B,SAAS,
|
|
4
|
+
"mappings": "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",
|
|
5
5
|
"names": ["key", "val"]
|
|
6
6
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/hooks/useProps.tsx"],
|
|
4
|
-
"mappings": "AAAA,SAAS,kBAAkB;AAE3B,SAAS,wBAAwB;AACjC,SAAS,oCAAoC;AAC7C,SAAS,sBAAsB;
|
|
4
|
+
"mappings": "AAAA,SAAS,kBAAkB;AAE3B,SAAS,wBAAwB;AACjC,SAAS,oCAAoC;AAC7C,SAAS,sBAAsB;AAQ/B,SAAS,aAAa;AACtB,SAAS,gBAAgB;AACzB,SAAS,yBAAyB;AAuB3B,SAAS,SACd,OACA,MAC4B;AAC5B,QAAM,CAAC,UAAU,QAAQ,IAAI,iBAAiB,OAAO;AAAA,IACnD,GAAG;AAAA,IACH,UAAU;AAAA,IACV,aAAa;AAAA,IACb,eAAe;AAAA,EACjB,CAAC;AACD,SAAO;AAAA,IACL,GAAG;AAAA,IACH,GAAG;AAAA,EACL;AACF;AAQO,SAAS,SACd,OACA,MAC4B;AAC5B,SAAO,iBAAiB,OAAO,IAAI,EAAE,CAAC;AACxC;AAQO,SAAS,iBACd,OACA,MACsF;AACtF,QAAM,eAAe,MAAM,cAAc,gBAAgB,MAAM,cACzD,CAAC,YAAY,KAAK,IAAI,kBAAkB;AAAA,IAC5C,eAAe,aAAa;AAAA,EAC9B,CAAC,GACK,mBAAmB,WAAW,gBAAgB,GAC9C,QAAQ,SAAS,GACjB,cAAc;AAAA,IAClB;AAAA,IACA;AAAA,IACA;AAAA,IACA,WAAW,OAAO,QAAQ;AAAA,IAC1B;AAAA,IACA;AAAA,MACE,YAAY;AAAA,MACZ,YAAY;AAAA,MACZ,QAAQ;AAAA,MACR,cAAc;AAAA,MACd,eAAe;AAAA,MACf,GAAG;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACA,SAAO,CAAC,YAAY,WAAW,YAAY,OAAO,OAAO,KAAK;AAChE;",
|
|
5
5
|
"names": []
|
|
6
6
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/hooks/useProps.tsx"],
|
|
4
|
-
"mappings": "AAAA,SAAS,kBAAkB;AAE3B,SAAS,wBAAwB;AACjC,SAAS,oCAAoC;AAC7C,SAAS,sBAAsB;
|
|
4
|
+
"mappings": "AAAA,SAAS,kBAAkB;AAE3B,SAAS,wBAAwB;AACjC,SAAS,oCAAoC;AAC7C,SAAS,sBAAsB;AAQ/B,SAAS,aAAa;AACtB,SAAS,gBAAgB;AACzB,SAAS,yBAAyB;AAuB3B,SAAS,SACd,OACA,MAC4B;AAC5B,QAAM,CAAC,UAAU,QAAQ,IAAI,iBAAiB,OAAO;AAAA,IACnD,GAAG;AAAA,IACH,UAAU;AAAA,IACV,aAAa;AAAA,IACb,eAAe;AAAA,EACjB,CAAC;AACD,SAAO;AAAA,IACL,GAAG;AAAA,IACH,GAAG;AAAA,EACL;AACF;AAQO,SAAS,SACd,OACA,MAC4B;AAC5B,SAAO,iBAAiB,OAAO,IAAI,EAAE,CAAC;AACxC;AAQO,SAAS,iBACd,OACA,MACsF;AACtF,QAAM,eAAe,MAAM,cAAc,gBAAgB,MAAM,cACzD,CAAC,YAAY,KAAK,IAAI,kBAAkB;AAAA,IAC5C,eAAe,aAAa;AAAA,EAC9B,CAAC,GACK,mBAAmB,WAAW,gBAAgB,GAC9C,QAAQ,SAAS,GACjB,cAAc;AAAA,IAClB;AAAA,IACA;AAAA,IACA;AAAA,IACA,WAAW,OAAO,QAAQ;AAAA,IAC1B;AAAA,IACA;AAAA,MACE,YAAY;AAAA,MACZ,YAAY;AAAA,MACZ,QAAQ;AAAA,MACR,cAAc;AAAA,MACd,eAAe;AAAA,MACf,GAAG;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACA,SAAO,CAAC,YAAY,WAAW,YAAY,OAAO,OAAO,KAAK;AAChE;",
|
|
5
5
|
"names": []
|
|
6
6
|
}
|
package/dist/esm/index.js
CHANGED
|
@@ -26,7 +26,7 @@ export * from "./contexts/ComponentContext";
|
|
|
26
26
|
export * from "./helpers/createStyledContext";
|
|
27
27
|
export * from "./helpers/expandStyles";
|
|
28
28
|
export * from "./helpers/createMediaStyle";
|
|
29
|
-
export * from "./helpers/
|
|
29
|
+
export * from "./helpers/normalizeStyle";
|
|
30
30
|
export * from "./helpers/propMapper";
|
|
31
31
|
export * from "./helpers/getExpandedShorthands";
|
|
32
32
|
export * from "./helpers/getSplitStyles";
|
package/dist/esm/index.native.js
CHANGED
|
@@ -26,7 +26,7 @@ export * from "./contexts/ComponentContext";
|
|
|
26
26
|
export * from "./helpers/createStyledContext";
|
|
27
27
|
export * from "./helpers/expandStyles";
|
|
28
28
|
export * from "./helpers/createMediaStyle";
|
|
29
|
-
export * from "./helpers/
|
|
29
|
+
export * from "./helpers/normalizeStyle";
|
|
30
30
|
export * from "./helpers/propMapper";
|
|
31
31
|
export * from "./helpers/getExpandedShorthands";
|
|
32
32
|
export * from "./helpers/getSplitStyles";
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@tamagui/web",
|
|
3
|
-
"version": "1.86.
|
|
3
|
+
"version": "1.86.2",
|
|
4
4
|
"source": "src/index.ts",
|
|
5
5
|
"main": "dist/cjs",
|
|
6
6
|
"module": "dist/esm",
|
|
@@ -27,21 +27,21 @@
|
|
|
27
27
|
"reset.css"
|
|
28
28
|
],
|
|
29
29
|
"dependencies": {
|
|
30
|
-
"@tamagui/compose-refs": "1.86.
|
|
31
|
-
"@tamagui/constants": "1.86.
|
|
32
|
-
"@tamagui/helpers": "1.86.
|
|
33
|
-
"@tamagui/normalize-css-color": "1.86.
|
|
34
|
-
"@tamagui/timer": "1.86.
|
|
35
|
-
"@tamagui/use-did-finish-ssr": "1.86.
|
|
36
|
-
"@tamagui/use-event": "1.86.
|
|
37
|
-
"@tamagui/use-force-update": "1.86.
|
|
30
|
+
"@tamagui/compose-refs": "1.86.2",
|
|
31
|
+
"@tamagui/constants": "1.86.2",
|
|
32
|
+
"@tamagui/helpers": "1.86.2",
|
|
33
|
+
"@tamagui/normalize-css-color": "1.86.2",
|
|
34
|
+
"@tamagui/timer": "1.86.2",
|
|
35
|
+
"@tamagui/use-did-finish-ssr": "1.86.2",
|
|
36
|
+
"@tamagui/use-event": "1.86.2",
|
|
37
|
+
"@tamagui/use-force-update": "1.86.2"
|
|
38
38
|
},
|
|
39
39
|
"peerDependencies": {
|
|
40
40
|
"react": "*",
|
|
41
41
|
"react-dom": "*"
|
|
42
42
|
},
|
|
43
43
|
"devDependencies": {
|
|
44
|
-
"@tamagui/build": "1.86.
|
|
44
|
+
"@tamagui/build": "1.86.2",
|
|
45
45
|
"@testing-library/react": "^14.0.0",
|
|
46
46
|
"csstype": "^3.0.10",
|
|
47
47
|
"react": "^18.2.0",
|
|
@@ -548,9 +548,9 @@ export const getSplitStyles: StyleSplitter = (
|
|
|
548
548
|
|
|
549
549
|
if (process.env.NODE_ENV === 'development' && debug === 'verbose') {
|
|
550
550
|
console.groupCollapsed(
|
|
551
|
-
|
|
551
|
+
` 🔑 ${keyOg}${keyInit !== keyOg ? ` (shorthand for ${keyInit})` : ''} ${
|
|
552
552
|
shouldPassThrough ? '(pass)' : ''
|
|
553
|
-
}
|
|
553
|
+
}`
|
|
554
554
|
)
|
|
555
555
|
log({ isVariant, valInit, shouldPassProp })
|
|
556
556
|
if (isClient) {
|
|
@@ -1159,6 +1159,12 @@ export const getSplitStyles: StyleSplitter = (
|
|
|
1159
1159
|
}
|
|
1160
1160
|
}
|
|
1161
1161
|
|
|
1162
|
+
if (process.env.NODE_ENV === 'development' && props.debug === 'verbose') {
|
|
1163
|
+
console.groupCollapsed(`🔹 getSplitStyles final style object`)
|
|
1164
|
+
console.info(style)
|
|
1165
|
+
console.groupEnd()
|
|
1166
|
+
}
|
|
1167
|
+
|
|
1162
1168
|
if (shouldRetain || !IS_STATIC) {
|
|
1163
1169
|
style = retainedStyles || {}
|
|
1164
1170
|
}
|
|
@@ -1275,7 +1281,7 @@ export const getSplitStyles: StyleSplitter = (
|
|
|
1275
1281
|
|
|
1276
1282
|
if (process.env.NODE_ENV === 'development' && debug === 'verbose') {
|
|
1277
1283
|
if (isDevTools) {
|
|
1278
|
-
console.groupCollapsed('
|
|
1284
|
+
console.groupCollapsed('🔹 getSplitStyles ===>')
|
|
1279
1285
|
try {
|
|
1280
1286
|
// prettier-ignore
|
|
1281
1287
|
const logs = {
|
|
@@ -14,6 +14,7 @@ import {
|
|
|
14
14
|
pseudoDescriptors,
|
|
15
15
|
pseudoDescriptorsBase,
|
|
16
16
|
} from './pseudoDescriptors'
|
|
17
|
+
import { normalizeColor } from './normalizeColor'
|
|
17
18
|
|
|
18
19
|
// refactor this file away next...
|
|
19
20
|
|
|
@@ -97,13 +98,14 @@ export const generateAtomicStyles = (
|
|
|
97
98
|
|
|
98
99
|
export function styleToCSS(style: Record<string, any>) {
|
|
99
100
|
// box-shadow
|
|
100
|
-
const { shadowOffset, shadowRadius, shadowColor } = style
|
|
101
|
-
if (
|
|
101
|
+
const { shadowOffset, shadowRadius, shadowColor, shadowOpacity } = style
|
|
102
|
+
if (shadowRadius || shadowColor) {
|
|
102
103
|
const offset = shadowOffset || defaultOffset
|
|
103
104
|
const width = normalizeValueWithProperty(offset.width)
|
|
104
105
|
const height = normalizeValueWithProperty(offset.height)
|
|
105
106
|
const radius = normalizeValueWithProperty(shadowRadius)
|
|
106
|
-
const
|
|
107
|
+
const color = normalizeColor(shadowColor, shadowOpacity)
|
|
108
|
+
const shadow = `${width} ${height} ${radius} ${color}`
|
|
107
109
|
style.boxShadow = style.boxShadow ? `${style.boxShadow}, ${shadow}` : shadow
|
|
108
110
|
delete style.shadowOffset
|
|
109
111
|
delete style.shadowRadius
|
|
@@ -7,20 +7,17 @@ export const normalizeColor = (color?: string | null, opacity?: number) => {
|
|
|
7
7
|
if (color[0] === '$' || color.startsWith('var(')) {
|
|
8
8
|
return color
|
|
9
9
|
}
|
|
10
|
-
const
|
|
11
|
-
if (
|
|
12
|
-
const {
|
|
13
|
-
|
|
14
|
-
const alpha = o.toFixed(2)
|
|
15
|
-
return `rgba(${r},${g},${b},${alpha})`
|
|
10
|
+
const rgba = getRgba(color)
|
|
11
|
+
if (rgba) {
|
|
12
|
+
const colors = `${rgba.r},${rgba.g},${rgba.b}`
|
|
13
|
+
return opacity === 1 ? `rgb(${colors})` : `rgba(${colors},${opacity ?? rgba.a ?? 1})`
|
|
16
14
|
}
|
|
17
|
-
if (process.env.NODE_ENV === 'development') {
|
|
18
|
-
console.warn(`Unknown color value: ${color}`)
|
|
19
|
-
}
|
|
20
|
-
if (process.env.TAMAGUI_TARGET === 'native') {
|
|
21
|
-
// avoids errors
|
|
22
|
-
return
|
|
23
|
-
}
|
|
24
|
-
// on web pass it through could be a var or something
|
|
25
15
|
return color
|
|
26
16
|
}
|
|
17
|
+
|
|
18
|
+
export const getRgba = (color: string) => {
|
|
19
|
+
const colorNum = normalizeCSSColor(color)
|
|
20
|
+
if (colorNum != null) {
|
|
21
|
+
return rgba(colorNum)
|
|
22
|
+
}
|
|
23
|
+
}
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import { defaultOffset } from './defaultOffset'
|
|
2
|
-
import { normalizeColor } from './normalizeColor'
|
|
3
|
-
import { normalizeValueWithProperty } from './normalizeValueWithProperty'
|
|
2
|
+
import { getRgba, normalizeColor } from './normalizeColor'
|
|
4
3
|
|
|
5
4
|
export function normalizeShadow({
|
|
6
5
|
shadowColor,
|
|
@@ -11,10 +10,11 @@ export function normalizeShadow({
|
|
|
11
10
|
const { height, width } = shadowOffset || defaultOffset
|
|
12
11
|
return {
|
|
13
12
|
shadowOffset: {
|
|
14
|
-
width:
|
|
15
|
-
height:
|
|
13
|
+
width: width || 0,
|
|
14
|
+
height: height || 0,
|
|
16
15
|
},
|
|
17
|
-
shadowRadius:
|
|
18
|
-
shadowColor: normalizeColor(shadowColor,
|
|
16
|
+
shadowRadius: shadowRadius || 0,
|
|
17
|
+
shadowColor: normalizeColor(shadowColor, 1),
|
|
18
|
+
shadowOpacity: shadowOpacity ?? (shadowColor ? getRgba(shadowColor)?.a : 1),
|
|
19
19
|
}
|
|
20
20
|
}
|
|
@@ -1,27 +1,29 @@
|
|
|
1
1
|
import { expandStyle } from './expandStyle'
|
|
2
2
|
import { fixStyles } from './expandStyles'
|
|
3
|
+
import { isObj } from './isObj'
|
|
3
4
|
import { normalizeValueWithProperty } from './normalizeValueWithProperty'
|
|
4
5
|
import { pseudoDescriptors } from './pseudoDescriptors'
|
|
5
6
|
|
|
6
7
|
/**
|
|
7
8
|
* This is what you want to run before Object.assign() a style onto another.
|
|
8
9
|
* It does the following:
|
|
9
|
-
* 1.
|
|
10
|
-
* 2.
|
|
11
|
-
* 3.
|
|
10
|
+
* 1. Shorthands into longhands, px = paddingHorizontal
|
|
11
|
+
* 2. Expands flex, borderColor and other properties that can expand into sub-parts
|
|
12
|
+
* 3. Normalizes all sub pseudo-media-etc styles
|
|
12
13
|
*/
|
|
13
14
|
|
|
14
|
-
export function
|
|
15
|
-
style: Record<string, any>,
|
|
16
|
-
disableNormalize = false
|
|
17
|
-
) {
|
|
15
|
+
export function normalizeStyle(style: Record<string, any>, disableNormalize = false) {
|
|
18
16
|
const res: Record<string, any> = {}
|
|
19
17
|
|
|
20
18
|
for (let key in style) {
|
|
21
19
|
const prop = style[key]
|
|
22
20
|
if (prop == null) continue
|
|
23
|
-
if (
|
|
24
|
-
|
|
21
|
+
if (
|
|
22
|
+
key in pseudoDescriptors ||
|
|
23
|
+
// this should capture all parent-based styles like media, group, etc
|
|
24
|
+
(key[0] === '$' && isObj(prop))
|
|
25
|
+
) {
|
|
26
|
+
res[key] = normalizeStyle(prop, disableNormalize)
|
|
25
27
|
continue
|
|
26
28
|
}
|
|
27
29
|
const value = disableNormalize ? prop : normalizeValueWithProperty(prop, key)
|
|
@@ -7,6 +7,7 @@ import { isWeb } from '@tamagui/constants'
|
|
|
7
7
|
import { stylePropsAll, stylePropsUnitless } from '@tamagui/helpers'
|
|
8
8
|
|
|
9
9
|
import { getAllSelectors } from './insertStyleRule'
|
|
10
|
+
import { isObj } from './isObj'
|
|
10
11
|
|
|
11
12
|
// only doing this on web on native it accepts pixel values
|
|
12
13
|
|
|
@@ -16,17 +17,16 @@ const stylePropsAllPlusTransforms = {
|
|
|
16
17
|
translateY: true,
|
|
17
18
|
}
|
|
18
19
|
|
|
19
|
-
export function normalizeValueWithProperty(value: any, property
|
|
20
|
+
export function normalizeValueWithProperty(value: any, property = ''): any {
|
|
20
21
|
if (!isWeb) return value
|
|
21
|
-
if (
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
22
|
+
if (
|
|
23
|
+
stylePropsUnitless[property] ||
|
|
24
|
+
(property && !stylePropsAllPlusTransforms[property]) ||
|
|
25
|
+
typeof value === 'boolean'
|
|
26
|
+
) {
|
|
26
27
|
return value
|
|
27
28
|
}
|
|
28
29
|
let res = value
|
|
29
|
-
// shadowOffset etc
|
|
30
30
|
if (value && typeof value === 'object') return value
|
|
31
31
|
if (typeof value === 'number') {
|
|
32
32
|
res = `${value}px`
|
|
@@ -13,7 +13,7 @@ import type {
|
|
|
13
13
|
VariantSpreadFunction,
|
|
14
14
|
} from '../types'
|
|
15
15
|
import { expandStyle } from './expandStyle'
|
|
16
|
-
import {
|
|
16
|
+
import { normalizeStyle } from './normalizeStyle'
|
|
17
17
|
import { getFontsForLanguage, getVariantExtras } from './getVariantExtras'
|
|
18
18
|
import { isObj } from './isObj'
|
|
19
19
|
import { pseudoDescriptors } from './pseudoDescriptors'
|
|
@@ -186,10 +186,7 @@ const resolveVariants: StyleResolver = (
|
|
|
186
186
|
}
|
|
187
187
|
|
|
188
188
|
if (variantValue) {
|
|
189
|
-
const expanded =
|
|
190
|
-
variantValue,
|
|
191
|
-
!!styleProps.noNormalize
|
|
192
|
-
)
|
|
189
|
+
const expanded = normalizeStyle(variantValue, !!styleProps.noNormalize)
|
|
193
190
|
if (process.env.NODE_ENV === 'development' && debug === 'verbose') {
|
|
194
191
|
console.info(` expanding styles from `, variantValue, `to`, expanded)
|
|
195
192
|
}
|