monkey-style-guide 2.0.55 → 2.0.59
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 +5 -1
- 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 +2 -2
- package/fesm2015/monkey-style-guide.js +1 -1
- package/fesm2015/monkey-style-guide.js.map +1 -1
- package/monkey-style-guide-2.0.59.tgz +0 -0
- package/package.json +1 -1
- package/monkey-style-guide-2.0.55.tgz +0 -0
|
@@ -41,7 +41,6 @@ mecx-form-field {
|
|
|
41
41
|
flex-direction: row;
|
|
42
42
|
padding-left: 16px;
|
|
43
43
|
padding-right: 16px;
|
|
44
|
-
//height: 48px;
|
|
45
44
|
background-color: #f5f5f5;
|
|
46
45
|
border: 1px solid #d6d6d6;
|
|
47
46
|
border-radius: 8px;
|
|
@@ -79,6 +78,7 @@ mecx-form-field {
|
|
|
79
78
|
padding-left: 8px;
|
|
80
79
|
padding-right: 8px;
|
|
81
80
|
margin-bottom: 4px;
|
|
81
|
+
border: none !important;
|
|
82
82
|
}
|
|
83
83
|
|
|
84
84
|
& > span {
|
|
@@ -249,6 +249,10 @@ mecx-form-field-filter {
|
|
|
249
249
|
line-height: 16px;
|
|
250
250
|
color: #9c9ca6;
|
|
251
251
|
}
|
|
252
|
+
|
|
253
|
+
.error {
|
|
254
|
+
border: 1px solid #fa3838;
|
|
255
|
+
}
|
|
252
256
|
}
|
|
253
257
|
|
|
254
258
|
input[type='radio'] {
|
|
@@ -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>\n <monkey-icon [icon]=\"icon\" [color]=\"'#4B4A53'\" *ngIf=\"icon\"></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]=\"'#4B4A53'\"\n *ngIf=\"_oldType === 'password' && type === 'text'\"\n (click)=\"onShowAndHidePassword()\"\n ></monkey-icon>\n <monkey-icon\n icon=\"eye-closed-16\"\n [color]=\"'#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 ",
|
|
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 [icon]=\"icon\" [color]=\"'#4B4A53'\" *ngIf=\"icon\"></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]=\"'#4B4A53'\"\n *ngIf=\"_oldType === 'password' && type === 'text'\"\n (click)=\"onShowAndHidePassword()\"\n ></monkey-icon>\n <monkey-icon\n icon=\"eye-closed-16\"\n [color]=\"'#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
|
{
|