@evotor-dev/ui-kit 7.0.2 → 7.1.0

package/styles/partials/_typography.scss

@@ -0,0 +1,135 @@
+@import '../mixins';
+
+.evo-text-field {
+    &_label {
+        @include evo-text-field(label);
+    }
+
+    &_placeholder {
+        @include evo-text-field(placeholder);
+    }
+
+    &_placeholder-bold {
+        @include evo-text-field(placeholder-bold);
+    }
+
+    &_hint {
+        @include evo-text-field(hint);
+    }
+
+    &_error {
+        @include evo-text-field(error);
+    }
+}
+
+.evo-text-paragraph {
+    &_p1 {
+        @include evo-text-paragraph(p1);
+    }
+
+    &_p2 {
+        @include evo-text-paragraph(p2);
+    }
+
+    &_p3 {
+        @include evo-text-paragraph(p3);
+    }
+
+    &_p4 {
+        @include evo-text-paragraph(p4);
+    }
+
+    &_p5 {
+        @include evo-text-paragraph(p5);
+    }
+
+    &_tips {
+        @include evo-text-paragraph(tips);
+    }
+}
+
+.evo-text-caption {
+    &_c1 {
+        @include evo-text-caption(c1);
+    }
+
+    &_c2 {
+        @include evo-text-caption(c2);
+    }
+
+    &_c3 {
+        @include evo-text-caption(c3);
+    }
+}
+
+.evo-text-subtitle {
+    &_s1 {
+        @include evo-text-subtitle(s1);
+    }
+
+    &_s2 {
+        @include evo-text-subtitle(s2);
+    }
+}
+
+.evo-text-header {
+    &_h1 {
+        @include evo-text-header(h1);
+    }
+
+    &_h2 {
+        @include evo-text-header(h2);
+    }
+
+    &_h3 {
+        @include evo-text-header(h3);
+    }
+
+    &_h4 {
+        @include evo-text-header(h4);
+    }
+
+    &_h5 {
+        @include evo-text-header(h5);
+    }
+}
+
+.evo-text-mobile-header {
+    &_h1 {
+        @include evo-text-mobile-header(h1);
+    }
+
+    &_h2 {
+        @include evo-text-mobile-header(h2);
+    }
+
+    &_h3 {
+        @include evo-text-mobile-header(h3);
+    }
+
+    &_h4 {
+        @include evo-text-mobile-header(h4);
+    }
+
+    &_h5 {
+        @include evo-text-mobile-header(h5);
+    }
+}
+
+.evo-text-tips {
+    @include evo-text-tips;
+}
+
+.evo-text-button {
+    &_b1 {
+        @include evo-text-button(b1);
+    }
+
+    &_b2 {
+        @include evo-text-button(b2);
+    }
+
+    &_b3 {
+        @include evo-text-button(b3);
+    }
+}

package/styles/variables.scss

