monkey-style-guide 2.0.160 → 2.0.162

package/README.md

@@ -460,6 +460,7 @@ Icons Options:
 - **bank**
 - **banknote-search**
 - **bell**
+- **block**
 - **book**
 - **box**
 - **build-person**
@@ -500,6 +501,7 @@ Icons Options:
 - **eye-closed**
 - **eye-open**
 - **filter**
+- **filter-add**
 - **grid**
 - **hands-clap**
 - **help**
@@ -521,8 +523,8 @@ Icons Options:
 - **money-hand**
 - **money-sign**
 - **money**
-- **more**
 - **more-circle**
+- **more**
 - **new-company**
 - **offered**
 - **open-external**
@@ -1240,7 +1242,7 @@ export class AppComponent {
 [expansion-screenshot1]: https://user-images.githubusercontent.com/10110065/111636157-f8b08080-87d6-11eb-86ab-86839297d068.png
 [expansion-screenshot2]: https://user-images.githubusercontent.com/10110065/111636340-24336b00-87d7-11eb-9f19-504ab96cc9af.png
 [file-upload-screenshot1]: https://user-images.githubusercontent.com/10110065/111640018-8b065380-87da-11eb-8d47-87ddea29b943.png
-[icons-screenshot1]: https://user-images.githubusercontent.com/12416871/192236349-d12462e3-81bf-4100-9a3c-2d4d535418a0.png
+[icons-screenshot1]: https://user-images.githubusercontent.com/12416871/192881284-39d3e3f1-4cd9-446c-9c76-df71687ba733.png
 [input-filter-screenshot]: https://user-images.githubusercontent.com/32619691/163216159-3a9f985e-3ba9-4e10-8ba4-0f60931f83d1.png
 [input-screenshot]: https://dev-monkey-emails.s3-us-west-2.amazonaws.com/monkey-style-guide/demos/images/input.png
 [license-shield]: https://img.shields.io/github/license/othneildrew/Best-README-Template.svg?style=flat-square

package/assets/icons/block.svg

@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" [attr.height]="size" [attr.width]="size">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M18.3637 5.63574L5.63574 18.3637L18.3637 5.63574Z" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" [attr.stroke]="fillColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M12 3V3C7.029 3 3 7.029 3 12V12C3 16.971 7.029 21 12 21V21C16.971 21 21 16.971 21 12V12C21 7.029 16.971 3 12 3Z" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" [attr.stroke]="fillColor"/>
+</svg>

package/assets/icons/filter-add.svg

@@ -0,0 +1,6 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" [attr.height]="size" [attr.width]="size">
+<path d="M8.12132 4.87868C9.29289 6.05025 9.29289 7.94975 8.12132 9.12132C6.94975 10.2929 5.05025 10.2929 3.87868 9.12132C2.70711 7.94975 2.70711 6.05025 3.87868 4.87868C5.05025 3.70711 6.94975 3.70711 8.12132 4.87868" stroke="#545A63" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" [attr.stroke]="fillColor"/>
+<path d="M20 7H9" stroke="#545A63" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" [attr.stroke]="fillColor"/>
+<path d="M20.1213 14.8787C21.2929 16.0502 21.2929 17.9497 20.1213 19.1213C18.9497 20.2929 17.0502 20.2929 15.8787 19.1213C14.7071 17.9497 14.7071 16.0502 15.8787 14.8787C17.0502 13.7071 18.9497 13.7071 20.1213 14.8787" stroke="#545A63" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" [attr.stroke]="fillColor"/>
+<path d="M4 17H15" stroke="#545A63" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" [attr.stroke]="fillColor"/>
+</svg>

package/esm2020/lib/components/icon/icon-block.component.mjs

@@ -0,0 +1,15 @@
+import { Component, Input } from '@angular/core';
+import * as i0 from "@angular/core";
+export class MonkeyIconBlockComponent {
+}
+MonkeyIconBlockComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: MonkeyIconBlockComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+MonkeyIconBlockComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: MonkeyIconBlockComponent, selector: "monkey-icon-block", inputs: { fillColor: "fillColor", size: "size" }, ngImport: i0, template: "<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" [attr.height]=\"size\" [attr.width]=\"size\">\n<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M18.3637 5.63574L5.63574 18.3637L18.3637 5.63574Z\" stroke=\"white\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" [attr.stroke]=\"fillColor\"/>\n<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M12 3V3C7.029 3 3 7.029 3 12V12C3 16.971 7.029 21 12 21V21C16.971 21 21 16.971 21 12V12C21 7.029 16.971 3 12 3Z\" stroke=\"white\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" [attr.stroke]=\"fillColor\"/>\n</svg>\n", styles: [":host{display:flex}\n"] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: MonkeyIconBlockComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'monkey-icon-block', template: "<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" [attr.height]=\"size\" [attr.width]=\"size\">\n<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M18.3637 5.63574L5.63574 18.3637L18.3637 5.63574Z\" stroke=\"white\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" [attr.stroke]=\"fillColor\"/>\n<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M12 3V3C7.029 3 3 7.029 3 12V12C3 16.971 7.029 21 12 21V21C16.971 21 21 16.971 21 12V12C21 7.029 16.971 3 12 3Z\" stroke=\"white\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" [attr.stroke]=\"fillColor\"/>\n</svg>\n", styles: [":host{display:flex}\n"] }]
+        }], propDecorators: { fillColor: [{
+                type: Input
+            }], size: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaWNvbi1ibG9jay5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9tb25rZXktc3R5bGUtZ3VpZGUvc3JjL2xpYi9jb21wb25lbnRzL2ljb24vaWNvbi1ibG9jay5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9tb25rZXktc3R5bGUtZ3VpZGUvYXNzZXRzL2ljb25zL2Jsb2NrLnN2ZyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQzs7QUFPakQsTUFBTSxPQUFPLHdCQUF3Qjs7c0hBQXhCLHdCQUF3QjswR0FBeEIsd0JBQXdCLDJHQ1ByQyxvcUJBSUE7NEZER2Esd0JBQXdCO2tCQUxwQyxTQUFTOytCQUNFLG1CQUFtQjs4QkFLcEIsU0FBUztzQkFBakIsS0FBSztnQkFFRyxJQUFJO3NCQUFaLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ21vbmtleS1pY29uLWJsb2NrJyxcbiAgdGVtcGxhdGVVcmw6IGAuLi8uLi8uLi8uLi9hc3NldHMvaWNvbnMvYmxvY2suc3ZnYCxcbiAgc3R5bGVVcmxzOiBbJy4vaWNvbnMuY29tcG9uZW50LnNjc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBNb25rZXlJY29uQmxvY2tDb21wb25lbnQge1xuICBASW5wdXQoKSBmaWxsQ29sb3I6IHN0cmluZztcblxuICBASW5wdXQoKSBzaXplOiBzdHJpbmc7XG59XG4iLCI8c3ZnIHdpZHRoPVwiMjRcIiBoZWlnaHQ9XCIyNFwiIHZpZXdCb3g9XCIwIDAgMjQgMjRcIiBmaWxsPVwibm9uZVwiIHhtbG5zPVwiaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmdcIiBbYXR0ci5oZWlnaHRdPVwic2l6ZVwiIFthdHRyLndpZHRoXT1cInNpemVcIj5cbjxwYXRoIGZpbGwtcnVsZT1cImV2ZW5vZGRcIiBjbGlwLXJ1bGU9XCJldmVub2RkXCIgZD1cIk0xOC4zNjM3IDUuNjM1NzRMNS42MzU3NCAxOC4zNjM3TDE4LjM2MzcgNS42MzU3NFpcIiBzdHJva2U9XCJ3aGl0ZVwiIHN0cm9rZS13aWR0aD1cIjEuNVwiIHN0cm9rZS1saW5lY2FwPVwicm91bmRcIiBzdHJva2UtbGluZWpvaW49XCJyb3VuZFwiIFthdHRyLnN0cm9rZV09XCJmaWxsQ29sb3JcIi8+XG48cGF0aCBmaWxsLXJ1bGU9XCJldmVub2RkXCIgY2xpcC1ydWxlPVwiZXZlbm9kZFwiIGQ9XCJNMTIgM1YzQzcuMDI5IDMgMyA3LjAyOSAzIDEyVjEyQzMgMTYuOTcxIDcuMDI5IDIxIDEyIDIxVjIxQzE2Ljk3MSAyMSAyMSAxNi45NzEgMjEgMTJWMTJDMjEgNy4wMjkgMTYuOTcxIDMgMTIgM1pcIiBzdHJva2U9XCJ3aGl0ZVwiIHN0cm9rZS13aWR0aD1cIjEuNVwiIHN0cm9rZS1saW5lY2FwPVwicm91bmRcIiBzdHJva2UtbGluZWpvaW49XCJyb3VuZFwiIFthdHRyLnN0cm9rZV09XCJmaWxsQ29sb3JcIi8+XG48L3N2Zz5cbiJdfQ==

package/esm2020/lib/components/icon/icon-filter-add.component.mjs

@@ -0,0 +1,15 @@
+import { Component, Input } from '@angular/core';
+import * as i0 from "@angular/core";
+export class MonkeyIconFilterAddComponent {
+}
+MonkeyIconFilterAddComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: MonkeyIconFilterAddComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+MonkeyIconFilterAddComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: MonkeyIconFilterAddComponent, selector: "monkey-icon-filter-add", inputs: { fillColor: "fillColor", size: "size" }, ngImport: i0, template: "<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" [attr.height]=\"size\" [attr.width]=\"size\">\n<path d=\"M8.12132 4.87868C9.29289 6.05025 9.29289 7.94975 8.12132 9.12132C6.94975 10.2929 5.05025 10.2929 3.87868 9.12132C2.70711 7.94975 2.70711 6.05025 3.87868 4.87868C5.05025 3.70711 6.94975 3.70711 8.12132 4.87868\" stroke=\"#545A63\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" [attr.stroke]=\"fillColor\"/>\n<path d=\"M20 7H9\" stroke=\"#545A63\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" [attr.stroke]=\"fillColor\"/>\n<path d=\"M20.1213 14.8787C21.2929 16.0502 21.2929 17.9497 20.1213 19.1213C18.9497 20.2929 17.0502 20.2929 15.8787 19.1213C14.7071 17.9497 14.7071 16.0502 15.8787 14.8787C17.0502 13.7071 18.9497 13.7071 20.1213 14.8787\" stroke=\"#545A63\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" [attr.stroke]=\"fillColor\"/>\n<path d=\"M4 17H15\" stroke=\"#545A63\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" [attr.stroke]=\"fillColor\"/>\n</svg>\n", styles: [":host{display:flex}\n"] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: MonkeyIconFilterAddComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'monkey-icon-filter-add', template: "<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" [attr.height]=\"size\" [attr.width]=\"size\">\n<path d=\"M8.12132 4.87868C9.29289 6.05025 9.29289 7.94975 8.12132 9.12132C6.94975 10.2929 5.05025 10.2929 3.87868 9.12132C2.70711 7.94975 2.70711 6.05025 3.87868 4.87868C5.05025 3.70711 6.94975 3.70711 8.12132 4.87868\" stroke=\"#545A63\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" [attr.stroke]=\"fillColor\"/>\n<path d=\"M20 7H9\" stroke=\"#545A63\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" [attr.stroke]=\"fillColor\"/>\n<path d=\"M20.1213 14.8787C21.2929 16.0502 21.2929 17.9497 20.1213 19.1213C18.9497 20.2929 17.0502 20.2929 15.8787 19.1213C14.7071 17.9497 14.7071 16.0502 15.8787 14.8787C17.0502 13.7071 18.9497 13.7071 20.1213 14.8787\" stroke=\"#545A63\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" [attr.stroke]=\"fillColor\"/>\n<path d=\"M4 17H15\" stroke=\"#545A63\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" [attr.stroke]=\"fillColor\"/>\n</svg>\n", styles: [":host{display:flex}\n"] }]
+        }], propDecorators: { fillColor: [{
+                type: Input
+            }], size: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaWNvbi1maWx0ZXItYWRkLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL21vbmtleS1zdHlsZS1ndWlkZS9zcmMvbGliL2NvbXBvbmVudHMvaWNvbi9pY29uLWZpbHRlci1hZGQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbW9ua2V5LXN0eWxlLWd1aWRlL2Fzc2V0cy9pY29ucy9maWx0ZXItYWRkLnN2ZyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQzs7QUFPakQsTUFBTSxPQUFPLDRCQUE0Qjs7MEhBQTVCLDRCQUE0Qjs4R0FBNUIsNEJBQTRCLGdIQ1B6Qyw2bUNBTUE7NEZEQ2EsNEJBQTRCO2tCQUx4QyxTQUFTOytCQUNFLHdCQUF3Qjs4QkFLekIsU0FBUztzQkFBakIsS0FBSztnQkFFRyxJQUFJO3NCQUFaLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ21vbmtleS1pY29uLWZpbHRlci1hZGQnLFxuICB0ZW1wbGF0ZVVybDogYC4uLy4uLy4uLy4uL2Fzc2V0cy9pY29ucy9maWx0ZXItYWRkLnN2Z2AsXG4gIHN0eWxlVXJsczogWycuL2ljb25zLmNvbXBvbmVudC5zY3NzJ11cbn0pXG5leHBvcnQgY2xhc3MgTW9ua2V5SWNvbkZpbHRlckFkZENvbXBvbmVudCB7XG4gIEBJbnB1dCgpIGZpbGxDb2xvcjogc3RyaW5nO1xuXG4gIEBJbnB1dCgpIHNpemU6IHN0cmluZztcbn1cbiIsIjxzdmcgd2lkdGg9XCIyNFwiIGhlaWdodD1cIjI0XCIgdmlld0JveD1cIjAgMCAyNCAyNFwiIGZpbGw9XCJub25lXCIgeG1sbnM9XCJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Z1wiIFthdHRyLmhlaWdodF09XCJzaXplXCIgW2F0dHIud2lkdGhdPVwic2l6ZVwiPlxuPHBhdGggZD1cIk04LjEyMTMyIDQuODc4NjhDOS4yOTI4OSA2LjA1MDI1IDkuMjkyODkgNy45NDk3NSA4LjEyMTMyIDkuMTIxMzJDNi45NDk3NSAxMC4yOTI5IDUuMDUwMjUgMTAuMjkyOSAzLjg3ODY4IDkuMTIxMzJDMi43MDcxMSA3Ljk0OTc1IDIuNzA3MTEgNi4wNTAyNSAzLjg3ODY4IDQuODc4NjhDNS4wNTAyNSAzLjcwNzExIDYuOTQ5NzUgMy43MDcxMSA4LjEyMTMyIDQuODc4NjhcIiBzdHJva2U9XCIjNTQ1QTYzXCIgc3Ryb2tlLXdpZHRoPVwiMS41XCIgc3Ryb2tlLWxpbmVjYXA9XCJyb3VuZFwiIHN0cm9rZS1saW5lam9pbj1cInJvdW5kXCIgW2F0dHIuc3Ryb2tlXT1cImZpbGxDb2xvclwiLz5cbjxwYXRoIGQ9XCJNMjAgN0g5XCIgc3Ryb2tlPVwiIzU0NUE2M1wiIHN0cm9rZS13aWR0aD1cIjEuNVwiIHN0cm9rZS1saW5lY2FwPVwicm91bmRcIiBzdHJva2UtbGluZWpvaW49XCJyb3VuZFwiIFthdHRyLnN0cm9rZV09XCJmaWxsQ29sb3JcIi8+XG48cGF0aCBkPVwiTTIwLjEyMTMgMTQuODc4N0MyMS4yOTI5IDE2LjA1MDIgMjEuMjkyOSAxNy45NDk3IDIwLjEyMTMgMTkuMTIxM0MxOC45NDk3IDIwLjI5MjkgMTcuMDUwMiAyMC4yOTI5IDE1Ljg3ODcgMTkuMTIxM0MxNC43MDcxIDE3Ljk0OTcgMTQuNzA3MSAxNi4wNTAyIDE1Ljg3ODcgMTQuODc4N0MxNy4wNTAyIDEzLjcwNzEgMTguOTQ5NyAxMy43MDcxIDIwLjEyMTMgMTQuODc4N1wiIHN0cm9rZT1cIiM1NDVBNjNcIiBzdHJva2Utd2lkdGg9XCIxLjVcIiBzdHJva2UtbGluZWNhcD1cInJvdW5kXCIgc3Ryb2tlLWxpbmVqb2luPVwicm91bmRcIiBbYXR0ci5zdHJva2VdPVwiZmlsbENvbG9yXCIvPlxuPHBhdGggZD1cIk00IDE3SDE1XCIgc3Ryb2tlPVwiIzU0NUE2M1wiIHN0cm9rZS13aWR0aD1cIjEuNVwiIHN0cm9rZS1saW5lY2FwPVwicm91bmRcIiBzdHJva2UtbGluZWpvaW49XCJyb3VuZFwiIFthdHRyLnN0cm9rZV09XCJmaWxsQ29sb3JcIi8+XG48L3N2Zz5cbiJdfQ==