@evotor-dev/ui-kit 8.0.0-beta.14 → 8.0.0-beta.3

package/lib/components/evo-upload/evo-upload.module.d.ts

@@ -1,13 +1,13 @@
 import * as i0 from "@angular/core";
 import * as i1 from "./evo-upload.component";
 import * as i2 from "@angular/common";
-import * as i3 from "../evo-note/evo-note.module";
+import * as i3 from "../evo-alert/evo-alert.module";
 import * as i4 from "../evo-button/evo-button.module";
 import * as i5 from "../evo-icon/evo-icon.module";
 import * as i6 from "../../pipes/evo-pipes.module";
 import * as i7 from "../../evo-ui-kit.module";
 export declare class EvoUploadModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<EvoUploadModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<EvoUploadModule, [typeof i1.EvoUploadComponent], [typeof i2.CommonModule, typeof i3.EvoNoteModule, typeof i4.EvoButtonModule, typeof i5.EvoIconModule, typeof i6.EvoPipesModule, typeof i7.EvoUiKitModule], [typeof i1.EvoUploadComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<EvoUploadModule, [typeof i1.EvoUploadComponent], [typeof i2.CommonModule, typeof i3.EvoAlertModule, typeof i4.EvoButtonModule, typeof i5.EvoIconModule, typeof i6.EvoPipesModule, typeof i7.EvoUiKitModule], [typeof i1.EvoUploadComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<EvoUploadModule>;
 }

package/package.json

@@ -1,31 +1,31 @@
 {
   "name": "@evotor-dev/ui-kit",
-  "version": "8.0.0-beta.14",
+  "version": "8.0.0-beta.3",
   "homepage": "https://evotor.github.io/Evo-UI-Kit",
   "repository": {
     "type": "git",
     "url": "https://github.com/evotor/Evo-UI-Kit.git"
   },
   "peerDependencies": {
-    "@angular/animations": ">=17.3.10",
-    "@angular/cdk": ">=17.3.10",
-    "@angular/common": ">=17.3.10",
-    "@angular/core": ">=17.3.10",
-    "@angular/forms": ">=17.3.10",
-    "@angular/platform-browser": ">=17.3.10",
-    "rxjs": ">=7.4.0"
+    "@angular/cdk": ">=14.2.7",
+    "@angular/common": ">=14.3.0",
+    "@angular/core": ">=14.3.0",
+    "@angular/animations": ">=14.3.0",
+    "@angular/forms": ">=14.3.0",
+    "@angular/platform-browser": ">=14.3.0",
+    "rxjs": ">=6.5.3"
   },
   "dependencies": {
     "tslib": "^2.2.0",
     "@popperjs/core": "2.11.8",
-    "angular-imask": "7.6.1",
+    "angular-imask": "6.4.3",
     "autobind-decorator": "^2.4.0",
     "flatpickr": "4.6.9",
-    "imask": "7.6.1",
+    "imask": "6.4.3",
     "lodash-es": "^4.17.15",
     "mime": "3.0.0",
-    "ngx-page-scroll": "12.0.0",
-    "ngx-page-scroll-core": "12.0.0",
+    "ngx-page-scroll": "9.0.0",
+    "ngx-page-scroll-core": "9.0.0",
     "ts-keycode-enum": "^1.0.4"
   },
   "exports": {

package/public_api.d.ts

@@ -10,8 +10,10 @@ export * from './lib/decorators/index';
 export * from './lib/directives/index';
 export * from './lib/operators/index';
 export * from './lib/components/evo-accordion/index';
+export * from './lib/components/evo-alert/index';
 export * from './lib/components/evo-autocomplete/index';
 export * from './lib/components/evo-badge/index';
+export * from './lib/components/evo-banner/index';
 export * from './lib/components/evo-button/index';
 export * from './lib/components/evo-checkbox/index';
 export * from './lib/components/evo-chip/index';
@@ -28,12 +30,18 @@ export * from './lib/components/evo-loader/index';
 export * from './lib/components/evo-modal/index';
 export * from './lib/components/evo-note/index';
 export * from './lib/components/evo-paginator/index';
+export * from './lib/components/evo-plus-minus/index';
 export * from './lib/components/evo-popover/index';
 export * from './lib/components/evo-portal/index';
 export * from './lib/components/evo-radio/index';
+export * from './lib/components/evo-radio-group/index';
 export * from './lib/components/evo-radioshape/index';
+export * from './lib/components/evo-segmented-bar/index';
+export * from './lib/components/evo-select/index';
 export * from './lib/components/evo-sidebar/index';
 export * from './lib/components/evo-stepper/index';
+export * from './lib/components/evo-submenu/index';
+export * from './lib/components/evo-switcher/index';
 export * from './lib/components/evo-table/index';
 export * from './lib/components/evo-tabs/index';
 export * from './lib/components/evo-textarea/index';

package/styles/components/evo-alert.scss

@@ -0,0 +1,64 @@
+@import "../mixins";
+
+$icon-size_large: 48px;
+
+$parent-class: '.evo-alert';
+#{$parent-class} {
+    $root: &;
+
+    padding: $distance-small;
+    border-radius: 8px;
+
+    @include media-desktop-s {
+        &_img {
+            display: flex;
+            align-items: center;
+
+            &:before {
+                display: inline-block;
+                width: 40px;
+                height: 40px;
+                margin-right: $distance-small;
+                background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTkiIGhlaWdodD0iMTkiIHZpZXdCb3g9IjAgMCAxOSAxOSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTkuNjY2NjYgMC43Nzc2NjRDNC43NiAwLjc3NzY2NCAwLjc3Nzc3MSA0Ljc1OTg5IDAuNzc3NzcxIDkuNjY2NTNDMC43Nzc3NzEgMTQuNTczMiA0Ljc2IDE4LjU1NTUgOS42NjY2NiAxOC41NTU1QzE0LjU3MzMgMTguNTU1NSAxOC41NTU1IDE0LjU3MzIgMTguNTU1NSA5LjY2NjUzQzE4LjU1NTUgNC43NTk4OSAxNC41NzMzIDAuNzc3NjY0IDkuNjY2NjYgMC43Nzc2NjRaTTkuNjY2NjYgMTAuNTU1NUM5LjE3Nzc5IDEwLjU1NTUgOC43Nzc3OSAxMC4xNTU1IDguNzc3NzkgOS42NjY1M1Y2LjExMUM4Ljc3Nzc5IDUuNjIyMTEgOS4xNzc3OSA1LjIyMjExIDkuNjY2NjYgNS4yMjIxMUMxMC4xNTU1IDUuMjIyMTEgMTAuNTU1NSA1LjYyMjExIDEwLjU1NTUgNi4xMTFWOS42NjY1M0MxMC41NTU1IDEwLjE1NTUgMTAuMTU1NSAxMC41NTU1IDkuNjY2NjYgMTAuNTU1NVpNMTAuNTU1NSAxMy4yMjIxQzEwLjU1NTUgMTMuNzEzMSAxMC4xNTc2IDE0LjExMSA5LjY2NjY2IDE0LjExMUM5LjE3NTcyIDE0LjExMSA4Ljc3Nzc5IDEzLjcxMzEgOC43Nzc3OSAxMy4yMjIxQzguNzc3NzkgMTIuNzMxMiA5LjE3NTcyIDEyLjMzMzIgOS42NjY2NiAxMi4zMzMyQzEwLjE1NzYgMTIuMzMzMiAxMC41NTU1IDEyLjczMTIgMTAuNTU1NSAxMy4yMjIxWiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+Cg==");
+                background-size: 40px 40px;
+                content: "";
+            }
+        }
+
+        @at-root #{&}_success#{&}_img {
+            &:before {
+                background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIHZpZXdCb3g9IjAgMCA0MCA0MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yMCAwQzguOTU0MyAwIDAgOC45NTQzIDAgMjBDMCAzMS4wNDU3IDguOTU0MyA0MCAyMCA0MEMzMS4wNDU3IDQwIDQwIDMxLjA0NTcgNDAgMjBDNDAgOC45NTQzIDMxLjA0NTcgMCAyMCAwWk0zMS4xNjQ0IDE1Ljg3NzhDMzIuMDgwNCAxNC45NjE5IDMyLjA4MDQgMTMuNDc2OSAzMS4xNjQ0IDEyLjU2MUMzMC4yNDg1IDExLjY0NSAyOC43NjM1IDExLjY0NSAyNy44NDc2IDEyLjU2MUwxNy45MDE2IDIyLjUwN0wxMi43NTMgMTcuMzU4NUMxMS44MzcxIDE2LjQ0MjYgMTAuMzUyMSAxNi40NDI2IDkuNDM2MiAxNy4zNTg1QzguNTIwMjkgMTguMjc0NCA4LjUyMDI5IDE5Ljc1OTQgOS40MzYyIDIwLjY3NTNMMTUuOTk2OSAyNy4yMzZDMTYuMjc1MyAyNy41MTQ0IDE2LjYwNjIgMjcuNzA4MSAxNi45NTc4IDI3LjgxNzNDMTcuODM2IDI4LjI1NjQgMTguOTMyNSAyOC4xMDk3IDE5LjY2NSAyNy4zNzcyTDMxLjE2NDQgMTUuODc3OFoiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo=");
+            }
+        }
+    }
+
+    &_success {
+        color: $color-white;
+        background-color: $color-success;
+    }
+
+    &_danger {
+        color: $color-white;
+        background-color: $color-danger;
+    }
+
+    &_warning {
+        color: $color-text;
+        background-color: $color-highlight;
+
+        #{$parent-class}__icon {
+            display: none;
+        }
+    }
+
+    &_large {
+        #{$parent-class}__icon {
+            width: $icon-size_large;
+            height: $icon-size_large;
+
+            &_success, &_exclamation {
+                background-size: $icon-size_large $icon-size_large;
+            }
+        }
+    }
+}

