@evotor-dev/ui-kit 7.4.8 → 7.6.0

package/lib/components/evo-badge/evo-badge.component.d.ts

@@ -3,9 +3,21 @@ import * as i0 from "@angular/core";
 export declare class EvoBadgeComponent {
     color: EvoBadgeColor;
     size: EvoBadgeSize;
+    /**
+     * @deprecated don't use it
+     */
     multiline: boolean;
+    /**
+     * @deprecated use CSS
+     * @param width
+     */
     widthPixels: number;
+    /**
+     * @deprecated use CSS
+     * @param width
+     */
     widthPercents: number;
+    get styleWidth(): string;
     get classes(): string[];
     static ɵfac: i0.ɵɵFactoryDeclaration<EvoBadgeComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<EvoBadgeComponent, "evo-badge", never, { "color": "color"; "size": "size"; "multiline": "multiline"; "widthPixels": "width.px"; "widthPercents": "width.%"; }, {}, never, ["*"]>;

package/lib/components/evo-badge/types/evo-badge-color.d.ts

@@ -1,2 +1,2 @@
 import { EvoColor } from '../../../common/types';
-export declare type EvoBadgeColor = Extract<EvoColor, 'success' | 'error' | 'icon-dark' | 'icon-light' | 'graph-1' | 'graph-2' | 'graph-3' | 'graph-4' | 'graph-5' | 'graph-6' | 'graph-7' | 'graph-8' | 'graph-9' | 'graph-10' | 'grey' | 'rating' | 'primary'>;
+export declare type EvoBadgeColor = Extract<EvoColor, 'success' | 'error' | 'icon-dark' | 'icon-light' | 'graph-1' | 'graph-2' | 'graph-3' | 'graph-4' | 'graph-5' | 'graph-6' | 'graph-7' | 'graph-8' | 'graph-9' | 'graph-10' | 'grey' | 'rating' | 'primary' | 'custom'>;

package/lib/components/evo-badge/types/evo-badge-size.d.ts

@@ -1,2 +1,2 @@
 import { EvoSize } from '../../../common/types';
-export declare type EvoBadgeSize = Extract<EvoSize, 'normal' | 'small'>;
+export declare type EvoBadgeSize = Extract<EvoSize, 'normal' | 'small' | 'large'>;

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

@@ -2,4 +2,4 @@ import { EvoColor } from '../../../common/types';
 /**
  * Sync with $evo-button-colors SCSS variable
  */
-export declare type EvoButtonColor = Extract<EvoColor, 'secondary' | 'success' | 'bonus' | 'link' | 'error' | 'white' | 'primary' | 'text'> | 'custom';
+export declare type EvoButtonColor = Extract<EvoColor, 'secondary' | 'success' | 'bonus' | 'link' | 'error' | 'white' | 'primary' | 'text' | 'custom'>;

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

@@ -7,8 +7,9 @@ import * as i5 from "../../evo-ui-kit.module";
 import * as i6 from "../evo-control-error/evo-control-error.module";
 import * as i7 from "angular-imask";
 import * as i8 from "../evo-icon/evo-icon.module";
+import * as i9 from "../evo-loader/evo-loader.module";
 export declare class EvoInputModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<EvoInputModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<EvoInputModule, [typeof i1.EvoInputComponent, typeof i2.EvoInputIconDirective, typeof i2.EvoInputIconDirective], [typeof i3.CommonModule, typeof i4.FormsModule, typeof i5.EvoUiKitModule, typeof i6.EvoControlErrorModule, typeof i7.IMaskModule, typeof i8.EvoIconModule], [typeof i1.EvoInputComponent, typeof i2.EvoInputIconDirective]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<EvoInputModule, [typeof i1.EvoInputComponent, typeof i2.EvoInputIconDirective, typeof i2.EvoInputIconDirective], [typeof i3.CommonModule, typeof i4.FormsModule, typeof i5.EvoUiKitModule, typeof i6.EvoControlErrorModule, typeof i7.IMaskModule, typeof i8.EvoIconModule, typeof i9.EvoLoaderModule], [typeof i1.EvoInputComponent, typeof i2.EvoInputIconDirective]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<EvoInputModule>;
 }

package/lib/components/evo-input-contenteditable/evo-input-contenteditable.component.d.ts

