@tamagui/react-native-web-internals 1.114.3 → 1.115.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/StyleSheet/__tests__/{compiler-createReactDOMStyle-test.js → compiler-createReactDOMStyle-test.cjs} +98 -50
- package/dist/cjs/StyleSheet/__tests__/{compiler-test.js → compiler-test.cjs} +158 -129
- package/dist/cjs/StyleSheet/__tests__/{dom-createOrderedCSSStyleSheet-test.js → dom-createOrderedCSSStyleSheet-test.cjs} +23 -19
- package/dist/cjs/StyleSheet/__tests__/{index-test.js → index-test.cjs} +173 -116
- package/dist/cjs/StyleSheet/__tests__/preprocess-test.cjs +108 -0
- package/dist/cjs/StyleSheet/__tests__/validate-test.cjs +36 -0
- package/dist/cjs/StyleSheet/compiler/createReactDOMStyle.cjs +99 -0
- package/dist/cjs/StyleSheet/compiler/hash.cjs +26 -0
- package/dist/cjs/StyleSheet/compiler/hyphenateStyleName.cjs +37 -0
- package/dist/cjs/StyleSheet/compiler/index.cjs +329 -0
- package/dist/cjs/StyleSheet/compiler/{normalizeColor.js → normalizeColor.cjs} +30 -20
- package/dist/cjs/StyleSheet/compiler/{normalizeValueWithProperty.js → normalizeValueWithProperty.cjs} +24 -15
- package/dist/cjs/StyleSheet/compiler/resolveShadowValue.cjs +60 -0
- package/dist/cjs/StyleSheet/dom/createCSSStyleSheet.cjs +48 -0
- package/dist/cjs/StyleSheet/dom/{createOrderedCSSStyleSheet.js → createOrderedCSSStyleSheet.cjs} +36 -20
- package/dist/cjs/StyleSheet/dom/index.cjs +78 -0
- package/dist/cjs/StyleSheet/{index.js → index.cjs} +24 -19
- package/dist/cjs/StyleSheet/preprocess.cjs +112 -0
- package/dist/cjs/StyleSheet/validate.cjs +69 -0
- package/dist/cjs/TextAncestorContext.cjs +29 -0
- package/dist/cjs/{colorProps.js → colorProps.cjs} +16 -11
- package/dist/cjs/index.cjs +113 -0
- package/dist/cjs/modules/AccessibilityUtil/__tests__/propsToAccessibilityComponent-test.cjs +50 -0
- package/dist/cjs/modules/AccessibilityUtil/__tests__/propsToAriaRole-test.cjs +40 -0
- package/dist/cjs/modules/AccessibilityUtil/{index.js → index.cjs} +25 -15
- package/dist/cjs/modules/AccessibilityUtil/isDisabled.cjs +27 -0
- package/dist/cjs/modules/AccessibilityUtil/propsToAccessibilityComponent.cjs +69 -0
- package/dist/cjs/modules/AccessibilityUtil/propsToAriaRole.cjs +48 -0
- package/dist/cjs/modules/AssetRegistry/{index.js → index.cjs} +16 -11
- package/dist/cjs/modules/ImageLoader/index.cjs +112 -0
- package/dist/cjs/modules/{InteractionManager.js → InteractionManager.cjs} +26 -20
- package/dist/cjs/modules/Platform/__tests__/index-test.cjs +48 -0
- package/dist/cjs/modules/Platform/index.cjs +31 -0
- package/dist/cjs/modules/TextInputState/{index.js → index.cjs} +23 -15
- package/dist/cjs/modules/UIManager/__tests__/{index-test.js → index-test.cjs} +56 -32
- package/dist/cjs/modules/UIManager/index.cjs +138 -0
- package/dist/cjs/modules/canUseDOM.cjs +28 -0
- package/dist/cjs/modules/createDOMProps/__tests__/index-test.cjs +156 -0
- package/dist/cjs/modules/createDOMProps/index.cjs +138 -0
- package/dist/cjs/modules/createEventHandle/__tests__/index-test.cjs +344 -0
- package/dist/cjs/modules/createEventHandle/{index.js → index.cjs} +38 -34
- package/dist/cjs/modules/dismissKeyboard/{index.js → index.cjs} +23 -15
- package/dist/cjs/modules/forwardedProps/index.cjs +160 -0
- package/dist/cjs/modules/getBoundingClientRect/index.cjs +29 -0
- package/dist/cjs/modules/invariant.cjs +36 -0
- package/dist/cjs/modules/isSelectionValid/index.cjs +35 -0
- package/dist/cjs/modules/isWebColor/index.cjs +27 -0
- package/dist/cjs/modules/mergeRefs/__tests__/index-test.cjs +42 -0
- package/dist/cjs/modules/mergeRefs/index.cjs +42 -0
- package/dist/cjs/modules/modality/__tests__/{index-test.js → index-test.cjs} +20 -8
- package/dist/cjs/modules/modality/{index.js → index.cjs} +75 -19
- package/dist/cjs/modules/multiplyStyleLengthValue/__tests__/{index-test.js → index-test.cjs} +16 -14
- package/dist/cjs/modules/multiplyStyleLengthValue/index.cjs +36 -0
- package/dist/cjs/modules/normalizeColor/{index.js → index.cjs} +29 -18
- package/dist/cjs/modules/pick/index.cjs +30 -0
- package/dist/cjs/modules/processColor/__tests__/{index-test.js → index-test.cjs} +17 -15
- package/dist/cjs/modules/processColor/{index.js → index.cjs} +25 -19
- package/dist/cjs/modules/requestIdleCallback/index.cjs +56 -0
- package/dist/cjs/modules/setValueForStyles/{dangerousStyleValue.js → dangerousStyleValue.cjs} +23 -15
- package/dist/cjs/modules/setValueForStyles/{index.js → index.cjs} +26 -18
- package/dist/cjs/modules/unitlessNumbers/index.cjs +87 -0
- package/dist/cjs/modules/useElementLayout/{index.js → index.cjs} +40 -23
- package/dist/cjs/modules/useEvent/__tests__/{index-test.js → index-test.cjs} +218 -99
- package/dist/cjs/modules/useEvent/index.cjs +56 -0
- package/dist/cjs/modules/useHover/__tests__/{index-test.js → index-test.cjs} +118 -40
- package/dist/cjs/modules/useHover/index.cjs +108 -0
- package/dist/cjs/modules/useLayoutEffect/{index.js → index.cjs} +24 -15
- package/dist/cjs/modules/useLocale/index.cjs +66 -0
- package/dist/cjs/modules/useLocale/{isLocaleRTL.js → isLocaleRTL.cjs} +23 -31
- package/dist/cjs/modules/useMergeRefs/__tests__/index-test.cjs +102 -0
- package/dist/cjs/modules/useMergeRefs/index.cjs +43 -0
- package/dist/cjs/modules/usePlatformMethods/index.cjs +48 -0
- package/dist/cjs/modules/useStable/__tests__/{index-test.js → index-test.cjs} +46 -23
- package/dist/cjs/modules/useStable/{index.js → index.cjs} +22 -14
- package/dist/cjs/styleTypes.cjs +16 -0
- package/dist/cjs/types.cjs +16 -0
- package/package.json +9 -8
- package/dist/cjs/StyleSheet/__tests__/preprocess-test.js +0 -77
- package/dist/cjs/StyleSheet/__tests__/validate-test.js +0 -18
- package/dist/cjs/StyleSheet/compiler/createReactDOMStyle.js +0 -121
- package/dist/cjs/StyleSheet/compiler/hash.js +0 -21
- package/dist/cjs/StyleSheet/compiler/hyphenateStyleName.js +0 -31
- package/dist/cjs/StyleSheet/compiler/index.js +0 -253
- package/dist/cjs/StyleSheet/compiler/resolveShadowValue.js +0 -35
- package/dist/cjs/StyleSheet/dom/createCSSStyleSheet.js +0 -44
- package/dist/cjs/StyleSheet/dom/index.js +0 -74
- package/dist/cjs/StyleSheet/preprocess.js +0 -67
- package/dist/cjs/StyleSheet/validate.js +0 -66
- package/dist/cjs/TextAncestorContext.js +0 -24
- package/dist/cjs/index.js +0 -73
- package/dist/cjs/modules/AccessibilityUtil/__tests__/propsToAccessibilityComponent-test.js +0 -46
- package/dist/cjs/modules/AccessibilityUtil/__tests__/propsToAriaRole-test.js +0 -30
- package/dist/cjs/modules/AccessibilityUtil/isDisabled.js +0 -22
- package/dist/cjs/modules/AccessibilityUtil/propsToAccessibilityComponent.js +0 -60
- package/dist/cjs/modules/AccessibilityUtil/propsToAriaRole.js +0 -43
- package/dist/cjs/modules/ImageLoader/index.js +0 -102
- package/dist/cjs/modules/Platform/__tests__/index-test.js +0 -46
- package/dist/cjs/modules/Platform/index.js +0 -26
- package/dist/cjs/modules/UIManager/index.js +0 -101
- package/dist/cjs/modules/canUseDOM.js +0 -23
- package/dist/cjs/modules/createDOMProps/__tests__/index-test.js +0 -106
- package/dist/cjs/modules/createDOMProps/index.js +0 -121
- package/dist/cjs/modules/createEventHandle/__tests__/index-test.js +0 -242
- package/dist/cjs/modules/forwardedProps/index.js +0 -145
- package/dist/cjs/modules/getBoundingClientRect/index.js +0 -25
- package/dist/cjs/modules/invariant.js +0 -35
- package/dist/cjs/modules/isSelectionValid/index.js +0 -27
- package/dist/cjs/modules/isWebColor/index.js +0 -22
- package/dist/cjs/modules/mergeRefs/__tests__/index-test.js +0 -34
- package/dist/cjs/modules/mergeRefs/index.js +0 -41
- package/dist/cjs/modules/multiplyStyleLengthValue/index.js +0 -28
- package/dist/cjs/modules/pick/index.js +0 -26
- package/dist/cjs/modules/requestIdleCallback/index.js +0 -44
- package/dist/cjs/modules/unitlessNumbers/index.js +0 -80
- package/dist/cjs/modules/useEvent/index.js +0 -45
- package/dist/cjs/modules/useHover/index.js +0 -81
- package/dist/cjs/modules/useLocale/index.js +0 -54
- package/dist/cjs/modules/useMergeRefs/__tests__/index-test.js +0 -68
- package/dist/cjs/modules/useMergeRefs/index.js +0 -36
- package/dist/cjs/modules/usePlatformMethods/index.js +0 -39
- package/dist/cjs/styleTypes.js +0 -14
- package/dist/cjs/types.js +0 -14
- /package/dist/cjs/StyleSheet/__tests__/{compiler-createReactDOMStyle-test.js.map → compiler-createReactDOMStyle-test.cjs.map} +0 -0
- /package/dist/cjs/StyleSheet/__tests__/{compiler-test.js.map → compiler-test.cjs.map} +0 -0
- /package/dist/cjs/StyleSheet/__tests__/{dom-createOrderedCSSStyleSheet-test.js.map → dom-createOrderedCSSStyleSheet-test.cjs.map} +0 -0
- /package/dist/cjs/StyleSheet/__tests__/{index-test.js.map → index-test.cjs.map} +0 -0
- /package/dist/cjs/StyleSheet/__tests__/{preprocess-test.js.map → preprocess-test.cjs.map} +0 -0
- /package/dist/cjs/StyleSheet/__tests__/{validate-test.js.map → validate-test.cjs.map} +0 -0
- /package/dist/cjs/StyleSheet/compiler/{createReactDOMStyle.js.map → createReactDOMStyle.cjs.map} +0 -0
- /package/dist/cjs/StyleSheet/compiler/{hash.js.map → hash.cjs.map} +0 -0
- /package/dist/cjs/StyleSheet/compiler/{hyphenateStyleName.js.map → hyphenateStyleName.cjs.map} +0 -0
- /package/dist/cjs/StyleSheet/compiler/{index.js.map → index.cjs.map} +0 -0
- /package/dist/cjs/StyleSheet/compiler/{normalizeColor.js.map → normalizeColor.cjs.map} +0 -0
- /package/dist/cjs/StyleSheet/compiler/{normalizeValueWithProperty.js.map → normalizeValueWithProperty.cjs.map} +0 -0
- /package/dist/cjs/StyleSheet/compiler/{resolveShadowValue.js.map → resolveShadowValue.cjs.map} +0 -0
- /package/dist/cjs/StyleSheet/dom/{createCSSStyleSheet.js.map → createCSSStyleSheet.cjs.map} +0 -0
- /package/dist/cjs/StyleSheet/dom/{createOrderedCSSStyleSheet.js.map → createOrderedCSSStyleSheet.cjs.map} +0 -0
- /package/dist/cjs/StyleSheet/dom/{index.js.map → index.cjs.map} +0 -0
- /package/dist/cjs/StyleSheet/{index.js.map → index.cjs.map} +0 -0
- /package/dist/cjs/StyleSheet/{preprocess.js.map → preprocess.cjs.map} +0 -0
- /package/dist/cjs/StyleSheet/{validate.js.map → validate.cjs.map} +0 -0
- /package/dist/cjs/{TextAncestorContext.js.map → TextAncestorContext.cjs.map} +0 -0
- /package/dist/cjs/{colorProps.js.map → colorProps.cjs.map} +0 -0
- /package/dist/cjs/{index.js.map → index.cjs.map} +0 -0
- /package/dist/cjs/modules/AccessibilityUtil/__tests__/{propsToAccessibilityComponent-test.js.map → propsToAccessibilityComponent-test.cjs.map} +0 -0
- /package/dist/cjs/modules/AccessibilityUtil/__tests__/{propsToAriaRole-test.js.map → propsToAriaRole-test.cjs.map} +0 -0
- /package/dist/cjs/modules/AccessibilityUtil/{index.js.map → index.cjs.map} +0 -0
- /package/dist/cjs/modules/AccessibilityUtil/{isDisabled.js.map → isDisabled.cjs.map} +0 -0
- /package/dist/cjs/modules/AccessibilityUtil/{propsToAccessibilityComponent.js.map → propsToAccessibilityComponent.cjs.map} +0 -0
- /package/dist/cjs/modules/AccessibilityUtil/{propsToAriaRole.js.map → propsToAriaRole.cjs.map} +0 -0
- /package/dist/cjs/modules/AssetRegistry/{index.js.map → index.cjs.map} +0 -0
- /package/dist/cjs/modules/ImageLoader/{index.js.map → index.cjs.map} +0 -0
- /package/dist/cjs/modules/{InteractionManager.js.map → InteractionManager.cjs.map} +0 -0
- /package/dist/cjs/modules/Platform/__tests__/{index-test.js.map → index-test.cjs.map} +0 -0
- /package/dist/cjs/modules/Platform/{index.js.map → index.cjs.map} +0 -0
- /package/dist/cjs/modules/TextInputState/{index.js.map → index.cjs.map} +0 -0
- /package/dist/cjs/modules/UIManager/__tests__/{index-test.js.map → index-test.cjs.map} +0 -0
- /package/dist/cjs/modules/UIManager/{index.js.map → index.cjs.map} +0 -0
- /package/dist/cjs/modules/{canUseDOM.js.map → canUseDOM.cjs.map} +0 -0
- /package/dist/cjs/modules/createDOMProps/__tests__/{index-test.js.map → index-test.cjs.map} +0 -0
- /package/dist/cjs/modules/createDOMProps/{index.js.map → index.cjs.map} +0 -0
- /package/dist/cjs/modules/createEventHandle/__tests__/{index-test.js.map → index-test.cjs.map} +0 -0
- /package/dist/cjs/modules/createEventHandle/{index.js.map → index.cjs.map} +0 -0
- /package/dist/cjs/modules/dismissKeyboard/{index.js.map → index.cjs.map} +0 -0
- /package/dist/cjs/modules/forwardedProps/{index.js.map → index.cjs.map} +0 -0
- /package/dist/cjs/modules/getBoundingClientRect/{index.js.map → index.cjs.map} +0 -0
- /package/dist/cjs/modules/{invariant.js.map → invariant.cjs.map} +0 -0
- /package/dist/cjs/modules/isSelectionValid/{index.js.map → index.cjs.map} +0 -0
- /package/dist/cjs/modules/isWebColor/{index.js.map → index.cjs.map} +0 -0
- /package/dist/cjs/modules/mergeRefs/__tests__/{index-test.js.map → index-test.cjs.map} +0 -0
- /package/dist/cjs/modules/mergeRefs/{index.js.map → index.cjs.map} +0 -0
- /package/dist/cjs/modules/modality/__tests__/{index-test.js.map → index-test.cjs.map} +0 -0
- /package/dist/cjs/modules/modality/{index.js.map → index.cjs.map} +0 -0
- /package/dist/cjs/modules/multiplyStyleLengthValue/__tests__/{index-test.js.map → index-test.cjs.map} +0 -0
- /package/dist/cjs/modules/multiplyStyleLengthValue/{index.js.map → index.cjs.map} +0 -0
- /package/dist/cjs/modules/normalizeColor/{index.js.map → index.cjs.map} +0 -0
- /package/dist/cjs/modules/pick/{index.js.map → index.cjs.map} +0 -0
- /package/dist/cjs/modules/processColor/__tests__/{index-test.js.map → index-test.cjs.map} +0 -0
- /package/dist/cjs/modules/processColor/{index.js.map → index.cjs.map} +0 -0
- /package/dist/cjs/modules/requestIdleCallback/{index.js.map → index.cjs.map} +0 -0
- /package/dist/cjs/modules/setValueForStyles/{dangerousStyleValue.js.map → dangerousStyleValue.cjs.map} +0 -0
- /package/dist/cjs/modules/setValueForStyles/{index.js.map → index.cjs.map} +0 -0
- /package/dist/cjs/modules/unitlessNumbers/{index.js.map → index.cjs.map} +0 -0
- /package/dist/cjs/modules/useElementLayout/{index.js.map → index.cjs.map} +0 -0
- /package/dist/cjs/modules/useEvent/__tests__/{index-test.js.map → index-test.cjs.map} +0 -0
- /package/dist/cjs/modules/useEvent/{index.js.map → index.cjs.map} +0 -0
- /package/dist/cjs/modules/useHover/__tests__/{index-test.js.map → index-test.cjs.map} +0 -0
- /package/dist/cjs/modules/useHover/{index.js.map → index.cjs.map} +0 -0
- /package/dist/cjs/modules/useLayoutEffect/{index.js.map → index.cjs.map} +0 -0
- /package/dist/cjs/modules/useLocale/{index.js.map → index.cjs.map} +0 -0
- /package/dist/cjs/modules/useLocale/{isLocaleRTL.js.map → isLocaleRTL.cjs.map} +0 -0
- /package/dist/cjs/modules/useMergeRefs/__tests__/{index-test.js.map → index-test.cjs.map} +0 -0
- /package/dist/cjs/modules/useMergeRefs/{index.js.map → index.cjs.map} +0 -0
- /package/dist/cjs/modules/usePlatformMethods/{index.js.map → index.cjs.map} +0 -0
- /package/dist/cjs/modules/useStable/__tests__/{index-test.js.map → index-test.cjs.map} +0 -0
- /package/dist/cjs/modules/useStable/{index.js.map → index.cjs.map} +0 -0
- /package/dist/cjs/{styleTypes.js.map → styleTypes.cjs.map} +0 -0
- /package/dist/cjs/{types.js.map → types.cjs.map} +0 -0
|
@@ -2,22 +2,25 @@ var __create = Object.create;
|
|
|
2
2
|
var __defProp = Object.defineProperty;
|
|
3
3
|
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
4
|
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
-
var __getProtoOf = Object.getPrototypeOf,
|
|
5
|
+
var __getProtoOf = Object.getPrototypeOf,
|
|
6
|
+
__hasOwnProp = Object.prototype.hasOwnProperty;
|
|
6
7
|
var __copyProps = (to, from, except, desc) => {
|
|
7
|
-
if (from && typeof from == "object" || typeof from == "function")
|
|
8
|
-
|
|
9
|
-
|
|
8
|
+
if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
|
|
9
|
+
get: () => from[key],
|
|
10
|
+
enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
|
|
11
|
+
});
|
|
10
12
|
return to;
|
|
11
13
|
};
|
|
12
14
|
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
mod
|
|
19
|
-
|
|
20
|
-
|
|
15
|
+
// If the importer is in node compatibility mode or this is not an ESM
|
|
16
|
+
// file that has been converted to a CommonJS file using a Babel-
|
|
17
|
+
// compatible transform (i.e. "__esModule" has not been set), then set
|
|
18
|
+
// "default" to the CommonJS "module.exports" for node compatibility.
|
|
19
|
+
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
|
|
20
|
+
value: mod,
|
|
21
|
+
enumerable: !0
|
|
22
|
+
}) : target, mod));
|
|
23
|
+
var import_createReactDOMStyle = __toESM(require("../compiler/createReactDOMStyle.cjs"));
|
|
21
24
|
const reactNativeStyle = {
|
|
22
25
|
boxShadow: "1px 1px 1px 1px #000",
|
|
23
26
|
borderWidthLeft: 2,
|
|
@@ -27,12 +30,16 @@ const reactNativeStyle = {
|
|
|
27
30
|
marginVertical: 0,
|
|
28
31
|
opacity: 0,
|
|
29
32
|
shadowColor: "red",
|
|
30
|
-
shadowOffset: {
|
|
33
|
+
shadowOffset: {
|
|
34
|
+
width: 1,
|
|
35
|
+
height: 2
|
|
36
|
+
},
|
|
31
37
|
resizeMode: "contain"
|
|
32
38
|
};
|
|
33
39
|
describe("compiler/createReactDOMStyle", () => {
|
|
34
40
|
test("noop on DOM styles", () => {
|
|
35
|
-
const firstStyle = (0, import_createReactDOMStyle.default)(reactNativeStyle),
|
|
41
|
+
const firstStyle = (0, import_createReactDOMStyle.default)(reactNativeStyle),
|
|
42
|
+
secondStyle = (0, import_createReactDOMStyle.default)(firstStyle);
|
|
36
43
|
expect(firstStyle).toEqual(secondStyle);
|
|
37
44
|
}), test("shortform -> longform for inline styles", () => {
|
|
38
45
|
const style = {
|
|
@@ -77,116 +84,157 @@ describe("compiler/createReactDOMStyle", () => {
|
|
|
77
84
|
}
|
|
78
85
|
`);
|
|
79
86
|
}), test("aspectRatio", () => {
|
|
80
|
-
expect((0, import_createReactDOMStyle.default)({
|
|
87
|
+
expect((0, import_createReactDOMStyle.default)({
|
|
88
|
+
aspectRatio: 9 / 16
|
|
89
|
+
})).toEqual({
|
|
81
90
|
aspectRatio: "0.5625"
|
|
82
91
|
});
|
|
83
92
|
}), describe("flexbox styles", () => {
|
|
84
93
|
test("flex: -1", () => {
|
|
85
|
-
expect((0, import_createReactDOMStyle.default)({
|
|
94
|
+
expect((0, import_createReactDOMStyle.default)({
|
|
95
|
+
flex: -1
|
|
96
|
+
})).toEqual({
|
|
86
97
|
flexGrow: 0,
|
|
87
98
|
flexShrink: 1,
|
|
88
99
|
flexBasis: "auto"
|
|
89
100
|
});
|
|
90
101
|
}), test("flex: 0", () => {
|
|
91
|
-
expect((0, import_createReactDOMStyle.default)({
|
|
102
|
+
expect((0, import_createReactDOMStyle.default)({
|
|
103
|
+
flex: 0
|
|
104
|
+
})).toEqual({
|
|
92
105
|
flex: 0
|
|
93
106
|
});
|
|
94
107
|
}), test("flex: 1", () => {
|
|
95
|
-
expect((0, import_createReactDOMStyle.default)({
|
|
108
|
+
expect((0, import_createReactDOMStyle.default)({
|
|
109
|
+
flex: 1
|
|
110
|
+
})).toEqual({
|
|
96
111
|
flex: 1
|
|
97
112
|
});
|
|
98
113
|
}), test("flex: 10", () => {
|
|
99
|
-
expect((0, import_createReactDOMStyle.default)({
|
|
114
|
+
expect((0, import_createReactDOMStyle.default)({
|
|
115
|
+
flex: 10
|
|
116
|
+
})).toEqual({
|
|
100
117
|
flex: 10
|
|
101
118
|
});
|
|
102
119
|
}), test("flexBasis overrides", () => {
|
|
103
|
-
expect((0, import_createReactDOMStyle.default)({
|
|
120
|
+
expect((0, import_createReactDOMStyle.default)({
|
|
121
|
+
flexBasis: "25%"
|
|
122
|
+
})).toEqual({
|
|
123
|
+
flexBasis: "25%"
|
|
124
|
+
}), expect((0, import_createReactDOMStyle.default)({
|
|
125
|
+
flex: 1,
|
|
104
126
|
flexBasis: "25%"
|
|
105
|
-
})
|
|
127
|
+
})).toEqual({
|
|
106
128
|
flex: 1,
|
|
107
129
|
flexBasis: "25%"
|
|
108
130
|
});
|
|
109
131
|
}), test("flexShrink overrides", () => {
|
|
110
|
-
expect((0, import_createReactDOMStyle.default)({
|
|
132
|
+
expect((0, import_createReactDOMStyle.default)({
|
|
133
|
+
flexShrink: 1
|
|
134
|
+
})).toEqual({
|
|
111
135
|
flexShrink: 1
|
|
112
|
-
}), expect((0, import_createReactDOMStyle.default)({
|
|
136
|
+
}), expect((0, import_createReactDOMStyle.default)({
|
|
137
|
+
flex: 1,
|
|
138
|
+
flexShrink: 2
|
|
139
|
+
})).toEqual({
|
|
113
140
|
flex: 1,
|
|
114
141
|
flexShrink: 2
|
|
115
142
|
});
|
|
116
143
|
});
|
|
117
144
|
}), describe("fontFamily", () => {
|
|
118
145
|
test("general case", () => {
|
|
119
|
-
expect((0, import_createReactDOMStyle.default)({
|
|
146
|
+
expect((0, import_createReactDOMStyle.default)({
|
|
147
|
+
fontFamily: "Georgia, Times, serif"
|
|
148
|
+
})).toMatchInlineSnapshot(`
|
|
120
149
|
{
|
|
121
150
|
"fontFamily": "Georgia, Times, serif",
|
|
122
151
|
}
|
|
123
152
|
`);
|
|
124
153
|
}), test('"monospace"', () => {
|
|
125
|
-
expect((0, import_createReactDOMStyle.default)({
|
|
154
|
+
expect((0, import_createReactDOMStyle.default)({
|
|
155
|
+
fontFamily: "monospace"
|
|
156
|
+
})).toMatchInlineSnapshot(`
|
|
126
157
|
{
|
|
127
158
|
"fontFamily": "monospace,monospace",
|
|
128
159
|
}
|
|
129
160
|
`);
|
|
130
161
|
}), test('"System"', () => {
|
|
131
|
-
expect((0, import_createReactDOMStyle.default)({
|
|
162
|
+
expect((0, import_createReactDOMStyle.default)({
|
|
163
|
+
fontFamily: "System"
|
|
164
|
+
})).toMatchInlineSnapshot(`
|
|
132
165
|
{
|
|
133
166
|
"fontFamily": "-apple-system,BlinkMacSystemFont,\\"Segoe UI\\",Roboto,Helvetica,Arial,sans-serif",
|
|
134
167
|
}
|
|
135
|
-
`), expect((0, import_createReactDOMStyle.default)({
|
|
168
|
+
`), expect((0, import_createReactDOMStyle.default)({
|
|
169
|
+
font: "14px System"
|
|
170
|
+
})).toMatchInlineSnapshot(`
|
|
136
171
|
{
|
|
137
172
|
"font": "14px -apple-system,BlinkMacSystemFont,\\"Segoe UI\\",Roboto,Helvetica,Arial,sans-serif",
|
|
138
173
|
}
|
|
139
174
|
`);
|
|
140
175
|
}), test('"Noto, System"', () => {
|
|
141
|
-
expect((0, import_createReactDOMStyle.default)({
|
|
176
|
+
expect((0, import_createReactDOMStyle.default)({
|
|
177
|
+
fontFamily: "Noto, System"
|
|
178
|
+
})).toMatchInlineSnapshot(`
|
|
142
179
|
{
|
|
143
180
|
"fontFamily": "Noto,-apple-system,BlinkMacSystemFont,\\"Segoe UI\\",Roboto,Helvetica,Arial,sans-serif",
|
|
144
181
|
}
|
|
145
|
-
`), expect((0, import_createReactDOMStyle.default)({
|
|
182
|
+
`), expect((0, import_createReactDOMStyle.default)({
|
|
183
|
+
font: "14px Noto, System"
|
|
184
|
+
})).toMatchInlineSnapshot(`
|
|
146
185
|
{
|
|
147
186
|
"font": "14px Noto, -apple-system,BlinkMacSystemFont,\\"Segoe UI\\",Roboto,Helvetica,Arial,sans-serif",
|
|
148
187
|
}
|
|
149
188
|
`);
|
|
150
189
|
}), test('"Noto, BlinkMacSystemFont"', () => {
|
|
151
|
-
expect((0, import_createReactDOMStyle.default)({
|
|
190
|
+
expect((0, import_createReactDOMStyle.default)({
|
|
191
|
+
fontFamily: "Noto, BlinkMacSystemFont"
|
|
192
|
+
})).toMatchInlineSnapshot(`
|
|
152
193
|
{
|
|
153
194
|
"fontFamily": "Noto,BlinkMacSystemFont",
|
|
154
195
|
}
|
|
155
196
|
`);
|
|
156
197
|
});
|
|
157
198
|
}), test("fontVariant", () => {
|
|
158
|
-
expect(
|
|
159
|
-
|
|
160
|
-
).toEqual({
|
|
199
|
+
expect((0, import_createReactDOMStyle.default)({
|
|
200
|
+
fontVariant: ["common-ligatures", "small-caps"]
|
|
201
|
+
})).toEqual({
|
|
161
202
|
fontVariant: "common-ligatures small-caps"
|
|
162
203
|
});
|
|
163
204
|
}), test("textAlignVertical", () => {
|
|
164
|
-
expect(
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
})
|
|
168
|
-
).toEqual({
|
|
205
|
+
expect((0, import_createReactDOMStyle.default)({
|
|
206
|
+
textAlignVertical: "center"
|
|
207
|
+
})).toEqual({
|
|
169
208
|
verticalAlign: "middle"
|
|
170
209
|
});
|
|
171
210
|
}), describe("transform", () => {
|
|
172
211
|
test("string", () => {
|
|
173
|
-
const transform = "perspective(50px) scaleX(20) translateX(20px) rotate(20deg)",
|
|
174
|
-
|
|
212
|
+
const transform = "perspective(50px) scaleX(20) translateX(20px) rotate(20deg)",
|
|
213
|
+
resolved = (0, import_createReactDOMStyle.default)({
|
|
214
|
+
transform
|
|
215
|
+
});
|
|
216
|
+
expect(resolved).toEqual({
|
|
217
|
+
transform
|
|
218
|
+
});
|
|
175
219
|
}), test("array", () => {
|
|
176
220
|
const resolved = (0, import_createReactDOMStyle.default)({
|
|
177
|
-
transform: [
|
|
178
|
-
|
|
179
|
-
|
|
180
|
-
|
|
181
|
-
|
|
182
|
-
|
|
183
|
-
|
|
184
|
-
|
|
221
|
+
transform: [{
|
|
222
|
+
perspective: 50
|
|
223
|
+
}, {
|
|
224
|
+
scaleX: 20
|
|
225
|
+
}, {
|
|
226
|
+
translateX: 20
|
|
227
|
+
}, {
|
|
228
|
+
rotate: "20deg"
|
|
229
|
+
}, {
|
|
230
|
+
matrix: [1, 2, 3, 4, 5, 6]
|
|
231
|
+
}, {
|
|
232
|
+
matrix3d: [1, 1, 1, 1, 2, 2, 2, 2, 3, 3, 3, 3, 4, 4, 4, 4]
|
|
233
|
+
}]
|
|
185
234
|
});
|
|
186
235
|
expect(resolved).toEqual({
|
|
187
236
|
transform: "perspective(50px) scaleX(20) translateX(20px) rotate(20deg) matrix(1,2,3,4,5,6) matrix3d(1,1,1,1,2,2,2,2,3,3,3,3,4,4,4,4)"
|
|
188
237
|
});
|
|
189
238
|
});
|
|
190
239
|
});
|
|
191
|
-
});
|
|
192
|
-
//# sourceMappingURL=compiler-createReactDOMStyle-test.js.map
|
|
240
|
+
});
|
|
@@ -1,13 +1,27 @@
|
|
|
1
|
-
var import_compiler = require("../compiler");
|
|
1
|
+
var import_compiler = require("../compiler/index.cjs");
|
|
2
2
|
describe("StyleSheet/compile", () => {
|
|
3
3
|
describe("atomic", () => {
|
|
4
4
|
test("converts style to atomic CSS", () => {
|
|
5
5
|
const result = (0, import_compiler.atomic)({
|
|
6
6
|
animationDirection: ["alternate", "alternate-reverse"],
|
|
7
|
-
animationKeyframes: [
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
7
|
+
animationKeyframes: [{
|
|
8
|
+
"0%": {
|
|
9
|
+
top: 0
|
|
10
|
+
},
|
|
11
|
+
"50%": {
|
|
12
|
+
top: 5
|
|
13
|
+
},
|
|
14
|
+
"100%": {
|
|
15
|
+
top: 10
|
|
16
|
+
}
|
|
17
|
+
}, {
|
|
18
|
+
from: {
|
|
19
|
+
left: 0
|
|
20
|
+
},
|
|
21
|
+
to: {
|
|
22
|
+
left: 10
|
|
23
|
+
}
|
|
24
|
+
}],
|
|
11
25
|
fontFamily: "System",
|
|
12
26
|
marginHorizontal: 10,
|
|
13
27
|
marginStart: 1,
|
|
@@ -17,12 +31,10 @@ describe("StyleSheet/compile", () => {
|
|
|
17
31
|
pointerEvents: "box-only",
|
|
18
32
|
start: "12.34%",
|
|
19
33
|
textAlign: "start",
|
|
20
|
-
transform: [
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
}
|
|
25
|
-
]
|
|
34
|
+
transform: [{
|
|
35
|
+
translateX: 50,
|
|
36
|
+
scale: -1
|
|
37
|
+
}]
|
|
26
38
|
});
|
|
27
39
|
expect(result).toMatchInlineSnapshot(`
|
|
28
40
|
[
|
|
@@ -166,24 +178,33 @@ describe("StyleSheet/compile", () => {
|
|
|
166
178
|
});
|
|
167
179
|
}), describe("classic", () => {
|
|
168
180
|
test("converts style to classic CSS", () => {
|
|
169
|
-
const result = (0, import_compiler.classic)(
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
|
|
179
|
-
|
|
180
|
-
|
|
181
|
-
|
|
182
|
-
|
|
183
|
-
|
|
184
|
-
|
|
185
|
-
|
|
186
|
-
|
|
181
|
+
const result = (0, import_compiler.classic)({
|
|
182
|
+
animationDirection: ["alternate", "alternate-reverse"],
|
|
183
|
+
animationKeyframes: [{
|
|
184
|
+
"0%": {
|
|
185
|
+
top: 0
|
|
186
|
+
},
|
|
187
|
+
"50%": {
|
|
188
|
+
top: 5
|
|
189
|
+
},
|
|
190
|
+
"100%": {
|
|
191
|
+
top: 10
|
|
192
|
+
}
|
|
193
|
+
}, {
|
|
194
|
+
from: {
|
|
195
|
+
left: 0
|
|
196
|
+
},
|
|
197
|
+
to: {
|
|
198
|
+
left: 10
|
|
199
|
+
}
|
|
200
|
+
}],
|
|
201
|
+
marginHorizontal: 10,
|
|
202
|
+
font: "14px System",
|
|
203
|
+
transform: [{
|
|
204
|
+
translateX: 50,
|
|
205
|
+
scale: -1
|
|
206
|
+
}]
|
|
207
|
+
}, "text");
|
|
187
208
|
expect(result).toMatchInlineSnapshot(`
|
|
188
209
|
[
|
|
189
210
|
{
|
|
@@ -221,7 +242,7 @@ describe("StyleSheet/compile", () => {
|
|
|
221
242
|
}
|
|
222
243
|
`);
|
|
223
244
|
}), describe("logical style polyfill", () => {
|
|
224
|
-
[!1, !0].forEach(
|
|
245
|
+
[!1, !0].forEach(isRTL => {
|
|
225
246
|
const dir = isRTL ? "rtl" : "ltr";
|
|
226
247
|
test(`ignores "left" properties for ${dir}`, () => {
|
|
227
248
|
const initial = {
|
|
@@ -261,118 +282,126 @@ describe("StyleSheet/compile", () => {
|
|
|
261
282
|
expect((0, import_compiler.inline)(initial, isRTL)).toEqual(initial);
|
|
262
283
|
}), test(`converts "start" properties for ${dir}`, () => {
|
|
263
284
|
const initial = {
|
|
264
|
-
|
|
265
|
-
|
|
266
|
-
|
|
267
|
-
|
|
268
|
-
|
|
269
|
-
|
|
270
|
-
|
|
271
|
-
|
|
272
|
-
|
|
273
|
-
|
|
274
|
-
|
|
275
|
-
|
|
276
|
-
|
|
277
|
-
|
|
278
|
-
|
|
279
|
-
|
|
280
|
-
|
|
281
|
-
|
|
282
|
-
|
|
283
|
-
|
|
284
|
-
|
|
285
|
+
borderStartColor: "red",
|
|
286
|
+
borderStartStyle: "solid",
|
|
287
|
+
borderStartWidth: 1,
|
|
288
|
+
start: 1,
|
|
289
|
+
marginStart: 5,
|
|
290
|
+
paddingStart: 10
|
|
291
|
+
},
|
|
292
|
+
expectedLTR = {
|
|
293
|
+
borderLeftColor: "rgba(255,0,0,1.00)",
|
|
294
|
+
borderLeftStyle: "solid",
|
|
295
|
+
borderLeftWidth: "1px",
|
|
296
|
+
left: "1px",
|
|
297
|
+
marginLeft: "5px",
|
|
298
|
+
paddingLeft: "10px"
|
|
299
|
+
},
|
|
300
|
+
expectedRTL = {
|
|
301
|
+
borderRightColor: "rgba(255,0,0,1.00)",
|
|
302
|
+
borderRightStyle: "solid",
|
|
303
|
+
borderRightWidth: "1px",
|
|
304
|
+
right: "1px",
|
|
305
|
+
marginRight: "5px",
|
|
306
|
+
paddingRight: "10px"
|
|
307
|
+
};
|
|
285
308
|
expect((0, import_compiler.inline)(initial, isRTL)).toEqual(isRTL ? expectedRTL : expectedLTR);
|
|
286
309
|
}), test(`converts "end" properties for ${dir}`, () => {
|
|
287
310
|
const initial = {
|
|
288
|
-
|
|
289
|
-
|
|
290
|
-
|
|
291
|
-
|
|
292
|
-
|
|
293
|
-
|
|
294
|
-
|
|
295
|
-
|
|
296
|
-
|
|
297
|
-
|
|
298
|
-
|
|
299
|
-
|
|
300
|
-
|
|
301
|
-
|
|
302
|
-
|
|
303
|
-
|
|
304
|
-
|
|
305
|
-
|
|
306
|
-
|
|
307
|
-
|
|
308
|
-
|
|
311
|
+
borderEndColor: "red",
|
|
312
|
+
borderEndStyle: "solid",
|
|
313
|
+
borderEndWidth: 1,
|
|
314
|
+
end: 1,
|
|
315
|
+
marginEnd: 5,
|
|
316
|
+
paddingEnd: 10
|
|
317
|
+
},
|
|
318
|
+
expectedLTR = {
|
|
319
|
+
borderRightColor: "rgba(255,0,0,1.00)",
|
|
320
|
+
borderRightStyle: "solid",
|
|
321
|
+
borderRightWidth: "1px",
|
|
322
|
+
right: "1px",
|
|
323
|
+
marginRight: "5px",
|
|
324
|
+
paddingRight: "10px"
|
|
325
|
+
},
|
|
326
|
+
expectedRTL = {
|
|
327
|
+
borderLeftColor: "rgba(255,0,0,1.00)",
|
|
328
|
+
borderLeftStyle: "solid",
|
|
329
|
+
borderLeftWidth: "1px",
|
|
330
|
+
left: "1px",
|
|
331
|
+
marginLeft: "5px",
|
|
332
|
+
paddingLeft: "10px"
|
|
333
|
+
};
|
|
309
334
|
expect((0, import_compiler.inline)(initial, isRTL)).toEqual(isRTL ? expectedRTL : expectedLTR);
|
|
310
335
|
}), test(`converts "start" values for ${dir}`, () => {
|
|
311
336
|
const initial = {
|
|
312
|
-
|
|
313
|
-
|
|
314
|
-
|
|
315
|
-
|
|
316
|
-
|
|
317
|
-
|
|
318
|
-
|
|
319
|
-
|
|
320
|
-
|
|
321
|
-
|
|
322
|
-
|
|
323
|
-
|
|
324
|
-
|
|
325
|
-
|
|
326
|
-
|
|
337
|
+
clear: "start",
|
|
338
|
+
float: "start",
|
|
339
|
+
textAlign: "start",
|
|
340
|
+
transitionProperty: "start"
|
|
341
|
+
},
|
|
342
|
+
expectedLTR = {
|
|
343
|
+
clear: "left",
|
|
344
|
+
float: "left",
|
|
345
|
+
textAlign: "left",
|
|
346
|
+
transitionProperty: "left"
|
|
347
|
+
},
|
|
348
|
+
expectedRTL = {
|
|
349
|
+
clear: "right",
|
|
350
|
+
float: "right",
|
|
351
|
+
textAlign: "right",
|
|
352
|
+
transitionProperty: "right"
|
|
353
|
+
};
|
|
327
354
|
expect((0, import_compiler.inline)(initial, isRTL)).toEqual(isRTL ? expectedRTL : expectedLTR);
|
|
328
355
|
}), test(`converts "end" values for ${dir}`, () => {
|
|
329
356
|
const initial = {
|
|
330
|
-
|
|
331
|
-
|
|
332
|
-
|
|
333
|
-
|
|
334
|
-
|
|
335
|
-
|
|
336
|
-
|
|
337
|
-
|
|
338
|
-
|
|
339
|
-
|
|
340
|
-
|
|
341
|
-
|
|
342
|
-
|
|
343
|
-
|
|
344
|
-
|
|
357
|
+
clear: "end",
|
|
358
|
+
float: "end",
|
|
359
|
+
textAlign: "end",
|
|
360
|
+
transitionProperty: "end"
|
|
361
|
+
},
|
|
362
|
+
expectedLTR = {
|
|
363
|
+
clear: "right",
|
|
364
|
+
float: "right",
|
|
365
|
+
textAlign: "right",
|
|
366
|
+
transitionProperty: "right"
|
|
367
|
+
},
|
|
368
|
+
expectedRTL = {
|
|
369
|
+
clear: "left",
|
|
370
|
+
float: "left",
|
|
371
|
+
textAlign: "left",
|
|
372
|
+
transitionProperty: "left"
|
|
373
|
+
};
|
|
345
374
|
expect((0, import_compiler.inline)(initial, isRTL)).toEqual(isRTL ? expectedRTL : expectedLTR);
|
|
346
375
|
}), test("end/start properties take precedence over left/right", () => {
|
|
347
376
|
const initialLTR = {
|
|
348
|
-
|
|
349
|
-
|
|
350
|
-
|
|
351
|
-
|
|
352
|
-
|
|
353
|
-
|
|
354
|
-
|
|
355
|
-
|
|
356
|
-
|
|
357
|
-
|
|
358
|
-
|
|
359
|
-
|
|
360
|
-
|
|
361
|
-
|
|
362
|
-
|
|
363
|
-
|
|
364
|
-
|
|
365
|
-
|
|
366
|
-
|
|
367
|
-
|
|
368
|
-
|
|
369
|
-
|
|
370
|
-
|
|
371
|
-
|
|
372
|
-
|
|
377
|
+
borderStartWidth: 10,
|
|
378
|
+
borderLeftWidth: 0,
|
|
379
|
+
end: 10,
|
|
380
|
+
right: 0,
|
|
381
|
+
marginStart: 10,
|
|
382
|
+
marginLeft: 0
|
|
383
|
+
},
|
|
384
|
+
expectedLTR = {
|
|
385
|
+
borderLeftWidth: "10px",
|
|
386
|
+
marginLeft: "10px",
|
|
387
|
+
right: "10px"
|
|
388
|
+
},
|
|
389
|
+
initialRTL = {
|
|
390
|
+
borderStartWidth: 10,
|
|
391
|
+
borderRightWidth: 0,
|
|
392
|
+
end: 10,
|
|
393
|
+
left: 0,
|
|
394
|
+
marginStart: 10,
|
|
395
|
+
marginRight: 0
|
|
396
|
+
},
|
|
397
|
+
expectedRTL = {
|
|
398
|
+
borderRightWidth: "10px",
|
|
399
|
+
marginRight: "10px",
|
|
400
|
+
left: "10px"
|
|
401
|
+
};
|
|
402
|
+
expect((0, import_compiler.inline)(isRTL ? initialRTL : initialLTR, isRTL)).toEqual(isRTL ? expectedRTL : expectedLTR);
|
|
373
403
|
});
|
|
374
404
|
});
|
|
375
405
|
});
|
|
376
406
|
});
|
|
377
|
-
});
|
|
378
|
-
//# sourceMappingURL=compiler-test.js.map
|
|
407
|
+
});
|
|
@@ -2,28 +2,33 @@ var __create = Object.create;
|
|
|
2
2
|
var __defProp = Object.defineProperty;
|
|
3
3
|
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
4
|
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
-
var __getProtoOf = Object.getPrototypeOf,
|
|
5
|
+
var __getProtoOf = Object.getPrototypeOf,
|
|
6
|
+
__hasOwnProp = Object.prototype.hasOwnProperty;
|
|
6
7
|
var __copyProps = (to, from, except, desc) => {
|
|
7
|
-
if (from && typeof from == "object" || typeof from == "function")
|
|
8
|
-
|
|
9
|
-
|
|
8
|
+
if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
|
|
9
|
+
get: () => from[key],
|
|
10
|
+
enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
|
|
11
|
+
});
|
|
10
12
|
return to;
|
|
11
13
|
};
|
|
12
14
|
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
mod
|
|
19
|
-
|
|
20
|
-
|
|
15
|
+
// If the importer is in node compatibility mode or this is not an ESM
|
|
16
|
+
// file that has been converted to a CommonJS file using a Babel-
|
|
17
|
+
// compatible transform (i.e. "__esModule" has not been set), then set
|
|
18
|
+
// "default" to the CommonJS "module.exports" for node compatibility.
|
|
19
|
+
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
|
|
20
|
+
value: mod,
|
|
21
|
+
enumerable: !0
|
|
22
|
+
}) : target, mod));
|
|
23
|
+
var import_createOrderedCSSStyleSheet = __toESM(require("../dom/createOrderedCSSStyleSheet.cjs"));
|
|
21
24
|
const insertStyleElement = () => {
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
25
|
+
const element = document.createElement("style"),
|
|
26
|
+
head = document.head;
|
|
27
|
+
return head.insertBefore(element, head.firstChild), element;
|
|
28
|
+
},
|
|
29
|
+
removeStyleElement = element => {
|
|
30
|
+
document.head.removeChild(element);
|
|
31
|
+
};
|
|
27
32
|
describe("createOrderedCSSStyleSheet", () => {
|
|
28
33
|
describe("#insert", () => {
|
|
29
34
|
test("insertion order for same group", () => {
|
|
@@ -113,5 +118,4 @@ describe("createOrderedCSSStyleSheet", () => {
|
|
|
113
118
|
`);
|
|
114
119
|
});
|
|
115
120
|
});
|
|
116
|
-
});
|
|
117
|
-
//# sourceMappingURL=dom-createOrderedCSSStyleSheet-test.js.map
|
|
121
|
+
});
|