monkey-style-guide 2.0.75 → 2.0.79

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 CHANGED
@@ -1071,7 +1071,7 @@ export class AppComponent {
1071
1071
  [icon-screenshot1]: https://user-images.githubusercontent.com/10110065/111643849-0ddcdd80-87de-11eb-8161-fc5a20a1d237.png
1072
1072
  [icons-screenshot1]: https://user-images.githubusercontent.com/12416871/112203694-90580980-8bf1-11eb-969f-2ac21a7b9dee.png
1073
1073
  [radiobutton-screenshot]: https://dev-monkey-emails.s3-us-west-2.amazonaws.com/monkey-style-guide/demos/images/radiobutton.png
1074
- [buttons-screenshot]: https://dev-monkey-emails.s3-us-west-2.amazonaws.com/monkey-style-guide/demos/images/buttons.png
1074
+ [buttons-screenshot]: https://user-images.githubusercontent.com/10110065/142933460-7a84ad76-b57f-40a0-b809-292af31c1e8f.png
1075
1075
  [settings-screenshot]: https://dev-monkey-emails.s3-us-west-2.amazonaws.com/monkey-style-guide/demos/images/style-settings-json.png
1076
1076
  [table-screenshot]: https://user-images.githubusercontent.com/12416871/119574643-29d79f00-bd8c-11eb-9747-2e6dc86410da.png
1077
1077
  [modal-screenshot]: https://user-images.githubusercontent.com/12416871/119838920-2c480f00-beda-11eb-9e44-e42262f39c34.png
@@ -18,6 +18,7 @@ mecx-form-field {
18
18
  display: flex;
19
19
  flex-direction: row;
20
20
  justify-content: space-between;
21
+ align-items: center;
21
22
 
22
23
  label {
23
24
  color: #4b4a53;
@@ -212,7 +212,7 @@ mecx-select-filter {
212
212
  flex-direction: column;
213
213
  justify-content: center;
214
214
  width: 100%;
215
- height: 48px;
215
+ height: 40px;
216
216
  cursor: pointer;
217
217
  transition: all 0;
218
218
 
@@ -2736,7 +2736,7 @@
2736
2736
  MonkeySelectComponent.decorators = [
2737
2737
  { type: core.Component, args: [{
2738
2738
  selector: 'monkey-select',
2739
- template: "\n <mecx-form-field [id]=\"_id\" [ngClass]=\"{ disabled: _disabled }\">\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 (click)=\"open()\">\n <monkey-icon [icon]=\"icon\" [color]=\"'#4B4A53'\"></monkey-icon>\n <mecx-select class=\"trigger\" [ngClass]=\"{ open: _opened }\">\n <mecx-select__trigger>\n <span>\n {{ _selected?.label || labelSelect }}\n </span>\n <monkey-icon\n [icon]=\"!_opened ? 'arrow-down-16' : 'arrow-up-16'\"\n [color]=\"'#4B4A53'\"\n ></monkey-icon>\n </mecx-select__trigger>\n </mecx-select>\n </mecx-form-field-body>\n <mecx-select-inside [ngClass]=\"{ open: _opened }\">\n <mecx-select-options #selectOptions>\n <ng-content> </ng-content>\n </mecx-select-options>\n </mecx-select-inside>\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 ",
2739
+ template: "\n <mecx-form-field [id]=\"_id\" [ngClass]=\"{ disabled: _disabled }\">\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 (click)=\"open()\" [class.error]=\"errorMessage?.trim()\">\n <monkey-icon [icon]=\"icon\" [color]=\"'#4B4A53'\"></monkey-icon>\n <mecx-select class=\"trigger\" [ngClass]=\"{ open: _opened }\">\n <mecx-select__trigger>\n <span>\n {{ _selected?.label || labelSelect }}\n </span>\n <monkey-icon\n [icon]=\"!_opened ? 'arrow-down-16' : 'arrow-up-16'\"\n [color]=\"'#4B4A53'\"\n ></monkey-icon>\n </mecx-select__trigger>\n </mecx-select>\n </mecx-form-field-body>\n <mecx-select-inside [ngClass]=\"{ open: _opened }\">\n <mecx-select-options #selectOptions>\n <ng-content> </ng-content>\n </mecx-select-options>\n </mecx-select-inside>\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 ",
2740
2740
  encapsulation: core.ViewEncapsulation.None,
2741
2741
  providers: [
2742
2742
  {
@@ -2951,7 +2951,7 @@
2951
2951
  MonkeySelectMultipleComponent.decorators = [
2952
2952
  { type: core.Component, args: [{
2953
2953
  selector: 'monkey-select-multiple',
2954
- template: "\n <mecx-form-field [id]=\"_id\" [ngClass]=\"{ disabled: _disabled }\">\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 (click)=\"open()\">\n <monkey-icon [icon]=\"icon\" [color]=\"'#4B4A53'\"></monkey-icon>\n\n <mecx-select class=\"trigger\" [ngClass]=\"{ open: _opened }\">\n <mecx-select__trigger>\n <span>\n {{ _selectedValues || 'Selecione' }}\n </span>\n <monkey-icon\n [icon]=\"!_opened ? 'arrow-down-16' : 'arrow-up-16'\"\n [color]=\"'#4B4A53'\"\n ></monkey-icon>\n </mecx-select__trigger>\n </mecx-select>\n </mecx-form-field-body>\n <mecx-select-inside [ngClass]=\"{ open: _opened }\">\n <mecx-select-options #selectOptions>\n <ng-content> </ng-content>\n </mecx-select-options>\n </mecx-select-inside>\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 ",
2954
+ template: "\n <mecx-form-field [id]=\"_id\" [ngClass]=\"{ disabled: _disabled }\">\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 (click)=\"open()\" [class.error]=\"errorMessage?.trim()\">\n <monkey-icon [icon]=\"icon\" [color]=\"'#4B4A53'\"></monkey-icon>\n\n <mecx-select class=\"trigger\" [ngClass]=\"{ open: _opened }\">\n <mecx-select__trigger>\n <span>\n {{ _selectedValues || 'Selecione' }}\n </span>\n <monkey-icon\n [icon]=\"!_opened ? 'arrow-down-16' : 'arrow-up-16'\"\n [color]=\"'#4B4A53'\"\n ></monkey-icon>\n </mecx-select__trigger>\n </mecx-select>\n </mecx-form-field-body>\n <mecx-select-inside [ngClass]=\"{ open: _opened }\">\n <mecx-select-options #selectOptions>\n <ng-content> </ng-content>\n </mecx-select-options>\n </mecx-select-inside>\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 ",
2955
2955
  encapsulation: core.ViewEncapsulation.None,
2956
2956
  providers: [
2957
2957
  {
@@ -3152,7 +3152,7 @@
3152
3152
  MonkeySelectSearchComponent.decorators = [
3153
3153
  { type: core.Component, args: [{
3154
3154
  selector: 'monkey-select-search',
3155
- template: "\n <mecx-form-field [id]=\"_id\" [ngClass]=\"{ disabled: _disabled }\">\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 (click)=\"open()\">\n <monkey-icon [icon]=\"icon\" [color]=\"'#aaaaaa'\"></monkey-icon>\n <mecx-select class=\"trigger\" [ngClass]=\"{ open: _opened }\">\n <mecx-select__trigger>\n <input\n [placeholder]=\"labelSelect || placeholder\"\n (input)=\"onChangeInput($event)\"\n #inputFilter\n [ngModel]=\"_selected?.label || ''\"\n />\n <monkey-icon\n [icon]=\"!_opened ? 'arrow-down-16' : 'arrow-up-16'\"\n [color]=\"'#4B4A53'\"\n ></monkey-icon>\n </mecx-select__trigger>\n </mecx-select>\n </mecx-form-field-body>\n <mecx-select-inside [ngClass]=\"{ open: _opened }\">\n <mecx-select-options #selectOptions>\n <ng-content> </ng-content>\n </mecx-select-options>\n </mecx-select-inside>\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 ",
3155
+ template: "\n <mecx-form-field [id]=\"_id\" [ngClass]=\"{ disabled: _disabled }\">\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 (click)=\"open()\" [class.error]=\"errorMessage?.trim()\">\n <monkey-icon [icon]=\"icon\" [color]=\"'#aaaaaa'\"></monkey-icon>\n <mecx-select class=\"trigger\" [ngClass]=\"{ open: _opened }\">\n <mecx-select__trigger>\n <input\n [placeholder]=\"labelSelect || placeholder\"\n (input)=\"onChangeInput($event)\"\n #inputFilter\n [ngModel]=\"_selected?.label || ''\"\n />\n <monkey-icon\n [icon]=\"!_opened ? 'arrow-down-16' : 'arrow-up-16'\"\n [color]=\"'#4B4A53'\"\n ></monkey-icon>\n </mecx-select__trigger>\n </mecx-select>\n </mecx-form-field-body>\n <mecx-select-inside [ngClass]=\"{ open: _opened }\">\n <mecx-select-options #selectOptions>\n <ng-content> </ng-content>\n </mecx-select-options>\n </mecx-select-inside>\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 ",
3156
3156
  encapsulation: core.ViewEncapsulation.None,
3157
3157
  providers: [
3158
3158
  {