@sk-web-gui/core 0.1.28 → 0.1.29
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 -2
- package/src/components/accordion.js +74 -35
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.29",
|
|
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": "a97edb3be993f7f92778775eb5a1e1bb46c160f6"
|
|
35
35
|
}
|
|
@@ -1,47 +1,86 @@
|
|
|
1
|
-
module.exports = Accordion = () => ({
|
|
2
|
-
|
|
3
|
-
|
|
1
|
+
module.exports = Accordion = (colors) => ({
|
|
2
|
+
".accordion": {
|
|
3
|
+
"&-header": {
|
|
4
|
+
"@apply flex flex-col text-left": {},
|
|
4
5
|
|
|
5
|
-
|
|
6
|
-
|
|
6
|
+
'[aria-expanded="true"] &': {
|
|
7
|
+
"@apply bg-hover": {},
|
|
8
|
+
},
|
|
7
9
|
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
10
|
+
"&-icon": {
|
|
11
|
+
"@apply ml-auto !text-2xl": {},
|
|
12
|
+
},
|
|
13
|
+
},
|
|
11
14
|
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
},
|
|
15
|
+
"&-is-open &-header": {
|
|
16
|
+
"@apply bg-hover": {},
|
|
17
|
+
},
|
|
16
18
|
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
19
|
+
"&-toggle": {
|
|
20
|
+
"@apply flex items-center inline-block text-lg leading-lg text-left text-lg mx-lg my-md": {},
|
|
21
|
+
fontWeight: "bold",
|
|
22
|
+
//"@apply focus-visible:shadow shadow-lg": {},
|
|
23
|
+
"&:focus-visible": {
|
|
24
|
+
boxShadow: "0 0 0 0.4rem #fff!important",
|
|
25
|
+
outline: "0",
|
|
26
|
+
//"@apply border-4": {},
|
|
27
|
+
},
|
|
28
|
+
".accordion-subtitle": {
|
|
29
|
+
"@apply m-0 text-sm font-normal": {},
|
|
30
|
+
},
|
|
31
|
+
},
|
|
32
|
+
|
|
33
|
+
"&-body": {
|
|
34
|
+
"@apply h-0 overflow-hidden m-lg": {},
|
|
35
|
+
transitionProperty: "visibility, height, padding, margin",
|
|
36
|
+
transitionTimingFunction: "cubic-bezier(0.4, 0, 0.2, 1)",
|
|
37
|
+
transitionDuration: "180ms",
|
|
38
|
+
|
|
39
|
+
'&[aria-hidden="true"], &[data-hidden="true"]': {
|
|
40
|
+
"@apply my-0 invisible": {},
|
|
41
|
+
},
|
|
20
42
|
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
43
|
+
'&[aria-hidden="false"], &[data-hidden="false"]': {
|
|
44
|
+
"@apply block h-auto visible": {},
|
|
45
|
+
},
|
|
46
|
+
},
|
|
47
|
+
|
|
48
|
+
"&-solid": {
|
|
49
|
+
"@apply border border-primary": {},
|
|
50
|
+
".accordion-header": {
|
|
51
|
+
"@apply bg-primary text-white": {},
|
|
52
|
+
|
|
53
|
+
'[aria-expanded="true"] &': {
|
|
54
|
+
"@apply bg-hover": {},
|
|
30
55
|
},
|
|
56
|
+
},
|
|
57
|
+
},
|
|
31
58
|
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
59
|
+
"&-is-open": {
|
|
60
|
+
"@apply border border-gray-stroke": {},
|
|
61
|
+
"& .accordion-header": {
|
|
62
|
+
"@apply bg-hover text-white": {},
|
|
63
|
+
},
|
|
64
|
+
},
|
|
37
65
|
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
66
|
+
"&-outline": {
|
|
67
|
+
"@apply border border-gray-stroke": {},
|
|
68
|
+
".accordion-body": {
|
|
69
|
+
"@apply mt-0": {},
|
|
70
|
+
},
|
|
71
|
+
".accordion-toggle": {
|
|
72
|
+
"&:focus-visible": {
|
|
73
|
+
boxShadow: "0 0 0 0.4rem #4b4b4b!important",
|
|
74
|
+
outline: "0",
|
|
75
|
+
},
|
|
76
|
+
},
|
|
77
|
+
".accordion-header": {
|
|
78
|
+
"@apply bg-transparent text-body": {},
|
|
41
79
|
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
},
|
|
80
|
+
'[aria-expanded="true"] &': {
|
|
81
|
+
"@apply bg-hover": {},
|
|
45
82
|
},
|
|
83
|
+
},
|
|
46
84
|
},
|
|
85
|
+
},
|
|
47
86
|
});
|