monkey-style-guide 2.0.49 → 2.0.53
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/README.md +5 -6
- package/assets/scss/partials/_forms.scss +8 -5
- package/assets/scss/partials/components/_buttons.scss +82 -223
- package/assets/scss/partials/components/_input.scss +17 -0
- package/assets/scss/partials/components/_select.scss +37 -8
- package/bundles/monkey-style-guide.umd.js +92 -72
- package/bundles/monkey-style-guide.umd.js.map +1 -1
- package/esm2015/lib/components/button/button.component.js +24 -6
- package/esm2015/lib/components/icon/icon.component.js +13 -3
- package/esm2015/lib/components/icon/icons.component.js +67 -67
- package/esm2015/lib/components/input/input.component.js +4 -4
- package/esm2015/lib/core/interfaces/monkey-modal-settings.js +1 -1
- package/esm2015/lib/core/services/snackbar/mokey-style-guide-snackbar.service.js +2 -2
- package/fesm2015/monkey-style-guide.js +103 -75
- package/fesm2015/monkey-style-guide.js.map +1 -1
- package/lib/components/button/button.component.d.ts +2 -0
- package/lib/components/icon/icon.component.d.ts +2 -0
- package/lib/core/interfaces/monkey-modal-settings.d.ts +5 -5
- package/monkey-style-guide-2.0.53.tgz +0 -0
- package/package.json +1 -1
- package/monkey-style-guide-2.0.49.tgz +0 -0
|
@@ -12,6 +12,12 @@
|
|
|
12
12
|
padding: 0 8px;
|
|
13
13
|
}
|
|
14
14
|
|
|
15
|
+
monkey-input {
|
|
16
|
+
mecx-form-field mecx-form-field-body {
|
|
17
|
+
cursor: text;
|
|
18
|
+
}
|
|
19
|
+
}
|
|
20
|
+
|
|
15
21
|
input {
|
|
16
22
|
@extend .mecx-input;
|
|
17
23
|
color: #4b4a53;
|
|
@@ -45,3 +51,14 @@ input {
|
|
|
45
51
|
font-weight: 400;
|
|
46
52
|
font-size: 14px;
|
|
47
53
|
}
|
|
54
|
+
|
|
55
|
+
input:-webkit-autofill,
|
|
56
|
+
input:-webkit-autofill:hover,
|
|
57
|
+
input:-webkit-autofill:active,
|
|
58
|
+
input:-webkit-autofill:focus {
|
|
59
|
+
background-color: #f5f5f5 !important;
|
|
60
|
+
color: #4b4a53 !important;
|
|
61
|
+
box-shadow: 0 0 0 1000px #f5f5f5 inset !important;
|
|
62
|
+
-webkit-box-shadow: 0 0 0 1000px #f5f5f5 inset !important;
|
|
63
|
+
-webkit-text-fill-color: #4b4a53 !important;
|
|
64
|
+
}
|
|
@@ -11,10 +11,6 @@
|
|
|
11
11
|
padding: 0 8px;
|
|
12
12
|
}
|
|
13
13
|
|
|
14
|
-
mecx-form-field-body {
|
|
15
|
-
cursor: pointer;
|
|
16
|
-
}
|
|
17
|
-
|
|
18
14
|
mecx-select-wrapper {
|
|
19
15
|
position: relative;
|
|
20
16
|
user-select: none;
|
|
@@ -81,7 +77,8 @@ mecx-select__trigger {
|
|
|
81
77
|
display: flex;
|
|
82
78
|
align-items: center;
|
|
83
79
|
justify-content: space-between;
|
|
84
|
-
padding:
|
|
80
|
+
padding-left: 16px;
|
|
81
|
+
padding-right: 16px;
|
|
85
82
|
font-size: 14px;
|
|
86
83
|
cursor: pointer;
|
|
87
84
|
color: #4b4a53;
|
|
@@ -90,13 +87,17 @@ mecx-select__trigger {
|
|
|
90
87
|
&:disabled {
|
|
91
88
|
color: #9c9ca6 !important;
|
|
92
89
|
}
|
|
90
|
+
|
|
91
|
+
input {
|
|
92
|
+
padding: 0px;
|
|
93
|
+
}
|
|
93
94
|
}
|
|
94
95
|
|
|
95
96
|
mecx-select-options {
|
|
96
97
|
position: absolute;
|
|
97
98
|
display: block;
|
|
98
99
|
top: 100%;
|
|
99
|
-
margin-top: -
|
|
100
|
+
margin-top: -4px;
|
|
100
101
|
left: 0;
|
|
101
102
|
right: 0;
|
|
102
103
|
border-top: 0;
|
|
@@ -146,10 +147,24 @@ mecx-select-options {
|
|
|
146
147
|
|
|
147
148
|
monkey-select {
|
|
148
149
|
width: 100%;
|
|
150
|
+
|
|
151
|
+
mecx-form-field mecx-form-field-body {
|
|
152
|
+
padding-left: 0px !important;
|
|
153
|
+
padding-right: 0px !important;
|
|
154
|
+
cursor: pointer;
|
|
155
|
+
height: 48px;
|
|
156
|
+
}
|
|
149
157
|
}
|
|
150
158
|
|
|
151
159
|
monkey-select-multiple {
|
|
152
160
|
width: 100%;
|
|
161
|
+
|
|
162
|
+
mecx-form-field mecx-form-field-body {
|
|
163
|
+
padding-left: 0px !important;
|
|
164
|
+
padding-right: 0px !important;
|
|
165
|
+
cursor: pointer;
|
|
166
|
+
height: 48px;
|
|
167
|
+
}
|
|
153
168
|
}
|
|
154
169
|
|
|
155
170
|
monkey-select-search {
|
|
@@ -158,6 +173,8 @@ monkey-select-search {
|
|
|
158
173
|
mecx-form-field mecx-form-field-body {
|
|
159
174
|
padding-left: 0px !important;
|
|
160
175
|
padding-right: 0px !important;
|
|
176
|
+
cursor: pointer;
|
|
177
|
+
height: 48px;
|
|
161
178
|
}
|
|
162
179
|
}
|
|
163
180
|
|
|
@@ -165,6 +182,11 @@ monkey-select-filter {
|
|
|
165
182
|
width: 100%;
|
|
166
183
|
border-radius: 48px;
|
|
167
184
|
|
|
185
|
+
mecx-form-field-body {
|
|
186
|
+
cursor: pointer;
|
|
187
|
+
height: 48px;
|
|
188
|
+
}
|
|
189
|
+
|
|
168
190
|
&:hover {
|
|
169
191
|
color: #4b4a53;
|
|
170
192
|
background-position: center;
|
|
@@ -185,7 +207,6 @@ mecx-select-filter {
|
|
|
185
207
|
border: none;
|
|
186
208
|
box-sizing: border-box;
|
|
187
209
|
border-radius: 120px;
|
|
188
|
-
|
|
189
210
|
position: relative;
|
|
190
211
|
display: flex;
|
|
191
212
|
flex-direction: column;
|
|
@@ -195,6 +216,11 @@ mecx-select-filter {
|
|
|
195
216
|
cursor: pointer;
|
|
196
217
|
transition: all 0;
|
|
197
218
|
|
|
219
|
+
mecx-form-field-body {
|
|
220
|
+
cursor: pointer;
|
|
221
|
+
height: 48px;
|
|
222
|
+
}
|
|
223
|
+
|
|
198
224
|
&.trigger {
|
|
199
225
|
padding: 12px;
|
|
200
226
|
|
|
@@ -250,7 +276,6 @@ mecx-select-filter {
|
|
|
250
276
|
display: flex;
|
|
251
277
|
align-items: center;
|
|
252
278
|
justify-content: center;
|
|
253
|
-
padding: 0 8px;
|
|
254
279
|
font-size: 14px;
|
|
255
280
|
cursor: pointer;
|
|
256
281
|
color: #4b4a53;
|
|
@@ -263,6 +288,10 @@ mecx-select-filter {
|
|
|
263
288
|
&:disabled {
|
|
264
289
|
color: #9c9ca6 !important;
|
|
265
290
|
}
|
|
291
|
+
|
|
292
|
+
input {
|
|
293
|
+
padding: 0px;
|
|
294
|
+
}
|
|
266
295
|
}
|
|
267
296
|
|
|
268
297
|
&:hover {
|