react-native-css 0.0.0-nightly.2c68396 → 0.0.0-nightly.2cfbf16
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/README.md +5 -5
- package/dist/commonjs/compiler/compiler.js +63 -4
- package/dist/commonjs/compiler/compiler.js.map +1 -1
- package/dist/commonjs/compiler/stylesheet.js +5 -0
- package/dist/commonjs/compiler/stylesheet.js.map +1 -1
- package/dist/commonjs/compiler/supports.js +1 -3
- package/dist/commonjs/compiler/supports.js.map +1 -1
- package/dist/commonjs/components/FlatList.js +1 -0
- package/dist/commonjs/components/FlatList.js.map +1 -1
- package/dist/commonjs/components/SafeAreaProvider.js +13 -0
- package/dist/commonjs/components/SafeAreaProvider.js.map +1 -0
- package/dist/commonjs/native/styles/functions/filters.js +4 -4
- package/dist/commonjs/native/styles/functions/filters.js.map +1 -1
- package/dist/commonjs/native/styles/index.js +225 -30
- package/dist/commonjs/native/styles/index.js.map +1 -1
- package/dist/commonjs/native/styles/shorthands/_handler.js +10 -0
- package/dist/commonjs/native/styles/shorthands/_handler.js.map +1 -1
- package/dist/commonjs/native/styles/shorthands/box-shadow.js +45 -12
- package/dist/commonjs/native/styles/shorthands/box-shadow.js.map +1 -1
- package/dist/commonjs/web/api.js +1 -1
- package/dist/commonjs/web/api.js.map +1 -1
- package/dist/module/compiler/compiler.js +64 -5
- package/dist/module/compiler/compiler.js.map +1 -1
- package/dist/module/compiler/stylesheet.js +5 -0
- package/dist/module/compiler/stylesheet.js.map +1 -1
- package/dist/module/compiler/supports.js +1 -3
- package/dist/module/compiler/supports.js.map +1 -1
- package/dist/module/components/FlatList.js +1 -0
- package/dist/module/components/FlatList.js.map +1 -1
- package/dist/module/components/SafeAreaProvider.js +4 -0
- package/dist/module/components/SafeAreaProvider.js.map +1 -0
- package/dist/module/native/styles/functions/filters.js +4 -4
- package/dist/module/native/styles/functions/filters.js.map +1 -1
- package/dist/module/native/styles/index.js +226 -30
- package/dist/module/native/styles/index.js.map +1 -1
- package/dist/module/native/styles/shorthands/_handler.js +11 -1
- package/dist/module/native/styles/shorthands/_handler.js.map +1 -1
- package/dist/module/native/styles/shorthands/box-shadow.js +46 -12
- package/dist/module/native/styles/shorthands/box-shadow.js.map +1 -1
- package/dist/module/web/api.js +1 -1
- package/dist/module/web/api.js.map +1 -1
- package/dist/typescript/commonjs/src/compiler/compiler.d.ts.map +1 -1
- package/dist/typescript/commonjs/src/compiler/stylesheet.d.ts +1 -0
- package/dist/typescript/commonjs/src/compiler/stylesheet.d.ts.map +1 -1
- package/dist/typescript/commonjs/src/components/FlatList.d.ts.map +1 -1
- package/dist/typescript/commonjs/src/components/SafeAreaProvider.d.ts +2 -0
- package/dist/typescript/commonjs/src/components/SafeAreaProvider.d.ts.map +1 -0
- package/dist/typescript/commonjs/src/native/styles/index.d.ts.map +1 -1
- package/dist/typescript/commonjs/src/native/styles/shorthands/_handler.d.ts.map +1 -1
- package/dist/typescript/commonjs/src/native/styles/shorthands/box-shadow.d.ts.map +1 -1
- package/dist/typescript/module/src/compiler/compiler.d.ts.map +1 -1
- package/dist/typescript/module/src/compiler/stylesheet.d.ts +1 -0
- package/dist/typescript/module/src/compiler/stylesheet.d.ts.map +1 -1
- package/dist/typescript/module/src/components/FlatList.d.ts.map +1 -1
- package/dist/typescript/module/src/components/SafeAreaProvider.d.ts +2 -0
- package/dist/typescript/module/src/components/SafeAreaProvider.d.ts.map +1 -0
- package/dist/typescript/module/src/native/styles/index.d.ts.map +1 -1
- package/dist/typescript/module/src/native/styles/shorthands/_handler.d.ts.map +1 -1
- package/dist/typescript/module/src/native/styles/shorthands/box-shadow.d.ts.map +1 -1
- package/package.json +19 -6
- package/src/compiler/compiler.ts +90 -5
- package/src/compiler/stylesheet.ts +6 -0
- package/src/compiler/supports.ts +1 -3
- package/src/components/FlatList.tsx +1 -0
- package/src/components/SafeAreaProvider.tsx +1 -0
- package/src/native/styles/functions/filters.ts +6 -6
- package/src/native/styles/index.ts +257 -34
- package/src/native/styles/shorthands/_handler.ts +14 -1
- package/src/native/styles/shorthands/box-shadow.ts +50 -15
- package/src/web/api.tsx +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["isStyleDescriptorArray","setDeepPath","ShortHandSymbol","defaultValues","shorthandHandler","mappings","defaults","returnType","resolve","value","__","castToArray","args","Array","isArray","flat","match","find","mapping","length","every","map","index","type","includes","endsWith","seenDefaults","Set","tuples","delete","from","target","prop"],"sourceRoot":"../../../../../src","sources":["native/styles/shorthands/_handler.ts"],"mappings":";;AAAA;AACA,
|
|
1
|
+
{"version":3,"names":["isStyleDescriptorArray","isStyleFunction","setDeepPath","ShortHandSymbol","defaultValues","shorthandHandler","mappings","defaults","returnType","resolve","value","__","castToArray","args","Array","isArray","flat","match","find","mapping","length","every","map","index","type","includes","endsWith","seenDefaults","Set","tuples","delete","from","target","prop"],"sourceRoot":"../../../../../src","sources":["native/styles/shorthands/_handler.ts"],"mappings":"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","ignoreList":[]}
|
|
@@ -2,27 +2,45 @@
|
|
|
2
2
|
|
|
3
3
|
import { isStyleDescriptorArray } from "react-native-css/utilities";
|
|
4
4
|
import { shorthandHandler } from "./_handler.js";
|
|
5
|
-
|
|
5
|
+
|
|
6
|
+
// "color" type accepts both strings ("#fff") and objects (PlatformColor from currentcolor).
|
|
7
|
+
// Using "string" here would reject platform color objects and silently drop the shadow.
|
|
8
|
+
const color = ["color", "color"];
|
|
6
9
|
const offsetX = ["offsetX", "number"];
|
|
7
10
|
const offsetY = ["offsetY", "number"];
|
|
8
11
|
const blurRadius = ["blurRadius", "number"];
|
|
9
12
|
const spreadDistance = ["spreadDistance", "number"];
|
|
10
|
-
//
|
|
11
|
-
|
|
12
|
-
const handler = shorthandHandler([
|
|
13
|
+
// Match the literal string "inset" - the array type checks if value is in array
|
|
14
|
+
const inset = ["inset", ["inset"]];
|
|
15
|
+
const handler = shorthandHandler([
|
|
16
|
+
// Standard patterns (without inset)
|
|
17
|
+
[offsetX, offsetY, blurRadius, spreadDistance], [offsetX, offsetY, blurRadius, spreadDistance, color], [color, offsetX, offsetY], [color, offsetX, offsetY, blurRadius, spreadDistance], [offsetX, offsetY, color], [offsetX, offsetY, blurRadius, color],
|
|
18
|
+
// Inset patterns - "inset" keyword at the beginning
|
|
19
|
+
[inset, offsetX, offsetY, blurRadius, spreadDistance], [inset, offsetX, offsetY, blurRadius, spreadDistance, color], [inset, offsetX, offsetY, blurRadius, color], [inset, color, offsetX, offsetY, blurRadius, spreadDistance]], [], "object");
|
|
13
20
|
export const boxShadow = (resolveValue, func, get, options) => {
|
|
14
21
|
const args = resolveValue(func[2]);
|
|
15
22
|
if (!isStyleDescriptorArray(args)) {
|
|
16
23
|
return args;
|
|
17
|
-
} else {
|
|
18
|
-
return args.flatMap(flattenShadowDescriptor).map(shadows => {
|
|
19
|
-
if (shadows === undefined) {
|
|
20
|
-
return;
|
|
21
|
-
} else {
|
|
22
|
-
return omitTransparentShadows(handler(resolveValue, shadows, get, options));
|
|
23
|
-
}
|
|
24
|
-
}).filter(v => v !== undefined);
|
|
25
24
|
}
|
|
25
|
+
|
|
26
|
+
// A flat array of primitives (e.g. [0, 4, 6, -1, "#000"]) is a single shadow
|
|
27
|
+
// resolved from a runtime variable. Pass it directly to the pattern handler.
|
|
28
|
+
// A nested array (e.g. [[0, 4, 6, -1, "#000"], [...]]) is multiple shadows.
|
|
29
|
+
if (args.length > 0 && !Array.isArray(args[0])) {
|
|
30
|
+
const result = handler(resolveValue, args, get, options);
|
|
31
|
+
if (result === undefined) {
|
|
32
|
+
return [];
|
|
33
|
+
}
|
|
34
|
+
const filtered = omitTransparentShadows(result);
|
|
35
|
+
return filtered !== undefined ? [normalizeInsetValue(filtered)] : [];
|
|
36
|
+
}
|
|
37
|
+
return args.flatMap(flattenShadowDescriptor).map(shadows => {
|
|
38
|
+
if (shadows === undefined) {
|
|
39
|
+
return;
|
|
40
|
+
} else {
|
|
41
|
+
return normalizeInsetValue(omitTransparentShadows(handler(resolveValue, shadows, get, options)));
|
|
42
|
+
}
|
|
43
|
+
}).filter(v => v !== undefined);
|
|
26
44
|
};
|
|
27
45
|
function flattenShadowDescriptor(arg) {
|
|
28
46
|
if (isStyleDescriptorArray(arg) && isStyleDescriptorArray(arg[0])) {
|
|
@@ -40,4 +58,20 @@ function omitTransparentShadows(style) {
|
|
|
40
58
|
}
|
|
41
59
|
return style;
|
|
42
60
|
}
|
|
61
|
+
|
|
62
|
+
/**
|
|
63
|
+
* Convert inset: "inset" to inset: true for React Native boxShadow.
|
|
64
|
+
*
|
|
65
|
+
* The shorthand handler matches the literal "inset" string and assigns it as the value.
|
|
66
|
+
* React Native's boxShadow expects inset to be a boolean.
|
|
67
|
+
*/
|
|
68
|
+
function normalizeInsetValue(style) {
|
|
69
|
+
if (typeof style === "object" && style && "inset" in style) {
|
|
70
|
+
return {
|
|
71
|
+
...style,
|
|
72
|
+
inset: true
|
|
73
|
+
};
|
|
74
|
+
}
|
|
75
|
+
return style;
|
|
76
|
+
}
|
|
43
77
|
//# sourceMappingURL=box-shadow.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["isStyleDescriptorArray","shorthandHandler","color","offsetX","offsetY","blurRadius","spreadDistance","handler","boxShadow","resolveValue","func","get","options","args","
|
|
1
|
+
{"version":3,"names":["isStyleDescriptorArray","shorthandHandler","color","offsetX","offsetY","blurRadius","spreadDistance","inset","handler","boxShadow","resolveValue","func","get","options","args","length","Array","isArray","result","undefined","filtered","omitTransparentShadows","normalizeInsetValue","flatMap","flattenShadowDescriptor","map","shadows","filter","v","arg","style"],"sourceRoot":"../../../../../src","sources":["native/styles/shorthands/box-shadow.ts"],"mappings":"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","ignoreList":[]}
|
package/dist/module/web/api.js
CHANGED
|
@@ -9,7 +9,7 @@ const defaultMapping = {
|
|
|
9
9
|
};
|
|
10
10
|
export const styled = (baseComponent, mapping = defaultMapping, _options) => {
|
|
11
11
|
return props => {
|
|
12
|
-
return useCssElement(baseComponent,
|
|
12
|
+
return useCssElement(baseComponent, props, mapping);
|
|
13
13
|
};
|
|
14
14
|
};
|
|
15
15
|
export const useCssElement = (component, incomingProps, mapping) => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["createElement","useMemo","Appearance","assignStyle","jsx","_jsx","defaultMapping","className","styled","baseComponent","mapping","_options","props","useCssElement","component","incomingProps","key","value","Object","entries","source","target","$$css","split","colorScheme","get","getColorScheme","set","name","setColorScheme","vars","variables","$variables","startsWith","toString","VariableContextProvider","style","display","fromEntries","map","children","useNativeVariable","Error","useUnstableNativeVariable"],"sourceRoot":"../../../src","sources":["web/api.tsx"],"mappings":";;AAAA,SACEA,aAAa,EACbC,OAAO,QAIF,OAAO;AACd,SAASC,UAAU,QAAQ,cAAc;AAWzC,SAASC,WAAW,QAAQ,mBAAgB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAE7C,MAAMC,cAAsE,GAAG;EAC7EC,SAAS,EAAE;AACb,CAAC;AAED,OAAO,MAAMC,MAAM,GAAGA,CAIpBC,aAAgB,EAChBC,OAAU,GAAGJ,cAAmB,EAChCK,QAAwB,KACrB;EACH,OAAQC,KAA+C,IAAK;IAC1D,OAAOC,aAAa,CAACJ,aAAa,
|
|
1
|
+
{"version":3,"names":["createElement","useMemo","Appearance","assignStyle","jsx","_jsx","defaultMapping","className","styled","baseComponent","mapping","_options","props","useCssElement","component","incomingProps","key","value","Object","entries","source","target","$$css","split","colorScheme","get","getColorScheme","set","name","setColorScheme","vars","variables","$variables","startsWith","toString","VariableContextProvider","style","display","fromEntries","map","children","useNativeVariable","Error","useUnstableNativeVariable"],"sourceRoot":"../../../src","sources":["web/api.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"compiler.d.ts","sourceRoot":"","sources":["../../../../../src/compiler/compiler.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"compiler.d.ts","sourceRoot":"","sources":["../../../../../src/compiler/compiler.ts"],"names":[],"mappings":"AAgBA,OAAO,KAAK,EACV,eAAe,EAKhB,MAAM,kBAAkB,CAAC;AAmB1B;;;;;;GAMG;AACH,wBAAgB,OAAO,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,EAAE,OAAO,GAAE,eAAoB;;;;;;;EA0J3E"}
|
|
@@ -62,6 +62,7 @@ export declare class StylesheetBuilder {
|
|
|
62
62
|
private pushDescriptor;
|
|
63
63
|
applyRuleToSelectors(selectorList?: SelectorList): void;
|
|
64
64
|
addContainerQuery(query: ContainerQuery): void;
|
|
65
|
+
addRootVariable(name: string, value: StyleDescriptor): void;
|
|
65
66
|
newAnimationFrames(name: string): void;
|
|
66
67
|
newAnimationFrame(progress: string): void;
|
|
67
68
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"stylesheet.d.ts","sourceRoot":"","sources":["../../../../../src/compiler/stylesheet.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAOjD,OAAO,KAAK,EACV,kBAAkB,EAClB,eAAe,EACf,eAAe,EACf,cAAc,EACd,cAAc,EACd,wBAAwB,EACxB,gBAAgB,EAChB,eAAe,EAEf,SAAS,EACT,gBAAgB,EAChB,YAAY,EACZ,cAAc,EAEf,MAAM,kBAAkB,CAAC;AAO1B,KAAK,WAAW,GAAG,OAAO,GAAG,OAAO,GAAG,WAAW,GAAG,WAAW,CAAC;AAWjE,qBAAa,iBAAiB;IAa1B,OAAO,CAAC,OAAO;IACR,IAAI,EAAE,WAAW;IACxB,OAAO,CAAC,YAAY;IAIpB,OAAO,CAAC,OAAO;IACR,kBAAkB,CAAC,EAAE,MAAM;IAClC,OAAO,CAAC,MAAM;IAmBd,OAAO,CAAC,SAAS;IAvCnB,eAAe,CAAC,EAAE,kBAAkB,EAAE,CAAC;IACvC,qBAAqB,EAAE,gBAAgB,EAAE,CAAM;IAE/C,UAAU,EAAE,wBAAwB,CAAM;IAE1C,QAAQ,cAAqB;IAE7B,OAAO,CAAC,IAAI,CAEV;gBAGQ,OAAO,EAAE,eAAe,EACzB,IAAI,GAAE,WAAqB,EAC1B,YAAY,GAAE,SAErB,EAEO,OAAO,GAAE,gBAAqB,EAC/B,kBAAkB,CAAC,EAAE,MAAM,YAAA,EAC1B,MAAM,GAAE;QACd,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,YAAY,CAAC,CAAC;QACvC,aAAa,CAAC,EAAE,cAAc,CAAC;QAC/B,kBAAkB,CAAC,EAAE,cAAc,CAAC;QACpC,UAAU,CAAC,EAAE,eAAe,CAAC;QAC7B,GAAG,EAAE,MAAM,CAAC;QACZ,SAAS,EAAE,MAAM,CAAC;QAClB,eAAe,CAAC,EAAE,MAAM,CAAC;QACzB,iBAAiB,EAAE,MAAM,EAAE,CAAC;QAC5B,aAAa,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,EAAE,CAAC,CAAC;QACzC,gBAAgB,EAAE,MAAM,EAAE,CAAC;KAQ5B,EACO,SAAS,GAAE,YAAiB;IAGtC,IAAI,CAAC,IAAI,cAAY,EAAE,SAAS,GAAE,YAAiB,GAAG,iBAAiB;IA2BvE,SAAS,CAAC,EAAE,GAAG,IAAI,EAAE,YAAoB,GAAG,SAAS;IAarD,OAAO,CAAC,qBAAqB;IAe7B,UAAU,CAAC,IAAI,EAAE,OAAO,CAAC,SAAS,CAAC;IAInC,UAAU,IAAI,eAAe;IAI7B,UAAU,CAAC,CAAC,SAAS,MAAM,eAAe,EACxC,GAAG,EAAE,CAAC,EACN,KAAK,EAAE,eAAe,CAAC,CAAC,CAAC;IAK3B,mBAAmB,IAAI,wBAAwB;IA6B/C,WAAW;IAaX,kBAAkB,CAAC,QAAQ,EAAE,MAAM;IAInC,UAAU,CAAC,IAAI,EAAE,UAAU,GAAG,OAAO,EAAE,QAAQ,EAAE,MAAM,GAAG,IAAI;IAC9D,UAAU,CAAC,IAAI,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,GAAG,IAAI;IA6BjE,WAAW;qBAEM,MAAM,EAAE;iBACZ,MAAM,CAAC,MAAM,EAAE,OAAO,EAAE,CAAC;oBACtB,MAAM,EAAE;;IAkBxB,UAAU,CAAC,OAAO,EAAE,gBAAgB;IAIpC,OAAO,CAAC,OAAO,mBAAe,EAAE,EAAE,SAAiB,EAAE;;KAAK;IAS1D,wEAAwE;IACxE,aAAa,CAAC,EAAE,SAAiB,EAAE,OAAsB,EAAE;;;KAAK;IAIhE,8FAA8F;IAC9F,YAAY,CAAC,IAAI,EAAE,OAAO,CAAC,SAAS,CAAC;IASrC,OAAO,CAAC,gBAAgB;IAQxB,aAAa,CAAC,SAAS,EAAE,cAAc;IAKvC,YAAY,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,KAAK;IAUpC,oBAAoB,CAClB,KAAK,EAAE,eAAe,EACtB,UAAU,CAAC,EAAE,OAAO,EACpB,IAAI,YAAY;IASlB,aAAa,CACX,QAAQ,EAAE,MAAM,EAChB,KAAK,EAAE,eAAe,EACtB,UAAU,CAAC,EAAE,OAAO,EACpB,IAAI,YAAY;IAqDlB,YAAY,CAAC,QAAQ,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,eAAe,CAAC;IAUvE,OAAO,CAAC,cAAc;IAqDtB,oBAAoB,CAAC,YAAY,eAAiB,GAAG,IAAI;IA4IzD,iBAAiB,CAAC,KAAK,EAAE,cAAc;IAKvC,kBAAkB,CAAC,IAAI,EAAE,MAAM;IAU/B,iBAAiB,CAAC,QAAQ,EAAE,MAAM;CAUnC"}
|
|
1
|
+
{"version":3,"file":"stylesheet.d.ts","sourceRoot":"","sources":["../../../../../src/compiler/stylesheet.ts"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FlatList.d.ts","sourceRoot":"","sources":["../../../../../src/components/FlatList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAAE,QAAQ,IAAI,UAAU,EAAE,KAAK,aAAa,EAAE,MAAM,cAAc,CAAC;AAE1E,OAAO,EAEL,KAAK,mBAAmB,EACxB,KAAK,WAAW,EACjB,MAAM,kBAAkB,CAAC;
|
|
1
|
+
{"version":3,"file":"FlatList.d.ts","sourceRoot":"","sources":["../../../../../src/components/FlatList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAAE,QAAQ,IAAI,UAAU,EAAE,KAAK,aAAa,EAAE,MAAM,cAAc,CAAC;AAE1E,OAAO,EAEL,KAAK,mBAAmB,EACxB,KAAK,WAAW,EACjB,MAAM,kBAAkB,CAAC;AAY1B,eAAO,MAAM,QAAQ,EAIJ,OAAO,UAAU,GAChC,CAAC,CAAC,KAAK,EACL,KAAK,EAAE,WAAW,CAChB,aAAa,CAAC,KAAK,CAAC,EACpB,mBAAmB,CAAC,OAAO,UAAU,CAAC,CACvC,KACE,SAAS,CAAC,CAAC;AAElB,eAAe,QAAQ,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SafeAreaProvider.d.ts","sourceRoot":"","sources":["../../../../../src/components/SafeAreaProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,4DAA4D,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/native/styles/index.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAI3E,OAAO,KAAK,EAAE,cAAc,EAAU,MAAM,uBAAuB,CAAC;AACpE,OAAO,EAQL,KAAK,MAAM,EACX,KAAK,oBAAoB,EAC1B,MAAM,eAAe,CAAC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/native/styles/index.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAI3E,OAAO,KAAK,EAAE,cAAc,EAAU,MAAM,uBAAuB,CAAC;AACpE,OAAO,EAQL,KAAK,MAAM,EACX,KAAK,oBAAoB,EAC1B,MAAM,eAAe,CAAC;AAkJvB,eAAO,MAAM,YAAY;;;;;;;;;sBAaD,MAAM;;;;CAQ7B,CAAC;AAEF,wBAAgB,cAAc,CAC5B,KAAK,EAAE,cAAc,EACrB,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,SAAS,GAAG,IAAI,mCAiF/C"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"_handler.d.ts","sourceRoot":"","sources":["../../../../../../../src/native/styles/shorthands/_handler.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"_handler.d.ts","sourceRoot":"","sources":["../../../../../../../src/native/styles/shorthands/_handler.ts"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAEhD,KAAK,aAAa,GACd,QAAQ,GACR,QAAQ,GACR,QAAQ,GACR,OAAO,GACP,QAAQ,CAAC,CAAC,MAAM,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;AAEpC,KAAK,sBAAsB,GACvB,SAAS,CAAC,MAAM,GAAG,SAAS,MAAM,EAAE,EAAE,aAAa,CAAC,GACpD,qBAAqB,CAAC;AAE1B,KAAK,qBAAqB,GAAG,SAAS;IACpC,MAAM,GAAG,SAAS,MAAM,EAAE;IAC1B,aAAa;IACb,GAAG;CACJ,CAAC;AAEF,wBAAgB,gBAAgB,CAC9B,QAAQ,EAAE,sBAAsB,EAAE,EAAE,EACpC,QAAQ,EAAE,qBAAqB,EAAE,EACjC,UAAU,GAAE,iBAAiB,GAAG,QAAQ,GAAG,QAA4B,GACtE,aAAa,CAsGf"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"box-shadow.d.ts","sourceRoot":"","sources":["../../../../../../../src/native/styles/shorthands/box-shadow.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,YAAY,CAAC;
|
|
1
|
+
{"version":3,"file":"box-shadow.d.ts","sourceRoot":"","sources":["../../../../../../../src/native/styles/shorthands/box-shadow.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,YAAY,CAAC;AAgCxD,eAAO,MAAM,SAAS,EAAE,qBAoCvB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"compiler.d.ts","sourceRoot":"","sources":["../../../../../src/compiler/compiler.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"compiler.d.ts","sourceRoot":"","sources":["../../../../../src/compiler/compiler.ts"],"names":[],"mappings":"AAgBA,OAAO,KAAK,EACV,eAAe,EAKhB,MAAM,kBAAkB,CAAC;AAmB1B;;;;;;GAMG;AACH,wBAAgB,OAAO,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,EAAE,OAAO,GAAE,eAAoB;;;;;;;EA0J3E"}
|
|
@@ -62,6 +62,7 @@ export declare class StylesheetBuilder {
|
|
|
62
62
|
private pushDescriptor;
|
|
63
63
|
applyRuleToSelectors(selectorList?: SelectorList): void;
|
|
64
64
|
addContainerQuery(query: ContainerQuery): void;
|
|
65
|
+
addRootVariable(name: string, value: StyleDescriptor): void;
|
|
65
66
|
newAnimationFrames(name: string): void;
|
|
66
67
|
newAnimationFrame(progress: string): void;
|
|
67
68
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"stylesheet.d.ts","sourceRoot":"","sources":["../../../../../src/compiler/stylesheet.ts"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"stylesheet.d.ts","sourceRoot":"","sources":["../../../../../src/compiler/stylesheet.ts"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FlatList.d.ts","sourceRoot":"","sources":["../../../../../src/components/FlatList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAAE,QAAQ,IAAI,UAAU,EAAE,KAAK,aAAa,EAAE,MAAM,cAAc,CAAC;AAE1E,OAAO,EAEL,KAAK,mBAAmB,EACxB,KAAK,WAAW,EACjB,MAAM,kBAAkB,CAAC;
|
|
1
|
+
{"version":3,"file":"FlatList.d.ts","sourceRoot":"","sources":["../../../../../src/components/FlatList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAAE,QAAQ,IAAI,UAAU,EAAE,KAAK,aAAa,EAAE,MAAM,cAAc,CAAC;AAE1E,OAAO,EAEL,KAAK,mBAAmB,EACxB,KAAK,WAAW,EACjB,MAAM,kBAAkB,CAAC;AAY1B,eAAO,MAAM,QAAQ,EAIJ,OAAO,UAAU,GAChC,CAAC,CAAC,KAAK,EACL,KAAK,EAAE,WAAW,CAChB,aAAa,CAAC,KAAK,CAAC,EACpB,mBAAmB,CAAC,OAAO,UAAU,CAAC,CACvC,KACE,SAAS,CAAC,CAAC;AAElB,eAAe,QAAQ,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SafeAreaProvider.d.ts","sourceRoot":"","sources":["../../../../../src/components/SafeAreaProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,4DAA4D,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/native/styles/index.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAI3E,OAAO,KAAK,EAAE,cAAc,EAAU,MAAM,uBAAuB,CAAC;AACpE,OAAO,EAQL,KAAK,MAAM,EACX,KAAK,oBAAoB,EAC1B,MAAM,eAAe,CAAC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/native/styles/index.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAI3E,OAAO,KAAK,EAAE,cAAc,EAAU,MAAM,uBAAuB,CAAC;AACpE,OAAO,EAQL,KAAK,MAAM,EACX,KAAK,oBAAoB,EAC1B,MAAM,eAAe,CAAC;AAkJvB,eAAO,MAAM,YAAY;;;;;;;;;sBAaD,MAAM;;;;CAQ7B,CAAC;AAEF,wBAAgB,cAAc,CAC5B,KAAK,EAAE,cAAc,EACrB,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,SAAS,GAAG,IAAI,mCAiF/C"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"_handler.d.ts","sourceRoot":"","sources":["../../../../../../../src/native/styles/shorthands/_handler.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"_handler.d.ts","sourceRoot":"","sources":["../../../../../../../src/native/styles/shorthands/_handler.ts"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAEhD,KAAK,aAAa,GACd,QAAQ,GACR,QAAQ,GACR,QAAQ,GACR,OAAO,GACP,QAAQ,CAAC,CAAC,MAAM,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;AAEpC,KAAK,sBAAsB,GACvB,SAAS,CAAC,MAAM,GAAG,SAAS,MAAM,EAAE,EAAE,aAAa,CAAC,GACpD,qBAAqB,CAAC;AAE1B,KAAK,qBAAqB,GAAG,SAAS;IACpC,MAAM,GAAG,SAAS,MAAM,EAAE;IAC1B,aAAa;IACb,GAAG;CACJ,CAAC;AAEF,wBAAgB,gBAAgB,CAC9B,QAAQ,EAAE,sBAAsB,EAAE,EAAE,EACpC,QAAQ,EAAE,qBAAqB,EAAE,EACjC,UAAU,GAAE,iBAAiB,GAAG,QAAQ,GAAG,QAA4B,GACtE,aAAa,CAsGf"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"box-shadow.d.ts","sourceRoot":"","sources":["../../../../../../../src/native/styles/shorthands/box-shadow.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,YAAY,CAAC;
|
|
1
|
+
{"version":3,"file":"box-shadow.d.ts","sourceRoot":"","sources":["../../../../../../../src/native/styles/shorthands/box-shadow.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,YAAY,CAAC;AAgCxD,eAAO,MAAM,SAAS,EAAE,qBAoCvB,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "react-native-css",
|
|
3
|
-
"version": "0.0.0-nightly.
|
|
4
|
-
"description": "
|
|
3
|
+
"version": "0.0.0-nightly.2cfbf16",
|
|
4
|
+
"description": "Use CSS stylesheets in React Native",
|
|
5
5
|
"exports": {
|
|
6
6
|
".": {
|
|
7
7
|
"source": "./src/index.ts",
|
|
@@ -47,6 +47,18 @@
|
|
|
47
47
|
"types": "./dist/typescript/commonjs/src/components/index.d.ts"
|
|
48
48
|
}
|
|
49
49
|
},
|
|
50
|
+
"./components/react-native-safe-area-context": {
|
|
51
|
+
"source": "./src/components/react-native-safe-area-context.native.tsx",
|
|
52
|
+
"react-native": "./src/components/react-native-safe-area-context.native.tsx",
|
|
53
|
+
"import": {
|
|
54
|
+
"types": "./dist/typescript/module/src/components/react-native-safe-area-context.d.ts",
|
|
55
|
+
"default": "./dist/module/components/react-native-safe-area-context.js"
|
|
56
|
+
},
|
|
57
|
+
"require": {
|
|
58
|
+
"types": "./dist/typescript/commonjs/src/components/react-native-safe-area-context.d.ts",
|
|
59
|
+
"default": "./dist/commonjs/components/react-native-safe-area-context.js"
|
|
60
|
+
}
|
|
61
|
+
},
|
|
50
62
|
"./components/*": {
|
|
51
63
|
"source": "./src/components/*.tsx",
|
|
52
64
|
"react-native": "./src/components/*.tsx",
|
|
@@ -185,6 +197,7 @@
|
|
|
185
197
|
"!**/__mocks__"
|
|
186
198
|
],
|
|
187
199
|
"dependencies": {
|
|
200
|
+
"@types/debug": "^4.1.12",
|
|
188
201
|
"babel-plugin-react-compiler": "^19.1.0-rc.2",
|
|
189
202
|
"colorjs.io": "0.6.0-alpha.1",
|
|
190
203
|
"comment-json": "^4.2.5",
|
|
@@ -198,15 +211,15 @@
|
|
|
198
211
|
},
|
|
199
212
|
"devDependencies": {
|
|
200
213
|
"@babel/core": "^7.28.0",
|
|
201
|
-
"@commitlint/config-conventional": "^
|
|
214
|
+
"@commitlint/config-conventional": "^20.5.0",
|
|
202
215
|
"@eslint/js": "^9.30.1",
|
|
203
216
|
"@expo/metro-config": "~54.0.5",
|
|
204
217
|
"@ianvs/prettier-plugin-sort-imports": "^4.4.2",
|
|
218
|
+
"@release-it/conventional-changelog": "10.0.1",
|
|
205
219
|
"@tailwindcss/postcss": "^4.1.12",
|
|
206
220
|
"@testing-library/react-native": "^13.3.3",
|
|
207
221
|
"@tsconfig/react-native": "^3.0.6",
|
|
208
222
|
"@types/babel__core": "^7",
|
|
209
|
-
"@types/debug": "^4.1.12",
|
|
210
223
|
"@types/jest": "^30.0.0",
|
|
211
224
|
"@types/react": "^19.1.10",
|
|
212
225
|
"@types/react-test-renderer": "^19",
|
|
@@ -220,9 +233,9 @@
|
|
|
220
233
|
"expo": "54.0.10",
|
|
221
234
|
"jest": "^29.7.0",
|
|
222
235
|
"jest-expo": "~54.0.12",
|
|
223
|
-
"lefthook": "^1.
|
|
236
|
+
"lefthook": "^2.1.5",
|
|
224
237
|
"lightningcss": "^1.30.1",
|
|
225
|
-
"metro-runtime": "^0.
|
|
238
|
+
"metro-runtime": "^0.84.2",
|
|
226
239
|
"postcss": "^8.5.6",
|
|
227
240
|
"prettier": "^3.6.2",
|
|
228
241
|
"react": "19.1.0",
|
package/src/compiler/compiler.ts
CHANGED
|
@@ -7,6 +7,8 @@ import {
|
|
|
7
7
|
type MediaQuery as CSSMediaQuery,
|
|
8
8
|
type CustomAtRules,
|
|
9
9
|
type MediaRule,
|
|
10
|
+
type ParsedComponent,
|
|
11
|
+
type PropertyRule,
|
|
10
12
|
type Rule,
|
|
11
13
|
type Visitor,
|
|
12
14
|
} from "lightningcss";
|
|
@@ -15,11 +17,19 @@ import { maybeMutateReactNativeOptions, parsePropAtRule } from "./atRules";
|
|
|
15
17
|
import type {
|
|
16
18
|
CompilerOptions,
|
|
17
19
|
ContainerQuery,
|
|
20
|
+
StyleDescriptor,
|
|
18
21
|
StyleRuleMapping,
|
|
19
22
|
UniqueVarInfo,
|
|
20
23
|
} from "./compiler.types";
|
|
21
24
|
import { parseContainerCondition } from "./container-query";
|
|
22
|
-
import {
|
|
25
|
+
import {
|
|
26
|
+
parseAngle,
|
|
27
|
+
parseColor,
|
|
28
|
+
parseDeclaration,
|
|
29
|
+
parseLength,
|
|
30
|
+
reduceParseUnparsed,
|
|
31
|
+
round,
|
|
32
|
+
} from "./declarations";
|
|
23
33
|
import { inlineVariables } from "./inline-variables";
|
|
24
34
|
import { extractKeyFrames } from "./keyframes";
|
|
25
35
|
import { lightningcssLoader } from "./lightningcss-loader";
|
|
@@ -74,17 +84,28 @@ export function compile(code: Buffer | string, options: CompilerOptions = {}) {
|
|
|
74
84
|
|
|
75
85
|
const vars = new Map<string, UniqueVarInfo>();
|
|
76
86
|
|
|
87
|
+
// Determine the effective rem multiplier for compile-time inlining.
|
|
88
|
+
// If inlineRem is explicitly set, use that. Otherwise, scan for
|
|
89
|
+
// :root { font-size: Npx } in the CSS to allow CSS-based configuration.
|
|
90
|
+
let effectiveRem: number | false = options.inlineRem ?? undefined!;
|
|
91
|
+
if (effectiveRem === undefined) {
|
|
92
|
+
const css = typeof code === "string" ? code : code.toString();
|
|
93
|
+
const match = css.match(/:root\s*\{[^}]*font-size:\s*([\d.]+)px/);
|
|
94
|
+
effectiveRem = match?.[1] ? parseFloat(match[1]) : 14;
|
|
95
|
+
}
|
|
96
|
+
|
|
77
97
|
const firstPassVisitor: Visitor<CustomAtRules> = {};
|
|
78
98
|
|
|
79
|
-
if (
|
|
99
|
+
if (effectiveRem !== false) {
|
|
100
|
+
const remMultiplier = effectiveRem;
|
|
80
101
|
firstPassVisitor.Length = (length) => {
|
|
81
|
-
if (length.unit !== "rem"
|
|
102
|
+
if (length.unit !== "rem") {
|
|
82
103
|
return length;
|
|
83
104
|
}
|
|
84
105
|
|
|
85
106
|
return {
|
|
86
107
|
unit: "px",
|
|
87
|
-
value: round(length.value *
|
|
108
|
+
value: round(length.value * remMultiplier),
|
|
88
109
|
};
|
|
89
110
|
};
|
|
90
111
|
}
|
|
@@ -276,13 +297,15 @@ function extractRule(
|
|
|
276
297
|
}
|
|
277
298
|
}
|
|
278
299
|
break;
|
|
300
|
+
case "property":
|
|
301
|
+
extractPropertyRule(rule.value, builder);
|
|
302
|
+
break;
|
|
279
303
|
case "custom":
|
|
280
304
|
case "font-face":
|
|
281
305
|
case "font-palette-values":
|
|
282
306
|
case "font-feature-values":
|
|
283
307
|
case "namespace":
|
|
284
308
|
case "layer-statement":
|
|
285
|
-
case "property":
|
|
286
309
|
case "view-transition":
|
|
287
310
|
case "ignored":
|
|
288
311
|
case "unknown":
|
|
@@ -377,3 +400,65 @@ function extractContainer(
|
|
|
377
400
|
extractRule(rule, builder, mapping);
|
|
378
401
|
}
|
|
379
402
|
}
|
|
403
|
+
|
|
404
|
+
function extractPropertyRule(
|
|
405
|
+
propertyRule: PropertyRule,
|
|
406
|
+
builder: StylesheetBuilder,
|
|
407
|
+
) {
|
|
408
|
+
const { initialValue, name } = propertyRule;
|
|
409
|
+
|
|
410
|
+
if (initialValue == null) {
|
|
411
|
+
return;
|
|
412
|
+
}
|
|
413
|
+
|
|
414
|
+
const varName = name.startsWith("--") ? name.slice(2) : name;
|
|
415
|
+
const value = parsePropertyInitialValue(initialValue, builder);
|
|
416
|
+
|
|
417
|
+
if (value !== undefined) {
|
|
418
|
+
builder.addRootVariable(varName, value);
|
|
419
|
+
}
|
|
420
|
+
}
|
|
421
|
+
|
|
422
|
+
function parsePropertyInitialValue(
|
|
423
|
+
component: ParsedComponent,
|
|
424
|
+
builder: StylesheetBuilder,
|
|
425
|
+
): StyleDescriptor {
|
|
426
|
+
switch (component.type) {
|
|
427
|
+
case "length":
|
|
428
|
+
return parseLength(component.value, builder);
|
|
429
|
+
case "number":
|
|
430
|
+
case "integer":
|
|
431
|
+
return round(component.value);
|
|
432
|
+
case "percentage":
|
|
433
|
+
return `${round(component.value * 100)}%`;
|
|
434
|
+
case "color":
|
|
435
|
+
return parseColor(component.value, builder);
|
|
436
|
+
case "angle":
|
|
437
|
+
return parseAngle(component.value, builder);
|
|
438
|
+
case "length-percentage":
|
|
439
|
+
return parseLength(component.value, builder);
|
|
440
|
+
case "token-list":
|
|
441
|
+
return reduceParseUnparsed(
|
|
442
|
+
component.value,
|
|
443
|
+
builder,
|
|
444
|
+
"@property",
|
|
445
|
+
false,
|
|
446
|
+
);
|
|
447
|
+
case "custom-ident":
|
|
448
|
+
case "literal":
|
|
449
|
+
return component.value;
|
|
450
|
+
case "repeated": {
|
|
451
|
+
const results = component.value.components
|
|
452
|
+
.map((c) => parsePropertyInitialValue(c, builder))
|
|
453
|
+
.filter(
|
|
454
|
+
(v): v is NonNullable<StyleDescriptor> => v !== undefined,
|
|
455
|
+
);
|
|
456
|
+
// Unwrap single-child repeated values so downstream consumers get a
|
|
457
|
+
// scalar instead of a 1-element array. For example, `<length>+` with
|
|
458
|
+
// initial-value `10px` should produce the same shape as `<length>`.
|
|
459
|
+
return results.length === 1 ? results[0] : results;
|
|
460
|
+
}
|
|
461
|
+
default:
|
|
462
|
+
return undefined;
|
|
463
|
+
}
|
|
464
|
+
}
|
|
@@ -577,6 +577,12 @@ export class StylesheetBuilder {
|
|
|
577
577
|
this.ruleTemplate.cq.push(query);
|
|
578
578
|
}
|
|
579
579
|
|
|
580
|
+
addRootVariable(name: string, value: StyleDescriptor) {
|
|
581
|
+
this.shared.rootVariables ??= {};
|
|
582
|
+
this.shared.rootVariables[name] ??= [];
|
|
583
|
+
this.shared.rootVariables[name].push([value]);
|
|
584
|
+
}
|
|
585
|
+
|
|
580
586
|
newAnimationFrames(name: string) {
|
|
581
587
|
this.shared.animations ??= {};
|
|
582
588
|
|
package/src/compiler/supports.ts
CHANGED
|
@@ -21,8 +21,6 @@ export function supportsConditionValid(condition: SupportsCondition): boolean {
|
|
|
21
21
|
}
|
|
22
22
|
|
|
23
23
|
const declarations: Record<string, string[]> = {
|
|
24
|
-
// We don't actually support this, but its needed for Tailwind CSS
|
|
25
|
-
"-moz-orient": ["inline"],
|
|
26
24
|
// Special text used by TailwindCSS. We should probably change this to all color-mix
|
|
27
|
-
|
|
25
|
+
color: ["color-mix(in lab, red, red)"],
|
|
28
26
|
};
|
|
@@ -10,6 +10,7 @@ import {
|
|
|
10
10
|
import { copyComponentProperties } from "./copyComponentProperties";
|
|
11
11
|
|
|
12
12
|
const mapping: StyledConfiguration<typeof RNFlatList> = {
|
|
13
|
+
className: "style",
|
|
13
14
|
ListFooterComponentClassName: "ListFooterComponentStyle",
|
|
14
15
|
ListHeaderComponentClassName: "ListHeaderComponentStyle",
|
|
15
16
|
columnWrapperClassName: "columnWrapperStyle",
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { SafeAreaProvider } from "react-native-css/components/react-native-safe-area-context";
|
|
@@ -62,22 +62,22 @@ export const saturate: StyleFunctionResolver = (resolveValue, value) => {
|
|
|
62
62
|
export const opacity: StyleFunctionResolver = (resolveValue, value) => {
|
|
63
63
|
const args = resolveValue(value[2]);
|
|
64
64
|
return {
|
|
65
|
-
|
|
65
|
+
opacity: (Array.isArray(args) ? args[0] : args) as unknown,
|
|
66
66
|
};
|
|
67
67
|
};
|
|
68
68
|
|
|
69
|
-
const color = ["color", "
|
|
69
|
+
const color = ["color", "color"] as const;
|
|
70
70
|
const offsetX = ["offsetX", "number"] as const;
|
|
71
71
|
const offsetY = ["offsetY", "number"] as const;
|
|
72
|
-
const
|
|
72
|
+
const standardDeviation = ["standardDeviation", "number"] as const;
|
|
73
73
|
|
|
74
74
|
const handler = shorthandHandler(
|
|
75
75
|
[
|
|
76
|
-
[offsetX, offsetY,
|
|
76
|
+
[offsetX, offsetY, standardDeviation, color],
|
|
77
77
|
[color, offsetX, offsetY],
|
|
78
|
-
[color, offsetX, offsetY,
|
|
78
|
+
[color, offsetX, offsetY, standardDeviation],
|
|
79
79
|
[offsetX, offsetY, color],
|
|
80
|
-
[offsetX, offsetY,
|
|
80
|
+
[offsetX, offsetY, standardDeviation, color],
|
|
81
81
|
],
|
|
82
82
|
[],
|
|
83
83
|
"object",
|