@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/menu.js DELETED
@@ -1,171 +0,0 @@
1
- module.exports = Menu = () => ({
2
- ".Menu": {
3
- width: "440px",
4
- border: "1px solid #939393",
5
- borderRadius: "2px",
6
- overflow: "hidden",
7
-
8
- ".menu-header": {
9
- padding: "3rem 1rem 1.8rem",
10
- backgroundColor: "#005595",
11
- padding: "2rem 1rem",
12
-
13
- "label": {
14
- fontSize: "20px",
15
- fontWeight: 700,
16
- color: "#fff"
17
- },
18
-
19
- ".label-header": {
20
- display: "flex",
21
- alignItems: "center",
22
-
23
-
24
- "span": {
25
- marginLeft: "auto"
26
- }
27
- },
28
-
29
- ".select-header": {
30
- paddingBottom: "6rem",
31
-
32
- "label": {
33
- marginBottom: "10px",
34
- display: "block"
35
- }
36
- }
37
- },
38
-
39
-
40
- ".MenuItem": {
41
- borderTop: "1px solid #939393",
42
- transition: "500ms ease",
43
-
44
- ".wrapper": {
45
- minHeight: "64px",
46
- display: "flex",
47
- alignItems: "center",
48
-
49
- "a, button": {
50
- all: "unset",
51
- cursor: "pointer",
52
- width: "100%",
53
- height: "100%",
54
- display: "flex",
55
- verticalAlign: "middle",
56
- alignItems: "center",
57
- paddingRight: '15px'
58
- },
59
-
60
- "&.lvl-1, &.lvl-2, &.lvl-3, &.lvl-4, &.lvl-5, &.lvl-6, &.lvl-7, &.lvl-8, &.lvl-9, &.lvl-10": {
61
- minHeight: "56px",
62
- },
63
-
64
- "&.open": {
65
- boxShadow: "inset 6px 0 0 0 #005595",
66
- },
67
-
68
- "&.lvl-0": {
69
- backgroundColor: "#fff",
70
- "> a, > button": {
71
- paddingLeft: "1rem"
72
- }
73
- },
74
-
75
- "&.lvl-1": {
76
- backgroundColor: "#F9F9F9",
77
- "> a, > button": {
78
- paddingLeft: "2rem"
79
- }
80
- },
81
-
82
- "&.lvl-2": {
83
- backgroundColor: "#ECECEC",
84
- "> a, > button": {
85
- paddingLeft: "3rem"
86
- }
87
- },
88
-
89
- "&.lvl-3": {
90
- backgroundColor: "#ECECEC",
91
- "> a, > button": {
92
- paddingLeft: "4rem"
93
- }
94
- },
95
-
96
- "&.lvl-4": {
97
- backgroundColor: "#ECECEC",
98
- "> a, > button": {
99
- paddingLeft: "5rem"
100
- }
101
- },
102
-
103
- "&.lvl-5": {
104
- backgroundColor: "#ECECEC",
105
- "> a, > button": {
106
- paddingLeft: "6rem"
107
- }
108
- },
109
-
110
- "&.lvl-6": {
111
- backgroundColor: "#ECECEC",
112
- "> a, > button": {
113
- paddingLeft: "7rem"
114
- }
115
- },
116
-
117
- "&.lvl-7": {
118
- backgroundColor: "#ECECEC",
119
- "> a, > button": {
120
- paddingLeft: "8rem"
121
- }
122
- },
123
-
124
- "&.lvl-8": {
125
- backgroundColor: "#ECECEC",
126
- "> a, > button": {
127
- paddingLeft: "9rem"
128
- }
129
- },
130
-
131
- "&.lvl-9": {
132
- backgroundColor: "#ECECEC",
133
- "> a, > button": {
134
- paddingLeft: "10rem"
135
- }
136
- },
137
-
138
- "&.lvl-10": {
139
- backgroundColor: "#ECECEC",
140
- "> a, > button": {
141
- paddingLeft: "11rem"
142
- }
143
- },
144
-
145
- "label": {
146
-
147
- },
148
-
149
- ".expand": {
150
- width: "50px",
151
- height: "64px",
152
- display: "flex",
153
- justifyContent: "center",
154
- alignItems: "center",
155
- marginLeft: "auto",
156
- padding: 0,
157
-
158
- "span": {
159
- display: "flex",
160
- justifyContent: "center",
161
- alignItems: "center",
162
- borderLeft: "1px solid",
163
- height: '24px',
164
- width: '45px'
165
- }
166
- }
167
- }
168
- }
169
- },
170
- });
171
-