ngx-mimic 0.0.6 → 0.0.9

package/src/assets/styles/_icon.scss

@@ -0,0 +1,78 @@
+@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: normal;
+    font-style: normal;
+    font-display: block;
+  }
+  
+  [class^="icon-"], [class*=" icon-"] {
+    /* use !important to prevent issues with browser extensions that change fonts */
+    font-size: 26px;
+    font-weight: bold;
+    font-family: 'icomoon' !important;
+    speak: never;
+    font-style: normal;
+    font-weight: normal;
+    font-variant: normal;
+    text-transform: none;
+    line-height: 1;
+  
+    /* Better Font Rendering =========== */
+    -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";
+  }
+  

package/src/assets/styles/_tokens.scss

@@ -0,0 +1,18 @@
+//Colors
+$color-white: #ffffff;
+$color-white-neutral: #f8f8f8;
+$color-primary-default: #FF984D;
+$color-primary-cta: #FFB885;
+$color-primary-dark: #FF8D3A;
+$icon-default: #D3DBE2;
+$background-default: #F8FBFF;
+
+//Borders
+$border-radius-default: 4px;
+$border-radius-large: 10px;
+
+//paddings
+$padding-default: .5rem 1rem;
+
+//Box shadow
+$box-shadow-default: .1rem .3rem .5rem .1rem rgba(128, 128, 128, 0.2);

package/src/assets/styles/_typography.scss

@@ -0,0 +1,64 @@
+@import url('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');
+
+$font-family: "Rubik";
+$font-family-bold: "Rubik-Bold", "Rubik";
+$font-family-medium: "Rubik-Medium", "Rubik";
+$font-family-regular: "Rubik-Regular", "Rubik";
+
+.text {
+    font-family: $font-family, sans-serif;
+    font-size: 16px;
+    color: rgba(30, 32, 34, 1);
+    letter-spacing: 0em;
+    text-overflow: ellipsis;
+
+    &--headline-1 {
+        font-size: 34px;
+        font-weight: 800;
+        line-height: 40px;
+    }
+
+    &--headline-2 {
+        font-size: 29px;
+        font-weight: 800;
+        line-height: 34px;
+        letter-spacing: -0.01em;
+    }
+
+    &--headline-3 {
+        font-size: 21px;
+        font-weight: 700;
+        line-height: 26px;
+    }
+
+    &--headline-4 {
+        font-size: 17px;
+        font-weight: 700;
+        line-height: 24px;
+    }
+
+    &--headline-5 {
+        font-size: 16px;
+        font-weight: 700;
+        line-height: 20px;
+    }
+
+    &--headline-6 {
+        font-size: 14px;
+        font-weight: 600;
+        line-height: 20px;
+    }
+
+    &--paragraph {
+        font-size: 16px;
+        font-weight: 400;
+        line-height: 22px;
+        background: rgba(0, 0, 0, 1);
+    }
+
+    &--button {
+        font-size: 14px;
+        font-weight: 700;
+        line-height: 17px;
+    }
+}

package/src/assets/styles/_utilities.scss

@@ -0,0 +1,9 @@
+.flex {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+
+    &--between {
+        justify-content: space-between;
+    }
+}

package/src/assets/styles.scss

@@ -0,0 +1,4 @@
+@import "styles/typography";
+@import "styles/tokens";
+@import "styles/utilities";
+@import "styles/icon";

package/esm2020/lib/button/button.component.mjs

@@ -1,14 +0,0 @@
-import { Component } from '@angular/core';
-import * as i0 from "@angular/core";
-export class ButtonComponent {
-    constructor() { }
-    ngOnInit() {
-    }
-}
-ButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.5", ngImport: i0, type: ButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-ButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.5", type: ButtonComponent, selector: "lib-button", ngImport: i0, template: "<button type=\"button\">CLICK</button>\n", styles: [""] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.5", ngImport: i0, type: ButtonComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'lib-button', template: "<button type=\"button\">CLICK</button>\n", styles: [""] }]
-        }], ctorParameters: function () { return []; } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25neC1taW1pYy9zcmMvbGliL2J1dHRvbi9idXR0b24uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LW1pbWljL3NyYy9saWIvYnV0dG9uL2J1dHRvbi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFVLE1BQU0sZUFBZSxDQUFDOztBQU9sRCxNQUFNLE9BQU8sZUFBZTtJQUUxQixnQkFBZ0IsQ0FBQztJQUVqQixRQUFRO0lBQ1IsQ0FBQzs7NEdBTFUsZUFBZTtnR0FBZixlQUFlLGtEQ1A1QiwwQ0FDQTsyRkRNYSxlQUFlO2tCQUwzQixTQUFTOytCQUNFLFlBQVkiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIE9uSW5pdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdsaWItYnV0dG9uJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2J1dHRvbi5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2J1dHRvbi5jb21wb25lbnQuY3NzJ11cbn0pXG5leHBvcnQgY2xhc3MgQnV0dG9uQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcblxuICBjb25zdHJ1Y3RvcigpIHsgfVxuXG4gIG5nT25Jbml0KCk6IHZvaWQge1xuICB9XG5cbn1cbiIsIjxidXR0b24gdHlwZT1cImJ1dHRvblwiPkNMSUNLPC9idXR0b24+XG4iXX0=

package/lib/button/button.component.d.ts

@@ -1,8 +0,0 @@
-import { OnInit } from '@angular/core';
-import * as i0 from "@angular/core";
-export declare class ButtonComponent implements OnInit {
-    constructor();
-    ngOnInit(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<ButtonComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ButtonComponent, "lib-button", never, {}, {}, never, never>;
-}