@sk-web-gui/core 0.1.37 → 0.1.39

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.
Files changed (42) hide show
  1. package/LICENSE +21 -21
  2. package/README.md +5 -5
  3. package/package.json +2 -2
  4. package/src/colors.js +145 -145
  5. package/src/components/accordion.js +89 -89
  6. package/src/components/alert.js +98 -98
  7. package/src/components/avatar.js +85 -85
  8. package/src/components/badge.js +60 -60
  9. package/src/components/breadcrumb.js +13 -13
  10. package/src/components/button-group.js +46 -46
  11. package/src/components/button.js +304 -304
  12. package/src/components/calendar.js +82 -82
  13. package/src/components/card.js +54 -54
  14. package/src/components/checkbox.js +127 -127
  15. package/src/components/code.js +9 -9
  16. package/src/components/cookie-consent.js +30 -30
  17. package/src/components/divider.js +12 -12
  18. package/src/components/dot.js +84 -84
  19. package/src/components/dropdown-filter.js +72 -72
  20. package/src/components/footer.js +42 -42
  21. package/src/components/forms.js +256 -256
  22. package/src/components/header.js +35 -35
  23. package/src/components/icon-button.js +5 -5
  24. package/src/components/icon.js +9 -9
  25. package/src/components/kbd.js +9 -9
  26. package/src/components/link.js +20 -20
  27. package/src/components/message.js +62 -62
  28. package/src/components/modal.js +30 -30
  29. package/src/components/notification.js +56 -56
  30. package/src/components/pagination.js +69 -69
  31. package/src/components/radio.js +104 -104
  32. package/src/components/search-bar.js +44 -44
  33. package/src/components/side-menu.js +186 -0
  34. package/src/components/switch.js +119 -119
  35. package/src/components/tab-menu.js +36 -36
  36. package/src/components/table.js +13 -13
  37. package/src/components/tag.js +97 -97
  38. package/src/components/user-menu.js +23 -23
  39. package/src/components/zebratable.js +77 -77
  40. package/src/index.js +272 -272
  41. package/src/with-opacity.js +6 -6
  42. package/src/components/menu.js +0 -171
package/src/components/zebratable.js CHANGED
@@ -1,77 +1,77 @@
1
- (module).exports = ZebraTable = () => ({
2
- '.zebratable': {
3
- '@apply w-full text-left table-auto': {},
4
-
5
- '&-thead': {
6
- '&-tr': {
7
- '@apply text-sm hidden lg:table-row': {},
8
- },
9
-
10
- '&-th': {
11
- '@apply py-sm first-of-type:pl-lg': {},
12
-
13
- "&[data-isColumnSortable='true']": {
14
- '@apply py-sm cursor-pointer': {},
15
- },
16
- },
17
- },
18
-
19
- '&-sortbutton': {
20
- '@apply flex items-center': {},
21
-
22
- '&-icon': {
23
- '@apply inline-flex pl-sm': {},
24
-
25
- '.MuiSvgIcon-root': {
26
- '@apply !text-lg': {},
27
- },
28
-
29
- '&-sort': {
30
- '@apply text-black transform': {},
31
-
32
- "&[data-sortmodeascending='true']": {
33
- '@apply -rotate-90': {},
34
- },
35
-
36
- "&[data-sortmodeascending='false']": {
37
- '@apply rotate-90': {},
38
- },
39
- },
40
-
41
- '&-more': {
42
- '@apply text-gray': {},
43
- },
44
- },
45
- },
46
-
47
- '.material-icons-outlined': {
48
- fontSize: '1.25em',
49
- },
50
-
51
- '&-tbody': {
52
- '@apply text-body lg:bg-white': {},
53
-
54
- '&-tr': {
55
- '@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':
56
- {},
57
-
58
- '&.highlighted': {
59
- '@apply lg:border-4 lg:border-hover': {},
60
- },
61
- },
62
-
63
- '&-td': {
64
- '@apply empty:hidden py-4 px-sm lg:px-0 first-of-type:pl-sm lg:first-of-type:pl-lg last-of-type:px-0 lg:last-of-type:pr-lg last-of-type:text-right block lg:table-cell even:bg-white odd:bg-gray-100 last-of-type:bg-transparent lg:even:bg-transparent lg:odd:bg-transparent':
65
- {},
66
- },
67
- },
68
-
69
- '&-paginationwrapper': {
70
- '@apply w-full text-lg flex justify-center lg:justify-start': {},
71
- },
72
-
73
- '&-bottomwrapper': {
74
- '@apply mt-lg px-lg flex items-center justify-end': {},
75
- },
76
- },
77
- });
1
+ (module).exports = ZebraTable = () => ({
2
+ '.zebratable': {
3
+ '@apply w-full text-left table-auto': {},
4
+
5
+ '&-thead': {
6
+ '&-tr': {
7
+ '@apply text-sm hidden lg:table-row': {},
8
+ },
9
+
10
+ '&-th': {
11
+ '@apply py-sm first-of-type:pl-lg': {},
12
+
13
+ "&[data-isColumnSortable='true']": {
14
+ '@apply py-sm cursor-pointer': {},
15
+ },
16
+ },
17
+ },
18
+
19
+ '&-sortbutton': {
20
+ '@apply flex items-center': {},
21
+
22
+ '&-icon': {
23
+ '@apply inline-flex pl-sm': {},
24
+
25
+ '.MuiSvgIcon-root': {
26
+ '@apply !text-lg': {},
27
+ },
28
+
29
+ '&-sort': {
30
+ '@apply text-black transform': {},
31
+
32
+ "&[data-sortmodeascending='true']": {
33
+ '@apply -rotate-90': {},
34
+ },
35
+
36
+ "&[data-sortmodeascending='false']": {
37
+ '@apply rotate-90': {},
38
+ },
39
+ },
40
+
41
+ '&-more': {
42
+ '@apply text-gray': {},
43
+ },
44
+ },
45
+ },
46
+
47
+ '.material-icons-outlined': {
48
+ fontSize: '1.25em',
49
+ },
50
+
51
+ '&-tbody': {
52
+ '@apply text-body lg:bg-white': {},
53
+
54
+ '&-tr': {
55
+ '@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':
56
+ {},
57
+
58
+ '&.highlighted': {
59
+ '@apply lg:border-4 lg:border-hover': {},
60
+ },
61
+ },
62
+
63
+ '&-td': {
64
+ '@apply empty:hidden py-4 px-sm lg:px-0 first-of-type:pl-sm lg:first-of-type:pl-lg last-of-type:px-0 lg:last-of-type:pr-lg last-of-type:text-right block lg:table-cell even:bg-white odd:bg-gray-100 last-of-type:bg-transparent lg:even:bg-transparent lg:odd:bg-transparent':
65
+ {},
66
+ },
67
+ },
68
+
69
+ '&-paginationwrapper': {
70
+ '@apply w-full text-lg flex justify-center lg:justify-start': {},
71
+ },
72
+
73
+ '&-bottomwrapper': {
74
+ '@apply mt-lg px-lg flex items-center justify-end': {},
75
+ },
76
+ },
77
+ });