@@ -1,137 +1,140 @@
-/* colors*/
-$color-primary: #F05023; /* Primary color*/
-$color-secondary: #231F20; /* Secondary color*/
-$color-success: #21C68B; /* Accent color*/
-$color-secondary-light: #403C3D; /* Secondary color light*/
-$color-secondary-lighter: #74706F;
-$color-bonus: #C72AAE; /* Bonus color*/
-$color-background-grey: #F4F6F8; /* Background color*/
-$color-background-50: #F9FAFB;
-$color-highlight: #FFF8E6; /* Highlight color*/
-$color-rating: #F2C94C; /* Rating color*/
-$color-primary-light: #FF6433; /* Primary color light*/
-$color-icon-light: #BEDCE3; /* Icon color light*/
-$color-icon-dark: #91B1B8; /* Icon color dark*/
-$color-disabled: #D6D6D6; /* Disabled color*/
-$color-text: #212121; /* Text color*/
-$color-text-grey: #727272; /* Secondary text color*/
-$color-caption-text: #9B9B9B; /* Caption text color*/
-$color-link: #2099F1; /* Links color*/
-$color-error: #FF1817; /* Error color*/
-$color-danger: #FF6F6F; /* Notification color*/
-$color-white: #FFFFFF; /* White color*/
-$color-white-hover: #FDFDFE;
-$color-grey: #F4F6F8;
-$color-dark-grey: #494D59;
-$color-black: #000000; /**/
-$color-info: #E6F9FF; /* Note blue*/
-$color-note-success: #E4F8F1; /* Note green*/
-$color-note-error: #FFE8E8; /* Note error*/
-
-$color-primary-hover: #f3734f;
-$color-primary-active: #d8481f;
-
-$color-success-hover: #4dd1a2;
-$color-success-active: #1eb27d;
-
-$color-bonus-hover: #d255bd;
-$color-bonus-active: #b3269d;
-
-$color-link-hover: #4DADF4;
-$color-link-active: #1D8AD9;
-
-$color-error-hover: #ff4645;
-$color-error-active: #E51715;
-
-$color-grey-hover: #F6F8F9;
-$color-grey-active: #DCDDDF;
-
-$color-icon-dark-hover: #a7c1c6;
-$color-icon-dark-active: #829fa6;
-
-$color-graph-1: #EB5365;
-$color-graph-2: #9474C9;
-$color-graph-3: #41B2E5;
-$color-graph-4: #3CCFCF;
-$color-graph-5: #B7CE2C;
-$color-graph-6: #F4D221;
-$color-graph-7: #F0A042;
-$color-graph-8: #F87550;
-$color-graph-9: #847474;
-$color-graph-10: #7A96A5;
-
-/* deprecated*/
-$color-dark: $color-text;
-$color-background-dark: $color-secondary;
-$color-background-dark: $color-secondary;
-$color-secondary-2: $color-icon-dark;
-$color-text-subscription: $color-caption-text;
-
-/* shadows*/
-/* ------------------------------------------------------------*/
-$shadow-1dp: 0px 1px 3px rgba(0, 0, 0, 0.2), 0px 2px 2px rgba(0, 0, 0, 0.12), 0px 0px 2px rgba(0, 0, 0, 0.14);
-$shadow-2dp: 0px 1px 5px rgba(0, 0, 0, 0.2), 0px 3px 4px rgba(0, 0, 0, 0.12), 0px 2px 4px rgba(0, 0, 0, 0.14);
-$shadow-4dp: 0px 1px 10px rgba(0, 0, 0, 0.2), 0px 4px 5px rgba(0, 0, 0, 0.12), 0px 2px 4px rgba(0, 0, 0, 0.14);
-$shadow-8dp: 0px 8px 10px rgba(0, 0, 0, 0.14), 0px 3px 14px rgba(0, 0, 0, 0.12);
-$shadow-16dp: 0px 8px 10px rgba(0, 0, 0, 0.2), 0px 6px 30px rgba(0, 0, 0, 0.12), 0px 16px 24px rgba(0, 0, 0, 0.14);
-$shadow-soft: 0px 16px 48px rgba(0, 0, 0, 0.02), 0px 12px 32px rgba(0, 0, 0, 0.04), 0px 8px 24px rgba(0, 0, 0, 0.08);
-$shadow-soft-small: 0px 16px 24px rgba(0, 0, 0, 0.02), 0px 6px 16px rgba(0, 0, 0, 0.04), 0px 4px 12px rgba(0, 0, 0, 0.08);
-
-/* fonts*/
-/* ------------------------------------------------------------*/
-$font-fallback: "Helvetica Neue", Arial, sans-serif;
-$font: "Noto Sans", "Open Sans", $font-fallback;
-$font-secondary: "Ubuntu", $font-fallback;
-
-$font-size: 14px;
-$line-height: 22px;
-
-/* media variables*/
-/* ------------------------------------------------------------*/
-$media-mobile: 500px;
-$media-tablet: 768px;
-$media-desktop-s: 992px;
-$media-desktop-m: 1200px;
-$media-desktop-l: 1680px;
-$media-desktop-xl: 2500px;
-
-/* layout sizes*/
-/* ------------------------------------------------------------*/
-$header-height: 80px;
-$smartappbanner-height: 80px;
-
-/* offsets*/
-/* ------------------------------------------------------------*/
-$distance-large: 40px;
-$distance-medium: 30px;
-$distance-small: 20px;
-$distance-micro: 10px;
-
-/* grid settings*/
-/* ------------------------------------------------------------*/
-$grid-container-max-width-mobile: 100%;
-$grid-container-max-width-tablet: 750px;
-$grid-container-max-width-desktop-s: 970px;
-$grid-container-max-width-desktop-m: 1170px;
-$grid-container-max-width-desktop-l: 1220px;
-$grid-container-max-width-desktop-xl: 1600px;
-
-$grid-container-hor-gap-mobile: 15px;
-$grid-container-hor-gap-tablet: 15px;
-$grid-container-hor-gap-desktop-s: 15px;
-$grid-container-hor-gap-desktop-m: 15px;
-$grid-container-hor-gap-desktop-l: 40px;
-$grid-container-hor-gap-desktop-xl: 40px;
-
-/* applications*/
-/* ------------------------------------------------------------*/
-$app-card-width: 190px;
-$app-card-height: 358px;
-$app-card-hor-gap: 30px;
-$app-card-ver-gap: 20px;
-$app-card-border-radius: 6px;
-
-$app-card-bundle-width: 300px;
-
-$app-card-portrait-width: 290px;
-$app-card-portrait-height: 140px;
+/* colors*/
+$color-primary: #F05023; /* Primary color*/
+$color-secondary: #231F20; /* Secondary color*/
+$color-success: #21C68B; /* Accent color*/
+$color-secondary-light: #403C3D; /* Secondary color light*/
+$color-secondary-lighter: #74706F; /* Secondary Lighter color*/
+$color-bonus: #C72AAE; /* Bonus color*/
+$color-background-grey: #F4F6F8; /* Background Regular color*/
+$color-background-grey-light: #F9FAFB; /* Background Light color*/
+$color-background-grey-dark: #E1ECEF; /* Background Dark color*/
+$color-highlight: #FFF8E6; /* Highlight color*/
+$color-rating: #F2C94C; /* Rating color*/
+$color-primary-light: #FF6433; /* Primary color light*/
+$color-icon-light: #BEDCE3; /* Icon color light*/
+$color-icon-dark: #91B1B8; /* Icon color dark*/
+$color-disabled: #C6C6C6; /* Disabled color*/
+$color-disabled-text: #B0B0B0; /* Disabled Text*/
+$color-disabled-light: #E3E3E3; /* Disabled Light*/
+$color-text: #212121; /* Text color*/
+$color-text-grey: #727272; /* Secondary text color*/
+$color-caption-text: #9B9B9B; /* Caption text color*/
+$color-link: #0986E2; /* Links color*/
+$color-error: #FF1817; /* Error color*/
+$color-danger: #FF6F6F; /* Notification color*/
+$color-white: #FFFFFF; /* White color*/
+$color-white-hover: #FDFDFE;
+$color-dark-grey: #494D59;
+$color-black: #000000; /**/
+$color-info: #E6F9FF; /* Note blue*/
+$color-note-success: #E4F8F1; /* Note green*/
+$color-note-error: #FFE8E8; /* Note error*/
+
+$color-primary-hover: #f3734f;
+$color-primary-active: #d8481f;
+
+$color-success-hover: #4dd1a2;
+$color-success-active: #1eb27d;
+
+$color-bonus-hover: #d255bd;
+$color-bonus-active: #b3269d;
+
+$color-link-hover: #3A9EE8;
+$color-link-active: #0879CB;
+
+$color-error-hover: #ff4645;
+$color-error-active: #E51715;
+
+$color-grey-hover: #F6F8F9;
+$color-grey-active: #DCDDDF;
+
+$color-icon-dark-hover: #a7c1c6;
+$color-icon-dark-active: #829fa6;
+
+$color-graph-1: #EB5365;
+$color-graph-2: #9474C9;
+$color-graph-3: #41B2E5;
+$color-graph-4: #3CCFCF;
+$color-graph-5: #B7CE2C;
+$color-graph-6: #F4D221;
+$color-graph-7: #F0A042;
+$color-graph-8: #F87550;
+$color-graph-9: #847474;
+$color-graph-10: #7A96A5;
+
+/* deprecated*/
+$color-dark: $color-text; /* deprecated, use $color-text */
+$color-background-dark: $color-secondary; /* deprecated, use $color-secondary */
+$color-secondary-2: $color-icon-dark; /* deprecated, use $color-icon-dark */
+$color-text-subscription: $color-caption-text; /* deprecated, use $color-caption-text */
+$color-background-50: $color-background-grey-light; /* deprecated, use $color-background-grey-light */
+$color-grey: $color-background-grey; /* deprecated, use $color-background-grey */
+
+/* shadows*/
+/* ------------------------------------------------------------*/
+$shadow-1dp: 0px 1px 3px rgba(0, 0, 0, 0.2), 0px 2px 2px rgba(0, 0, 0, 0.12), 0px 0px 2px rgba(0, 0, 0, 0.14);
+$shadow-2dp: 0px 1px 5px rgba(0, 0, 0, 0.2), 0px 3px 4px rgba(0, 0, 0, 0.12), 0px 2px 4px rgba(0, 0, 0, 0.14);
+$shadow-4dp: 0px 1px 10px rgba(0, 0, 0, 0.2), 0px 4px 5px rgba(0, 0, 0, 0.12), 0px 2px 4px rgba(0, 0, 0, 0.14);
+$shadow-8dp: 0px 8px 10px rgba(0, 0, 0, 0.14), 0px 3px 14px rgba(0, 0, 0, 0.12);
+$shadow-16dp: 0px 8px 10px rgba(0, 0, 0, 0.2), 0px 6px 30px rgba(0, 0, 0, 0.12), 0px 16px 24px rgba(0, 0, 0, 0.14);
+$shadow-soft: 0px 16px 48px rgba(0, 0, 0, 0.02), 0px 12px 32px rgba(0, 0, 0, 0.04), 0px 8px 24px rgba(0, 0, 0, 0.08);
+$shadow-soft-small: 0px 16px 24px rgba(0, 0, 0, 0.02), 0px 6px 16px rgba(0, 0, 0, 0.04), 0px 4px 12px rgba(0, 0, 0, 0.08);
+
+/* fonts*/
+/* ------------------------------------------------------------*/
+$font-fallback: "Helvetica Neue", Arial, sans-serif;
+$font: "Noto Sans", "Open Sans", $font-fallback;
+$font-secondary: "Ubuntu", $font-fallback;
+
+$font-size: 14px;
+$line-height: 22px;
+
+/* media variables*/
+/* ------------------------------------------------------------*/
+$media-mobile: 500px;
+$media-tablet: 768px;
+$media-desktop-s: 992px;
+$media-desktop-m: 1200px;
+$media-desktop-l: 1680px;
+$media-desktop-xl: 2500px;
+
+/* layout sizes*/
+/* ------------------------------------------------------------*/
+$header-height: 80px;
+$smartappbanner-height: 80px;
+
+/* offsets*/
+/* ------------------------------------------------------------*/
+$distance-large: 40px;
+$distance-medium: 30px;
+$distance-small: 20px;
+$distance-micro: 10px;
+
+/* grid settings*/
+/* ------------------------------------------------------------*/
+$grid-container-max-width-mobile: 100%;
+$grid-container-max-width-tablet: 750px;
+$grid-container-max-width-desktop-s: 970px;
+$grid-container-max-width-desktop-m: 1170px;
+$grid-container-max-width-desktop-l: 1220px;
+$grid-container-max-width-desktop-xl: 1600px;
+
+$grid-container-hor-gap-mobile: 15px;
+$grid-container-hor-gap-tablet: 15px;
+$grid-container-hor-gap-desktop-s: 15px;
+$grid-container-hor-gap-desktop-m: 15px;
+$grid-container-hor-gap-desktop-l: 40px;
+$grid-container-hor-gap-desktop-xl: 40px;
+
+/* applications*/
+/* ------------------------------------------------------------*/
+$app-card-width: 190px;
+$app-card-height: 358px;
+$app-card-hor-gap: 30px;
+$app-card-ver-gap: 20px;
+$app-card-border-radius: 6px;
+
+$app-card-bundle-width: 300px;
+
+$app-card-portrait-width: 290px;
+$app-card-portrait-height: 140px;