@@ -1,6 +1,7 @@
 import { ChangeDetectorRef, ElementRef, EventEmitter, Injector, OnInit } from '@angular/core';
 import { ControlValueAccessor } from '@angular/forms';
 import { EvoBaseControl } from '../../common/evo-base-control';
+import { EvoInputContenteditableSize } from './types/evo-input-contenteditable-size';
 import * as i0 from "@angular/core";
 export declare class EvoInputContenteditableComponent extends EvoBaseControl implements OnInit, ControlValueAccessor {
     private cd;
@@ -8,6 +9,7 @@ export declare class EvoInputContenteditableComponent extends EvoBaseControl imp
     static readonly STYLE_KEYCODES: number[];
     readonly contenteditable: ElementRef;
     blur: EventEmitter<FocusEvent>;
+    size: EvoInputContenteditableSize;
     multiline: boolean;
     placeholder: string;
     autoFocus: boolean;
@@ -40,5 +42,5 @@ export declare class EvoInputContenteditableComponent extends EvoBaseControl imp
     private clearMultiline;
     private wrapSetValue;
     static ɵfac: i0.ɵɵFactoryDeclaration<EvoInputContenteditableComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<EvoInputContenteditableComponent, "evo-input-contenteditable", never, { "multiline": "multiline"; "placeholder": "placeholder"; "autoFocus": "autoFocus"; "maxLines": "maxLines"; "minLines": "minLines"; "disabled": "disabled"; "preventStylingHotkeys": "preventStylingHotkeys"; }, { "blur": "blur"; }, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<EvoInputContenteditableComponent, "evo-input-contenteditable", never, { "size": "size"; "multiline": "multiline"; "placeholder": "placeholder"; "autoFocus": "autoFocus"; "maxLines": "maxLines"; "minLines": "minLines"; "disabled": "disabled"; "preventStylingHotkeys": "preventStylingHotkeys"; }, { "blur": "blur"; }, never, never>;
 }

package/lib/components/evo-input-contenteditable/types/evo-input-contenteditable-size.d.ts

@@ -0,0 +1,2 @@
+import { EvoSize } from '../../../common/types';
+export declare type EvoInputContenteditableSize = Extract<EvoSize, 'small' | 'normal'>;

package/lib/components/evo-paginator/evo-paginator.component.d.ts

@@ -6,21 +6,27 @@ export interface PageEvent {
     pageSize: number;
     pagesTotal: number;
 }
+declare enum PaginatorLayout {
+    SHORT = "SHORT",
+    BEGINNING = "BEGINNING",
+    MIDDLE = "MIDDLE",
+    END = "END"
+}
 export declare class EvoPaginatorComponent {
+    set setCurrentPage(value: string | number);
+    set setItemsTotal(itemsTotal: number);
+    set setPageSize(pageSize: number);
     pageClick: EventEmitter<PageEvent>;
+    currentPage: number;
     pagesTotal: number;
-    visiblePagesLimit: number;
-    pagesList: number[];
+    readonly CORNER_STATE_PAGE_MAX_OFFSET = 3;
+    readonly PaginatorLayout: typeof PaginatorLayout;
     private pageSize;
     private itemsTotal;
-    private currentPage;
-    set setCurrentPage(value: string | number);
-    set setItemsTotal(itemsTotal: number);
-    set setPageSize(pageSize: number);
-    set setMaxVisiblePages(visiblePagesLimit: number);
+    get currentLayout(): PaginatorLayout;
     onPageClick(page: number): void;
-    isActivePage(page: string | number): boolean;
-    private updatePagesList;
+    isSelectedPage(page: string | number): boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<EvoPaginatorComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<EvoPaginatorComponent, "evo-paginator", never, { "setCurrentPage": "currentPage"; "setItemsTotal": "itemsTotal"; "setPageSize": "pageSize"; "setMaxVisiblePages": "visiblePagesLimit"; }, { "pageClick": "pageClick"; }, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<EvoPaginatorComponent, "evo-paginator", never, { "setCurrentPage": "currentPage"; "setItemsTotal": "itemsTotal"; "setPageSize": "pageSize"; }, { "pageClick": "pageClick"; }, never, never>;
 }
+export {};

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

@@ -1,8 +1,9 @@
 import * as i0 from "@angular/core";
 import * as i1 from "./evo-paginator.component";
 import * as i2 from "@angular/common";
