monkey-style-guide 2.0.47 → 2.0.51
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 +26 -6
- package/bundles/monkey-style-guide.umd.js +95 -73
- 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 +5 -5
- package/esm2015/lib/components/select/select-search.component.js +4 -3
- 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 +107 -78
- 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/components/select/select-search.component.d.ts +1 -0
- package/lib/core/interfaces/monkey-modal-settings.d.ts +5 -5
- package/monkey-style-guide-2.0.51.tgz +0 -0
- package/package.json +1 -1
- package/monkey-style-guide-2.0.47.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
|
+
}
|
|
@@ -9,10 +9,11 @@
|
|
|
9
9
|
width: 100%;
|
|
10
10
|
background-color: inherit;
|
|
11
11
|
padding: 0 8px;
|
|
12
|
-
}
|
|
13
12
|
|
|
14
|
-
mecx-form-field-body {
|
|
15
|
-
|
|
13
|
+
mecx-form-field-body {
|
|
14
|
+
cursor: pointer;
|
|
15
|
+
height: 48px;
|
|
16
|
+
}
|
|
16
17
|
}
|
|
17
18
|
|
|
18
19
|
mecx-select-wrapper {
|
|
@@ -81,7 +82,8 @@ mecx-select__trigger {
|
|
|
81
82
|
display: flex;
|
|
82
83
|
align-items: center;
|
|
83
84
|
justify-content: space-between;
|
|
84
|
-
padding:
|
|
85
|
+
padding-left: 16px;
|
|
86
|
+
padding-right: 16px;
|
|
85
87
|
font-size: 14px;
|
|
86
88
|
cursor: pointer;
|
|
87
89
|
color: #4b4a53;
|
|
@@ -90,6 +92,10 @@ mecx-select__trigger {
|
|
|
90
92
|
&:disabled {
|
|
91
93
|
color: #9c9ca6 !important;
|
|
92
94
|
}
|
|
95
|
+
|
|
96
|
+
input {
|
|
97
|
+
padding: 0px;
|
|
98
|
+
}
|
|
93
99
|
}
|
|
94
100
|
|
|
95
101
|
mecx-select-options {
|
|
@@ -158,6 +164,8 @@ monkey-select-search {
|
|
|
158
164
|
mecx-form-field mecx-form-field-body {
|
|
159
165
|
padding-left: 0px !important;
|
|
160
166
|
padding-right: 0px !important;
|
|
167
|
+
cursor: pointer;
|
|
168
|
+
height: 48px;
|
|
161
169
|
}
|
|
162
170
|
}
|
|
163
171
|
|
|
@@ -165,6 +173,11 @@ monkey-select-filter {
|
|
|
165
173
|
width: 100%;
|
|
166
174
|
border-radius: 48px;
|
|
167
175
|
|
|
176
|
+
mecx-form-field-body {
|
|
177
|
+
cursor: pointer;
|
|
178
|
+
height: 48px;
|
|
179
|
+
}
|
|
180
|
+
|
|
168
181
|
&:hover {
|
|
169
182
|
color: #4b4a53;
|
|
170
183
|
background-position: center;
|
|
@@ -185,7 +198,6 @@ mecx-select-filter {
|
|
|
185
198
|
border: none;
|
|
186
199
|
box-sizing: border-box;
|
|
187
200
|
border-radius: 120px;
|
|
188
|
-
|
|
189
201
|
position: relative;
|
|
190
202
|
display: flex;
|
|
191
203
|
flex-direction: column;
|
|
@@ -195,6 +207,11 @@ mecx-select-filter {
|
|
|
195
207
|
cursor: pointer;
|
|
196
208
|
transition: all 0;
|
|
197
209
|
|
|
210
|
+
mecx-form-field-body {
|
|
211
|
+
cursor: pointer;
|
|
212
|
+
height: 48px;
|
|
213
|
+
}
|
|
214
|
+
|
|
198
215
|
&.trigger {
|
|
199
216
|
padding: 12px;
|
|
200
217
|
|
|
@@ -250,7 +267,6 @@ mecx-select-filter {
|
|
|
250
267
|
display: flex;
|
|
251
268
|
align-items: center;
|
|
252
269
|
justify-content: center;
|
|
253
|
-
padding: 0 8px;
|
|
254
270
|
font-size: 14px;
|
|
255
271
|
cursor: pointer;
|
|
256
272
|
color: #4b4a53;
|
|
@@ -263,6 +279,10 @@ mecx-select-filter {
|
|
|
263
279
|
&:disabled {
|
|
264
280
|
color: #9c9ca6 !important;
|
|
265
281
|
}
|
|
282
|
+
|
|
283
|
+
input {
|
|
284
|
+
padding: 0px;
|
|
285
|
+
}
|
|
266
286
|
}
|
|
267
287
|
|
|
268
288
|
&:hover {
|