monkey-style-guide 2.0.69 → 2.0.73
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/assets/scss/partials/_forms.scss +13 -4
- package/bundles/monkey-style-guide.umd.js +1 -1
- package/bundles/monkey-style-guide.umd.js.map +1 -1
- package/esm2015/lib/components/input/input.component.js +9 -5
- package/fesm2015/monkey-style-guide.js +8 -4
- package/fesm2015/monkey-style-guide.js.map +1 -1
- package/monkey-style-guide-2.0.73.tgz +0 -0
- package/package.json +1 -1
- package/monkey-style-guide-2.0.69.tgz +0 -0
|
@@ -65,6 +65,7 @@ mecx-form-field {
|
|
|
65
65
|
padding-left: 8px;
|
|
66
66
|
padding-right: 8px;
|
|
67
67
|
margin-bottom: 4px;
|
|
68
|
+
border: none !important;
|
|
68
69
|
}
|
|
69
70
|
|
|
70
71
|
&.radiobutton {
|
|
@@ -81,6 +82,10 @@ mecx-form-field {
|
|
|
81
82
|
border: none !important;
|
|
82
83
|
}
|
|
83
84
|
|
|
85
|
+
&.error {
|
|
86
|
+
border: 1px solid #fa3838;
|
|
87
|
+
}
|
|
88
|
+
|
|
84
89
|
& > span {
|
|
85
90
|
width: 100%;
|
|
86
91
|
text-align: left;
|
|
@@ -224,6 +229,7 @@ mecx-form-field-filter {
|
|
|
224
229
|
padding-left: 8px;
|
|
225
230
|
padding-right: 8px;
|
|
226
231
|
margin-bottom: 4px;
|
|
232
|
+
border: none !important;
|
|
227
233
|
}
|
|
228
234
|
|
|
229
235
|
&.radiobutton {
|
|
@@ -249,10 +255,6 @@ mecx-form-field-filter {
|
|
|
249
255
|
line-height: 16px;
|
|
250
256
|
color: #9c9ca6;
|
|
251
257
|
}
|
|
252
|
-
|
|
253
|
-
.error {
|
|
254
|
-
border: 1px solid #fa3838;
|
|
255
|
-
}
|
|
256
258
|
}
|
|
257
259
|
|
|
258
260
|
input[type='radio'] {
|
|
@@ -301,6 +303,13 @@ mecx-form-field-filter {
|
|
|
301
303
|
}
|
|
302
304
|
}
|
|
303
305
|
|
|
306
|
+
monkey-file-upload {
|
|
307
|
+
mecx-form-field mecx-form-field-body {
|
|
308
|
+
cursor: pointer;
|
|
309
|
+
height: 48px;
|
|
310
|
+
}
|
|
311
|
+
}
|
|
312
|
+
|
|
304
313
|
.disabled {
|
|
305
314
|
box-shadow: none;
|
|
306
315
|
pointer-events: none;
|
|
@@ -2344,7 +2344,7 @@
|
|
|
2344
2344
|
MonkeyInputComponent.decorators = [
|
|
2345
2345
|
{ type: core.Component, args: [{
|
|
2346
2346
|
selector: 'monkey-input',
|
|
2347
|
-
template: "\n <mecx-form-field [ngClass]=\"{ disabled: _disabled }\" [id]=\"_id\">\n <mecx-form-field-header>\n <label>\n {{ label }}\n </label>\n <helper>\n {{ helperMessage }}\n </helper>\n </mecx-form-field-header>\n <mecx-form-field-body [class.error]=\"errorMessage\">\n <monkey-icon
|
|
2347
|
+
template: "\n <mecx-form-field [ngClass]=\"{ disabled: _disabled }\" [id]=\"_id\">\n <mecx-form-field-header>\n <label>\n {{ label }}\n </label>\n <helper>\n {{ helperMessage }}\n </helper>\n </mecx-form-field-header>\n <mecx-form-field-body [class.error]=\"errorMessage?.trim()\">\n <monkey-icon\n [icon]=\"icon\"\n [color]=\"errorMessage?.trim() ? '#fa3838' : '#4B4A53'\"\n *ngIf=\"icon\"\n ></monkey-icon>\n <input\n [name]=\"name\"\n [type]=\"type\"\n [placeholder]=\"placeholder\"\n (input)=\"onChangeValue($event)\"\n (keypress)=\"onKeyPress($event)\"\n [id]=\"name\"\n [(ngModel)]=\"_formatedValue\"\n [disabled]=\"_disabled\"\n [mask]=\"mask\"\n [prefix]=\"prefix\"\n *ngIf=\"mask && prefix\"\n #monkeyInput\n />\n <input\n [name]=\"name\"\n [type]=\"type\"\n [placeholder]=\"placeholder\"\n (input)=\"onChangeValue($event)\"\n [id]=\"name\"\n [(ngModel)]=\"_formatedValue\"\n (keypress)=\"onKeyPress($event)\"\n [disabled]=\"_disabled\"\n [mask]=\"mask\"\n *ngIf=\"mask && !prefix\"\n #monkeyInput\n />\n <input\n [name]=\"name\"\n [type]=\"type\"\n [placeholder]=\"placeholder\"\n (input)=\"onChangeValue($event)\"\n [id]=\"name\"\n [(ngModel)]=\"_formatedValue\"\n (keypress)=\"onKeyPress($event)\"\n [disabled]=\"_disabled\"\n [maxLength]=\"maxLength\"\n *ngIf=\"!mask && !prefix\"\n [max]=\"maxDateToday ? _maxDateToday : null\"\n #monkeyInput\n />\n <monkey-icon\n icon=\"eye-open-16\"\n [color]=\"errorMessage?.trim() ? '#fa3838' : '#4B4A53'\"\n *ngIf=\"_oldType === 'password' && type === 'text'\"\n (click)=\"onShowAndHidePassword()\"\n ></monkey-icon>\n <monkey-icon\n icon=\"eye-closed-16\"\n [color]=\"errorMessage?.trim() ? '#fa3838' : '#4B4A53'\"\n *ngIf=\"_oldType === 'password' && type === 'password'\"\n (click)=\"onShowAndHidePassword()\"\n ></monkey-icon>\n </mecx-form-field-body>\n <mecx-form-field-footer>\n <info>\n {{ infoMessage }}\n </info>\n <error>\n {{ errorMessage }}\n </error>\n </mecx-form-field-footer>\n </mecx-form-field>\n ",
|
|
2348
2348
|
encapsulation: core.ViewEncapsulation.None,
|
|
2349
2349
|
providers: [
|
|
2350
2350
|
{
|