+import * as i3 from "../../evo-ui-kit.module";
 export declare class EvoPaginatorModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<EvoPaginatorModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<EvoPaginatorModule, [typeof i1.EvoPaginatorComponent], [typeof i2.CommonModule], [typeof i1.EvoPaginatorComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<EvoPaginatorModule, [typeof i1.EvoPaginatorComponent], [typeof i2.CommonModule, typeof i3.EvoUiKitModule], [typeof i1.EvoPaginatorComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<EvoPaginatorModule>;
 }

package/lib/components/evo-textarea/evo-textarea.component.d.ts

@@ -1,8 +1,10 @@
 import { EventEmitter } from '@angular/core';
 import { ControlValueAccessor } from '@angular/forms';
 import { EvoBaseControl } from '../../common/evo-base-control';
+import { EvoTextareaSize } from './types/evo-textarea-size';
 import * as i0 from "@angular/core";
 export declare class EvoTextareaComponent extends EvoBaseControl implements ControlValueAccessor {
+    size: EvoTextareaSize;
     placeholder: string;
     rows: number;
     blur: EventEmitter<void>;
@@ -23,5 +25,5 @@ export declare class EvoTextareaComponent extends EvoBaseControl implements Cont
     setDisabledState(isDisabled: boolean): void;
     writeValue(value: string): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<EvoTextareaComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<EvoTextareaComponent, "evo-textarea", never, { "placeholder": "placeholder"; "rows": "rows"; }, { "blur": "blur"; }, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<EvoTextareaComponent, "evo-textarea", never, { "size": "size"; "placeholder": "placeholder"; "rows": "rows"; }, { "blur": "blur"; }, never, never>;
 }

package/lib/components/evo-textarea/types/evo-textarea-size.d.ts

@@ -0,0 +1,2 @@
+import { EvoSize } from '../../../common/types';
+export declare type EvoTextareaSize = Extract<EvoSize, 'small' | 'normal'>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@evotor-dev/ui-kit",
-  "version": "7.4.8",
+  "version": "7.6.0",
   "homepage": "https://evotor.github.io/Evo-UI-Kit",
   "repository": {
     "type": "git",
@@ -91,6 +91,14 @@
       "node": "./fesm2015/evotor-dev-ui-kit-icons.mjs",
       "default": "./fesm2020/evotor-dev-ui-kit-icons.mjs"
     },
+    "./icons/objects": {
+      "types": "./icons/objects/evotor-dev-ui-kit-icons-objects.d.ts",
+      "esm2020": "./esm2020/icons/objects/evotor-dev-ui-kit-icons-objects.mjs",
+      "es2020": "./fesm2020/evotor-dev-ui-kit-icons-objects.mjs",
+      "es2015": "./fesm2015/evotor-dev-ui-kit-icons-objects.mjs",
+      "node": "./fesm2015/evotor-dev-ui-kit-icons-objects.mjs",
+      "default": "./fesm2020/evotor-dev-ui-kit-icons-objects.mjs"
+    },
     "./icons/side-menu": {
       "types": "./icons/side-menu/evotor-dev-ui-kit-icons-side-menu.d.ts",
       "esm2020": "./esm2020/icons/side-menu/evotor-dev-ui-kit-icons-side-menu.mjs",

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

@@ -5,9 +5,10 @@
  * theme: default | rounded
  */
 @mixin evo-input($size: normal, $theme: default) {
-    --evo-input-height: 48px;
+    --evo-input-height: 40px;
     --evo-input-border-radius: 4px;
-    --evo-input-font-size: 16px;
+    --evo-input-font-size: 14px;
+    --evo-input-line-height: 24px;
 
     @if ($size == small) {
         @if ($theme == default) {
@@ -29,6 +30,7 @@
     font-weight: normal;
     font-size: var(--evo-input-font-size);
     font-family: var(--evo-font);
+    line-height: var(--evo-input-line-height);
     white-space: nowrap;
     background-color: $color-white;
     border: 1px solid $color-disabled;

package/styles/variables.scss

@@ -51,6 +51,9 @@ $color-grey-active: #DCDDDF;
 $color-icon-dark-hover: #a7c1c6;
 $color-icon-dark-active: #829fa6;
 
+$color-cool-gray: #001D26;
+$color-cool-gray-04: rgba($color-cool-gray, 0.04);
+
 $color-graph-1: #EB5365;
 $color-graph-2: #9474C9;
 $color-graph-3: #41B2E5;