package/esm2020/lib/components/evo-button/evo-button.component.mjs

@@ -1,82 +0,0 @@
-import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
-import * as i0 from "@angular/core";
-import * as i1 from "../../directives/evo-ui-class.directive";
-import * as i2 from "@angular/common";
-export var EvoButtonSizes;
-(function (EvoButtonSizes) {
-    EvoButtonSizes["small"] = "small";
-    EvoButtonSizes["large"] = "large";
-})(EvoButtonSizes || (EvoButtonSizes = {}));
-export var EvoButtonStyles;
-(function (EvoButtonStyles) {
-    EvoButtonStyles["lined"] = "lined";
-    EvoButtonStyles["darkblue"] = "darkblue";
-    EvoButtonStyles["darkblueLined"] = "darkblue-lined";
-    EvoButtonStyles["green"] = "green";
-    EvoButtonStyles["greenlined"] = "green-lined";
-    EvoButtonStyles["purple"] = "purple";
-    EvoButtonStyles["red"] = "red";
-})(EvoButtonStyles || (EvoButtonStyles = {}));
-export class EvoButtonComponent {
-    constructor(elRef) {
-        this.elRef = elRef;
-        this._disabled = false;
-        this._loading = false;
-    }
-    set disabled(value) {
-        this._disabled = value;
-        if (!this.loading) {
-            this.elRef.nativeElement.disabled = value;
-        }
-    }
-    set loading(value) {
-        this._loading = value;
-        if (!this.disabled) {
-            this.elRef.nativeElement.disabled = value;
-        }
-    }
-    get disabled() {
-        return this._disabled;
-    }
-    get loading() {
-        return this._loading;
-    }
-    get totalClasses() {
-        const classes = [];
-        if (this.size) {
-            classes.push(this.size);
-        }
-        if (this.color) {
-            classes.push(this.color);
-        }
-        if (this.loading) {
-            classes.push('loading');
-        }
-        if (this.disabled) {
-            classes.push('disabled');
-        }
-        return classes;
-    }
-    get totalStyles() {
-        const result = {};
-        if (this.loading) {
-            result['visibility'] = 'hidden';
-        }
-        return result;
-    }
-}
-EvoButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: EvoButtonComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
-EvoButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.4.0", type: EvoButtonComponent, selector: "evo-button, button[evo-button]", inputs: { color: "color", size: "size", disabled: "disabled", loading: "loading" }, ngImport: i0, template: "<div class=\"evo-button\" [evoUiClass]=\"totalClasses\">\n    <span [ngStyle]=\"totalStyles\">\n        <ng-content></ng-content>\n    </span>\n    <span *ngIf=\"loading\" class=\"evo-button__dots\">\n        <span class=\"evo-button__dot\"></span>\n        <span class=\"evo-button__dot\"></span>\n        <span class=\"evo-button__dot\"></span>\n    </span>\n</div>\n", styles: ["@keyframes evo-fx-blink{50%{transform:scale(1);opacity:1}to{opacity:0}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes gradient{0%{background-position:0 50%}50%{background-position:50vw 50%}to{background-position:100vw 50%}}.evo-button{display:flex;justify-content:center;align-items:center;min-width:96px;height:40px;padding:0 24px;color:#fff;font-weight:500;font-size:16px;font-family:Ubuntu,Helvetica Neue,Arial,sans-serif;line-height:1;white-space:nowrap;text-align:center;text-transform:uppercase;background:#F05023 none;border:solid 1px transparent;border-radius:30px;outline:none;cursor:pointer;transition:background-color .3s,color .3s,border .3s;-webkit-user-select:none;user-select:none}.evo-button:hover{color:#fff;background-color:#f3734f}.evo-button:active,.evo-button:focus{color:#fff;background-color:#d8481f;outline:none}.evo-button:disabled,.evo-button_disabled{color:#fff!important;background:rgba(0,0,0,.16)!important;border-color:transparent!important;pointer-events:none}.evo-button_lined{color:#f05023;background-color:#fff;border:1px solid #F05023}.evo-button_lined:hover{color:#fff;background-color:#f05023}.evo-button_lined:active,.evo-button_lined:focus{color:#fff;background-color:#d8481f;border-color:#d8481f}.evo-button_darkblue{background-color:#546e7a}.evo-button_darkblue:hover{background-color:#7596a5}.evo-button_darkblue:active,.evo-button_darkblue:focus{background-color:#283239}.evo-button_darkblue-lined{color:#403c3d;background-color:#fff;border:1px solid #403C3D}.evo-button_darkblue-lined:hover{color:#fff;background-color:#403c3d}.evo-button_darkblue-lined:active,.evo-button_darkblue-lined:focus{color:#fff;background-color:#343031;border-color:#343031}.evo-button_green{background-color:#21c68b}.evo-button_green:hover{background-color:#4cd2a2}.evo-button_green:active,.evo-button_green:focus{background-color:#1c9e6e}.evo-button_green-lined{color:#21c68b;background-color:#fff;border:1px solid #21C68B}.evo-button_green-lined:hover{color:#fff;background-color:#21c68b}.evo-button_green-lined:active,.evo-button_green-lined:focus{color:#fff;background-color:#1c9e6e;border-color:#1c9e6e}.evo-button_red{color:#fff;background-color:#ff1817}.evo-button_red:hover{background-color:#ff4645}.evo-button_red:active,.evo-button_red:focus{background-color:#e51715}.evo-button_purple{background-color:#c72aae}.evo-button_purple:hover{background-color:#d255be}.evo-button_purple:active,.evo-button_purple:focus{background-color:#9f228b}.evo-button_white{background-color:transparent;border:1px solid #FFFFFF}.evo-button_white:hover{color:#403c3d;background-color:#fff}.evo-button_white:active,.evo-button_white:focus{color:#fff;background-color:transparent}.evo-button_small{min-width:72px;height:32px;padding:0 16px;font-size:14px}.evo-button_large{min-width:120px;height:56px;padding:0 40px;font-size:18px}.evo-button_icon{display:inline-flex;align-items:center;padding-right:22px;padding-left:22px}.evo-button_loading{position:relative;pointer-events:none}.evo-button__dots{position:absolute;top:50%;left:50%;margin-top:-5px;margin-left:-30px}.evo-button__dot{float:left;width:10px;height:10px;margin:0 5px;background:currentColor;border-radius:50%;transform:scale(0);animation:evo-fx-blink 1s ease infinite 0ms}.evo-button__dot:nth-child(2){animation:evo-fx-blink 1s ease infinite .3s}.evo-button__dot:nth-child(3){animation:evo-fx-blink 1s ease infinite .6s}:host{display:inline-block;margin:0;padding:0;vertical-align:top;background:none;border:0;outline:none}\n"], directives: [{ type: i1.EvoUiClassDirective, selector: "[evoUiClass]", inputs: ["class", "evoUiClass"] }, { type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: EvoButtonComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'evo-button, button[evo-button]', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"evo-button\" [evoUiClass]=\"totalClasses\">\n    <span [ngStyle]=\"totalStyles\">\n        <ng-content></ng-content>\n    </span>\n    <span *ngIf=\"loading\" class=\"evo-button__dots\">\n        <span class=\"evo-button__dot\"></span>\n        <span class=\"evo-button__dot\"></span>\n        <span class=\"evo-button__dot\"></span>\n    </span>\n</div>\n", styles: ["@keyframes evo-fx-blink{50%{transform:scale(1);opacity:1}to{opacity:0}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes gradient{0%{background-position:0 50%}50%{background-position:50vw 50%}to{background-position:100vw 50%}}.evo-button{display:flex;justify-content:center;align-items:center;min-width:96px;height:40px;padding:0 24px;color:#fff;font-weight:500;font-size:16px;font-family:Ubuntu,Helvetica Neue,Arial,sans-serif;line-height:1;white-space:nowrap;text-align:center;text-transform:uppercase;background:#F05023 none;border:solid 1px transparent;border-radius:30px;outline:none;cursor:pointer;transition:background-color .3s,color .3s,border .3s;-webkit-user-select:none;user-select:none}.evo-button:hover{color:#fff;background-color:#f3734f}.evo-button:active,.evo-button:focus{color:#fff;background-color:#d8481f;outline:none}.evo-button:disabled,.evo-button_disabled{color:#fff!important;background:rgba(0,0,0,.16)!important;border-color:transparent!important;pointer-events:none}.evo-button_lined{color:#f05023;background-color:#fff;border:1px solid #F05023}.evo-button_lined:hover{color:#fff;background-color:#f05023}.evo-button_lined:active,.evo-button_lined:focus{color:#fff;background-color:#d8481f;border-color:#d8481f}.evo-button_darkblue{background-color:#546e7a}.evo-button_darkblue:hover{background-color:#7596a5}.evo-button_darkblue:active,.evo-button_darkblue:focus{background-color:#283239}.evo-button_darkblue-lined{color:#403c3d;background-color:#fff;border:1px solid #403C3D}.evo-button_darkblue-lined:hover{color:#fff;background-color:#403c3d}.evo-button_darkblue-lined:active,.evo-button_darkblue-lined:focus{color:#fff;background-color:#343031;border-color:#343031}.evo-button_green{background-color:#21c68b}.evo-button_green:hover{background-color:#4cd2a2}.evo-button_green:active,.evo-button_green:focus{background-color:#1c9e6e}.evo-button_green-lined{color:#21c68b;background-color:#fff;border:1px solid #21C68B}.evo-button_green-lined:hover{color:#fff;background-color:#21c68b}.evo-button_green-lined:active,.evo-button_green-lined:focus{color:#fff;background-color:#1c9e6e;border-color:#1c9e6e}.evo-button_red{color:#fff;background-color:#ff1817}.evo-button_red:hover{background-color:#ff4645}.evo-button_red:active,.evo-button_red:focus{background-color:#e51715}.evo-button_purple{background-color:#c72aae}.evo-button_purple:hover{background-color:#d255be}.evo-button_purple:active,.evo-button_purple:focus{background-color:#9f228b}.evo-button_white{background-color:transparent;border:1px solid #FFFFFF}.evo-button_white:hover{color:#403c3d;background-color:#fff}.evo-button_white:active,.evo-button_white:focus{color:#fff;background-color:transparent}.evo-button_small{min-width:72px;height:32px;padding:0 16px;font-size:14px}.evo-button_large{min-width:120px;height:56px;padding:0 40px;font-size:18px}.evo-button_icon{display:inline-flex;align-items:center;padding-right:22px;padding-left:22px}.evo-button_loading{position:relative;pointer-events:none}.evo-button__dots{position:absolute;top:50%;left:50%;margin-top:-5px;margin-left:-30px}.evo-button__dot{float:left;width:10px;height:10px;margin:0 5px;background:currentColor;border-radius:50%;transform:scale(0);animation:evo-fx-blink 1s ease infinite 0ms}.evo-button__dot:nth-child(2){animation:evo-fx-blink 1s ease infinite .3s}.evo-button__dot:nth-child(3){animation:evo-fx-blink 1s ease infinite .6s}:host{display:inline-block;margin:0;padding:0;vertical-align:top;background:none;border:0;outline:none}\n"] }]
-        }], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { color: [{
-                type: Input
-            }], size: [{
-                type: Input
-            }], disabled: [{
-                type: Input
-            }], loading: [{
-                type: Input
-            }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXZvLWJ1dHRvbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9ldm8tdWkta2l0L3NyYy9saWIvY29tcG9uZW50cy9ldm8tYnV0dG9uL2V2by1idXR0b24uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZXZvLXVpLWtpdC9zcmMvbGliL2NvbXBvbmVudHMvZXZvLWJ1dHRvbi9ldm8tYnV0dG9uLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQWMsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7O0FBRXRGLE1BQU0sQ0FBTixJQUFZLGNBR1g7QUFIRCxXQUFZLGNBQWM7SUFDdEIsaUNBQWUsQ0FBQTtJQUNmLGlDQUFlLENBQUE7QUFDbkIsQ0FBQyxFQUhXLGNBQWMsS0FBZCxjQUFjLFFBR3pCO0FBRUQsTUFBTSxDQUFOLElBQVksZUFRWDtBQVJELFdBQVksZUFBZTtJQUN2QixrQ0FBZSxDQUFBO0lBQ2Ysd0NBQXFCLENBQUE7SUFDckIsbURBQWdDLENBQUE7SUFDaEMsa0NBQWUsQ0FBQTtJQUNmLDZDQUEwQixDQUFBO0lBQzFCLG9DQUFpQixDQUFBO0lBQ2pCLDhCQUFXLENBQUE7QUFDZixDQUFDLEVBUlcsZUFBZSxLQUFmLGVBQWUsUUFRMUI7QUFRRCxNQUFNLE9BQU8sa0JBQWtCO0lBdUIzQixZQUFvQixLQUFpQjtRQUFqQixVQUFLLEdBQUwsS0FBSyxDQUFZO1FBSDdCLGNBQVMsR0FBRyxLQUFLLENBQUM7UUFDbEIsYUFBUSxHQUFHLEtBQUssQ0FBQztJQUd6QixDQUFDO0lBcEJELElBQWEsUUFBUSxDQUFDLEtBQWM7UUFDaEMsSUFBSSxDQUFDLFNBQVMsR0FBRyxLQUFLLENBQUM7UUFFdkIsSUFBSSxDQUFDLElBQUksQ0FBQyxPQUFPLEVBQUU7WUFDZixJQUFJLENBQUMsS0FBSyxDQUFDLGFBQWEsQ0FBQyxRQUFRLEdBQUcsS0FBSyxDQUFDO1NBQzdDO0lBQ0wsQ0FBQztJQUVELElBQWEsT0FBTyxDQUFDLEtBQWM7UUFDL0IsSUFBSSxDQUFDLFFBQVEsR0FBRyxLQUFLLENBQUM7UUFFdEIsSUFBSSxDQUFDLElBQUksQ0FBQyxRQUFRLEVBQUU7WUFDaEIsSUFBSSxDQUFDLEtBQUssQ0FBQyxhQUFhLENBQUMsUUFBUSxHQUFHLEtBQUssQ0FBQztTQUM3QztJQUNMLENBQUM7SUFRRCxJQUFJLFFBQVE7UUFDUixPQUFPLElBQUksQ0FBQyxTQUFTLENBQUM7SUFDMUIsQ0FBQztJQUVELElBQUksT0FBTztRQUNQLE9BQU8sSUFBSSxDQUFDLFFBQVEsQ0FBQztJQUN6QixDQUFDO0lBRUQsSUFBSSxZQUFZO1FBQ1osTUFBTSxPQUFPLEdBQWEsRUFBRSxDQUFDO1FBRTdCLElBQUksSUFBSSxDQUFDLElBQUksRUFBRTtZQUNYLE9BQU8sQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDO1NBQzNCO1FBRUQsSUFBSSxJQUFJLENBQUMsS0FBSyxFQUFFO1lBQ1osT0FBTyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7U0FDNUI7UUFFRCxJQUFJLElBQUksQ0FBQyxPQUFPLEVBQUU7WUFDZCxPQUFPLENBQUMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxDQUFDO1NBQzNCO1FBRUQsSUFBSSxJQUFJLENBQUMsUUFBUSxFQUFFO1lBQ2YsT0FBTyxDQUFDLElBQUksQ0FBQyxVQUFVLENBQUMsQ0FBQztTQUM1QjtRQUVELE9BQU8sT0FBTyxDQUFDO0lBQ25CLENBQUM7SUFFRCxJQUFJLFdBQVc7UUFDWCxNQUFNLE1BQU0sR0FBRyxFQUFFLENBQUM7UUFFbEIsSUFBSSxJQUFJLENBQUMsT0FBTyxFQUFFO1lBQ2QsTUFBTSxDQUFFLFlBQVksQ0FBRSxHQUFHLFFBQVEsQ0FBQztTQUNyQztRQUVELE9BQU8sTUFBTSxDQUFDO0lBQ2xCLENBQUM7OytHQWhFUSxrQkFBa0I7bUdBQWxCLGtCQUFrQiwwSkN2Qi9CLG1YQVVBOzJGRGFhLGtCQUFrQjtrQkFOOUIsU0FBUzsrQkFDSSxnQ0FBZ0MsbUJBR3pCLHVCQUF1QixDQUFDLE1BQU07aUdBR3RDLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxJQUFJO3NCQUFaLEtBQUs7Z0JBRU8sUUFBUTtzQkFBcEIsS0FBSztnQkFRTyxPQUFPO3NCQUFuQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgRWxlbWVudFJlZiwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuZXhwb3J0IGVudW0gRXZvQnV0dG9uU2l6ZXMge1xuICAgIHNtYWxsID0gJ3NtYWxsJyxcbiAgICBsYXJnZSA9ICdsYXJnZScsXG59XG5cbmV4cG9ydCBlbnVtIEV2b0J1dHRvblN0eWxlcyB7XG4gICAgbGluZWQgPSAnbGluZWQnLFxuICAgIGRhcmtibHVlID0gJ2RhcmtibHVlJyxcbiAgICBkYXJrYmx1ZUxpbmVkID0gJ2RhcmtibHVlLWxpbmVkJyxcbiAgICBncmVlbiA9ICdncmVlbicsXG4gICAgZ3JlZW5saW5lZCA9ICdncmVlbi1saW5lZCcsXG4gICAgcHVycGxlID0gJ3B1cnBsZScsXG4gICAgcmVkID0gJ3JlZCcsXG59XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAnZXZvLWJ1dHRvbiwgYnV0dG9uW2V2by1idXR0b25dJyxcbiAgICB0ZW1wbGF0ZVVybDogJy4vZXZvLWJ1dHRvbi5jb21wb25lbnQuaHRtbCcsXG4gICAgc3R5bGVVcmxzOiBbICcuL2V2by1idXR0b24uY29tcG9uZW50LnNjc3MnIF0sXG4gICAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG59KVxuZXhwb3J0IGNsYXNzIEV2b0J1dHRvbkNvbXBvbmVudCB7XG4gICAgQElucHV0KCkgY29sb3I6IEV2b0J1dHRvblN0eWxlcztcbiAgICBASW5wdXQoKSBzaXplOiBFdm9CdXR0b25TaXplcztcblxuICAgIEBJbnB1dCgpIHNldCBkaXNhYmxlZCh2YWx1ZTogYm9vbGVhbikge1xuICAgICAgICB0aGlzLl9kaXNhYmxlZCA9IHZhbHVlO1xuXG4gICAgICAgIGlmICghdGhpcy5sb2FkaW5nKSB7XG4gICAgICAgICAgICB0aGlzLmVsUmVmLm5hdGl2ZUVsZW1lbnQuZGlzYWJsZWQgPSB2YWx1ZTtcbiAgICAgICAgfVxuICAgIH1cblxuICAgIEBJbnB1dCgpIHNldCBsb2FkaW5nKHZhbHVlOiBib29sZWFuKSB7XG4gICAgICAgIHRoaXMuX2xvYWRpbmcgPSB2YWx1ZTtcblxuICAgICAgICBpZiAoIXRoaXMuZGlzYWJsZWQpIHtcbiAgICAgICAgICAgIHRoaXMuZWxSZWYubmF0aXZlRWxlbWVudC5kaXNhYmxlZCA9IHZhbHVlO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgcHJpdmF0ZSBfZGlzYWJsZWQgPSBmYWxzZTtcbiAgICBwcml2YXRlIF9sb2FkaW5nID0gZmFsc2U7XG5cbiAgICBjb25zdHJ1Y3Rvcihwcml2YXRlIGVsUmVmOiBFbGVtZW50UmVmKSB7XG4gICAgfVxuXG4gICAgZ2V0IGRpc2FibGVkKCk6IGJvb2xlYW4ge1xuICAgICAgICByZXR1cm4gdGhpcy5fZGlzYWJsZWQ7XG4gICAgfVxuXG4gICAgZ2V0IGxvYWRpbmcoKSB7XG4gICAgICAgIHJldHVybiB0aGlzLl9sb2FkaW5nO1xuICAgIH1cblxuICAgIGdldCB0b3RhbENsYXNzZXMoKTogc3RyaW5nW10ge1xuICAgICAgICBjb25zdCBjbGFzc2VzOiBzdHJpbmdbXSA9IFtdO1xuXG4gICAgICAgIGlmICh0aGlzLnNpemUpIHtcbiAgICAgICAgICAgIGNsYXNzZXMucHVzaCh0aGlzLnNpemUpO1xuICAgICAgICB9XG5cbiAgICAgICAgaWYgKHRoaXMuY29sb3IpIHtcbiAgICAgICAgICAgIGNsYXNzZXMucHVzaCh0aGlzLmNvbG9yKTtcbiAgICAgICAgfVxuXG4gICAgICAgIGlmICh0aGlzLmxvYWRpbmcpIHtcbiAgICAgICAgICAgIGNsYXNzZXMucHVzaCgnbG9hZGluZycpO1xuICAgICAgICB9XG5cbiAgICAgICAgaWYgKHRoaXMuZGlzYWJsZWQpIHtcbiAgICAgICAgICAgIGNsYXNzZXMucHVzaCgnZGlzYWJsZWQnKTtcbiAgICAgICAgfVxuXG4gICAgICAgIHJldHVybiBjbGFzc2VzO1xuICAgIH1cblxuICAgIGdldCB0b3RhbFN0eWxlcygpOiB7IFsgc3R5bGVLZXk6IHN0cmluZyBdOiBhbnkgfSB7XG4gICAgICAgIGNvbnN0IHJlc3VsdCA9IHt9O1xuXG4gICAgICAgIGlmICh0aGlzLmxvYWRpbmcpIHtcbiAgICAgICAgICAgIHJlc3VsdFsgJ3Zpc2liaWxpdHknIF0gPSAnaGlkZGVuJztcbiAgICAgICAgfVxuXG4gICAgICAgIHJldHVybiByZXN1bHQ7XG4gICAgfVxufVxuIiwiPGRpdiBjbGFzcz1cImV2by1idXR0b25cIiBbZXZvVWlDbGFzc109XCJ0b3RhbENsYXNzZXNcIj5cbiAgICA8c3BhbiBbbmdTdHlsZV09XCJ0b3RhbFN0eWxlc1wiPlxuICAgICAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG4gICAgPC9zcGFuPlxuICAgIDxzcGFuICpuZ0lmPVwibG9hZGluZ1wiIGNsYXNzPVwiZXZvLWJ1dHRvbl9fZG90c1wiPlxuICAgICAgICA8c3BhbiBjbGFzcz1cImV2by1idXR0b25fX2RvdFwiPjwvc3Bhbj5cbiAgICAgICAgPHNwYW4gY2xhc3M9XCJldm8tYnV0dG9uX19kb3RcIj48L3NwYW4+XG4gICAgICAgIDxzcGFuIGNsYXNzPVwiZXZvLWJ1dHRvbl9fZG90XCI+PC9zcGFuPlxuICAgIDwvc3Bhbj5cbjwvZGl2PlxuIl19