monkey-style-guide 2.0.46 → 2.0.50
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 +6 -0
- package/assets/scss/partials/components/_select.scss +26 -10
- 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 +9 -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 +112 -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.50.tgz +0 -0
- package/package.json +1 -1
- package/monkey-style-guide-2.0.46.tgz +0 -0
|
@@ -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,10 +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;
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
mecx-form-field mecx-form-field-footer {
|
|
164
|
-
display: none !important;
|
|
167
|
+
cursor: pointer;
|
|
168
|
+
height: 48px;
|
|
165
169
|
}
|
|
166
170
|
}
|
|
167
171
|
|
|
@@ -169,6 +173,11 @@ monkey-select-filter {
|
|
|
169
173
|
width: 100%;
|
|
170
174
|
border-radius: 48px;
|
|
171
175
|
|
|
176
|
+
mecx-form-field-body {
|
|
177
|
+
cursor: pointer;
|
|
178
|
+
height: 48px;
|
|
179
|
+
}
|
|
180
|
+
|
|
172
181
|
&:hover {
|
|
173
182
|
color: #4b4a53;
|
|
174
183
|
background-position: center;
|
|
@@ -189,7 +198,6 @@ mecx-select-filter {
|
|
|
189
198
|
border: none;
|
|
190
199
|
box-sizing: border-box;
|
|
191
200
|
border-radius: 120px;
|
|
192
|
-
|
|
193
201
|
position: relative;
|
|
194
202
|
display: flex;
|
|
195
203
|
flex-direction: column;
|
|
@@ -199,6 +207,11 @@ mecx-select-filter {
|
|
|
199
207
|
cursor: pointer;
|
|
200
208
|
transition: all 0;
|
|
201
209
|
|
|
210
|
+
mecx-form-field-body {
|
|
211
|
+
cursor: pointer;
|
|
212
|
+
height: 48px;
|
|
213
|
+
}
|
|
214
|
+
|
|
202
215
|
&.trigger {
|
|
203
216
|
padding: 12px;
|
|
204
217
|
|
|
@@ -254,7 +267,6 @@ mecx-select-filter {
|
|
|
254
267
|
display: flex;
|
|
255
268
|
align-items: center;
|
|
256
269
|
justify-content: center;
|
|
257
|
-
padding: 0 8px;
|
|
258
270
|
font-size: 14px;
|
|
259
271
|
cursor: pointer;
|
|
260
272
|
color: #4b4a53;
|
|
@@ -267,6 +279,10 @@ mecx-select-filter {
|
|
|
267
279
|
&:disabled {
|
|
268
280
|
color: #9c9ca6 !important;
|
|
269
281
|
}
|
|
282
|
+
|
|
283
|
+
input {
|
|
284
|
+
padding: 0px;
|
|
285
|
+
}
|
|
270
286
|
}
|
|
271
287
|
|
|
272
288
|
&:hover {
|