@tamagui/web 2.3.1 → 2.3.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/.turbo/turbo-build.log +1 -1
- package/dist/cjs/helpers/expandStyle.cjs +29 -1
- package/dist/cjs/helpers/expandStyle.native.js +31 -26
- package/dist/cjs/helpers/expandStyle.native.js.map +1 -1
- package/dist/esm/helpers/expandStyle.mjs +28 -0
- package/dist/esm/helpers/expandStyle.mjs.map +1 -1
- package/dist/esm/helpers/expandStyle.native.js +31 -26
- package/dist/esm/helpers/expandStyle.native.js.map +1 -1
- package/package.json +13 -13
- package/src/helpers/expandStyle.ts +52 -33
- package/types/helpers/expandStyle.d.ts.map +1 -1
package/.turbo/turbo-build.log
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
$ tamagui-build
|
|
2
|
-
built @tamagui/web in
|
|
2
|
+
built @tamagui/web in 6819 ms
|
|
@@ -54,6 +54,7 @@ function expandStyle(key, value, styleCompat = (0, import_config.getStyleCompat)
|
|
|
54
54
|
case "backdropFilter":
|
|
55
55
|
return [["backdropFilter", value], ["WebkitBackdropFilter", value]];
|
|
56
56
|
}
|
|
57
|
+
if (key in universalExpansions) return universalExpansions[key].map(k => [k, value]);
|
|
57
58
|
if (key in EXPANSIONS) return EXPANSIONS[key].map(k => [k, value]);
|
|
58
59
|
}
|
|
59
60
|
const all = ["Top", "Right", "Bottom", "Left"];
|
|
@@ -79,4 +80,31 @@ const EXPANSIONS = {
|
|
|
79
80
|
for (const parent in EXPANSIONS) {
|
|
80
81
|
const prefix = parent.slice(0, /[A-Z]/.exec(parent)?.index ?? parent.length);
|
|
81
82
|
EXPANSIONS[parent] = EXPANSIONS[parent].map(k => `${prefix}${k}`);
|
|
82
|
-
}
|
|
83
|
+
}
|
|
84
|
+
const universalExpansions = {
|
|
85
|
+
inset: ["top", "right", "bottom", "left"],
|
|
86
|
+
insetBlock: ["top", "bottom"],
|
|
87
|
+
insetBlockStart: ["top"],
|
|
88
|
+
insetBlockEnd: ["bottom"],
|
|
89
|
+
marginBlock: ["marginTop", "marginBottom"],
|
|
90
|
+
marginBlockStart: ["marginTop"],
|
|
91
|
+
marginBlockEnd: ["marginBottom"],
|
|
92
|
+
paddingBlock: ["paddingTop", "paddingBottom"],
|
|
93
|
+
paddingBlockStart: ["paddingTop"],
|
|
94
|
+
paddingBlockEnd: ["paddingBottom"],
|
|
95
|
+
borderBlockColor: ["borderTopColor", "borderBottomColor"],
|
|
96
|
+
borderBlockWidth: ["borderTopWidth", "borderBottomWidth"],
|
|
97
|
+
borderBlockStyle: ["borderTopStyle", "borderBottomStyle"],
|
|
98
|
+
borderBlockStartColor: ["borderTopColor"],
|
|
99
|
+
borderBlockEndColor: ["borderBottomColor"],
|
|
100
|
+
borderBlockStartWidth: ["borderTopWidth"],
|
|
101
|
+
borderBlockEndWidth: ["borderBottomWidth"],
|
|
102
|
+
borderBlockStartStyle: ["borderTopStyle"],
|
|
103
|
+
borderBlockEndStyle: ["borderBottomStyle"],
|
|
104
|
+
minBlockSize: ["minHeight"],
|
|
105
|
+
maxBlockSize: ["maxHeight"],
|
|
106
|
+
minInlineSize: ["minWidth"],
|
|
107
|
+
maxInlineSize: ["maxWidth"],
|
|
108
|
+
blockSize: ["height"],
|
|
109
|
+
inlineSize: ["width"]
|
|
110
|
+
};
|
|
@@ -65,7 +65,10 @@ function expandStyle(key, value) {
|
|
|
65
65
|
}
|
|
66
66
|
return;
|
|
67
67
|
}
|
|
68
|
-
if (key in
|
|
68
|
+
if (key in nativeInlineExpansions) return nativeInlineExpansions[key].map(function (k) {
|
|
69
|
+
return [k, value];
|
|
70
|
+
});
|
|
71
|
+
if (key in universalExpansions) return universalExpansions[key].map(function (k) {
|
|
69
72
|
return [k, value];
|
|
70
73
|
});
|
|
71
74
|
if (key in EXPANSIONS) return EXPANSIONS[key].map(function (k) {
|
|
@@ -106,47 +109,49 @@ var EXPANSIONS = {
|
|
|
106
109
|
})
|
|
107
110
|
};
|
|
108
111
|
for (var parent in EXPANSIONS) _loop(parent);
|
|
109
|
-
var
|
|
112
|
+
var universalExpansions = {
|
|
113
|
+
inset: ["top", "right", "bottom", "left"],
|
|
114
|
+
insetBlock: ["top", "bottom"],
|
|
115
|
+
insetBlockStart: ["top"],
|
|
116
|
+
insetBlockEnd: ["bottom"],
|
|
117
|
+
marginBlock: ["marginTop", "marginBottom"],
|
|
118
|
+
marginBlockStart: ["marginTop"],
|
|
119
|
+
marginBlockEnd: ["marginBottom"],
|
|
120
|
+
paddingBlock: ["paddingTop", "paddingBottom"],
|
|
121
|
+
paddingBlockStart: ["paddingTop"],
|
|
122
|
+
paddingBlockEnd: ["paddingBottom"],
|
|
110
123
|
borderBlockColor: ["borderTopColor", "borderBottomColor"],
|
|
111
|
-
borderInlineColor: ["borderEndColor", "borderStartColor"],
|
|
112
124
|
borderBlockWidth: ["borderTopWidth", "borderBottomWidth"],
|
|
113
|
-
borderInlineWidth: ["borderEndWidth", "borderStartWidth"],
|
|
114
125
|
borderBlockStyle: ["borderTopStyle", "borderBottomStyle"],
|
|
115
|
-
borderInlineStyle: ["borderEndStyle", "borderStartStyle"],
|
|
116
126
|
borderBlockStartColor: ["borderTopColor"],
|
|
117
127
|
borderBlockEndColor: ["borderBottomColor"],
|
|
118
|
-
borderInlineStartColor: ["borderStartColor"],
|
|
119
|
-
borderInlineEndColor: ["borderEndColor"],
|
|
120
128
|
borderBlockStartWidth: ["borderTopWidth"],
|
|
121
129
|
borderBlockEndWidth: ["borderBottomWidth"],
|
|
122
|
-
borderInlineStartWidth: ["borderStartWidth"],
|
|
123
|
-
borderInlineEndWidth: ["borderEndWidth"],
|
|
124
130
|
borderBlockStartStyle: ["borderTopStyle"],
|
|
125
131
|
borderBlockEndStyle: ["borderBottomStyle"],
|
|
132
|
+
minBlockSize: ["minHeight"],
|
|
133
|
+
maxBlockSize: ["maxHeight"],
|
|
134
|
+
minInlineSize: ["minWidth"],
|
|
135
|
+
maxInlineSize: ["maxWidth"],
|
|
136
|
+
blockSize: ["height"],
|
|
137
|
+
inlineSize: ["width"]
|
|
138
|
+
};
|
|
139
|
+
var nativeInlineExpansions = {
|
|
140
|
+
borderInlineColor: ["borderEndColor", "borderStartColor"],
|
|
141
|
+
borderInlineWidth: ["borderEndWidth", "borderStartWidth"],
|
|
142
|
+
borderInlineStyle: ["borderEndStyle", "borderStartStyle"],
|
|
143
|
+
borderInlineStartColor: ["borderStartColor"],
|
|
144
|
+
borderInlineEndColor: ["borderEndColor"],
|
|
145
|
+
borderInlineStartWidth: ["borderStartWidth"],
|
|
146
|
+
borderInlineEndWidth: ["borderEndWidth"],
|
|
126
147
|
borderInlineStartStyle: ["borderStartStyle"],
|
|
127
148
|
borderInlineEndStyle: ["borderEndStyle"],
|
|
128
|
-
marginBlock: ["marginTop", "marginBottom"],
|
|
129
149
|
marginInline: ["marginEnd", "marginStart"],
|
|
130
|
-
paddingBlock: ["paddingTop", "paddingBottom"],
|
|
131
|
-
paddingInline: ["paddingEnd", "paddingStart"],
|
|
132
|
-
marginBlockStart: ["marginTop"],
|
|
133
|
-
marginBlockEnd: ["marginBottom"],
|
|
134
150
|
marginInlineStart: ["marginStart"],
|
|
135
151
|
marginInlineEnd: ["marginEnd"],
|
|
136
|
-
|
|
137
|
-
paddingBlockEnd: ["paddingBottom"],
|
|
152
|
+
paddingInline: ["paddingEnd", "paddingStart"],
|
|
138
153
|
paddingInlineStart: ["paddingStart"],
|
|
139
154
|
paddingInlineEnd: ["paddingEnd"],
|
|
140
|
-
minBlockSize: ["minHeight"],
|
|
141
|
-
maxBlockSize: ["maxHeight"],
|
|
142
|
-
minInlineSize: ["minWidth"],
|
|
143
|
-
maxInlineSize: ["maxWidth"],
|
|
144
|
-
blockSize: ["height"],
|
|
145
|
-
inlineSize: ["width"],
|
|
146
|
-
inset: ["top", "right", "bottom", "left"],
|
|
147
|
-
insetBlock: ["top", "bottom"],
|
|
148
|
-
insetBlockStart: ["top"],
|
|
149
|
-
insetBlockEnd: ["bottom"],
|
|
150
155
|
insetInlineStart: ["left"],
|
|
151
156
|
insetInlineEnd: ["right"]
|
|
152
157
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["to","__toCommonJS","mod","__copyProps","__defProp","value","expandStyle_exports","__export","expandStyle","module","exports","import_constants","require","import_config","import_parseBorderShorthand","import_parseOutlineShorthand","_loop","parent2","_exec","_exec_index","prefix","slice","exec","index","length","EXPANSIONS","map","k","key","arguments","getStyleCompat","isAndroid","resizeModeMap","verticalAlignMap","parsed","parseBorderShorthand","parsed1","parseOutlineShorthand","
|
|
1
|
+
{"version":3,"names":["to","__toCommonJS","mod","__copyProps","__defProp","value","expandStyle_exports","__export","expandStyle","module","exports","import_constants","require","import_config","import_parseBorderShorthand","import_parseOutlineShorthand","_loop","parent2","_exec","_exec_index","prefix","slice","exec","index","length","EXPANSIONS","map","k","key","arguments","getStyleCompat","isAndroid","resizeModeMap","verticalAlignMap","parsed","parseBorderShorthand","parsed1","parseOutlineShorthand","nativeInlineExpansions","universalExpansions","fill","none","contain","cover","top","middle","bottom","auto","all","horiz","vert","xy","borderColor","borderRadius","borderWidth","margin","marginHorizontal","marginVertical","padding","paddingHorizontal","paddingVertical","isWeb","borderStyle","overflow","overscrollBehavior","parent","inset","insetBlock","insetBlockStart","insetBlockEnd","marginBlock","marginBlockStart","marginBlockEnd","paddingBlock","paddingBlockStart","paddingBlockEnd","borderBlockColor","borderBlockWidth","borderBlockStyle","borderBlockStartColor","borderBlockEndColor","borderBlockStartWidth","borderBlockEndWidth","borderBlockStartStyle","borderBlockEndStyle","minBlockSize","maxBlockSize","minInlineSize","maxInlineSize","blockSize","inlineSize","borderInlineColor","borderInlineWidth","borderInlineStyle","borderInlineStartColor","borderInlineEndColor","borderInlineStartWidth","borderInlineEndWidth","borderInlineStartStyle","borderInlineEndStyle","marginInline","marginInlineStart","marginInlineEnd","paddingInline","paddingInlineStart","paddingInlineEnd","insetInlineStart","insetInlineEnd"],"sources":["../../../src/helpers/expandStyle.ts"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
|
|
@@ -25,6 +25,7 @@ function expandStyle(key, value, styleCompat = getStyleCompat()) {
|
|
|
25
25
|
case "backdropFilter":
|
|
26
26
|
return [["backdropFilter", value], ["WebkitBackdropFilter", value]];
|
|
27
27
|
}
|
|
28
|
+
if (key in universalExpansions) return universalExpansions[key].map(k => [k, value]);
|
|
28
29
|
if (key in EXPANSIONS) return EXPANSIONS[key].map(k => [k, value]);
|
|
29
30
|
}
|
|
30
31
|
const all = ["Top", "Right", "Bottom", "Left"];
|
|
@@ -51,5 +52,32 @@ for (const parent in EXPANSIONS) {
|
|
|
51
52
|
const prefix = parent.slice(0, /[A-Z]/.exec(parent)?.index ?? parent.length);
|
|
52
53
|
EXPANSIONS[parent] = EXPANSIONS[parent].map(k => `${prefix}${k}`);
|
|
53
54
|
}
|
|
55
|
+
const universalExpansions = {
|
|
56
|
+
inset: ["top", "right", "bottom", "left"],
|
|
57
|
+
insetBlock: ["top", "bottom"],
|
|
58
|
+
insetBlockStart: ["top"],
|
|
59
|
+
insetBlockEnd: ["bottom"],
|
|
60
|
+
marginBlock: ["marginTop", "marginBottom"],
|
|
61
|
+
marginBlockStart: ["marginTop"],
|
|
62
|
+
marginBlockEnd: ["marginBottom"],
|
|
63
|
+
paddingBlock: ["paddingTop", "paddingBottom"],
|
|
64
|
+
paddingBlockStart: ["paddingTop"],
|
|
65
|
+
paddingBlockEnd: ["paddingBottom"],
|
|
66
|
+
borderBlockColor: ["borderTopColor", "borderBottomColor"],
|
|
67
|
+
borderBlockWidth: ["borderTopWidth", "borderBottomWidth"],
|
|
68
|
+
borderBlockStyle: ["borderTopStyle", "borderBottomStyle"],
|
|
69
|
+
borderBlockStartColor: ["borderTopColor"],
|
|
70
|
+
borderBlockEndColor: ["borderBottomColor"],
|
|
71
|
+
borderBlockStartWidth: ["borderTopWidth"],
|
|
72
|
+
borderBlockEndWidth: ["borderBottomWidth"],
|
|
73
|
+
borderBlockStartStyle: ["borderTopStyle"],
|
|
74
|
+
borderBlockEndStyle: ["borderBottomStyle"],
|
|
75
|
+
minBlockSize: ["minHeight"],
|
|
76
|
+
maxBlockSize: ["maxHeight"],
|
|
77
|
+
minInlineSize: ["minWidth"],
|
|
78
|
+
maxInlineSize: ["maxWidth"],
|
|
79
|
+
blockSize: ["height"],
|
|
80
|
+
inlineSize: ["width"]
|
|
81
|
+
};
|
|
54
82
|
export { expandStyle };
|
|
55
83
|
//# sourceMappingURL=expandStyle.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["isWeb","getStyleCompat","neg1Flex","expandFlex","value","compat","expandStyle","key","styleCompat","
|
|
1
|
+
{"version":3,"names":["isWeb","getStyleCompat","neg1Flex","expandFlex","value","compat","expandStyle","key","styleCompat","universalExpansions","map","k","EXPANSIONS","all","horiz","vert","xy","borderColor","borderRadius","borderWidth","margin","marginHorizontal","marginVertical","padding","paddingHorizontal","paddingVertical","borderStyle","overflow","overscrollBehavior","parent","prefix","slice","exec","index","length","inset","insetBlock","insetBlockStart","insetBlockEnd","marginBlock","marginBlockStart","marginBlockEnd","paddingBlock","paddingBlockStart","paddingBlockEnd","borderBlockColor","borderBlockWidth","borderBlockStyle","borderBlockStartColor","borderBlockEndColor","borderBlockStartWidth","borderBlockEndWidth","borderBlockStartStyle","borderBlockEndStyle","minBlockSize","maxBlockSize","minInlineSize","maxInlineSize","blockSize","inlineSize"],"sources":["expandStyle.mjs"],"sourcesContent":["import { isWeb } from \"@tamagui/constants\";\nimport { getStyleCompat } from \"../config\";\n\nconst neg1Flex = [\n\t[\"flexGrow\", 0],\n\t[\"flexShrink\", 1],\n\t[\"flexBasis\", \"auto\"]\n];\nfunction expandFlex(value, compat) {\n\tif (typeof value === \"string\") return [[\"flex\", value]];\n\tif (typeof value !== \"number\") return;\n\tif (value === -1) return neg1Flex;\n\tswitch (compat) {\n\t\tcase \"legacy\": return [\n\t\t\t[\"flexGrow\", value],\n\t\t\t[\"flexShrink\", 1],\n\t\t\t[\"flexBasis\", \"auto\"]\n\t\t];\n\t\tcase \"react-native\":\n\t\t\tif (value > 0) return [\n\t\t\t\t[\"flexGrow\", value],\n\t\t\t\t[\"flexShrink\", 0],\n\t\t\t\t[\"flexBasis\", 0]\n\t\t\t];\n\t\t\tif (value === 0) return [\n\t\t\t\t[\"flexGrow\", 0],\n\t\t\t\t[\"flexShrink\", 0],\n\t\t\t\t[\"flexBasis\", \"auto\"]\n\t\t\t];\n\t\t\treturn [\n\t\t\t\t[\"flexGrow\", 0],\n\t\t\t\t[\"flexShrink\", -value],\n\t\t\t\t[\"flexBasis\", \"auto\"]\n\t\t\t];\n\t\tcase \"web\":\n\t\t\tif (value < 0) return [[\"flex\", value]];\n\t\t\treturn [\n\t\t\t\t[\"flexGrow\", value],\n\t\t\t\t[\"flexShrink\", 1],\n\t\t\t\t[\"flexBasis\", 0]\n\t\t\t];\n\t}\n}\nfunction expandStyle(key, value, styleCompat = getStyleCompat()) {\n\tif (key === \"flex\") return expandFlex(value, styleCompat);\n\tswitch (key) {\n\t\tcase \"writingDirection\": return [[\"direction\", value]];\n\t\tcase \"backdropFilter\": return [[\"backdropFilter\", value], [\"WebkitBackdropFilter\", value]];\n\t}\n\tif (key in universalExpansions) return universalExpansions[key].map((k) => [k, value]);\n\tif (key in EXPANSIONS) return EXPANSIONS[key].map((k) => [k, value]);\n}\nconst all = [\n\t\"Top\",\n\t\"Right\",\n\t\"Bottom\",\n\t\"Left\"\n];\nconst horiz = [\"Right\", \"Left\"];\nconst vert = [\"Top\", \"Bottom\"];\nconst xy = [\"X\", \"Y\"];\nconst EXPANSIONS = {\n\tborderColor: [\n\t\t\"TopColor\",\n\t\t\"RightColor\",\n\t\t\"BottomColor\",\n\t\t\"LeftColor\"\n\t],\n\tborderRadius: [\n\t\t\"TopLeftRadius\",\n\t\t\"TopRightRadius\",\n\t\t\"BottomRightRadius\",\n\t\t\"BottomLeftRadius\"\n\t],\n\tborderWidth: [\n\t\t\"TopWidth\",\n\t\t\"RightWidth\",\n\t\t\"BottomWidth\",\n\t\t\"LeftWidth\"\n\t],\n\tmargin: all,\n\tmarginHorizontal: horiz,\n\tmarginVertical: vert,\n\tpadding: all,\n\tpaddingHorizontal: horiz,\n\tpaddingVertical: vert,\n\t...isWeb && {\n\t\tborderStyle: [\n\t\t\t\"TopStyle\",\n\t\t\t\"RightStyle\",\n\t\t\t\"BottomStyle\",\n\t\t\t\"LeftStyle\"\n\t\t],\n\t\toverflow: xy,\n\t\toverscrollBehavior: xy\n\t}\n};\nfor (const parent in EXPANSIONS) {\n\tconst prefix = parent.slice(0, /[A-Z]/.exec(parent)?.index ?? parent.length);\n\tEXPANSIONS[parent] = EXPANSIONS[parent].map((k) => `${prefix}${k}`);\n}\nconst universalExpansions = {\n\tinset: [\n\t\t\"top\",\n\t\t\"right\",\n\t\t\"bottom\",\n\t\t\"left\"\n\t],\n\tinsetBlock: [\"top\", \"bottom\"],\n\tinsetBlockStart: [\"top\"],\n\tinsetBlockEnd: [\"bottom\"],\n\tmarginBlock: [\"marginTop\", \"marginBottom\"],\n\tmarginBlockStart: [\"marginTop\"],\n\tmarginBlockEnd: [\"marginBottom\"],\n\tpaddingBlock: [\"paddingTop\", \"paddingBottom\"],\n\tpaddingBlockStart: [\"paddingTop\"],\n\tpaddingBlockEnd: [\"paddingBottom\"],\n\tborderBlockColor: [\"borderTopColor\", \"borderBottomColor\"],\n\tborderBlockWidth: [\"borderTopWidth\", \"borderBottomWidth\"],\n\tborderBlockStyle: [\"borderTopStyle\", \"borderBottomStyle\"],\n\tborderBlockStartColor: [\"borderTopColor\"],\n\tborderBlockEndColor: [\"borderBottomColor\"],\n\tborderBlockStartWidth: [\"borderTopWidth\"],\n\tborderBlockEndWidth: [\"borderBottomWidth\"],\n\tborderBlockStartStyle: [\"borderTopStyle\"],\n\tborderBlockEndStyle: [\"borderBottomStyle\"],\n\tminBlockSize: [\"minHeight\"],\n\tmaxBlockSize: [\"maxHeight\"],\n\tminInlineSize: [\"minWidth\"],\n\tmaxInlineSize: [\"maxWidth\"],\n\tblockSize: [\"height\"],\n\tinlineSize: [\"width\"]\n};\n\nexport { expandStyle };"],"mappings":"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","ignoreList":[]}
|
|
@@ -36,7 +36,10 @@ function expandStyle(key, value) {
|
|
|
36
36
|
}
|
|
37
37
|
return;
|
|
38
38
|
}
|
|
39
|
-
if (key in
|
|
39
|
+
if (key in nativeInlineExpansions) return nativeInlineExpansions[key].map(function (k) {
|
|
40
|
+
return [k, value];
|
|
41
|
+
});
|
|
42
|
+
if (key in universalExpansions) return universalExpansions[key].map(function (k) {
|
|
40
43
|
return [k, value];
|
|
41
44
|
});
|
|
42
45
|
if (key in EXPANSIONS) return EXPANSIONS[key].map(function (k) {
|
|
@@ -77,47 +80,49 @@ var EXPANSIONS = {
|
|
|
77
80
|
})
|
|
78
81
|
};
|
|
79
82
|
for (var parent in EXPANSIONS) _loop(parent);
|
|
80
|
-
var
|
|
83
|
+
var universalExpansions = {
|
|
84
|
+
inset: ["top", "right", "bottom", "left"],
|
|
85
|
+
insetBlock: ["top", "bottom"],
|
|
86
|
+
insetBlockStart: ["top"],
|
|
87
|
+
insetBlockEnd: ["bottom"],
|
|
88
|
+
marginBlock: ["marginTop", "marginBottom"],
|
|
89
|
+
marginBlockStart: ["marginTop"],
|
|
90
|
+
marginBlockEnd: ["marginBottom"],
|
|
91
|
+
paddingBlock: ["paddingTop", "paddingBottom"],
|
|
92
|
+
paddingBlockStart: ["paddingTop"],
|
|
93
|
+
paddingBlockEnd: ["paddingBottom"],
|
|
81
94
|
borderBlockColor: ["borderTopColor", "borderBottomColor"],
|
|
82
|
-
borderInlineColor: ["borderEndColor", "borderStartColor"],
|
|
83
95
|
borderBlockWidth: ["borderTopWidth", "borderBottomWidth"],
|
|
84
|
-
borderInlineWidth: ["borderEndWidth", "borderStartWidth"],
|
|
85
96
|
borderBlockStyle: ["borderTopStyle", "borderBottomStyle"],
|
|
86
|
-
borderInlineStyle: ["borderEndStyle", "borderStartStyle"],
|
|
87
97
|
borderBlockStartColor: ["borderTopColor"],
|
|
88
98
|
borderBlockEndColor: ["borderBottomColor"],
|
|
89
|
-
borderInlineStartColor: ["borderStartColor"],
|
|
90
|
-
borderInlineEndColor: ["borderEndColor"],
|
|
91
99
|
borderBlockStartWidth: ["borderTopWidth"],
|
|
92
100
|
borderBlockEndWidth: ["borderBottomWidth"],
|
|
93
|
-
borderInlineStartWidth: ["borderStartWidth"],
|
|
94
|
-
borderInlineEndWidth: ["borderEndWidth"],
|
|
95
101
|
borderBlockStartStyle: ["borderTopStyle"],
|
|
96
102
|
borderBlockEndStyle: ["borderBottomStyle"],
|
|
103
|
+
minBlockSize: ["minHeight"],
|
|
104
|
+
maxBlockSize: ["maxHeight"],
|
|
105
|
+
minInlineSize: ["minWidth"],
|
|
106
|
+
maxInlineSize: ["maxWidth"],
|
|
107
|
+
blockSize: ["height"],
|
|
108
|
+
inlineSize: ["width"]
|
|
109
|
+
};
|
|
110
|
+
var nativeInlineExpansions = {
|
|
111
|
+
borderInlineColor: ["borderEndColor", "borderStartColor"],
|
|
112
|
+
borderInlineWidth: ["borderEndWidth", "borderStartWidth"],
|
|
113
|
+
borderInlineStyle: ["borderEndStyle", "borderStartStyle"],
|
|
114
|
+
borderInlineStartColor: ["borderStartColor"],
|
|
115
|
+
borderInlineEndColor: ["borderEndColor"],
|
|
116
|
+
borderInlineStartWidth: ["borderStartWidth"],
|
|
117
|
+
borderInlineEndWidth: ["borderEndWidth"],
|
|
97
118
|
borderInlineStartStyle: ["borderStartStyle"],
|
|
98
119
|
borderInlineEndStyle: ["borderEndStyle"],
|
|
99
|
-
marginBlock: ["marginTop", "marginBottom"],
|
|
100
120
|
marginInline: ["marginEnd", "marginStart"],
|
|
101
|
-
paddingBlock: ["paddingTop", "paddingBottom"],
|
|
102
|
-
paddingInline: ["paddingEnd", "paddingStart"],
|
|
103
|
-
marginBlockStart: ["marginTop"],
|
|
104
|
-
marginBlockEnd: ["marginBottom"],
|
|
105
121
|
marginInlineStart: ["marginStart"],
|
|
106
122
|
marginInlineEnd: ["marginEnd"],
|
|
107
|
-
|
|
108
|
-
paddingBlockEnd: ["paddingBottom"],
|
|
123
|
+
paddingInline: ["paddingEnd", "paddingStart"],
|
|
109
124
|
paddingInlineStart: ["paddingStart"],
|
|
110
125
|
paddingInlineEnd: ["paddingEnd"],
|
|
111
|
-
minBlockSize: ["minHeight"],
|
|
112
|
-
maxBlockSize: ["maxHeight"],
|
|
113
|
-
minInlineSize: ["minWidth"],
|
|
114
|
-
maxInlineSize: ["maxWidth"],
|
|
115
|
-
blockSize: ["height"],
|
|
116
|
-
inlineSize: ["width"],
|
|
117
|
-
inset: ["top", "right", "bottom", "left"],
|
|
118
|
-
insetBlock: ["top", "bottom"],
|
|
119
|
-
insetBlockStart: ["top"],
|
|
120
|
-
insetBlockEnd: ["bottom"],
|
|
121
126
|
insetInlineStart: ["left"],
|
|
122
127
|
insetInlineEnd: ["right"]
|
|
123
128
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["isAndroid","isWeb","getStyleCompat","parseBorderShorthand","parseOutlineShorthand","_loop","parent2","_exec","_exec_index","prefix","slice","exec","index","length","EXPANSIONS","map","k","expandStyle","key","value","arguments","resizeModeMap","verticalAlignMap","parsed","parsed1","nativeExpansions","fill","none","contain","cover","top","middle","bottom","auto","all","horiz","vert","xy","borderColor","borderRadius","borderWidth","margin","marginHorizontal","marginVertical","padding","paddingHorizontal","paddingVertical","borderStyle","overflow","overscrollBehavior","parent","borderBlockColor","borderInlineColor","borderBlockWidth","borderInlineWidth","borderBlockStyle","borderInlineStyle","borderBlockStartColor","borderBlockEndColor","borderInlineStartColor","borderInlineEndColor","borderBlockStartWidth","borderBlockEndWidth","borderInlineStartWidth","borderInlineEndWidth","borderBlockStartStyle","borderBlockEndStyle","borderInlineStartStyle","borderInlineEndStyle","marginBlock","marginInline","paddingBlock","paddingInline","marginBlockStart","marginBlockEnd","marginInlineStart","marginInlineEnd","paddingBlockStart","paddingBlockEnd","paddingInlineStart","paddingInlineEnd","minBlockSize","maxBlockSize","minInlineSize","maxInlineSize","blockSize","inlineSize","inset","insetBlock","insetBlockStart","insetBlockEnd","insetInlineStart","insetInlineEnd"],"sources":["expandStyle.native.js"],"sourcesContent":["import { isAndroid, isWeb } from \"@tamagui/constants\";\nimport { getStyleCompat } from \"../config\";\nimport { parseBorderShorthand } from \"./parseBorderShorthand\";\nimport { parseOutlineShorthand } from \"./parseOutlineShorthand\";\n\nvar _loop = function(parent2) {\n\tvar _exec;\n\tvar _exec_index;\n\tvar prefix = parent2.slice(0, (_exec_index = (_exec = /[A-Z]/.exec(parent2)) === null || _exec === void 0 ? void 0 : _exec.index) !== null && _exec_index !== void 0 ? _exec_index : parent2.length);\n\tEXPANSIONS[parent2] = EXPANSIONS[parent2].map(function(k) {\n\t\treturn `${prefix}${k}`;\n\t});\n};\nfunction expandStyle(key, value) {\n\targuments.length > 2 && arguments[2] !== void 0 ? arguments[2] : getStyleCompat();\n\tif (isAndroid && key === \"elevationAndroid\") return [[\"elevation\", value]];\n\tswitch (key) {\n\t\tcase \"objectFit\": return [[\"resizeMode\", resizeModeMap[value] || \"cover\"]];\n\t\tcase \"verticalAlign\": return [[\"textAlignVertical\", verticalAlignMap[value] || \"auto\"]];\n\t\tcase \"position\":\n\t\t\tif (value === \"fixed\" || value === \"sticky\") return [[\"position\", \"absolute\"]];\n\t\t\treturn;\n\t\tcase \"backgroundImage\": return [[\"experimental_backgroundImage\", value]];\n\t\tcase \"border\":\n\t\t\tif (typeof value === \"string\") {\n\t\t\t\tvar parsed = parseBorderShorthand(value);\n\t\t\t\tif (parsed) return parsed;\n\t\t\t}\n\t\t\treturn;\n\t\tcase \"outline\":\n\t\t\tif (typeof value === \"string\") {\n\t\t\t\tvar parsed1 = parseOutlineShorthand(value);\n\t\t\t\tif (parsed1) return parsed1;\n\t\t\t}\n\t\t\treturn;\n\t}\n\tif (key in nativeExpansions) return nativeExpansions[key].map(function(k) {\n\t\treturn [k, value];\n\t});\n\tif (key in EXPANSIONS) return EXPANSIONS[key].map(function(k) {\n\t\treturn [k, value];\n\t});\n}\nvar resizeModeMap = {\n\tfill: \"stretch\",\n\tnone: \"center\",\n\t\"scale-down\": \"contain\",\n\tcontain: \"contain\",\n\tcover: \"cover\"\n};\nvar verticalAlignMap = {\n\ttop: \"top\",\n\tmiddle: \"center\",\n\tbottom: \"bottom\",\n\tauto: \"auto\"\n};\nvar all = [\n\t\"Top\",\n\t\"Right\",\n\t\"Bottom\",\n\t\"Left\"\n];\nvar horiz = [\"Right\", \"Left\"];\nvar vert = [\"Top\", \"Bottom\"];\nvar xy = [\"X\", \"Y\"];\nvar EXPANSIONS = {\n\tborderColor: [\n\t\t\"TopColor\",\n\t\t\"RightColor\",\n\t\t\"BottomColor\",\n\t\t\"LeftColor\"\n\t],\n\tborderRadius: [\n\t\t\"TopLeftRadius\",\n\t\t\"TopRightRadius\",\n\t\t\"BottomRightRadius\",\n\t\t\"BottomLeftRadius\"\n\t],\n\tborderWidth: [\n\t\t\"TopWidth\",\n\t\t\"RightWidth\",\n\t\t\"BottomWidth\",\n\t\t\"LeftWidth\"\n\t],\n\tmargin: all,\n\tmarginHorizontal: horiz,\n\tmarginVertical: vert,\n\tpadding: all,\n\tpaddingHorizontal: horiz,\n\tpaddingVertical: vert,\n\t...isWeb && {\n\t\tborderStyle: [\n\t\t\t\"TopStyle\",\n\t\t\t\"RightStyle\",\n\t\t\t\"BottomStyle\",\n\t\t\t\"LeftStyle\"\n\t\t],\n\t\toverflow: xy,\n\t\toverscrollBehavior: xy\n\t}\n};\nfor (var parent in EXPANSIONS) _loop(parent);\nvar nativeExpansions = {\n\tborderBlockColor: [\"borderTopColor\", \"borderBottomColor\"],\n\tborderInlineColor: [\"borderEndColor\", \"borderStartColor\"],\n\tborderBlockWidth: [\"borderTopWidth\", \"borderBottomWidth\"],\n\tborderInlineWidth: [\"borderEndWidth\", \"borderStartWidth\"],\n\tborderBlockStyle: [\"borderTopStyle\", \"borderBottomStyle\"],\n\tborderInlineStyle: [\"borderEndStyle\", \"borderStartStyle\"],\n\tborderBlockStartColor: [\"borderTopColor\"],\n\tborderBlockEndColor: [\"borderBottomColor\"],\n\tborderInlineStartColor: [\"borderStartColor\"],\n\tborderInlineEndColor: [\"borderEndColor\"],\n\tborderBlockStartWidth: [\"borderTopWidth\"],\n\tborderBlockEndWidth: [\"borderBottomWidth\"],\n\tborderInlineStartWidth: [\"borderStartWidth\"],\n\tborderInlineEndWidth: [\"borderEndWidth\"],\n\tborderBlockStartStyle: [\"borderTopStyle\"],\n\tborderBlockEndStyle: [\"borderBottomStyle\"],\n\tborderInlineStartStyle: [\"borderStartStyle\"],\n\tborderInlineEndStyle: [\"borderEndStyle\"],\n\tmarginBlock: [\"marginTop\", \"marginBottom\"],\n\tmarginInline: [\"marginEnd\", \"marginStart\"],\n\tpaddingBlock: [\"paddingTop\", \"paddingBottom\"],\n\tpaddingInline: [\"paddingEnd\", \"paddingStart\"],\n\tmarginBlockStart: [\"marginTop\"],\n\tmarginBlockEnd: [\"marginBottom\"],\n\tmarginInlineStart: [\"marginStart\"],\n\tmarginInlineEnd: [\"marginEnd\"],\n\tpaddingBlockStart: [\"paddingTop\"],\n\tpaddingBlockEnd: [\"paddingBottom\"],\n\tpaddingInlineStart: [\"paddingStart\"],\n\tpaddingInlineEnd: [\"paddingEnd\"],\n\tminBlockSize: [\"minHeight\"],\n\tmaxBlockSize: [\"maxHeight\"],\n\tminInlineSize: [\"minWidth\"],\n\tmaxInlineSize: [\"maxWidth\"],\n\tblockSize: [\"height\"],\n\tinlineSize: [\"width\"],\n\tinset: [\n\t\t\"top\",\n\t\t\"right\",\n\t\t\"bottom\",\n\t\t\"left\"\n\t],\n\tinsetBlock: [\"top\", \"bottom\"],\n\tinsetBlockStart: [\"top\"],\n\tinsetBlockEnd: [\"bottom\"],\n\tinsetInlineStart: [\"left\"],\n\tinsetInlineEnd: [\"right\"]\n};\n\nexport { expandStyle };"],"mappings":"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","ignoreList":[]}
|
|
1
|
+
{"version":3,"names":["isAndroid","isWeb","getStyleCompat","parseBorderShorthand","parseOutlineShorthand","_loop","parent2","_exec","_exec_index","prefix","slice","exec","index","length","EXPANSIONS","map","k","expandStyle","key","value","arguments","resizeModeMap","verticalAlignMap","parsed","parsed1","nativeInlineExpansions","universalExpansions","fill","none","contain","cover","top","middle","bottom","auto","all","horiz","vert","xy","borderColor","borderRadius","borderWidth","margin","marginHorizontal","marginVertical","padding","paddingHorizontal","paddingVertical","borderStyle","overflow","overscrollBehavior","parent","inset","insetBlock","insetBlockStart","insetBlockEnd","marginBlock","marginBlockStart","marginBlockEnd","paddingBlock","paddingBlockStart","paddingBlockEnd","borderBlockColor","borderBlockWidth","borderBlockStyle","borderBlockStartColor","borderBlockEndColor","borderBlockStartWidth","borderBlockEndWidth","borderBlockStartStyle","borderBlockEndStyle","minBlockSize","maxBlockSize","minInlineSize","maxInlineSize","blockSize","inlineSize","borderInlineColor","borderInlineWidth","borderInlineStyle","borderInlineStartColor","borderInlineEndColor","borderInlineStartWidth","borderInlineEndWidth","borderInlineStartStyle","borderInlineEndStyle","marginInline","marginInlineStart","marginInlineEnd","paddingInline","paddingInlineStart","paddingInlineEnd","insetInlineStart","insetInlineEnd"],"sources":["expandStyle.native.js"],"sourcesContent":["import { isAndroid, isWeb } from \"@tamagui/constants\";\nimport { getStyleCompat } from \"../config\";\nimport { parseBorderShorthand } from \"./parseBorderShorthand\";\nimport { parseOutlineShorthand } from \"./parseOutlineShorthand\";\n\nvar _loop = function(parent2) {\n\tvar _exec;\n\tvar _exec_index;\n\tvar prefix = parent2.slice(0, (_exec_index = (_exec = /[A-Z]/.exec(parent2)) === null || _exec === void 0 ? void 0 : _exec.index) !== null && _exec_index !== void 0 ? _exec_index : parent2.length);\n\tEXPANSIONS[parent2] = EXPANSIONS[parent2].map(function(k) {\n\t\treturn `${prefix}${k}`;\n\t});\n};\nfunction expandStyle(key, value) {\n\targuments.length > 2 && arguments[2] !== void 0 ? arguments[2] : getStyleCompat();\n\tif (isAndroid && key === \"elevationAndroid\") return [[\"elevation\", value]];\n\tswitch (key) {\n\t\tcase \"objectFit\": return [[\"resizeMode\", resizeModeMap[value] || \"cover\"]];\n\t\tcase \"verticalAlign\": return [[\"textAlignVertical\", verticalAlignMap[value] || \"auto\"]];\n\t\tcase \"position\":\n\t\t\tif (value === \"fixed\" || value === \"sticky\") return [[\"position\", \"absolute\"]];\n\t\t\treturn;\n\t\tcase \"backgroundImage\": return [[\"experimental_backgroundImage\", value]];\n\t\tcase \"border\":\n\t\t\tif (typeof value === \"string\") {\n\t\t\t\tvar parsed = parseBorderShorthand(value);\n\t\t\t\tif (parsed) return parsed;\n\t\t\t}\n\t\t\treturn;\n\t\tcase \"outline\":\n\t\t\tif (typeof value === \"string\") {\n\t\t\t\tvar parsed1 = parseOutlineShorthand(value);\n\t\t\t\tif (parsed1) return parsed1;\n\t\t\t}\n\t\t\treturn;\n\t}\n\tif (key in nativeInlineExpansions) return nativeInlineExpansions[key].map(function(k) {\n\t\treturn [k, value];\n\t});\n\tif (key in universalExpansions) return universalExpansions[key].map(function(k) {\n\t\treturn [k, value];\n\t});\n\tif (key in EXPANSIONS) return EXPANSIONS[key].map(function(k) {\n\t\treturn [k, value];\n\t});\n}\nvar resizeModeMap = {\n\tfill: \"stretch\",\n\tnone: \"center\",\n\t\"scale-down\": \"contain\",\n\tcontain: \"contain\",\n\tcover: \"cover\"\n};\nvar verticalAlignMap = {\n\ttop: \"top\",\n\tmiddle: \"center\",\n\tbottom: \"bottom\",\n\tauto: \"auto\"\n};\nvar all = [\n\t\"Top\",\n\t\"Right\",\n\t\"Bottom\",\n\t\"Left\"\n];\nvar horiz = [\"Right\", \"Left\"];\nvar vert = [\"Top\", \"Bottom\"];\nvar xy = [\"X\", \"Y\"];\nvar EXPANSIONS = {\n\tborderColor: [\n\t\t\"TopColor\",\n\t\t\"RightColor\",\n\t\t\"BottomColor\",\n\t\t\"LeftColor\"\n\t],\n\tborderRadius: [\n\t\t\"TopLeftRadius\",\n\t\t\"TopRightRadius\",\n\t\t\"BottomRightRadius\",\n\t\t\"BottomLeftRadius\"\n\t],\n\tborderWidth: [\n\t\t\"TopWidth\",\n\t\t\"RightWidth\",\n\t\t\"BottomWidth\",\n\t\t\"LeftWidth\"\n\t],\n\tmargin: all,\n\tmarginHorizontal: horiz,\n\tmarginVertical: vert,\n\tpadding: all,\n\tpaddingHorizontal: horiz,\n\tpaddingVertical: vert,\n\t...isWeb && {\n\t\tborderStyle: [\n\t\t\t\"TopStyle\",\n\t\t\t\"RightStyle\",\n\t\t\t\"BottomStyle\",\n\t\t\t\"LeftStyle\"\n\t\t],\n\t\toverflow: xy,\n\t\toverscrollBehavior: xy\n\t}\n};\nfor (var parent in EXPANSIONS) _loop(parent);\nvar universalExpansions = {\n\tinset: [\n\t\t\"top\",\n\t\t\"right\",\n\t\t\"bottom\",\n\t\t\"left\"\n\t],\n\tinsetBlock: [\"top\", \"bottom\"],\n\tinsetBlockStart: [\"top\"],\n\tinsetBlockEnd: [\"bottom\"],\n\tmarginBlock: [\"marginTop\", \"marginBottom\"],\n\tmarginBlockStart: [\"marginTop\"],\n\tmarginBlockEnd: [\"marginBottom\"],\n\tpaddingBlock: [\"paddingTop\", \"paddingBottom\"],\n\tpaddingBlockStart: [\"paddingTop\"],\n\tpaddingBlockEnd: [\"paddingBottom\"],\n\tborderBlockColor: [\"borderTopColor\", \"borderBottomColor\"],\n\tborderBlockWidth: [\"borderTopWidth\", \"borderBottomWidth\"],\n\tborderBlockStyle: [\"borderTopStyle\", \"borderBottomStyle\"],\n\tborderBlockStartColor: [\"borderTopColor\"],\n\tborderBlockEndColor: [\"borderBottomColor\"],\n\tborderBlockStartWidth: [\"borderTopWidth\"],\n\tborderBlockEndWidth: [\"borderBottomWidth\"],\n\tborderBlockStartStyle: [\"borderTopStyle\"],\n\tborderBlockEndStyle: [\"borderBottomStyle\"],\n\tminBlockSize: [\"minHeight\"],\n\tmaxBlockSize: [\"maxHeight\"],\n\tminInlineSize: [\"minWidth\"],\n\tmaxInlineSize: [\"maxWidth\"],\n\tblockSize: [\"height\"],\n\tinlineSize: [\"width\"]\n};\nvar nativeInlineExpansions = {\n\tborderInlineColor: [\"borderEndColor\", \"borderStartColor\"],\n\tborderInlineWidth: [\"borderEndWidth\", \"borderStartWidth\"],\n\tborderInlineStyle: [\"borderEndStyle\", \"borderStartStyle\"],\n\tborderInlineStartColor: [\"borderStartColor\"],\n\tborderInlineEndColor: [\"borderEndColor\"],\n\tborderInlineStartWidth: [\"borderStartWidth\"],\n\tborderInlineEndWidth: [\"borderEndWidth\"],\n\tborderInlineStartStyle: [\"borderStartStyle\"],\n\tborderInlineEndStyle: [\"borderEndStyle\"],\n\tmarginInline: [\"marginEnd\", \"marginStart\"],\n\tmarginInlineStart: [\"marginStart\"],\n\tmarginInlineEnd: [\"marginEnd\"],\n\tpaddingInline: [\"paddingEnd\", \"paddingStart\"],\n\tpaddingInlineStart: [\"paddingStart\"],\n\tpaddingInlineEnd: [\"paddingEnd\"],\n\tinsetInlineStart: [\"left\"],\n\tinsetInlineEnd: [\"right\"]\n};\n\nexport { expandStyle };"],"mappings":"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","ignoreList":[]}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@tamagui/web",
|
|
3
|
-
"version": "2.3.
|
|
3
|
+
"version": "2.3.2",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"author": {
|
|
6
6
|
"name": "Nate Wienert"
|
|
@@ -51,20 +51,20 @@
|
|
|
51
51
|
"test:web": "vitest --typecheck --run"
|
|
52
52
|
},
|
|
53
53
|
"dependencies": {
|
|
54
|
-
"@tamagui/compose-refs": "2.3.
|
|
55
|
-
"@tamagui/constants": "2.3.
|
|
56
|
-
"@tamagui/helpers": "2.3.
|
|
57
|
-
"@tamagui/is-equal-shallow": "2.3.
|
|
58
|
-
"@tamagui/native": "2.3.
|
|
59
|
-
"@tamagui/normalize-css-color": "2.3.
|
|
60
|
-
"@tamagui/timer": "2.3.
|
|
61
|
-
"@tamagui/types": "2.3.
|
|
62
|
-
"@tamagui/use-did-finish-ssr": "2.3.
|
|
63
|
-
"@tamagui/use-event": "2.3.
|
|
64
|
-
"@tamagui/use-force-update": "2.3.
|
|
54
|
+
"@tamagui/compose-refs": "2.3.2",
|
|
55
|
+
"@tamagui/constants": "2.3.2",
|
|
56
|
+
"@tamagui/helpers": "2.3.2",
|
|
57
|
+
"@tamagui/is-equal-shallow": "2.3.2",
|
|
58
|
+
"@tamagui/native": "2.3.2",
|
|
59
|
+
"@tamagui/normalize-css-color": "2.3.2",
|
|
60
|
+
"@tamagui/timer": "2.3.2",
|
|
61
|
+
"@tamagui/types": "2.3.2",
|
|
62
|
+
"@tamagui/use-did-finish-ssr": "2.3.2",
|
|
63
|
+
"@tamagui/use-event": "2.3.2",
|
|
64
|
+
"@tamagui/use-force-update": "2.3.2"
|
|
65
65
|
},
|
|
66
66
|
"devDependencies": {
|
|
67
|
-
"@tamagui/build": "2.3.
|
|
67
|
+
"@tamagui/build": "2.3.2",
|
|
68
68
|
"@testing-library/react": "^16.1.0",
|
|
69
69
|
"csstype": "^3.0.10",
|
|
70
70
|
"react": ">=19",
|
|
@@ -140,12 +140,21 @@ export function expandStyle(
|
|
|
140
140
|
}
|
|
141
141
|
}
|
|
142
142
|
|
|
143
|
-
// native-only
|
|
144
|
-
|
|
145
|
-
|
|
143
|
+
// native-only logical expansions (RTL-aware inline props output RN-style
|
|
144
|
+
// names like marginStart/borderEndColor that aren't valid CSS on web)
|
|
145
|
+
if (key in nativeInlineExpansions) {
|
|
146
|
+
return nativeInlineExpansions[key].map((k) => [k, value])
|
|
146
147
|
}
|
|
147
148
|
}
|
|
148
149
|
|
|
150
|
+
// universal logical expansions — applied on both targets so atomic CSS
|
|
151
|
+
// generates one class per longhand. Otherwise `inset: 0` becomes a single
|
|
152
|
+
// `_inset-0px` class controlling four sub-properties, which silently breaks
|
|
153
|
+
// dedup/override against `top`/`left`/etc.
|
|
154
|
+
if (key in universalExpansions) {
|
|
155
|
+
return universalExpansions[key].map((k) => [k, value])
|
|
156
|
+
}
|
|
157
|
+
|
|
149
158
|
if (key in EXPANSIONS) {
|
|
150
159
|
return EXPANSIONS[key].map((k) => [k, value])
|
|
151
160
|
}
|
|
@@ -202,52 +211,62 @@ for (const parent in EXPANSIONS) {
|
|
|
202
211
|
EXPANSIONS[parent] = EXPANSIONS[parent].map((k) => `${prefix}${k}`)
|
|
203
212
|
}
|
|
204
213
|
|
|
205
|
-
//
|
|
206
|
-
|
|
207
|
-
|
|
214
|
+
// Logical expansions whose targets are physical longhands valid on both
|
|
215
|
+
// targets. Applied unconditionally so atomic CSS stays one-class-per-longhand:
|
|
216
|
+
// without this, `inset: 0` emits `_inset-0px` (one class, four sub-properties)
|
|
217
|
+
// and silently breaks dedup/override against `top`/`left`/etc.
|
|
218
|
+
const universalExpansions: Record<string, string[]> = {
|
|
219
|
+
// inset
|
|
220
|
+
inset: ['top', 'right', 'bottom', 'left'],
|
|
221
|
+
insetBlock: ['top', 'bottom'],
|
|
222
|
+
insetBlockStart: ['top'],
|
|
223
|
+
insetBlockEnd: ['bottom'],
|
|
224
|
+
// block-axis margin/padding
|
|
225
|
+
marginBlock: ['marginTop', 'marginBottom'],
|
|
226
|
+
marginBlockStart: ['marginTop'],
|
|
227
|
+
marginBlockEnd: ['marginBottom'],
|
|
228
|
+
paddingBlock: ['paddingTop', 'paddingBottom'],
|
|
229
|
+
paddingBlockStart: ['paddingTop'],
|
|
230
|
+
paddingBlockEnd: ['paddingBottom'],
|
|
231
|
+
// block-axis border
|
|
208
232
|
borderBlockColor: ['borderTopColor', 'borderBottomColor'],
|
|
209
|
-
borderInlineColor: ['borderEndColor', 'borderStartColor'],
|
|
210
233
|
borderBlockWidth: ['borderTopWidth', 'borderBottomWidth'],
|
|
211
|
-
borderInlineWidth: ['borderEndWidth', 'borderStartWidth'],
|
|
212
234
|
borderBlockStyle: ['borderTopStyle', 'borderBottomStyle'],
|
|
213
|
-
borderInlineStyle: ['borderEndStyle', 'borderStartStyle'],
|
|
214
235
|
borderBlockStartColor: ['borderTopColor'],
|
|
215
236
|
borderBlockEndColor: ['borderBottomColor'],
|
|
216
|
-
borderInlineStartColor: ['borderStartColor'],
|
|
217
|
-
borderInlineEndColor: ['borderEndColor'],
|
|
218
237
|
borderBlockStartWidth: ['borderTopWidth'],
|
|
219
238
|
borderBlockEndWidth: ['borderBottomWidth'],
|
|
220
|
-
borderInlineStartWidth: ['borderStartWidth'],
|
|
221
|
-
borderInlineEndWidth: ['borderEndWidth'],
|
|
222
239
|
borderBlockStartStyle: ['borderTopStyle'],
|
|
223
240
|
borderBlockEndStyle: ['borderBottomStyle'],
|
|
241
|
+
// logical sizing → physical width/height
|
|
242
|
+
minBlockSize: ['minHeight'],
|
|
243
|
+
maxBlockSize: ['maxHeight'],
|
|
244
|
+
minInlineSize: ['minWidth'],
|
|
245
|
+
maxInlineSize: ['maxWidth'],
|
|
246
|
+
blockSize: ['height'],
|
|
247
|
+
inlineSize: ['width'],
|
|
248
|
+
}
|
|
249
|
+
|
|
250
|
+
// Inline-axis logical expansions are native-only: their targets are RN-style
|
|
251
|
+
// RTL-aware names (marginStart/borderEndColor/etc.) which web's CSS hyphenator
|
|
252
|
+
// would emit as invalid CSS. On web these props pass through as native CSS
|
|
253
|
+
// logical properties, which the browser handles RTL-aware.
|
|
254
|
+
const nativeInlineExpansions: Record<string, string[]> = {
|
|
255
|
+
borderInlineColor: ['borderEndColor', 'borderStartColor'],
|
|
256
|
+
borderInlineWidth: ['borderEndWidth', 'borderStartWidth'],
|
|
257
|
+
borderInlineStyle: ['borderEndStyle', 'borderStartStyle'],
|
|
258
|
+
borderInlineStartColor: ['borderStartColor'],
|
|
259
|
+
borderInlineEndColor: ['borderEndColor'],
|
|
260
|
+
borderInlineStartWidth: ['borderStartWidth'],
|
|
261
|
+
borderInlineEndWidth: ['borderEndWidth'],
|
|
224
262
|
borderInlineStartStyle: ['borderStartStyle'],
|
|
225
263
|
borderInlineEndStyle: ['borderEndStyle'],
|
|
226
|
-
// logical margin/padding
|
|
227
|
-
marginBlock: ['marginTop', 'marginBottom'],
|
|
228
264
|
marginInline: ['marginEnd', 'marginStart'],
|
|
229
|
-
paddingBlock: ['paddingTop', 'paddingBottom'],
|
|
230
|
-
paddingInline: ['paddingEnd', 'paddingStart'],
|
|
231
|
-
marginBlockStart: ['marginTop'],
|
|
232
|
-
marginBlockEnd: ['marginBottom'],
|
|
233
265
|
marginInlineStart: ['marginStart'],
|
|
234
266
|
marginInlineEnd: ['marginEnd'],
|
|
235
|
-
|
|
236
|
-
paddingBlockEnd: ['paddingBottom'],
|
|
267
|
+
paddingInline: ['paddingEnd', 'paddingStart'],
|
|
237
268
|
paddingInlineStart: ['paddingStart'],
|
|
238
269
|
paddingInlineEnd: ['paddingEnd'],
|
|
239
|
-
// logical sizing
|
|
240
|
-
minBlockSize: ['minHeight'],
|
|
241
|
-
maxBlockSize: ['maxHeight'],
|
|
242
|
-
minInlineSize: ['minWidth'],
|
|
243
|
-
maxInlineSize: ['maxWidth'],
|
|
244
|
-
blockSize: ['height'],
|
|
245
|
-
inlineSize: ['width'],
|
|
246
|
-
// inset
|
|
247
|
-
inset: ['top', 'right', 'bottom', 'left'],
|
|
248
|
-
insetBlock: ['top', 'bottom'],
|
|
249
|
-
insetBlockStart: ['top'],
|
|
250
|
-
insetBlockEnd: ['bottom'],
|
|
251
270
|
insetInlineStart: ['left'],
|
|
252
271
|
insetInlineEnd: ['right'],
|
|
253
272
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"expandStyle.d.ts","sourceRoot":"","sources":["../../src/helpers/expandStyle.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAIH,OAAO,EAAkB,KAAK,WAAW,EAAE,MAAM,WAAW,CAAA;AAC5D,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,UAAU,CAAA;AA8D/C,wBAAgB,WAAW,CACzB,GAAG,EAAE,MAAM,EACX,KAAK,EAAE,GAAG,EACV,WAAW,GAAE,WAA8B,GAC1C,eAAe,
|
|
1
|
+
{"version":3,"file":"expandStyle.d.ts","sourceRoot":"","sources":["../../src/helpers/expandStyle.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAIH,OAAO,EAAkB,KAAK,WAAW,EAAE,MAAM,WAAW,CAAA;AAC5D,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,UAAU,CAAA;AA8D/C,wBAAgB,WAAW,CACzB,GAAG,EAAE,MAAM,EACX,KAAK,EAAE,GAAG,EACV,WAAW,GAAE,WAA8B,GAC1C,eAAe,CAsFjB"}
|