npm - monkey-style-guide - Versions diffs - 2.0.58 → 2.0.71 - Mend

monkey-style-guide 2.0.58 → 2.0.71

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.

Files changed (9) hide show

package/assets/scss/partials/_forms.scss +4 -0
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.71.tgz +0 -0
package/package.json +1 -1
package/monkey-style-guide-2.0.58.tgz +0 -0

package/assets/scss/partials/_forms.scss CHANGED Viewed

@@ -81,6 +81,10 @@ mecx-form-field {
       border: none !important;
     }
+    &.error {
+      border: 1px solid #fa3838;
+    }
     & > span {
       width: 100%;
       text-align: left;

package/bundles/monkey-style-guide.umd.js CHANGED Viewed

@@ -2344,7 +2344,7 @@
     MonkeyInputComponent.decorators = [
         { type: core.Component, args: [{
                     selector: 'monkey-input',
-                    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  ",
+                    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  ",
                     encapsulation: core.ViewEncapsulation.None,
                     providers: [
                         {