react-native-css 3.0.0-preview.0 → 3.0.0-preview.1
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/commonjs/compiler/declarations.js +99 -24
- package/dist/commonjs/compiler/declarations.js.map +1 -1
- package/dist/commonjs/compiler/stylesheet.js +5 -0
- package/dist/commonjs/compiler/stylesheet.js.map +1 -1
- package/dist/commonjs/jest/index.js +0 -1
- package/dist/commonjs/jest/index.js.map +1 -1
- package/dist/commonjs/runtime/native/api.js +21 -2
- package/dist/commonjs/runtime/native/api.js.map +1 -1
- package/dist/commonjs/runtime/native/reactivity.js +1 -5
- package/dist/commonjs/runtime/native/reactivity.js.map +1 -1
- package/dist/commonjs/runtime/native/styles/units.js +10 -8
- package/dist/commonjs/runtime/native/styles/units.js.map +1 -1
- package/dist/commonjs/runtime/web/api.js +18 -0
- package/dist/commonjs/runtime/web/api.js.map +1 -1
- package/dist/commonjs/style-collection/root.js +1 -0
- package/dist/commonjs/style-collection/root.js.map +1 -1
- package/dist/module/compiler/declarations.js +94 -24
- package/dist/module/compiler/declarations.js.map +1 -1
- package/dist/module/compiler/stylesheet.js +5 -0
- package/dist/module/compiler/stylesheet.js.map +1 -1
- package/dist/module/jest/index.js +1 -2
- package/dist/module/jest/index.js.map +1 -1
- package/dist/module/runtime/native/api.js +21 -3
- package/dist/module/runtime/native/api.js.map +1 -1
- package/dist/module/runtime/native/reactivity.js +0 -4
- package/dist/module/runtime/native/reactivity.js.map +1 -1
- package/dist/module/runtime/native/styles/units.js +11 -8
- package/dist/module/runtime/native/styles/units.js.map +1 -1
- package/dist/module/runtime/web/api.js +18 -1
- package/dist/module/runtime/web/api.js.map +1 -1
- package/dist/module/style-collection/root.js +1 -0
- package/dist/module/style-collection/root.js.map +1 -1
- package/dist/typescript/commonjs/src/compiler/declarations.d.ts +12 -1
- package/dist/typescript/commonjs/src/compiler/declarations.d.ts.map +1 -1
- package/dist/typescript/commonjs/src/compiler/stylesheet.d.ts.map +1 -1
- package/dist/typescript/commonjs/src/jest/index.d.ts.map +1 -1
- package/dist/typescript/commonjs/src/runtime/native/api.d.ts +13 -1
- package/dist/typescript/commonjs/src/runtime/native/api.d.ts.map +1 -1
- package/dist/typescript/commonjs/src/runtime/native/reactivity.d.ts +0 -2
- package/dist/typescript/commonjs/src/runtime/native/reactivity.d.ts.map +1 -1
- package/dist/typescript/commonjs/src/runtime/native/styles/units.d.ts.map +1 -1
- package/dist/typescript/commonjs/src/runtime/web/api.d.ts +8 -2
- package/dist/typescript/commonjs/src/runtime/web/api.d.ts.map +1 -1
- package/dist/typescript/module/src/compiler/declarations.d.ts +12 -1
- package/dist/typescript/module/src/compiler/declarations.d.ts.map +1 -1
- package/dist/typescript/module/src/compiler/stylesheet.d.ts.map +1 -1
- package/dist/typescript/module/src/jest/index.d.ts.map +1 -1
- package/dist/typescript/module/src/runtime/native/api.d.ts +13 -1
- package/dist/typescript/module/src/runtime/native/api.d.ts.map +1 -1
- package/dist/typescript/module/src/runtime/native/reactivity.d.ts +0 -2
- package/dist/typescript/module/src/runtime/native/reactivity.d.ts.map +1 -1
- package/dist/typescript/module/src/runtime/native/styles/units.d.ts.map +1 -1
- package/dist/typescript/module/src/runtime/web/api.d.ts +8 -2
- package/dist/typescript/module/src/runtime/web/api.d.ts.map +1 -1
- package/package.json +1 -2
- package/src/compiler/declarations.ts +126 -32
- package/src/compiler/stylesheet.ts +6 -0
- package/src/jest/index.ts +1 -2
- package/src/runtime/native/{api.ts → api.tsx} +31 -4
- package/src/runtime/native/reactivity.ts +0 -4
- package/src/runtime/native/styles/units.ts +13 -8
- package/src/runtime/web/{api.ts → api.tsx} +28 -2
- package/src/style-collection/root.ts +2 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","require","_reactNative","observableBatch","exports","observable","init","equality","Object","is","value","isStatic","didInit","lastArg","observers","Set","effect","run","nextValue","getter","notify","get","add","undefined","set","arg","obs","Array","from","forEach","observer","current","cleanupEffect","dep","delete","clear","family","fn","map","Map","assign","key","args","weakFamily","WeakMap","has","VAR_SYMBOL","Symbol","VariableContext","createContext","
|
|
1
|
+
{"version":3,"names":["_react","require","_reactNative","observableBatch","exports","observable","init","equality","Object","is","value","isStatic","didInit","lastArg","observers","Set","effect","run","nextValue","getter","notify","get","add","undefined","set","arg","obs","Array","from","forEach","observer","current","cleanupEffect","dep","delete","clear","family","fn","map","Map","assign","key","args","weakFamily","WeakMap","has","VAR_SYMBOL","Symbol","VariableContext","createContext","hoverFamily","activeFamily","focusFamily","dimensions","Dimensions","vw","read","width","vh","height","addEventListener","window","colorScheme","Appearance","getColorScheme","addChangeListener","event","ContainerContext","containerLayoutFamily","x","y","containerWidthFamily","containerHeightFamily"],"sourceRoot":"../../../../src","sources":["runtime/native/reactivity.ts"],"mappings":"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","ignoreList":[]}
|
|
@@ -5,21 +5,19 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
exports.vw = exports.vh = exports.rem = exports.em = void 0;
|
|
7
7
|
var _reactivity = require("../reactivity.js");
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
const em = (resolve, func, get) => {
|
|
11
|
-
let value = func[2];
|
|
8
|
+
const em = (resolve, func) => {
|
|
9
|
+
const value = func[2];
|
|
12
10
|
if (typeof value !== "number") {
|
|
13
11
|
return;
|
|
14
12
|
}
|
|
15
13
|
let emValue = resolve([{}, "var", ["__rn-css-em"]]);
|
|
16
14
|
if (typeof emValue !== "number") {
|
|
17
|
-
emValue =
|
|
15
|
+
emValue = resolve([{}, "var", ["__rn-css-rem"]]);
|
|
18
16
|
}
|
|
19
17
|
if (typeof emValue !== "number") {
|
|
20
18
|
return;
|
|
21
19
|
}
|
|
22
|
-
return round(
|
|
20
|
+
return round(value * emValue);
|
|
23
21
|
};
|
|
24
22
|
exports.em = em;
|
|
25
23
|
const vw = (_, func, get) => {
|
|
@@ -38,12 +36,16 @@ const vh = (_, func, get) => {
|
|
|
38
36
|
return round(value / 100 * get(_reactivity.vh));
|
|
39
37
|
};
|
|
40
38
|
exports.vh = vh;
|
|
41
|
-
const rem = (
|
|
39
|
+
const rem = (resolve, func) => {
|
|
42
40
|
const value = func[2];
|
|
43
41
|
if (typeof value !== "number") {
|
|
44
42
|
return;
|
|
45
43
|
}
|
|
46
|
-
|
|
44
|
+
const remValue = resolve([{}, "var", ["__rn-css-rem"]]);
|
|
45
|
+
if (typeof remValue === "number") {
|
|
46
|
+
return round(value * remValue);
|
|
47
|
+
}
|
|
48
|
+
return;
|
|
47
49
|
};
|
|
48
50
|
exports.rem = rem;
|
|
49
51
|
function round(number) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_reactivity","require","em","resolve","func","
|
|
1
|
+
{"version":3,"names":["_reactivity","require","em","resolve","func","value","emValue","round","exports","vw","_","get","vwObs","vh","vhObs","rem","remValue","number","Math","Number","EPSILON"],"sourceRoot":"../../../../../src","sources":["runtime/native/styles/units.ts"],"mappings":";;;;;;AAAA,IAAAA,WAAA,GAAAC,OAAA;AAGO,MAAMC,EAAyB,GAAGA,CAACC,OAAO,EAAEC,IAAI,KAAK;EAC1D,MAAMC,KAAK,GAAGD,IAAI,CAAC,CAAC,CAAC;EAErB,IAAI,OAAOC,KAAK,KAAK,QAAQ,EAAE;IAC7B;EACF;EAEA,IAAIC,OAAO,GAAGH,OAAO,CAAC,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC;EAEnD,IAAI,OAAOG,OAAO,KAAK,QAAQ,EAAE;IAC/BA,OAAO,GAAGH,OAAO,CAAC,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,cAAc,CAAC,CAAC,CAAC;EAClD;EAEA,IAAI,OAAOG,OAAO,KAAK,QAAQ,EAAE;IAC/B;EACF;EAEA,OAAOC,KAAK,CAACF,KAAK,GAAGC,OAAO,CAAC;AAC/B,CAAC;AAACE,OAAA,CAAAN,EAAA,GAAAA,EAAA;AAEK,MAAMO,EAAyB,GAAGA,CAACC,CAAC,EAAEN,IAAI,EAAEO,GAAG,KAAK;EACzD,MAAMN,KAAK,GAAGD,IAAI,CAAC,CAAC,CAAC;EAErB,IAAI,OAAOC,KAAK,KAAK,QAAQ,EAAE;IAC7B;EACF;EAEA,OAAOE,KAAK,CAACI,GAAG,CAACC,cAAK,CAAC,IAAIP,KAAK,GAAG,GAAG,CAAC,CAAC;AAC1C,CAAC;AAACG,OAAA,CAAAC,EAAA,GAAAA,EAAA;AAEK,MAAMI,EAAyB,GAAGA,CAACH,CAAC,EAAEN,IAAI,EAAEO,GAAG,KAAK;EACzD,MAAMN,KAAK,GAAGD,IAAI,CAAC,CAAC,CAAC;EAErB,IAAI,OAAOC,KAAK,KAAK,QAAQ,EAAE;IAC7B;EACF;EAEA,OAAOE,KAAK,CAAEF,KAAK,GAAG,GAAG,GAAIM,GAAG,CAACG,cAAK,CAAC,CAAC;AAC1C,CAAC;AAACN,OAAA,CAAAK,EAAA,GAAAA,EAAA;AAEK,MAAME,GAA0B,GAAGA,CAACZ,OAAO,EAAEC,IAAI,KAAK;EAC3D,MAAMC,KAAK,GAAGD,IAAI,CAAC,CAAC,CAAC;EAErB,IAAI,OAAOC,KAAK,KAAK,QAAQ,EAAE;IAC7B;EACF;EAEA,MAAMW,QAAQ,GAAGb,OAAO,CAAC,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,cAAc,CAAC,CAAC,CAAC;EAEvD,IAAI,OAAOa,QAAQ,KAAK,QAAQ,EAAE;IAChC,OAAOT,KAAK,CAACF,KAAK,GAAGW,QAAQ,CAAC;EAChC;EAEA;AACF,CAAC;AAACR,OAAA,CAAAO,GAAA,GAAAA,GAAA;AAEF,SAASR,KAAKA,CAACU,MAAc,EAAE;EAC7B,OAAOC,IAAI,CAACX,KAAK,CAAC,CAACU,MAAM,GAAGE,MAAM,CAACC,OAAO,IAAI,GAAG,CAAC,GAAG,GAAG;AAC1D","ignoreList":[]}
|
|
@@ -3,11 +3,13 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
+
exports.VariableContextProvider = VariableContextProvider;
|
|
6
7
|
exports.useUnstableNativeVariable = exports.useNativeVariable = exports.useCssElement = exports.styled = exports.colorScheme = void 0;
|
|
7
8
|
exports.vars = vars;
|
|
8
9
|
var _react = require("react");
|
|
9
10
|
var _reactNative = require("react-native");
|
|
10
11
|
var _assignStyle = require("./assign-style.js");
|
|
12
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
11
13
|
const styled = (baseComponent, mapping, _options) => {
|
|
12
14
|
return props => {
|
|
13
15
|
return useCssElement(baseComponent, mapping, props);
|
|
@@ -46,6 +48,10 @@ const colorScheme = exports.colorScheme = {
|
|
|
46
48
|
_reactNative.Appearance.setColorScheme(name);
|
|
47
49
|
}
|
|
48
50
|
};
|
|
51
|
+
|
|
52
|
+
/**
|
|
53
|
+
* @deprecated Use `<VariableContextProvider />` instead.
|
|
54
|
+
*/
|
|
49
55
|
function vars(variables) {
|
|
50
56
|
const $variables = {};
|
|
51
57
|
for (const [key, value] of Object.entries(variables)) {
|
|
@@ -57,6 +63,18 @@ function vars(variables) {
|
|
|
57
63
|
}
|
|
58
64
|
return $variables;
|
|
59
65
|
}
|
|
66
|
+
function VariableContextProvider(props) {
|
|
67
|
+
const style = (0, _react.useMemo)(() => {
|
|
68
|
+
return {
|
|
69
|
+
display: "content",
|
|
70
|
+
...Object.fromEntries(Object.entries(props.value).map(([key, value]) => [key.startsWith("--") ? key : `--${key}`, value]))
|
|
71
|
+
};
|
|
72
|
+
}, [props.value]);
|
|
73
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
74
|
+
style: style,
|
|
75
|
+
children: props.children
|
|
76
|
+
});
|
|
77
|
+
}
|
|
60
78
|
const useNativeVariable = () => {
|
|
61
79
|
throw new Error("useNativeVariable is not supported in web");
|
|
62
80
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","require","_reactNative","_assignStyle","styled","baseComponent","mapping","_options","props","useCssElement","exports","component","incomingProps","key","value","Object","entries","source","target","assignStyle","$$css","split","createElement","colorScheme","get","Appearance","getColorScheme","set","name","setColorScheme","vars","variables","$variables","startsWith","toString","useNativeVariable","Error","useUnstableNativeVariable"],"sourceRoot":"../../../../src","sources":["runtime/web/api.
|
|
1
|
+
{"version":3,"names":["_react","require","_reactNative","_assignStyle","_jsxRuntime","styled","baseComponent","mapping","_options","props","useCssElement","exports","component","incomingProps","key","value","Object","entries","source","target","assignStyle","$$css","split","createElement","colorScheme","get","Appearance","getColorScheme","set","name","setColorScheme","vars","variables","$variables","startsWith","toString","VariableContextProvider","style","useMemo","display","fromEntries","map","jsx","children","useNativeVariable","Error","useUnstableNativeVariable"],"sourceRoot":"../../../../src","sources":["runtime/web/api.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -25,4 +25,5 @@ const rootVariableFamily = () => {
|
|
|
25
25
|
};
|
|
26
26
|
const rootVariables = exports.rootVariables = rootVariableFamily();
|
|
27
27
|
const universalVariables = exports.universalVariables = rootVariableFamily();
|
|
28
|
+
rootVariables("__rn-css-rem").set([[14]]);
|
|
28
29
|
//# sourceMappingURL=root.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_mediaQuery","require","_reactivity","rootVariableFamily","family","obs","observable","read","variableValue","undefined","value","mediaQuery","testMediaQuery","rootVariables","exports","universalVariables"],"sourceRoot":"../../../src","sources":["style-collection/root.ts"],"mappings":";;;;;;AAEA,IAAAA,WAAA,GAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AAMA,MAAME,kBAAkB,GAAGA,CAAA,KAAM;EAC/B,OAAO,IAAAC,kBAAM,EAAuD,MAAM;IACxE,MAAMC,GAAG,GAAG,IAAAC,sBAAU,EACpB,CAACC,IAAI,EAAEC,aAAa,KAAK;MACvB,IAAI,CAACA,aAAa,EAAE,OAAOC,SAAS;MAEpC,KAAK,MAAM,CAACC,KAAK,EAAEC,UAAU,CAAC,IAAIH,aAAa,EAAE;QAC/C,IAAI,CAACG,UAAU,EAAE;UACf,OAAOD,KAAK;QACd;QAEA,IAAI,IAAAE,0BAAc,EAACD,UAAU,EAAEJ,IAAI,CAAC,EAAE;UACpC,OAAOG,KAAK;QACd;MACF;MAEA,OAAOD,SAAS;IAClB,CACF,CAAC;IAED,OAAOJ,GAAG;EACZ,CAAC,CAAC;AACJ,CAAC;AAEM,MAAMQ,aAAa,GAAAC,OAAA,CAAAD,aAAA,GAAGV,kBAAkB,CAAC,CAAC;AAC1C,MAAMY,kBAAkB,GAAAD,OAAA,CAAAC,kBAAA,GAAGZ,kBAAkB,CAAC,CAAC","ignoreList":[]}
|
|
1
|
+
{"version":3,"names":["_mediaQuery","require","_reactivity","rootVariableFamily","family","obs","observable","read","variableValue","undefined","value","mediaQuery","testMediaQuery","rootVariables","exports","universalVariables","set"],"sourceRoot":"../../../src","sources":["style-collection/root.ts"],"mappings":";;;;;;AAEA,IAAAA,WAAA,GAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AAMA,MAAME,kBAAkB,GAAGA,CAAA,KAAM;EAC/B,OAAO,IAAAC,kBAAM,EAAuD,MAAM;IACxE,MAAMC,GAAG,GAAG,IAAAC,sBAAU,EACpB,CAACC,IAAI,EAAEC,aAAa,KAAK;MACvB,IAAI,CAACA,aAAa,EAAE,OAAOC,SAAS;MAEpC,KAAK,MAAM,CAACC,KAAK,EAAEC,UAAU,CAAC,IAAIH,aAAa,EAAE;QAC/C,IAAI,CAACG,UAAU,EAAE;UACf,OAAOD,KAAK;QACd;QAEA,IAAI,IAAAE,0BAAc,EAACD,UAAU,EAAEJ,IAAI,CAAC,EAAE;UACpC,OAAOG,KAAK;QACd;MACF;MAEA,OAAOD,SAAS;IAClB,CACF,CAAC;IAED,OAAOJ,GAAG;EACZ,CAAC,CAAC;AACJ,CAAC;AAEM,MAAMQ,aAAa,GAAAC,OAAA,CAAAD,aAAA,GAAGV,kBAAkB,CAAC,CAAC;AAC1C,MAAMY,kBAAkB,GAAAD,OAAA,CAAAC,kBAAA,GAAGZ,kBAAkB,CAAC,CAAC;AAEtDU,aAAa,CAAC,cAAc,CAAC,CAACG,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC","ignoreList":[]}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
// cSpell:ignore rcap,vmin,svmin,lvmin,dvmin,cqmin,vmax,svmax,lvmax,dvmax,cqmax,currentcolor,oklab,oklch,prophoto
|
|
3
|
+
// cSpell:ignore rcap,vmin,svmin,lvmin,dvmin,cqmin,vmax,svmax,lvmax,dvmax,cqmax,currentcolor,oklab,oklch,prophoto,squircle,oldstyle,nums
|
|
4
4
|
|
|
5
5
|
import Color from "colorjs.io";
|
|
6
6
|
import { parseEasingFunction, parseIterationCount } from "./keyframes.js";
|
|
@@ -26,6 +26,7 @@ const parsers = {
|
|
|
26
26
|
"animation-play-state": addAnimationValue,
|
|
27
27
|
"animation-timing-function": addAnimationValue,
|
|
28
28
|
"aspect-ratio": parseAspectRatio,
|
|
29
|
+
"backface-visibility": parseBackfaceVisibility,
|
|
29
30
|
"background-color": parseColorDeclaration,
|
|
30
31
|
"background-image": parseBackgroundImage,
|
|
31
32
|
"block-size": parseSizeDeclaration,
|
|
@@ -81,8 +82,9 @@ const parsers = {
|
|
|
81
82
|
"border-top-style": parseBorderStyleDeclaration,
|
|
82
83
|
"border-top-width": parseBorderSideWidthDeclaration,
|
|
83
84
|
"border-width": parseBorderWidth,
|
|
84
|
-
"bottom":
|
|
85
|
+
"bottom": parseSizeWithAutoDeclaration,
|
|
85
86
|
"box-shadow": parseBoxShadow,
|
|
87
|
+
"box-sizing": parseBoxSizing,
|
|
86
88
|
"caret-color": parseColorOrAutoDeclaration,
|
|
87
89
|
"color": parseFontColorDeclaration,
|
|
88
90
|
"column-gap": parseGap,
|
|
@@ -90,10 +92,11 @@ const parsers = {
|
|
|
90
92
|
"container-name": parseContainerName,
|
|
91
93
|
"container-type": parseContainerType,
|
|
92
94
|
"display": parseDisplay,
|
|
95
|
+
"direction": parseDirection,
|
|
93
96
|
"fill": parseSVGPaint,
|
|
94
97
|
"filter": parseFilter,
|
|
95
98
|
"flex": parseFlex,
|
|
96
|
-
"flex-basis":
|
|
99
|
+
"flex-basis": parseLengthPercentageDeclaration,
|
|
97
100
|
"flex-direction": ({
|
|
98
101
|
value
|
|
99
102
|
}) => value,
|
|
@@ -118,26 +121,26 @@ const parsers = {
|
|
|
118
121
|
"inline-size": parseSizeDeclaration,
|
|
119
122
|
"inset": parseInset,
|
|
120
123
|
"inset-block": parseInsetBlock,
|
|
121
|
-
"inset-block-end":
|
|
122
|
-
"inset-block-start":
|
|
124
|
+
"inset-block-end": parseLengthPercentageDeclaration,
|
|
125
|
+
"inset-block-start": parseLengthPercentageDeclaration,
|
|
123
126
|
"inset-inline": parseInsetInline,
|
|
124
|
-
"inset-inline-end":
|
|
125
|
-
"inset-inline-start":
|
|
127
|
+
"inset-inline-end": parseLengthPercentageDeclaration,
|
|
128
|
+
"inset-inline-start": parseLengthPercentageDeclaration,
|
|
126
129
|
"justify-content": parseJustifyContent,
|
|
127
|
-
"left":
|
|
130
|
+
"left": parseSizeWithAutoDeclaration,
|
|
128
131
|
"letter-spacing": parseLetterSpacing,
|
|
129
132
|
"line-height": parseLineHeightDeclaration,
|
|
130
133
|
"margin": parseMargin,
|
|
131
134
|
"margin-block": parseMarginBlock,
|
|
132
135
|
"margin-block-end": parseLengthPercentageOrAutoDeclaration,
|
|
133
136
|
"margin-block-start": parseLengthPercentageOrAutoDeclaration,
|
|
134
|
-
"margin-bottom":
|
|
137
|
+
"margin-bottom": parseSizeWithAutoDeclaration,
|
|
135
138
|
"margin-inline": parseMarginInline,
|
|
136
139
|
"margin-inline-end": parseLengthPercentageOrAutoDeclaration,
|
|
137
140
|
"margin-inline-start": parseLengthPercentageOrAutoDeclaration,
|
|
138
|
-
"margin-left":
|
|
139
|
-
"margin-right":
|
|
140
|
-
"margin-top":
|
|
141
|
+
"margin-left": parseSizeWithAutoDeclaration,
|
|
142
|
+
"margin-right": parseSizeWithAutoDeclaration,
|
|
143
|
+
"margin-top": parseSizeWithAutoDeclaration,
|
|
141
144
|
"max-block-size": parseSizeDeclaration,
|
|
142
145
|
"max-height": parseSizeDeclaration,
|
|
143
146
|
"max-inline-size": parseSizeDeclaration,
|
|
@@ -148,21 +151,24 @@ const parsers = {
|
|
|
148
151
|
"min-width": parseSizeDeclaration,
|
|
149
152
|
"opacity": ({
|
|
150
153
|
value
|
|
151
|
-
}) => value,
|
|
154
|
+
}) => round(value),
|
|
155
|
+
"outline-color": parseColorDeclaration,
|
|
156
|
+
"outline-style": parseOutlineStyle,
|
|
157
|
+
"outline-width": parseBorderSideWidthDeclaration,
|
|
152
158
|
"overflow": parseOverflow,
|
|
153
159
|
"padding": parsePadding,
|
|
154
160
|
"padding-block": parsePaddingBlock,
|
|
155
|
-
"padding-block-end":
|
|
156
|
-
"padding-block-start":
|
|
161
|
+
"padding-block-end": parseLengthPercentageDeclaration,
|
|
162
|
+
"padding-block-start": parseLengthPercentageDeclaration,
|
|
157
163
|
"padding-bottom": parseSizeDeclaration,
|
|
158
164
|
"padding-inline": parsePaddingInline,
|
|
159
|
-
"padding-inline-end":
|
|
160
|
-
"padding-inline-start":
|
|
165
|
+
"padding-inline-end": parseLengthPercentageDeclaration,
|
|
166
|
+
"padding-inline-start": parseLengthPercentageDeclaration,
|
|
161
167
|
"padding-left": parseSizeDeclaration,
|
|
162
168
|
"padding-right": parseSizeDeclaration,
|
|
163
169
|
"padding-top": parseSizeDeclaration,
|
|
164
170
|
"position": parsePosition,
|
|
165
|
-
"right":
|
|
171
|
+
"right": parseSizeWithAutoDeclaration,
|
|
166
172
|
"rotate": parseRotate,
|
|
167
173
|
"row-gap": parseGap,
|
|
168
174
|
"scale": parseScale,
|
|
@@ -177,7 +183,7 @@ const parsers = {
|
|
|
177
183
|
"text-transform": ({
|
|
178
184
|
value
|
|
179
185
|
}) => value.case,
|
|
180
|
-
"top":
|
|
186
|
+
"top": parseSizeWithAutoDeclaration,
|
|
181
187
|
"transform": parseTransform,
|
|
182
188
|
"transition": addTransitionValue,
|
|
183
189
|
"transition-delay": addTransitionValue,
|
|
@@ -393,16 +399,24 @@ function parseMarginBlock({
|
|
|
393
399
|
value
|
|
394
400
|
}, builder) {
|
|
395
401
|
builder.addShorthand("margin-block", {
|
|
396
|
-
"margin-block-start": parseLengthPercentageOrAuto(value.blockStart, builder
|
|
397
|
-
|
|
402
|
+
"margin-block-start": parseLengthPercentageOrAuto(value.blockStart, builder, {
|
|
403
|
+
allowAuto: true
|
|
404
|
+
}),
|
|
405
|
+
"margin-block-end": parseLengthPercentageOrAuto(value.blockEnd, builder, {
|
|
406
|
+
allowAuto: true
|
|
407
|
+
})
|
|
398
408
|
});
|
|
399
409
|
}
|
|
400
410
|
function parseMarginInline({
|
|
401
411
|
value
|
|
402
412
|
}, builder) {
|
|
403
413
|
builder.addShorthand("margin-inline", {
|
|
404
|
-
"margin-inline-start": parseLengthPercentageOrAuto(value.inlineStart, builder
|
|
405
|
-
|
|
414
|
+
"margin-inline-start": parseLengthPercentageOrAuto(value.inlineStart, builder, {
|
|
415
|
+
allowAuto: true
|
|
416
|
+
}),
|
|
417
|
+
"margin-inline-end": parseLengthPercentageOrAuto(value.inlineEnd, builder, {
|
|
418
|
+
allowAuto: true
|
|
419
|
+
})
|
|
406
420
|
});
|
|
407
421
|
}
|
|
408
422
|
function parsePadding({
|
|
@@ -611,6 +625,11 @@ export function parseCustomDeclaration(declaration, builder) {
|
|
|
611
625
|
} else if (property === "object-position") {
|
|
612
626
|
// https://github.com/parcel-bundler/lightningcss/issues/1047
|
|
613
627
|
parseObjectPosition(declaration.value, builder);
|
|
628
|
+
} else if (property === "outline-offset") {
|
|
629
|
+
// https://github.com/parcel-bundler/lightningcss/issues/1048
|
|
630
|
+
builder.addDescriptor(property, parseUnparsed(declaration.value.value, builder, property));
|
|
631
|
+
} else if (property === "corner-shape") {
|
|
632
|
+
parseCornerShape(declaration.value, builder);
|
|
614
633
|
} else if (validProperties.has(property) || property.startsWith("--") || property.startsWith("-rn-")) {
|
|
615
634
|
builder.addDescriptor(property, parseUnparsed(declaration.value.value, builder, property));
|
|
616
635
|
} else {
|
|
@@ -983,6 +1002,11 @@ export function parseAngle(angle, builder) {
|
|
|
983
1002
|
export function parseSizeDeclaration(declaration, builder) {
|
|
984
1003
|
return parseSize(declaration.value, builder);
|
|
985
1004
|
}
|
|
1005
|
+
export function parseSizeWithAutoDeclaration(declaration, builder) {
|
|
1006
|
+
return parseSize(declaration.value, builder, {
|
|
1007
|
+
allowAuto: true
|
|
1008
|
+
});
|
|
1009
|
+
}
|
|
986
1010
|
export function parsePointerEvents({
|
|
987
1011
|
value
|
|
988
1012
|
}, builder) {
|
|
@@ -1198,9 +1222,14 @@ export function parseColor(cssColor, builder) {
|
|
|
1198
1222
|
});
|
|
1199
1223
|
}
|
|
1200
1224
|
}
|
|
1201
|
-
export function
|
|
1225
|
+
export function parseLengthPercentageDeclaration(value, builder) {
|
|
1202
1226
|
return parseLengthPercentageOrAuto(value.value, builder);
|
|
1203
1227
|
}
|
|
1228
|
+
export function parseLengthPercentageOrAutoDeclaration(value, builder) {
|
|
1229
|
+
return parseLengthPercentageOrAuto(value.value, builder, {
|
|
1230
|
+
allowAuto: true
|
|
1231
|
+
});
|
|
1232
|
+
}
|
|
1204
1233
|
export function parseLengthPercentageOrAuto(lengthPercentageOrAuto, builder, {
|
|
1205
1234
|
allowAuto = false
|
|
1206
1235
|
} = {}) {
|
|
@@ -1600,6 +1629,13 @@ export function parseBoxShadow({
|
|
|
1600
1629
|
builder.addDescriptor(`boxShadow.[${index}].inset`, shadow.inset ? true : undefined);
|
|
1601
1630
|
}
|
|
1602
1631
|
}
|
|
1632
|
+
export function parseBoxSizing(declaration, builder) {
|
|
1633
|
+
if (["border-box", "content-box"].includes(declaration.value)) {
|
|
1634
|
+
return declaration.value;
|
|
1635
|
+
}
|
|
1636
|
+
builder.addWarning("value", declaration.value);
|
|
1637
|
+
return undefined;
|
|
1638
|
+
}
|
|
1603
1639
|
export function parseDisplay({
|
|
1604
1640
|
value
|
|
1605
1641
|
}, builder) {
|
|
@@ -1655,6 +1691,14 @@ export function parseDisplay({
|
|
|
1655
1691
|
}
|
|
1656
1692
|
}
|
|
1657
1693
|
}
|
|
1694
|
+
export function parseDirection(declaration, builder) {
|
|
1695
|
+
if (["ltr", "rtl"].includes(declaration.value)) {
|
|
1696
|
+
builder.addDescriptor("direction", declaration.value);
|
|
1697
|
+
builder.addDescriptor("--__rn-css-direction", declaration.value);
|
|
1698
|
+
}
|
|
1699
|
+
builder.addWarning("value", declaration.value);
|
|
1700
|
+
return;
|
|
1701
|
+
}
|
|
1658
1702
|
export function parseAspectRatio({
|
|
1659
1703
|
value
|
|
1660
1704
|
}) {
|
|
@@ -1671,6 +1715,16 @@ export function parseAspectRatio({
|
|
|
1671
1715
|
}
|
|
1672
1716
|
}
|
|
1673
1717
|
}
|
|
1718
|
+
export function parseBackfaceVisibility({
|
|
1719
|
+
value
|
|
1720
|
+
}, builder) {
|
|
1721
|
+
if (["visible", "hidden"].includes(value)) {
|
|
1722
|
+
return value;
|
|
1723
|
+
} else {
|
|
1724
|
+
builder.addWarning("value", value);
|
|
1725
|
+
return;
|
|
1726
|
+
}
|
|
1727
|
+
}
|
|
1674
1728
|
export function parseDimension({
|
|
1675
1729
|
unit,
|
|
1676
1730
|
value
|
|
@@ -2080,6 +2134,14 @@ function parseObjectPosition(declaration, builder) {
|
|
|
2080
2134
|
});
|
|
2081
2135
|
builder.addDescriptor("object-position", [{}, "join", [parseUnparsed(declaration.value, builder, "object-position"), " "]]);
|
|
2082
2136
|
}
|
|
2137
|
+
function parseCornerShape(declaration, builder) {
|
|
2138
|
+
const shape = parseUnparsed(declaration.value, builder, "corner-shape");
|
|
2139
|
+
if (shape === "round") {
|
|
2140
|
+
builder.addDescriptor("borderCurve", "circular");
|
|
2141
|
+
} else if (shape === "squircle") {
|
|
2142
|
+
builder.addDescriptor("borderCurve", "continuous");
|
|
2143
|
+
}
|
|
2144
|
+
}
|
|
2083
2145
|
function parseVisibility(declaration, builder) {
|
|
2084
2146
|
if (declaration.value === "visible") {
|
|
2085
2147
|
builder.addDescriptor("opacity", 1);
|
|
@@ -2089,6 +2151,14 @@ function parseVisibility(declaration, builder) {
|
|
|
2089
2151
|
builder.addWarning("value", declaration.value);
|
|
2090
2152
|
}
|
|
2091
2153
|
}
|
|
2154
|
+
function parseOutlineStyle(declaration, builder) {
|
|
2155
|
+
const allowed = ["solid", "dotted", "dashed"];
|
|
2156
|
+
if (declaration.value.type !== "auto" && allowed.includes(declaration.value.value)) {
|
|
2157
|
+
builder.addDescriptor("outlineStyle", declaration.value.value);
|
|
2158
|
+
} else {
|
|
2159
|
+
builder.addWarning("value", declaration.value.type === "auto" ? "auto" : declaration.value.value);
|
|
2160
|
+
}
|
|
2161
|
+
}
|
|
2092
2162
|
function parseFilter(declaration, builder) {
|
|
2093
2163
|
if (declaration.value.type === "none") {
|
|
2094
2164
|
return "unset";
|