/
index.js
108 lines (106 loc) · 2.46 KB
/
index.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
const migrateRuleNames = require("./utils/migrateRuleNames");
const usesNewRuleNames = require("./utils/usesNewRuleNames");
const rules = {
"react-native/css-property-no-unknown": true,
"value-no-vendor-prefix": true,
"property-no-vendor-prefix": true,
"no-empty-source": null,
"at-rule-whitelist": [
[],
{
severity: "error",
message:
"this at-rule is not supported when using styled-components with React Native.",
},
],
"function-whitelist": [
[
"rgb",
"rgba",
"hsl",
"hsla",
"perspective",
"rotate",
"rotateX",
"rotateY",
"rotateZ",
"scale",
"scaleX",
"scaleY",
"translate",
"translateX",
"translateY",
"skew",
"skewX",
"skewY",
"matrix",
],
{
severity: "error",
message:
"this function is not supported when using styled-components with React Native.",
},
],
"unit-whitelist": [
["px", "deg", "%"],
{
severity: "error",
message:
"this unit is not supported when using styled-components with React Native.",
},
],
"selector-pseudo-class-whitelist": [
[],
{
severity: "error",
message:
"pseudo class selectors are not supported when using styled-components with React Native.",
},
],
// stylelint-processor-styled-components creates
// a wrapping class selector for the component.
"selector-max-class": [
1,
{
severity: "error",
message:
"class selectors are not supported when using styled-components with React Native.",
},
],
"selector-max-universal": [
0,
{
severity: "error",
message:
"universal selectors are not supported when using styled-components with React Native.",
},
],
"selector-max-attribute": [
0,
{
severity: "error",
message:
"attribute selectors are not supported when using styled-components with React Native.",
},
],
"selector-max-type": [
0,
{
severity: "error",
message:
"type selectors are not supported when using styled-components with React Native.",
},
],
"selector-max-id": [
0,
{
severity: "error",
message:
"id selectors are not supported when using styled-components with React Native.",
},
],
};
module.exports = {
plugins: ["stylelint-react-native"],
rules: usesNewRuleNames() ? migrateRuleNames(rules) : rules,
};