package/styles/components/evo-form.scss

@@ -159,7 +159,7 @@ $evo-form-min-field-width: 100px;
     &__title {
         display: flex;
         align-items: center;
-        @include evo-text-header(h2);
+        @include h2();
         margin-bottom: 24px;
         font-weight: 700;
 
@@ -172,7 +172,7 @@ $evo-form-min-field-width: 100px;
     }
 
     &__subtitle {
-        @include evo-text-header(h4);
+        @include h4();
         margin-bottom: 16px;
         font-weight: 700;
     }

package/styles/components/evo-title.scss

@@ -6,18 +6,18 @@
     font-family: var(--evo-font-secondary);
 
     &_h1 {
-        @include evo-text-header(h1);
+        @include h1;
     }
 
     &_h2 {
-        @include evo-text-header(h2);
+        @include h2;
     }
 
     &_h3 {
-        @include evo-text-header(h3);
+        @include h3;
     }
 
     &_h4 {
-        @include evo-text-header(h4);
+        @include h4;
     }
 }

package/styles/main.scss

@@ -10,6 +10,7 @@
 
 /* components*/
 @import './components/evo-grid.scss';
+@import './components/evo-alert.scss';
 @import './components/evo-button-loader.scss';
 @import './components/evo-button-wrapper.scss';
 @import './components/evo-card.scss';

