@onereach/styles 4.1.1-beta.3522.0 → 5.0.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
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@onereach/styles",
|
|
3
|
-
"version": "
|
|
3
|
+
"version": "5.0.0",
|
|
4
4
|
"description": "Styles for or-ui-next",
|
|
5
5
|
"license": "UNLICENSED",
|
|
6
6
|
"main": "./main.css",
|
|
@@ -56,5 +56,6 @@
|
|
|
56
56
|
},
|
|
57
57
|
"publishConfig": {
|
|
58
58
|
"access": "public"
|
|
59
|
-
}
|
|
59
|
+
},
|
|
60
|
+
"gitHead": "39a8b9032ecb2212a2b336bd5f5c98218af3d193"
|
|
60
61
|
}
|
package/tailwind/plugins/core.js
CHANGED
|
@@ -9,6 +9,14 @@ const screens = {
|
|
|
9
9
|
};
|
|
10
10
|
|
|
11
11
|
const variants = {
|
|
12
|
+
'children': ['& > *'],
|
|
13
|
+
|
|
14
|
+
'first-child': ['& > *:first-child'],
|
|
15
|
+
'middle-child': ['& > *:not(:first-child, :last-child)'],
|
|
16
|
+
'last-child': ['& > *:last-child'],
|
|
17
|
+
|
|
18
|
+
'links': ['& :any-link'],
|
|
19
|
+
|
|
12
20
|
'checked': ['&[checked]:not([checked="false"])', '&:checked'],
|
|
13
21
|
'selected': ['&[selected]:not([selected="false"])', '&:checked'],
|
|
14
22
|
'activated': ['&[activated]:not([activated="false"])'],
|
|
@@ -49,14 +57,6 @@ const variants = {
|
|
|
49
57
|
'&:not(.interactivity-none):active',
|
|
50
58
|
'&:not(.interactivity-none)[force-state="active"]',
|
|
51
59
|
],
|
|
52
|
-
|
|
53
|
-
'children': ['& > *'],
|
|
54
|
-
|
|
55
|
-
'first-child': ['& > *:first-child'],
|
|
56
|
-
'middle-child': ['& > *:not(:first-child, :last-child)'],
|
|
57
|
-
'last-child': ['& > *:last-child'],
|
|
58
|
-
|
|
59
|
-
'links': ['& :any-link'],
|
|
60
60
|
};
|
|
61
61
|
|
|
62
62
|
module.exports = {
|
|
@@ -4,23 +4,75 @@ const { variants } = require('./core');
|
|
|
4
4
|
module.exports = {
|
|
5
5
|
plugin: plugin(({ addUtilities }) => {
|
|
6
6
|
addUtilities({
|
|
7
|
-
'.interactivity-
|
|
7
|
+
'.interactivity-default': {
|
|
8
8
|
pointerEvents: 'auto',
|
|
9
|
+
userSelect: 'none',
|
|
10
|
+
cursor: 'default',
|
|
11
|
+
},
|
|
12
|
+
|
|
13
|
+
'.interactivity-click': {
|
|
14
|
+
pointerEvents: 'auto',
|
|
15
|
+
userSelect: 'none',
|
|
9
16
|
cursor: 'pointer',
|
|
10
17
|
|
|
11
18
|
[variants['disabled']]: {
|
|
12
|
-
|
|
13
|
-
cursor: 'default',
|
|
19
|
+
userSelect: 'none !important',
|
|
20
|
+
cursor: 'default !important',
|
|
21
|
+
},
|
|
22
|
+
},
|
|
23
|
+
|
|
24
|
+
'.interactivity-select': {
|
|
25
|
+
pointerEvents: 'auto',
|
|
26
|
+
userSelect: 'text',
|
|
27
|
+
cursor: 'text',
|
|
28
|
+
|
|
29
|
+
[variants['disabled']]: {
|
|
30
|
+
userSelect: 'none !important',
|
|
31
|
+
cursor: 'default !important',
|
|
32
|
+
},
|
|
33
|
+
},
|
|
34
|
+
|
|
35
|
+
'.interactivity-resize-row': {
|
|
36
|
+
pointerEvents: 'auto',
|
|
37
|
+
userSelect: 'none',
|
|
38
|
+
cursor: 'row-resize',
|
|
39
|
+
|
|
40
|
+
[variants['disabled']]: {
|
|
41
|
+
userSelect: 'none !important',
|
|
42
|
+
cursor: 'default !important',
|
|
14
43
|
},
|
|
44
|
+
},
|
|
45
|
+
|
|
46
|
+
'.interactivity-resize-column': {
|
|
47
|
+
pointerEvents: 'auto',
|
|
48
|
+
userSelect: 'none',
|
|
49
|
+
cursor: 'col-resize',
|
|
50
|
+
|
|
51
|
+
[variants['disabled']]: {
|
|
52
|
+
userSelect: 'none !important',
|
|
53
|
+
cursor: 'default !important',
|
|
54
|
+
},
|
|
55
|
+
},
|
|
15
56
|
|
|
57
|
+
'.interactivity-drag': {
|
|
58
|
+
pointerEvents: 'auto',
|
|
16
59
|
userSelect: 'none',
|
|
60
|
+
cursor: 'grab',
|
|
61
|
+
|
|
62
|
+
[variants['disabled']]: {
|
|
63
|
+
userSelect: 'none !important',
|
|
64
|
+
cursor: 'default !important',
|
|
65
|
+
},
|
|
66
|
+
|
|
67
|
+
[variants['active']]: {
|
|
68
|
+
cursor: 'grabbing',
|
|
69
|
+
},
|
|
17
70
|
},
|
|
18
71
|
|
|
19
72
|
'.interactivity-none': {
|
|
20
73
|
pointerEvents: 'none',
|
|
21
|
-
cursor: 'default',
|
|
22
|
-
|
|
23
74
|
userSelect: 'none',
|
|
75
|
+
cursor: 'default',
|
|
24
76
|
},
|
|
25
77
|
});
|
|
26
78
|
}),
|
|
@@ -50,41 +50,23 @@ const values = {
|
|
|
50
50
|
'error-hover': 'error-hover',
|
|
51
51
|
'error-hover-dark': 'error-hover..-dark',
|
|
52
52
|
|
|
53
|
-
'primary-translucent
|
|
54
|
-
'primary-translucent-
|
|
53
|
+
'primary-translucent': 'primary-opacity-0-08',
|
|
54
|
+
'primary-translucent-dark': 'primary-opacity-0-08..-dark',
|
|
55
55
|
|
|
56
|
-
// 'secondary-translucent
|
|
57
|
-
// 'secondary-translucent-
|
|
56
|
+
// 'secondary-translucent': 'secondary-opacity-0-08',
|
|
57
|
+
// 'secondary-translucent-dark': 'secondary-opacity-0-08..-dark',
|
|
58
58
|
|
|
59
|
-
// 'tertiary-translucent
|
|
60
|
-
// 'tertiary-translucent-
|
|
59
|
+
// 'tertiary-translucent': 'tertiary-opacity-0-08',
|
|
60
|
+
// 'tertiary-translucent-dark': 'tertiary-opacity-0-08..-dark',
|
|
61
61
|
|
|
62
|
-
'success-translucent
|
|
63
|
-
'success-translucent-
|
|
62
|
+
'success-translucent': 'success-opacity-0-08',
|
|
63
|
+
'success-translucent-dark': 'success-opacity-0-08..-dark',
|
|
64
64
|
|
|
65
|
-
'warning-translucent
|
|
66
|
-
'warning-translucent-
|
|
65
|
+
'warning-translucent': 'warning-opacity-0-08',
|
|
66
|
+
'warning-translucent-dark': 'warning-opacity-0-08..-dark',
|
|
67
67
|
|
|
68
|
-
'error-translucent
|
|
69
|
-
'error-translucent-
|
|
70
|
-
|
|
71
|
-
'primary-translucent-2': 'primary-opacity-0-12',
|
|
72
|
-
'primary-translucent-2-dark': 'primary-opacity-0-12..-dark',
|
|
73
|
-
|
|
74
|
-
// 'secondary-translucent-2': 'secondary-opacity-0-12',
|
|
75
|
-
// 'secondary-translucent-2-dark': 'secondary-opacity-0-12..-dark',
|
|
76
|
-
|
|
77
|
-
// 'tertiary-translucent-2': 'tertiary-opacity-0-12',
|
|
78
|
-
// 'tertiary-translucent-2-dark': 'tertiary-opacity-0-12..-dark',
|
|
79
|
-
|
|
80
|
-
'success-translucent-2': 'success-opacity-0-12',
|
|
81
|
-
'success-translucent-2-dark': 'success-opacity-0-12..-dark',
|
|
82
|
-
|
|
83
|
-
'warning-translucent-2': 'warning-opacity-0-12',
|
|
84
|
-
'warning-translucent-2-dark': 'warning-opacity-0-12..-dark',
|
|
85
|
-
|
|
86
|
-
'error-translucent-2': 'error-opacity-0-12',
|
|
87
|
-
'error-translucent-2-dark': 'error-opacity-0-12..-dark',
|
|
68
|
+
'error-translucent': 'error-opacity-0-08',
|
|
69
|
+
'error-translucent-dark': 'error-opacity-0-08..-dark',
|
|
88
70
|
|
|
89
71
|
'primary-container': 'primary-container',
|
|
90
72
|
'primary-container-dark': 'primary-container..-dark',
|
package/tailwind.config.json
CHANGED