@onereach/styles 2.13.0 → 2.13.1-next.943.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/package.json +2 -3
- package/tailwind.config.preset.js +55 -19
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@onereach/styles",
|
|
3
|
-
"version": "2.13.0",
|
|
3
|
+
"version": "2.13.1-next.943.0",
|
|
4
4
|
"description": "Styles for or-ui-next",
|
|
5
5
|
"main": "./main.css",
|
|
6
6
|
"unpkg": "./main.css",
|
|
@@ -47,6 +47,5 @@
|
|
|
47
47
|
"dependencies": {
|
|
48
48
|
"@tailwindcss/typography": "^0.5.4",
|
|
49
49
|
"tailwindcss": "^3.1.3"
|
|
50
|
-
}
|
|
51
|
-
"gitHead": "77f977d25a1624beea02ffe5c4dd697cd08ceba1"
|
|
50
|
+
}
|
|
52
51
|
}
|
|
@@ -26,14 +26,54 @@ module.exports = {
|
|
|
26
26
|
theme: {
|
|
27
27
|
spacing: parseSpacingTokens(spacingTokens),
|
|
28
28
|
|
|
29
|
-
backgroundColor:
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
29
|
+
backgroundColor: {
|
|
30
|
+
// Avoid using `text` colors as a background (only for corner cases)
|
|
31
|
+
...parseColorTokens(colorTokens, ['generic', 'background', 'text']),
|
|
32
|
+
'inherit': 'inherit',
|
|
33
|
+
'current': 'currentColor',
|
|
34
|
+
'transparent': 'transparent',
|
|
35
|
+
},
|
|
33
36
|
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
+
textColor: {
|
|
38
|
+
...parseColorTokens(colorTokens, ['generic', 'text']),
|
|
39
|
+
'inherit': 'inherit',
|
|
40
|
+
'current': 'currentColor',
|
|
41
|
+
'transparent': 'transparent',
|
|
42
|
+
},
|
|
43
|
+
|
|
44
|
+
borderColor: {
|
|
45
|
+
...parseColorTokens(colorTokens, ['generic']),
|
|
46
|
+
'inherit': 'inherit',
|
|
47
|
+
'current': 'currentColor',
|
|
48
|
+
'transparent': 'transparent',
|
|
49
|
+
},
|
|
50
|
+
|
|
51
|
+
outlineColor: {
|
|
52
|
+
...parseColorTokens(colorTokens, ['generic']),
|
|
53
|
+
'inherit': 'inherit',
|
|
54
|
+
'current': 'currentColor',
|
|
55
|
+
'transparent': 'transparent',
|
|
56
|
+
},
|
|
57
|
+
|
|
58
|
+
fill: {
|
|
59
|
+
...parseColorTokens(colorTokens, ['generic', 'background', 'text']),
|
|
60
|
+
'inherit': 'inherit',
|
|
61
|
+
'current': 'currentColor',
|
|
62
|
+
'transparent': 'transparent',
|
|
63
|
+
},
|
|
64
|
+
|
|
65
|
+
stroke: {
|
|
66
|
+
...parseColorTokens(colorTokens, ['generic', 'background', 'text']),
|
|
67
|
+
'inherit': 'inherit',
|
|
68
|
+
'current': 'currentColor',
|
|
69
|
+
'transparent': 'transparent',
|
|
70
|
+
},
|
|
71
|
+
|
|
72
|
+
content: {
|
|
73
|
+
'checkbox-unchecked': '""',
|
|
74
|
+
'checkbox-checked': '"check_small"',
|
|
75
|
+
'checkbox-indeterminate': '"check_indeterminate_small"',
|
|
76
|
+
},
|
|
37
77
|
|
|
38
78
|
animation: {
|
|
39
79
|
'circular-loader': 'circular-loader 1400ms linear infinite',
|
|
@@ -74,19 +114,18 @@ module.exports = {
|
|
|
74
114
|
},
|
|
75
115
|
},
|
|
76
116
|
|
|
77
|
-
content: {
|
|
78
|
-
'checkbox-unchecked': '""',
|
|
79
|
-
'checkbox-checked': '"check_small"',
|
|
80
|
-
'checkbox-indeterminate': '"check_indeterminate_small"',
|
|
81
|
-
},
|
|
82
|
-
|
|
83
117
|
borderRadius: {
|
|
84
118
|
...parseBorderRadiusTokens(borderRadiusTokens),
|
|
85
119
|
'full': '9999px',
|
|
86
120
|
},
|
|
87
121
|
|
|
88
|
-
borderWidth:
|
|
89
|
-
|
|
122
|
+
borderWidth: {
|
|
123
|
+
...parseBorderWidthTokens(borderWidthTokens),
|
|
124
|
+
},
|
|
125
|
+
|
|
126
|
+
boxShadow: {
|
|
127
|
+
...parseBoxShadowTokens(boxShadowTokens),
|
|
128
|
+
},
|
|
90
129
|
|
|
91
130
|
fontFamily: {
|
|
92
131
|
...parseFontFamilyTokens(typographyTokens),
|
|
@@ -110,8 +149,6 @@ module.exports = {
|
|
|
110
149
|
lineHeight: {
|
|
111
150
|
'inherit': 'inherit',
|
|
112
151
|
},
|
|
113
|
-
|
|
114
|
-
opacity: false,
|
|
115
152
|
},
|
|
116
153
|
|
|
117
154
|
plugins: [
|
|
@@ -165,14 +202,13 @@ module.exports = {
|
|
|
165
202
|
'&[type="radio"]:not(:checked)',
|
|
166
203
|
]);
|
|
167
204
|
|
|
168
|
-
addVariant('indeterminate', ['&:indeterminate']);
|
|
169
|
-
|
|
170
205
|
addVariant('valid', ['&:valid', '&:not([invalid])']);
|
|
171
206
|
addVariant('invalid', ['&:invalid', '&[invalid]']);
|
|
172
207
|
|
|
173
208
|
addVariant('enabled', ['&:enabled', '&:not([disabled])']);
|
|
174
209
|
addVariant('disabled', ['&:disabled', '&[disabled]']);
|
|
175
210
|
|
|
211
|
+
// TODO: Remove when migration complete
|
|
176
212
|
addUtilities({
|
|
177
213
|
'.visually-hidden': {
|
|
178
214
|
width: 0,
|