@sk-web-gui/core 0.1.20 → 0.1.23
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.23",
|
|
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": "e50bb4ca3f72e752e3f94f870357e3229119f8af"
|
|
35
35
|
}
|
package/src/components/link.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
module.exports = Link = () => ({
|
|
2
2
|
".link": {
|
|
3
|
-
"@apply cursor-base
|
|
3
|
+
"@apply cursor-base underline outline-none hover:underline": {},
|
|
4
4
|
"@apply text-primary dark:text-primary": {},
|
|
5
5
|
"@apply focus-visible:ring-4 focus-visible:ring-primary": {},
|
|
6
6
|
|
|
@@ -1,29 +1,68 @@
|
|
|
1
1
|
module.exports = Message = () => ({
|
|
2
2
|
".message": {
|
|
3
|
-
"@apply max-w-2xl flex items-center px-
|
|
4
|
-
"@apply text-neutral-900 bg-white border
|
|
3
|
+
"@apply max-w-2xl flex items-center font-bold text-sm sm:text-base px-6 py-6 m-2 shadow-lg w-max break-words": {},
|
|
4
|
+
"@apply text-neutral-900 bg-white border-l-4": {},
|
|
5
5
|
// dark
|
|
6
6
|
"@apply dark:text-neutral-100 dark:bg-neutral-700 dark:border-neutral-600": {},
|
|
7
|
-
|
|
7
|
+
"minWidth": "520px",
|
|
8
|
+
"width": "520px",
|
|
8
9
|
|
|
9
|
-
|
|
10
|
-
|
|
10
|
+
"&-text": {
|
|
11
|
+
"@apply text-left flex-grow": {},
|
|
12
|
+
},
|
|
11
13
|
|
|
12
14
|
"&-info": {
|
|
13
15
|
"--tw-text-opacity": "1",
|
|
14
|
-
|
|
16
|
+
"borderColor": "rgba(59, 130, 246, var(--tw-text-opacity))",
|
|
17
|
+
|
|
18
|
+
".message-icon": {
|
|
19
|
+
"color": "rgba(59, 130, 246, var(--tw-text-opacity))",
|
|
20
|
+
},
|
|
21
|
+
|
|
15
22
|
},
|
|
16
23
|
"&-success": {
|
|
17
24
|
"--tw-text-opacity": "1",
|
|
18
|
-
|
|
25
|
+
"borderColor": "rgba(34, 197, 94, var(--tw-text-opacity))",
|
|
26
|
+
|
|
27
|
+
".message-icon": {
|
|
28
|
+
"color": "rgba(34, 197, 94, var(--tw-text-opacity))",
|
|
29
|
+
},
|
|
19
30
|
},
|
|
20
31
|
"&-error": {
|
|
21
32
|
"--tw-text-opacity": "1",
|
|
22
|
-
|
|
33
|
+
"borderColor": "rgba(239, 68, 68, var(--tw-text-opacity))",
|
|
34
|
+
|
|
35
|
+
".message-icon": {
|
|
36
|
+
"color": "rgba(239, 68, 68, var(--tw-text-opacity))",
|
|
37
|
+
},
|
|
23
38
|
},
|
|
24
39
|
"&-warning": {
|
|
25
40
|
"--tw-text-opacity": "1",
|
|
26
|
-
|
|
41
|
+
"borderColor": "rgba(234, 179, 8, var(--tw-text-opacity))",
|
|
42
|
+
|
|
43
|
+
".message-icon": {
|
|
44
|
+
"color": "rgba(234, 179, 8, var(--tw-text-opacity))",
|
|
45
|
+
},
|
|
46
|
+
},
|
|
47
|
+
},
|
|
48
|
+
|
|
49
|
+
".message-icon": {
|
|
50
|
+
"@apply mr-4 flex-shrink-0 w-10 h-10": {},
|
|
51
|
+
},
|
|
52
|
+
|
|
53
|
+
".message-close-button": {
|
|
54
|
+
"@apply border-transparent flex items-center justify-center transition-all duration-150 rounded-full outline-none cursor-base": {},
|
|
55
|
+
fontSize: "1.2em",
|
|
56
|
+
padding: "0.36em",
|
|
57
|
+
marginLeft: "0.25em",
|
|
58
|
+
marginRight: "-0.55em",
|
|
59
|
+
|
|
60
|
+
"&-icon": {
|
|
61
|
+
fontSize: "1em"
|
|
62
|
+
},
|
|
63
|
+
|
|
64
|
+
"&-disabled": {
|
|
65
|
+
"@apply disabled:opacity-40 disabled:cursor-not-allowed disabled:shadow-none": {},
|
|
27
66
|
},
|
|
28
67
|
},
|
|
29
68
|
});
|
|
@@ -38,7 +38,7 @@ module.exports = ZebraTable = () => ({
|
|
|
38
38
|
},
|
|
39
39
|
|
|
40
40
|
"&-more": {
|
|
41
|
-
"@apply text-gray-
|
|
41
|
+
"@apply text-gray-stroke": {},
|
|
42
42
|
},
|
|
43
43
|
},
|
|
44
44
|
},
|
|
@@ -51,7 +51,11 @@ module.exports = ZebraTable = () => ({
|
|
|
51
51
|
"@apply lg:bg-white": {},
|
|
52
52
|
|
|
53
53
|
"&-tr": {
|
|
54
|
-
"@apply bg-white lg:even:bg-white lg:odd:bg-gray-100 px-md py-md md:px-lg md:py-lg my-lg first-of-type:mt-0 block shadow-md lg:shadow-none lg:table-row lg:my-0 lg:py-0 lg:px-lg": {},
|
|
54
|
+
"@apply transition-all bg-white lg:even:bg-white lg:odd:bg-gray-100 px-md py-md md:px-lg md:py-lg my-lg first-of-type:mt-0 block shadow-md lg:shadow-none lg:table-row lg:my-0 lg:py-0 lg:px-lg": {},
|
|
55
|
+
|
|
56
|
+
"&.highlighted": {
|
|
57
|
+
"@apply lg:border lg:border-hover": {},
|
|
58
|
+
},
|
|
55
59
|
},
|
|
56
60
|
|
|
57
61
|
"&-td": {
|
|
@@ -60,7 +64,11 @@ module.exports = ZebraTable = () => ({
|
|
|
60
64
|
},
|
|
61
65
|
|
|
62
66
|
"&-paginationwrapper": {
|
|
63
|
-
"@apply
|
|
67
|
+
"@apply w-full text-lg flex justify-center lg:justify-start": {},
|
|
68
|
+
},
|
|
69
|
+
|
|
70
|
+
"&-bottomwrapper": {
|
|
71
|
+
"@apply mt-lg px-lg flex items-center justify-end": {},
|
|
64
72
|
},
|
|
65
73
|
},
|
|
66
74
|
});
|