@sk-web-gui/core 0.1.50 → 0.1.52
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": "@sk-web-gui/core",
|
|
3
|
-
"version": "0.1.
|
|
3
|
+
"version": "0.1.52",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"main": "src/index.js",
|
|
6
6
|
"files": [
|
|
@@ -31,5 +31,5 @@
|
|
|
31
31
|
"postcss-import": "^14.0.2",
|
|
32
32
|
"tailwindcss": "^2.2.4"
|
|
33
33
|
},
|
|
34
|
-
"gitHead": "
|
|
34
|
+
"gitHead": "c7ebe0f13c3506184a6c45d3d182ddebfde2081e"
|
|
35
35
|
}
|
|
@@ -14,8 +14,8 @@ module.exports = Modal = () => ({
|
|
|
14
14
|
'@apply mr-[10px]': {},
|
|
15
15
|
},
|
|
16
16
|
|
|
17
|
-
'&-
|
|
18
|
-
'@apply underline inline-block max-w-[800px] text-body text-base': {},
|
|
17
|
+
'&-children': {
|
|
18
|
+
'@apply w-full underline inline-block max-w-[800px] text-body text-base': {},
|
|
19
19
|
},
|
|
20
20
|
|
|
21
21
|
'&-close': {
|
|
@@ -96,8 +96,8 @@ module.exports = Checkbox = (colors, theme) => ({
|
|
|
96
96
|
},
|
|
97
97
|
|
|
98
98
|
// disabled
|
|
99
|
-
'&-disabled': {
|
|
100
|
-
|
|
99
|
+
'&-disabled, &-disabled:checked': {
|
|
100
|
+
'@apply grayscale cursor-not-allowed bg-gray-middle hover:bg-gray-middle': {},
|
|
101
101
|
//"@apply disabled:bg-gray-stroke": {},
|
|
102
102
|
//"@apply disabled:shadow-none disabled:border-neutral-300 disabled:bg-neutral-300 disabled:hover:text-neutral-300": {},
|
|
103
103
|
//"@apply dark:disabled:border-transparent dark:disabled:bg-white/20 dark:disabled:hover:text-white/20": {},
|
|
@@ -1,73 +1,72 @@
|
|
|
1
1
|
module.exports = DropdownFilter = () => ({
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
".dropdown-button": {
|
|
12
|
-
justifyContent: "space-between",
|
|
13
|
-
display: "flex",
|
|
14
|
-
flexGrow: 1,
|
|
15
|
-
alignItems: "center",
|
|
16
|
-
padding: "0 1rem",
|
|
2
|
+
'.DropdownFilter': {
|
|
3
|
+
position: 'relative',
|
|
4
|
+
height: 50,
|
|
5
|
+
border: '1px solid #939393',
|
|
6
|
+
maxWidth: 291,
|
|
7
|
+
display: 'flex',
|
|
8
|
+
background: '#fff',
|
|
9
|
+
borderRadius: 2,
|
|
17
10
|
|
|
18
|
-
|
|
19
|
-
|
|
11
|
+
'.dropdown-button': {
|
|
12
|
+
justifyContent: 'space-between',
|
|
13
|
+
display: 'flex',
|
|
14
|
+
flexGrow: 1,
|
|
15
|
+
alignItems: 'center',
|
|
16
|
+
padding: '0 1rem',
|
|
20
17
|
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
18
|
+
'.arrow-icon': {
|
|
19
|
+
transform: 'rotate(180deg)',
|
|
20
|
+
|
|
21
|
+
'&.open': {
|
|
22
|
+
transform: 'rotate(0)',
|
|
25
23
|
},
|
|
24
|
+
},
|
|
25
|
+
},
|
|
26
|
+
|
|
27
|
+
'.filter-container': {
|
|
28
|
+
position: 'absolute',
|
|
29
|
+
top: '100%',
|
|
30
|
+
left: '-1px',
|
|
31
|
+
zIndex: 10,
|
|
32
|
+
width: 'calc(100% + 2px)',
|
|
33
|
+
background: '#fff',
|
|
34
|
+
border: '1px solid #939393',
|
|
35
|
+
padding: '1rem',
|
|
36
|
+
borderRadius: 2,
|
|
26
37
|
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
width: "calc(100% + 2px)",
|
|
33
|
-
background: "#fff",
|
|
34
|
-
border: "1px solid #939393",
|
|
35
|
-
padding: "1rem",
|
|
36
|
-
borderRadius: 2,
|
|
38
|
+
'.filter-controls': {
|
|
39
|
+
display: 'flex',
|
|
40
|
+
justifyContent: 'flex-end',
|
|
41
|
+
padding: '0 1rem',
|
|
42
|
+
paddingBottom: 12,
|
|
37
43
|
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
44
|
+
button: {
|
|
45
|
+
marginLeft: '1rem',
|
|
46
|
+
textDecoration: 'underline',
|
|
47
|
+
},
|
|
48
|
+
},
|
|
43
49
|
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
50
|
+
'.FilterItem': {
|
|
51
|
+
height: 48,
|
|
52
|
+
display: 'flex',
|
|
53
|
+
justifyContent: 'space-between',
|
|
54
|
+
alignItems: 'center',
|
|
55
|
+
borderBottom: '1px solid #939393',
|
|
56
|
+
padding: '0 1rem',
|
|
49
57
|
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
justifyContent: "space-between",
|
|
54
|
-
alignItems: "center",
|
|
55
|
-
borderBottom: "1px solid #939393",
|
|
56
|
-
padding: "0 1rem",
|
|
57
|
-
|
|
58
|
-
"&.disabled": {
|
|
59
|
-
color: "#939393"
|
|
60
|
-
},
|
|
58
|
+
'&.disabled': {
|
|
59
|
+
color: '#939393',
|
|
60
|
+
},
|
|
61
61
|
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
62
|
+
'&:first-of-type': {
|
|
63
|
+
borderTop: '1px solid #939393',
|
|
64
|
+
},
|
|
65
65
|
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
66
|
+
'&:last-child': {
|
|
67
|
+
borderBottom: 'none',
|
|
68
|
+
},
|
|
69
|
+
},
|
|
70
|
+
},
|
|
71
|
+
},
|
|
72
72
|
});
|
|
73
|
-
|
|
@@ -30,6 +30,7 @@ module.exports = Menu = () => ({
|
|
|
30
30
|
".MenuItem": {
|
|
31
31
|
borderTop: "1px solid #939393",
|
|
32
32
|
transition: "500ms ease",
|
|
33
|
+
"@apply bg-white": {},
|
|
33
34
|
|
|
34
35
|
"&.active": {
|
|
35
36
|
"> .wrapper": {
|
|
@@ -84,9 +85,6 @@ module.exports = Menu = () => ({
|
|
|
84
85
|
minHeight: "56px",
|
|
85
86
|
},
|
|
86
87
|
|
|
87
|
-
"&.background-white": {
|
|
88
|
-
"@apply bg-white": {},
|
|
89
|
-
},
|
|
90
88
|
|
|
91
89
|
"&.background-lightGrey": {
|
|
92
90
|
"@apply bg-gray-lighter": {},
|