@sk-web-gui/core 0.1.27 → 0.1.30
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.30",
|
|
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": "a2dd453f113d09d2e5b377fa6873eb4ef63f4f5e"
|
|
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
|
});
|
package/src/components/forms.js
CHANGED
|
@@ -242,7 +242,12 @@ module.exports = Forms = (colors) => ({
|
|
|
242
242
|
},
|
|
243
243
|
|
|
244
244
|
".form-select": {
|
|
245
|
-
|
|
245
|
+
"@apply min-h-[50px] text-body bg-white caret-transparent select-none cursor-pointer border-gray-stroke":{},
|
|
246
|
+
"background-image": "none",
|
|
247
|
+
|
|
248
|
+
"&-list": {
|
|
249
|
+
"@apply z-10 absolute w-full bg-white mt-0 border border-gray-stroke border-t-0": {},
|
|
250
|
+
},
|
|
246
251
|
|
|
247
252
|
"&-option": {
|
|
248
253
|
"@apply rounded-none cursor-default hover:text-white focus-visible:text-white hover:bg-primary focus-visible:bg-primary": {},
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
module.exports = UserMenu = (colors) => ({
|
|
2
2
|
".usermenu": {
|
|
3
3
|
// "@apply mx-sm mt-sm mb-0 px-md py-0 divide-y divide-y-2 divide-gray-300 bg-white border-2 border-white border-solid rounded":
|
|
4
|
-
"@apply text-body
|
|
4
|
+
"@apply text-body": {},
|
|
5
5
|
// "@apply ": {},
|
|
6
6
|
"&-is-open": {
|
|
7
7
|
// "@apply border-2 border-gray-300 border-solid rounded": {},
|