package/styles/mixins/_evo-input-mixins.scss

@@ -49,6 +49,12 @@
     pointer-events: none;
 }
 
+/**
+ * @deprecated
+ */
+@mixin evo-input-valid {
+}
+
 @mixin evo-input-invalid {
     border-color: $color-error !important;
 }

package/styles/mixins.scss

@@ -44,6 +44,48 @@
     }
 }
 
+/* title mixins*/
+/* @deprecated use evo-text-* mixins*/
+@mixin title {
+    color: #333f48;
+    font-weight: 700;
+    font-family: var(--evo-font-secondary);
+}
+
+/* @deprecated use evo-text-* mixins*/
+@mixin h1 {
+    @include evo-text-header(h1);
+}
+
+/* @deprecated use evo-text-* mixins*/
+@mixin h2 {
+    @include evo-text-header(h2);
+}
+
+/* @deprecated use evo-text-* mixins*/
+@mixin h3 {
+    @include evo-text-header(h3);
+}
+
+/* @deprecated use evo-text-* mixins*/
+@mixin h4 {
+    @include evo-text-header(h4);
+}
+
+/**
+ * @deprecated use evo-input-* mixins
+ */
+@mixin input {
+    @include evo-input(normal, default);
+}
+
+/**
+ * @deprecated use evo-input-states mixin
+ */
+@mixin evo-control-states {
+    @include evo-input-states();
+}
+
 @mixin hide-scroll {
     -ms-overflow-style: none; /* Internet Explorer 10+ */
     scrollbar-width: none; /* Firefox */

package/styles/variables.scss

@@ -62,6 +62,14 @@ $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);

package/esm2022/lib/components/evo-icon-button/types/evo-icon-button-color.mjs

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXZvLWljb24tYnV0dG9uLWNvbG9yLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZXZvLXVpLWtpdC9zcmMvbGliL2NvbXBvbmVudHMvZXZvLWljb24tYnV0dG9uL3R5cGVzL2V2by1pY29uLWJ1dHRvbi1jb2xvci50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtFdm9Db2xvcn0gZnJvbSAnLi4vLi4vLi4vY29tbW9uL3R5cGVzJztcblxuZXhwb3J0IHR5cGUgRXZvSWNvbkJ1dHRvbkNvbG9yID0gRXh0cmFjdDxFdm9Db2xvciwgJ3N1Y2Nlc3MnIHwgJ2xpbmsnIHwgJ2Vycm9yJz4gfCAnY3VzdG9tJztcbiJdfQ==

package/esm2022/lib/components/evo-icon-button/types/index.mjs

@@ -1,3 +0,0 @@
-export * from './evo-icon-button-size';
-export * from './evo-icon-button-color';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9ldm8tdWkta2l0L3NyYy9saWIvY29tcG9uZW50cy9ldm8taWNvbi1idXR0b24vdHlwZXMvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYyx3QkFBd0IsQ0FBQztBQUN2QyxjQUFjLHlCQUF5QixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0ICogZnJvbSAnLi9ldm8taWNvbi1idXR0b24tc2l6ZSc7XG5leHBvcnQgKiBmcm9tICcuL2V2by1pY29uLWJ1dHRvbi1jb2xvcic7XG4iXX0=

package/lib/components/evo-icon-button/types/evo-icon-button-color.d.ts

@@ -1,2 +0,0 @@
-import { EvoColor } from '../../../common/types';
-export type EvoIconButtonColor = Extract<EvoColor, 'success' | 'link' | 'error'> | 'custom';

package/lib/components/evo-icon-button/types/index.d.ts

@@ -1,2 +0,0 @@
-export * from './evo-icon-button-size';
-export * from './evo-icon-button-color';