ngx-mimic 0.0.19 → 0.0.20

package/esm2020/lib/state-menu/state-menu.component.mjs

@@ -11,10 +11,10 @@ export class StateMenuComponent {
     }
 }
 StateMenuComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.5", ngImport: i0, type: StateMenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-StateMenuComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.5", type: StateMenuComponent, selector: "state-menu", inputs: { active: "active", icon: "icon", text: "text" }, ngImport: i0, template: "<div class=\"state-menu-body flex\" [ngClass]=\"active ? 'active' : 'notActive'\">\n    <span class=\"state-menu-label {{icon}}\"></span>\n    <span *ngIf=\"active\" class=\"state-menu-label state-menu-label-text\">{{ text }}</span>\n</div>", styles: ["@import\"https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap\";.text{font-family:Rubik,sans-serif;font-size:16px;color:#1e2022;letter-spacing:0em;text-overflow:ellipsis}.text--headline-1{font-size:34px;font-weight:800;line-height:40px}.text--headline-2{font-size:29px;font-weight:800;line-height:34px;letter-spacing:-.01em}.text--headline-3{font-size:21px;font-weight:700;line-height:26px}.text--headline-4{font-size:17px;font-weight:700;line-height:24px}.text--headline-5{font-size:16px;font-weight:700;line-height:20px}.text--headline-6{font-size:14px;font-weight:600;line-height:20px}.text--paragraph{font-size:16px;font-weight:400;line-height:22px}.text--button{font-size:14px;font-weight:700;line-height:17px}.flex{display:flex;justify-content:center;align-items:center}.flex--between{justify-content:space-between}@font-face{font-family:icomoon;src:url(../icon/fonts/icomoon.eot?a7s3t1);src:url(../icon/fonts/icomoon.eot?a7s3t1#iefix) format(\"embedded-opentype\"),url(../icon/fonts/icomoon.ttf?a7s3t1) format(\"truetype\"),url(../icon/fonts/icomoon.woff?a7s3t1) format(\"woff\"),url(../icon/fonts/icomoon.svg?a7s3t1#icomoon) format(\"svg\");font-weight:400;font-style:normal;font-display:block}[class^=icon-],[class*=\" icon-\"]{font-size:26px;font-weight:700;font-family:icomoon!important;speak:never;font-style:normal;font-weight:400;font-feature-settings:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-location:before{content:\"\\e902\"}.icon-chat:before{content:\"\\e903\"}.icon-messenger:before{content:\"\\e904\"}.icon-home:before{content:\"\\e905\"}.icon-building:before{content:\"\\e906\"}.icon-farm:before{content:\"\\e907\"}.icon-land:before{content:\"\\e908\"}.icon-bedroom:before{content:\"\\e909\"}.icon-shower:before{content:\"\\e90a\"}.icon-garage:before{content:\"\\e90b\"}.icon-area:before{content:\"\\e90c\"}.icon-furnitured:before{content:\"\\e90d\"}.icon-grill:before{content:\"\\e90e\"}.icon-find-house:before{content:\"\\e901\"}.icon-heart:before{content:\"\\e9da\"}.icon-share:before{content:\"\\ea7d\"}.state-menu-body{flex-direction:column;border-radius:10px;width:75px;box-shadow:#63636333 0 2px 8px}.state-menu-body .state-menu-label{font-family:Rubik-Bold,Rubik;font-weight:500;font-size:36px}.state-menu-body .state-menu-label-text{font-size:16px;margin-top:10px}.notActive{height:74px;background-color:#fff;color:#d3dbe2}.active{height:110px;background-color:#ffb885;color:#fff}\n"], directives: [{ type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+StateMenuComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.5", type: StateMenuComponent, selector: "state-menu", inputs: { active: "active", icon: "icon", text: "text" }, ngImport: i0, template: "<div class=\"state-menu-body flex\" [ngClass]=\"active ? 'active' : 'notActive'\">\n    <span class=\"state-menu-label {{icon}}\"></span>\n    <span *ngIf=\"active\" class=\"state-menu-label state-menu-label-text\">{{ text }}</span>\n</div>", styles: ["@import\"https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap\";.text{font-family:Rubik,sans-serif;font-size:16px;color:#1e2022;letter-spacing:0em;text-overflow:ellipsis}.text--headline-1{font-size:34px;font-weight:800;line-height:40px}.text--headline-2{font-size:29px;font-weight:800;line-height:34px;letter-spacing:-.01em}.text--headline-3{font-size:21px;font-weight:700;line-height:26px}.text--headline-4{font-size:17px;font-weight:700;line-height:24px}.text--headline-5{font-size:16px;font-weight:700;line-height:20px}.text--headline-6{font-size:14px;font-weight:600;line-height:20px}.text--paragraph{font-size:16px;font-weight:400;line-height:22px}.text--button{font-size:14px;font-weight:700;line-height:17px}.flex{display:flex;justify-content:center;align-items:center}.flex--between{justify-content:space-between}@font-face{font-family:icomoon;src:url(../icon/fonts/icomoon.eot?a7s3t1);src:url(../icon/fonts/icomoon.eot?a7s3t1#iefix) format(\"embedded-opentype\"),url(../icon/fonts/icomoon.ttf?a7s3t1) format(\"truetype\"),url(../icon/fonts/icomoon.woff?a7s3t1) format(\"woff\"),url(../icon/fonts/icomoon.svg?a7s3t1#icomoon) format(\"svg\");font-weight:400;font-style:normal;font-display:block}[class^=icon-],[class*=\" icon-\"]{font-size:26px;font-weight:700;font-family:icomoon!important;speak:never;font-style:normal;font-weight:400;font-feature-settings:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-location:before{content:\"\\e902\"}.icon-chat:before{content:\"\\e903\"}.icon-messenger:before{content:\"\\e904\"}.icon-home:before{content:\"\\e905\"}.icon-building:before{content:\"\\e906\"}.icon-farm:before{content:\"\\e907\"}.icon-land:before{content:\"\\e908\"}.icon-bedroom:before{content:\"\\e909\"}.icon-shower:before{content:\"\\e90a\"}.icon-garage:before{content:\"\\e90b\"}.icon-area:before{content:\"\\e90c\"}.icon-furnitured:before{content:\"\\e90d\"}.icon-grill:before{content:\"\\e90e\"}.icon-find-house:before{content:\"\\e901\"}.icon-heart:before{content:\"\\e9da\"}.icon-share:before{content:\"\\ea7d\"}.state-menu-body{flex-direction:column;border-radius:10px;width:75px;box-shadow:#63636333 0 2px 8px}.state-menu-body .state-menu-label{font-family:Rubik-Bold,Rubik;font-weight:500;font-size:36px}.state-menu-body .state-menu-label-text{font-size:16px;margin-top:10px}.notActive{height:74px;background-color:#fff;color:#d3dbe2}.active{height:110px;background-color:#ff8d3a;color:#fff}\n"], directives: [{ type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.5", ngImport: i0, type: StateMenuComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'state-menu', template: "<div class=\"state-menu-body flex\" [ngClass]=\"active ? 'active' : 'notActive'\">\n    <span class=\"state-menu-label {{icon}}\"></span>\n    <span *ngIf=\"active\" class=\"state-menu-label state-menu-label-text\">{{ text }}</span>\n</div>", styles: ["@import\"https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap\";.text{font-family:Rubik,sans-serif;font-size:16px;color:#1e2022;letter-spacing:0em;text-overflow:ellipsis}.text--headline-1{font-size:34px;font-weight:800;line-height:40px}.text--headline-2{font-size:29px;font-weight:800;line-height:34px;letter-spacing:-.01em}.text--headline-3{font-size:21px;font-weight:700;line-height:26px}.text--headline-4{font-size:17px;font-weight:700;line-height:24px}.text--headline-5{font-size:16px;font-weight:700;line-height:20px}.text--headline-6{font-size:14px;font-weight:600;line-height:20px}.text--paragraph{font-size:16px;font-weight:400;line-height:22px}.text--button{font-size:14px;font-weight:700;line-height:17px}.flex{display:flex;justify-content:center;align-items:center}.flex--between{justify-content:space-between}@font-face{font-family:icomoon;src:url(../icon/fonts/icomoon.eot?a7s3t1);src:url(../icon/fonts/icomoon.eot?a7s3t1#iefix) format(\"embedded-opentype\"),url(../icon/fonts/icomoon.ttf?a7s3t1) format(\"truetype\"),url(../icon/fonts/icomoon.woff?a7s3t1) format(\"woff\"),url(../icon/fonts/icomoon.svg?a7s3t1#icomoon) format(\"svg\");font-weight:400;font-style:normal;font-display:block}[class^=icon-],[class*=\" icon-\"]{font-size:26px;font-weight:700;font-family:icomoon!important;speak:never;font-style:normal;font-weight:400;font-feature-settings:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-location:before{content:\"\\e902\"}.icon-chat:before{content:\"\\e903\"}.icon-messenger:before{content:\"\\e904\"}.icon-home:before{content:\"\\e905\"}.icon-building:before{content:\"\\e906\"}.icon-farm:before{content:\"\\e907\"}.icon-land:before{content:\"\\e908\"}.icon-bedroom:before{content:\"\\e909\"}.icon-shower:before{content:\"\\e90a\"}.icon-garage:before{content:\"\\e90b\"}.icon-area:before{content:\"\\e90c\"}.icon-furnitured:before{content:\"\\e90d\"}.icon-grill:before{content:\"\\e90e\"}.icon-find-house:before{content:\"\\e901\"}.icon-heart:before{content:\"\\e9da\"}.icon-share:before{content:\"\\ea7d\"}.state-menu-body{flex-direction:column;border-radius:10px;width:75px;box-shadow:#63636333 0 2px 8px}.state-menu-body .state-menu-label{font-family:Rubik-Bold,Rubik;font-weight:500;font-size:36px}.state-menu-body .state-menu-label-text{font-size:16px;margin-top:10px}.notActive{height:74px;background-color:#fff;color:#d3dbe2}.active{height:110px;background-color:#ffb885;color:#fff}\n"] }]
+            args: [{ selector: 'state-menu', template: "<div class=\"state-menu-body flex\" [ngClass]=\"active ? 'active' : 'notActive'\">\n    <span class=\"state-menu-label {{icon}}\"></span>\n    <span *ngIf=\"active\" class=\"state-menu-label state-menu-label-text\">{{ text }}</span>\n</div>", styles: ["@import\"https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap\";.text{font-family:Rubik,sans-serif;font-size:16px;color:#1e2022;letter-spacing:0em;text-overflow:ellipsis}.text--headline-1{font-size:34px;font-weight:800;line-height:40px}.text--headline-2{font-size:29px;font-weight:800;line-height:34px;letter-spacing:-.01em}.text--headline-3{font-size:21px;font-weight:700;line-height:26px}.text--headline-4{font-size:17px;font-weight:700;line-height:24px}.text--headline-5{font-size:16px;font-weight:700;line-height:20px}.text--headline-6{font-size:14px;font-weight:600;line-height:20px}.text--paragraph{font-size:16px;font-weight:400;line-height:22px}.text--button{font-size:14px;font-weight:700;line-height:17px}.flex{display:flex;justify-content:center;align-items:center}.flex--between{justify-content:space-between}@font-face{font-family:icomoon;src:url(../icon/fonts/icomoon.eot?a7s3t1);src:url(../icon/fonts/icomoon.eot?a7s3t1#iefix) format(\"embedded-opentype\"),url(../icon/fonts/icomoon.ttf?a7s3t1) format(\"truetype\"),url(../icon/fonts/icomoon.woff?a7s3t1) format(\"woff\"),url(../icon/fonts/icomoon.svg?a7s3t1#icomoon) format(\"svg\");font-weight:400;font-style:normal;font-display:block}[class^=icon-],[class*=\" icon-\"]{font-size:26px;font-weight:700;font-family:icomoon!important;speak:never;font-style:normal;font-weight:400;font-feature-settings:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-location:before{content:\"\\e902\"}.icon-chat:before{content:\"\\e903\"}.icon-messenger:before{content:\"\\e904\"}.icon-home:before{content:\"\\e905\"}.icon-building:before{content:\"\\e906\"}.icon-farm:before{content:\"\\e907\"}.icon-land:before{content:\"\\e908\"}.icon-bedroom:before{content:\"\\e909\"}.icon-shower:before{content:\"\\e90a\"}.icon-garage:before{content:\"\\e90b\"}.icon-area:before{content:\"\\e90c\"}.icon-furnitured:before{content:\"\\e90d\"}.icon-grill:before{content:\"\\e90e\"}.icon-find-house:before{content:\"\\e901\"}.icon-heart:before{content:\"\\e9da\"}.icon-share:before{content:\"\\ea7d\"}.state-menu-body{flex-direction:column;border-radius:10px;width:75px;box-shadow:#63636333 0 2px 8px}.state-menu-body .state-menu-label{font-family:Rubik-Bold,Rubik;font-weight:500;font-size:36px}.state-menu-body .state-menu-label-text{font-size:16px;margin-top:10px}.notActive{height:74px;background-color:#fff;color:#d3dbe2}.active{height:110px;background-color:#ff8d3a;color:#fff}\n"] }]
         }], ctorParameters: function () { return []; }, propDecorators: { active: [{
                 type: Input
             }], icon: [{

package/fesm2015/ngx-mimic.mjs

@@ -80,10 +80,10 @@ class StateMenuComponent {
     }
 }
 StateMenuComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.5", ngImport: i0, type: StateMenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-StateMenuComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.5", type: StateMenuComponent, selector: "state-menu", inputs: { active: "active", icon: "icon", text: "text" }, ngImport: i0, template: "<div class=\"state-menu-body flex\" [ngClass]=\"active ? 'active' : 'notActive'\">\n    <span class=\"state-menu-label {{icon}}\"></span>\n    <span *ngIf=\"active\" class=\"state-menu-label state-menu-label-text\">{{ text }}</span>\n</div>", styles: ["@import\"https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap\";.text{font-family:Rubik,sans-serif;font-size:16px;color:#1e2022;letter-spacing:0em;text-overflow:ellipsis}.text--headline-1{font-size:34px;font-weight:800;line-height:40px}.text--headline-2{font-size:29px;font-weight:800;line-height:34px;letter-spacing:-.01em}.text--headline-3{font-size:21px;font-weight:700;line-height:26px}.text--headline-4{font-size:17px;font-weight:700;line-height:24px}.text--headline-5{font-size:16px;font-weight:700;line-height:20px}.text--headline-6{font-size:14px;font-weight:600;line-height:20px}.text--paragraph{font-size:16px;font-weight:400;line-height:22px}.text--button{font-size:14px;font-weight:700;line-height:17px}.flex{display:flex;justify-content:center;align-items:center}.flex--between{justify-content:space-between}@font-face{font-family:icomoon;src:url(../icon/fonts/icomoon.eot?a7s3t1);src:url(../icon/fonts/icomoon.eot?a7s3t1#iefix) format(\"embedded-opentype\"),url(../icon/fonts/icomoon.ttf?a7s3t1) format(\"truetype\"),url(../icon/fonts/icomoon.woff?a7s3t1) format(\"woff\"),url(../icon/fonts/icomoon.svg?a7s3t1#icomoon) format(\"svg\");font-weight:400;font-style:normal;font-display:block}[class^=icon-],[class*=\" icon-\"]{font-size:26px;font-weight:700;font-family:icomoon!important;speak:never;font-style:normal;font-weight:400;font-feature-settings:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-location:before{content:\"\\e902\"}.icon-chat:before{content:\"\\e903\"}.icon-messenger:before{content:\"\\e904\"}.icon-home:before{content:\"\\e905\"}.icon-building:before{content:\"\\e906\"}.icon-farm:before{content:\"\\e907\"}.icon-land:before{content:\"\\e908\"}.icon-bedroom:before{content:\"\\e909\"}.icon-shower:before{content:\"\\e90a\"}.icon-garage:before{content:\"\\e90b\"}.icon-area:before{content:\"\\e90c\"}.icon-furnitured:before{content:\"\\e90d\"}.icon-grill:before{content:\"\\e90e\"}.icon-find-house:before{content:\"\\e901\"}.icon-heart:before{content:\"\\e9da\"}.icon-share:before{content:\"\\ea7d\"}.state-menu-body{flex-direction:column;border-radius:10px;width:75px;box-shadow:#63636333 0 2px 8px}.state-menu-body .state-menu-label{font-family:Rubik-Bold,Rubik;font-weight:500;font-size:36px}.state-menu-body .state-menu-label-text{font-size:16px;margin-top:10px}.notActive{height:74px;background-color:#fff;color:#d3dbe2}.active{height:110px;background-color:#ffb885;color:#fff}\n"], directives: [{ type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+StateMenuComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.5", type: StateMenuComponent, selector: "state-menu", inputs: { active: "active", icon: "icon", text: "text" }, ngImport: i0, template: "<div class=\"state-menu-body flex\" [ngClass]=\"active ? 'active' : 'notActive'\">\n    <span class=\"state-menu-label {{icon}}\"></span>\n    <span *ngIf=\"active\" class=\"state-menu-label state-menu-label-text\">{{ text }}</span>\n</div>", styles: ["@import\"https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap\";.text{font-family:Rubik,sans-serif;font-size:16px;color:#1e2022;letter-spacing:0em;text-overflow:ellipsis}.text--headline-1{font-size:34px;font-weight:800;line-height:40px}.text--headline-2{font-size:29px;font-weight:800;line-height:34px;letter-spacing:-.01em}.text--headline-3{font-size:21px;font-weight:700;line-height:26px}.text--headline-4{font-size:17px;font-weight:700;line-height:24px}.text--headline-5{font-size:16px;font-weight:700;line-height:20px}.text--headline-6{font-size:14px;font-weight:600;line-height:20px}.text--paragraph{font-size:16px;font-weight:400;line-height:22px}.text--button{font-size:14px;font-weight:700;line-height:17px}.flex{display:flex;justify-content:center;align-items:center}.flex--between{justify-content:space-between}@font-face{font-family:icomoon;src:url(../icon/fonts/icomoon.eot?a7s3t1);src:url(../icon/fonts/icomoon.eot?a7s3t1#iefix) format(\"embedded-opentype\"),url(../icon/fonts/icomoon.ttf?a7s3t1) format(\"truetype\"),url(../icon/fonts/icomoon.woff?a7s3t1) format(\"woff\"),url(../icon/fonts/icomoon.svg?a7s3t1#icomoon) format(\"svg\");font-weight:400;font-style:normal;font-display:block}[class^=icon-],[class*=\" icon-\"]{font-size:26px;font-weight:700;font-family:icomoon!important;speak:never;font-style:normal;font-weight:400;font-feature-settings:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-location:before{content:\"\\e902\"}.icon-chat:before{content:\"\\e903\"}.icon-messenger:before{content:\"\\e904\"}.icon-home:before{content:\"\\e905\"}.icon-building:before{content:\"\\e906\"}.icon-farm:before{content:\"\\e907\"}.icon-land:before{content:\"\\e908\"}.icon-bedroom:before{content:\"\\e909\"}.icon-shower:before{content:\"\\e90a\"}.icon-garage:before{content:\"\\e90b\"}.icon-area:before{content:\"\\e90c\"}.icon-furnitured:before{content:\"\\e90d\"}.icon-grill:before{content:\"\\e90e\"}.icon-find-house:before{content:\"\\e901\"}.icon-heart:before{content:\"\\e9da\"}.icon-share:before{content:\"\\ea7d\"}.state-menu-body{flex-direction:column;border-radius:10px;width:75px;box-shadow:#63636333 0 2px 8px}.state-menu-body .state-menu-label{font-family:Rubik-Bold,Rubik;font-weight:500;font-size:36px}.state-menu-body .state-menu-label-text{font-size:16px;margin-top:10px}.notActive{height:74px;background-color:#fff;color:#d3dbe2}.active{height:110px;background-color:#ff8d3a;color:#fff}\n"], directives: [{ type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.5", ngImport: i0, type: StateMenuComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'state-menu', template: "<div class=\"state-menu-body flex\" [ngClass]=\"active ? 'active' : 'notActive'\">\n    <span class=\"state-menu-label {{icon}}\"></span>\n    <span *ngIf=\"active\" class=\"state-menu-label state-menu-label-text\">{{ text }}</span>\n</div>", styles: ["@import\"https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap\";.text{font-family:Rubik,sans-serif;font-size:16px;color:#1e2022;letter-spacing:0em;text-overflow:ellipsis}.text--headline-1{font-size:34px;font-weight:800;line-height:40px}.text--headline-2{font-size:29px;font-weight:800;line-height:34px;letter-spacing:-.01em}.text--headline-3{font-size:21px;font-weight:700;line-height:26px}.text--headline-4{font-size:17px;font-weight:700;line-height:24px}.text--headline-5{font-size:16px;font-weight:700;line-height:20px}.text--headline-6{font-size:14px;font-weight:600;line-height:20px}.text--paragraph{font-size:16px;font-weight:400;line-height:22px}.text--button{font-size:14px;font-weight:700;line-height:17px}.flex{display:flex;justify-content:center;align-items:center}.flex--between{justify-content:space-between}@font-face{font-family:icomoon;src:url(../icon/fonts/icomoon.eot?a7s3t1);src:url(../icon/fonts/icomoon.eot?a7s3t1#iefix) format(\"embedded-opentype\"),url(../icon/fonts/icomoon.ttf?a7s3t1) format(\"truetype\"),url(../icon/fonts/icomoon.woff?a7s3t1) format(\"woff\"),url(../icon/fonts/icomoon.svg?a7s3t1#icomoon) format(\"svg\");font-weight:400;font-style:normal;font-display:block}[class^=icon-],[class*=\" icon-\"]{font-size:26px;font-weight:700;font-family:icomoon!important;speak:never;font-style:normal;font-weight:400;font-feature-settings:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-location:before{content:\"\\e902\"}.icon-chat:before{content:\"\\e903\"}.icon-messenger:before{content:\"\\e904\"}.icon-home:before{content:\"\\e905\"}.icon-building:before{content:\"\\e906\"}.icon-farm:before{content:\"\\e907\"}.icon-land:before{content:\"\\e908\"}.icon-bedroom:before{content:\"\\e909\"}.icon-shower:before{content:\"\\e90a\"}.icon-garage:before{content:\"\\e90b\"}.icon-area:before{content:\"\\e90c\"}.icon-furnitured:before{content:\"\\e90d\"}.icon-grill:before{content:\"\\e90e\"}.icon-find-house:before{content:\"\\e901\"}.icon-heart:before{content:\"\\e9da\"}.icon-share:before{content:\"\\ea7d\"}.state-menu-body{flex-direction:column;border-radius:10px;width:75px;box-shadow:#63636333 0 2px 8px}.state-menu-body .state-menu-label{font-family:Rubik-Bold,Rubik;font-weight:500;font-size:36px}.state-menu-body .state-menu-label-text{font-size:16px;margin-top:10px}.notActive{height:74px;background-color:#fff;color:#d3dbe2}.active{height:110px;background-color:#ffb885;color:#fff}\n"] }]
+            args: [{ selector: 'state-menu', template: "<div class=\"state-menu-body flex\" [ngClass]=\"active ? 'active' : 'notActive'\">\n    <span class=\"state-menu-label {{icon}}\"></span>\n    <span *ngIf=\"active\" class=\"state-menu-label state-menu-label-text\">{{ text }}</span>\n</div>", styles: ["@import\"https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap\";.text{font-family:Rubik,sans-serif;font-size:16px;color:#1e2022;letter-spacing:0em;text-overflow:ellipsis}.text--headline-1{font-size:34px;font-weight:800;line-height:40px}.text--headline-2{font-size:29px;font-weight:800;line-height:34px;letter-spacing:-.01em}.text--headline-3{font-size:21px;font-weight:700;line-height:26px}.text--headline-4{font-size:17px;font-weight:700;line-height:24px}.text--headline-5{font-size:16px;font-weight:700;line-height:20px}.text--headline-6{font-size:14px;font-weight:600;line-height:20px}.text--paragraph{font-size:16px;font-weight:400;line-height:22px}.text--button{font-size:14px;font-weight:700;line-height:17px}.flex{display:flex;justify-content:center;align-items:center}.flex--between{justify-content:space-between}@font-face{font-family:icomoon;src:url(../icon/fonts/icomoon.eot?a7s3t1);src:url(../icon/fonts/icomoon.eot?a7s3t1#iefix) format(\"embedded-opentype\"),url(../icon/fonts/icomoon.ttf?a7s3t1) format(\"truetype\"),url(../icon/fonts/icomoon.woff?a7s3t1) format(\"woff\"),url(../icon/fonts/icomoon.svg?a7s3t1#icomoon) format(\"svg\");font-weight:400;font-style:normal;font-display:block}[class^=icon-],[class*=\" icon-\"]{font-size:26px;font-weight:700;font-family:icomoon!important;speak:never;font-style:normal;font-weight:400;font-feature-settings:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-location:before{content:\"\\e902\"}.icon-chat:before{content:\"\\e903\"}.icon-messenger:before{content:\"\\e904\"}.icon-home:before{content:\"\\e905\"}.icon-building:before{content:\"\\e906\"}.icon-farm:before{content:\"\\e907\"}.icon-land:before{content:\"\\e908\"}.icon-bedroom:before{content:\"\\e909\"}.icon-shower:before{content:\"\\e90a\"}.icon-garage:before{content:\"\\e90b\"}.icon-area:before{content:\"\\e90c\"}.icon-furnitured:before{content:\"\\e90d\"}.icon-grill:before{content:\"\\e90e\"}.icon-find-house:before{content:\"\\e901\"}.icon-heart:before{content:\"\\e9da\"}.icon-share:before{content:\"\\ea7d\"}.state-menu-body{flex-direction:column;border-radius:10px;width:75px;box-shadow:#63636333 0 2px 8px}.state-menu-body .state-menu-label{font-family:Rubik-Bold,Rubik;font-weight:500;font-size:36px}.state-menu-body .state-menu-label-text{font-size:16px;margin-top:10px}.notActive{height:74px;background-color:#fff;color:#d3dbe2}.active{height:110px;background-color:#ff8d3a;color:#fff}\n"] }]
         }], ctorParameters: function () { return []; }, propDecorators: { active: [{
                 type: Input
             }], icon: [{

package/fesm2020/ngx-mimic.mjs

@@ -80,10 +80,10 @@ class StateMenuComponent {
     }
 }
 StateMenuComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.5", ngImport: i0, type: StateMenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-StateMenuComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.5", type: StateMenuComponent, selector: "state-menu", inputs: { active: "active", icon: "icon", text: "text" }, ngImport: i0, template: "<div class=\"state-menu-body flex\" [ngClass]=\"active ? 'active' : 'notActive'\">\n    <span class=\"state-menu-label {{icon}}\"></span>\n    <span *ngIf=\"active\" class=\"state-menu-label state-menu-label-text\">{{ text }}</span>\n</div>", styles: ["@import\"https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap\";.text{font-family:Rubik,sans-serif;font-size:16px;color:#1e2022;letter-spacing:0em;text-overflow:ellipsis}.text--headline-1{font-size:34px;font-weight:800;line-height:40px}.text--headline-2{font-size:29px;font-weight:800;line-height:34px;letter-spacing:-.01em}.text--headline-3{font-size:21px;font-weight:700;line-height:26px}.text--headline-4{font-size:17px;font-weight:700;line-height:24px}.text--headline-5{font-size:16px;font-weight:700;line-height:20px}.text--headline-6{font-size:14px;font-weight:600;line-height:20px}.text--paragraph{font-size:16px;font-weight:400;line-height:22px}.text--button{font-size:14px;font-weight:700;line-height:17px}.flex{display:flex;justify-content:center;align-items:center}.flex--between{justify-content:space-between}@font-face{font-family:icomoon;src:url(../icon/fonts/icomoon.eot?a7s3t1);src:url(../icon/fonts/icomoon.eot?a7s3t1#iefix) format(\"embedded-opentype\"),url(../icon/fonts/icomoon.ttf?a7s3t1) format(\"truetype\"),url(../icon/fonts/icomoon.woff?a7s3t1) format(\"woff\"),url(../icon/fonts/icomoon.svg?a7s3t1#icomoon) format(\"svg\");font-weight:400;font-style:normal;font-display:block}[class^=icon-],[class*=\" icon-\"]{font-size:26px;font-weight:700;font-family:icomoon!important;speak:never;font-style:normal;font-weight:400;font-feature-settings:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-location:before{content:\"\\e902\"}.icon-chat:before{content:\"\\e903\"}.icon-messenger:before{content:\"\\e904\"}.icon-home:before{content:\"\\e905\"}.icon-building:before{content:\"\\e906\"}.icon-farm:before{content:\"\\e907\"}.icon-land:before{content:\"\\e908\"}.icon-bedroom:before{content:\"\\e909\"}.icon-shower:before{content:\"\\e90a\"}.icon-garage:before{content:\"\\e90b\"}.icon-area:before{content:\"\\e90c\"}.icon-furnitured:before{content:\"\\e90d\"}.icon-grill:before{content:\"\\e90e\"}.icon-find-house:before{content:\"\\e901\"}.icon-heart:before{content:\"\\e9da\"}.icon-share:before{content:\"\\ea7d\"}.state-menu-body{flex-direction:column;border-radius:10px;width:75px;box-shadow:#63636333 0 2px 8px}.state-menu-body .state-menu-label{font-family:Rubik-Bold,Rubik;font-weight:500;font-size:36px}.state-menu-body .state-menu-label-text{font-size:16px;margin-top:10px}.notActive{height:74px;background-color:#fff;color:#d3dbe2}.active{height:110px;background-color:#ffb885;color:#fff}\n"], directives: [{ type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+StateMenuComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.5", type: StateMenuComponent, selector: "state-menu", inputs: { active: "active", icon: "icon", text: "text" }, ngImport: i0, template: "<div class=\"state-menu-body flex\" [ngClass]=\"active ? 'active' : 'notActive'\">\n    <span class=\"state-menu-label {{icon}}\"></span>\n    <span *ngIf=\"active\" class=\"state-menu-label state-menu-label-text\">{{ text }}</span>\n</div>", styles: ["@import\"https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap\";.text{font-family:Rubik,sans-serif;font-size:16px;color:#1e2022;letter-spacing:0em;text-overflow:ellipsis}.text--headline-1{font-size:34px;font-weight:800;line-height:40px}.text--headline-2{font-size:29px;font-weight:800;line-height:34px;letter-spacing:-.01em}.text--headline-3{font-size:21px;font-weight:700;line-height:26px}.text--headline-4{font-size:17px;font-weight:700;line-height:24px}.text--headline-5{font-size:16px;font-weight:700;line-height:20px}.text--headline-6{font-size:14px;font-weight:600;line-height:20px}.text--paragraph{font-size:16px;font-weight:400;line-height:22px}.text--button{font-size:14px;font-weight:700;line-height:17px}.flex{display:flex;justify-content:center;align-items:center}.flex--between{justify-content:space-between}@font-face{font-family:icomoon;src:url(../icon/fonts/icomoon.eot?a7s3t1);src:url(../icon/fonts/icomoon.eot?a7s3t1#iefix) format(\"embedded-opentype\"),url(../icon/fonts/icomoon.ttf?a7s3t1) format(\"truetype\"),url(../icon/fonts/icomoon.woff?a7s3t1) format(\"woff\"),url(../icon/fonts/icomoon.svg?a7s3t1#icomoon) format(\"svg\");font-weight:400;font-style:normal;font-display:block}[class^=icon-],[class*=\" icon-\"]{font-size:26px;font-weight:700;font-family:icomoon!important;speak:never;font-style:normal;font-weight:400;font-feature-settings:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-location:before{content:\"\\e902\"}.icon-chat:before{content:\"\\e903\"}.icon-messenger:before{content:\"\\e904\"}.icon-home:before{content:\"\\e905\"}.icon-building:before{content:\"\\e906\"}.icon-farm:before{content:\"\\e907\"}.icon-land:before{content:\"\\e908\"}.icon-bedroom:before{content:\"\\e909\"}.icon-shower:before{content:\"\\e90a\"}.icon-garage:before{content:\"\\e90b\"}.icon-area:before{content:\"\\e90c\"}.icon-furnitured:before{content:\"\\e90d\"}.icon-grill:before{content:\"\\e90e\"}.icon-find-house:before{content:\"\\e901\"}.icon-heart:before{content:\"\\e9da\"}.icon-share:before{content:\"\\ea7d\"}.state-menu-body{flex-direction:column;border-radius:10px;width:75px;box-shadow:#63636333 0 2px 8px}.state-menu-body .state-menu-label{font-family:Rubik-Bold,Rubik;font-weight:500;font-size:36px}.state-menu-body .state-menu-label-text{font-size:16px;margin-top:10px}.notActive{height:74px;background-color:#fff;color:#d3dbe2}.active{height:110px;background-color:#ff8d3a;color:#fff}\n"], directives: [{ type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.5", ngImport: i0, type: StateMenuComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'state-menu', template: "<div class=\"state-menu-body flex\" [ngClass]=\"active ? 'active' : 'notActive'\">\n    <span class=\"state-menu-label {{icon}}\"></span>\n    <span *ngIf=\"active\" class=\"state-menu-label state-menu-label-text\">{{ text }}</span>\n</div>", styles: ["@import\"https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap\";.text{font-family:Rubik,sans-serif;font-size:16px;color:#1e2022;letter-spacing:0em;text-overflow:ellipsis}.text--headline-1{font-size:34px;font-weight:800;line-height:40px}.text--headline-2{font-size:29px;font-weight:800;line-height:34px;letter-spacing:-.01em}.text--headline-3{font-size:21px;font-weight:700;line-height:26px}.text--headline-4{font-size:17px;font-weight:700;line-height:24px}.text--headline-5{font-size:16px;font-weight:700;line-height:20px}.text--headline-6{font-size:14px;font-weight:600;line-height:20px}.text--paragraph{font-size:16px;font-weight:400;line-height:22px}.text--button{font-size:14px;font-weight:700;line-height:17px}.flex{display:flex;justify-content:center;align-items:center}.flex--between{justify-content:space-between}@font-face{font-family:icomoon;src:url(../icon/fonts/icomoon.eot?a7s3t1);src:url(../icon/fonts/icomoon.eot?a7s3t1#iefix) format(\"embedded-opentype\"),url(../icon/fonts/icomoon.ttf?a7s3t1) format(\"truetype\"),url(../icon/fonts/icomoon.woff?a7s3t1) format(\"woff\"),url(../icon/fonts/icomoon.svg?a7s3t1#icomoon) format(\"svg\");font-weight:400;font-style:normal;font-display:block}[class^=icon-],[class*=\" icon-\"]{font-size:26px;font-weight:700;font-family:icomoon!important;speak:never;font-style:normal;font-weight:400;font-feature-settings:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-location:before{content:\"\\e902\"}.icon-chat:before{content:\"\\e903\"}.icon-messenger:before{content:\"\\e904\"}.icon-home:before{content:\"\\e905\"}.icon-building:before{content:\"\\e906\"}.icon-farm:before{content:\"\\e907\"}.icon-land:before{content:\"\\e908\"}.icon-bedroom:before{content:\"\\e909\"}.icon-shower:before{content:\"\\e90a\"}.icon-garage:before{content:\"\\e90b\"}.icon-area:before{content:\"\\e90c\"}.icon-furnitured:before{content:\"\\e90d\"}.icon-grill:before{content:\"\\e90e\"}.icon-find-house:before{content:\"\\e901\"}.icon-heart:before{content:\"\\e9da\"}.icon-share:before{content:\"\\ea7d\"}.state-menu-body{flex-direction:column;border-radius:10px;width:75px;box-shadow:#63636333 0 2px 8px}.state-menu-body .state-menu-label{font-family:Rubik-Bold,Rubik;font-weight:500;font-size:36px}.state-menu-body .state-menu-label-text{font-size:16px;margin-top:10px}.notActive{height:74px;background-color:#fff;color:#d3dbe2}.active{height:110px;background-color:#ffb885;color:#fff}\n"] }]
+            args: [{ selector: 'state-menu', template: "<div class=\"state-menu-body flex\" [ngClass]=\"active ? 'active' : 'notActive'\">\n    <span class=\"state-menu-label {{icon}}\"></span>\n    <span *ngIf=\"active\" class=\"state-menu-label state-menu-label-text\">{{ text }}</span>\n</div>", styles: ["@import\"https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap\";.text{font-family:Rubik,sans-serif;font-size:16px;color:#1e2022;letter-spacing:0em;text-overflow:ellipsis}.text--headline-1{font-size:34px;font-weight:800;line-height:40px}.text--headline-2{font-size:29px;font-weight:800;line-height:34px;letter-spacing:-.01em}.text--headline-3{font-size:21px;font-weight:700;line-height:26px}.text--headline-4{font-size:17px;font-weight:700;line-height:24px}.text--headline-5{font-size:16px;font-weight:700;line-height:20px}.text--headline-6{font-size:14px;font-weight:600;line-height:20px}.text--paragraph{font-size:16px;font-weight:400;line-height:22px}.text--button{font-size:14px;font-weight:700;line-height:17px}.flex{display:flex;justify-content:center;align-items:center}.flex--between{justify-content:space-between}@font-face{font-family:icomoon;src:url(../icon/fonts/icomoon.eot?a7s3t1);src:url(../icon/fonts/icomoon.eot?a7s3t1#iefix) format(\"embedded-opentype\"),url(../icon/fonts/icomoon.ttf?a7s3t1) format(\"truetype\"),url(../icon/fonts/icomoon.woff?a7s3t1) format(\"woff\"),url(../icon/fonts/icomoon.svg?a7s3t1#icomoon) format(\"svg\");font-weight:400;font-style:normal;font-display:block}[class^=icon-],[class*=\" icon-\"]{font-size:26px;font-weight:700;font-family:icomoon!important;speak:never;font-style:normal;font-weight:400;font-feature-settings:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-location:before{content:\"\\e902\"}.icon-chat:before{content:\"\\e903\"}.icon-messenger:before{content:\"\\e904\"}.icon-home:before{content:\"\\e905\"}.icon-building:before{content:\"\\e906\"}.icon-farm:before{content:\"\\e907\"}.icon-land:before{content:\"\\e908\"}.icon-bedroom:before{content:\"\\e909\"}.icon-shower:before{content:\"\\e90a\"}.icon-garage:before{content:\"\\e90b\"}.icon-area:before{content:\"\\e90c\"}.icon-furnitured:before{content:\"\\e90d\"}.icon-grill:before{content:\"\\e90e\"}.icon-find-house:before{content:\"\\e901\"}.icon-heart:before{content:\"\\e9da\"}.icon-share:before{content:\"\\ea7d\"}.state-menu-body{flex-direction:column;border-radius:10px;width:75px;box-shadow:#63636333 0 2px 8px}.state-menu-body .state-menu-label{font-family:Rubik-Bold,Rubik;font-weight:500;font-size:36px}.state-menu-body .state-menu-label-text{font-size:16px;margin-top:10px}.notActive{height:74px;background-color:#fff;color:#d3dbe2}.active{height:110px;background-color:#ff8d3a;color:#fff}\n"] }]
         }], ctorParameters: function () { return []; }, propDecorators: { active: [{
                 type: Input
             }], icon: [{

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ngx-mimic",
-  "version": "0.0.19",
+  "version": "0.0.20",
   "peerDependencies": {
     "@angular/common": "^13.2.0",
     "@angular/core": "^13.2.0"

package/src/assets/styles/_tokens.scss

@@ -2,7 +2,7 @@
 $color-white: #ffffff;
 $color-white-neutral: #f8f8f8;
 $color-primary-default: #FF984D;
-$color-primary-cta: #FFB885;
+$color-primary-cta: #FF8D3A;
 $color-primary-dark: #FF8D3A;
 $icon-default: #D3DBE2;
 $background-default: #F8FBFF;