keevo-components 2.0.82 → 2.0.84

package/lib/components/kv-button/kv-button.component.d.ts

@@ -6,10 +6,10 @@ export declare class KvButtonComponent {
     fullWidth: import("@angular/core").InputSignal<boolean>;
     type: import("@angular/core").InputSignal<"text" | "outline" | undefined>;
     loading: import("@angular/core").InputSignal<boolean>;
-    severity: import("@angular/core").InputSignal<"primary" | "secondary" | "tertiary">;
+    severity: import("@angular/core").InputSignal<"primary" | "secondary" | "tertiary" | "danger">;
     size: import("@angular/core").InputSignal<"small" | "normal" | "large">;
     icon: import("@angular/core").ModelSignal<string>;
-    iconPosition: import("@angular/core").InputSignal<"left" | "right">;
+    iconPosition: import("@angular/core").InputSignal<"right" | "left">;
     label: import("@angular/core").InputSignal<string>;
     disabled: import("@angular/core").InputSignal<boolean>;
     onClick: import("@angular/core").OutputEmitterRef<any>;

package/lib/components/kv-buttons/kv-button-popup/kv-button-popup.component.d.ts

@@ -8,7 +8,7 @@ export declare class KvButtonPopupComponent extends BaseComponentButton {
     items: MenuItem[];
     classBtn: string;
     size: import("@angular/core").InputSignal<"small" | "normal" | "large">;
-    type: import("@angular/core").InputSignal<"normal" | "text" | "outline">;
+    type: import("@angular/core").InputSignal<"text" | "outline" | "normal">;
     icon: string;
     constructor();
     handleShow(): void;

package/lib/components/kv-table/kv-table.component.d.ts

@@ -139,7 +139,7 @@ export declare class KvTableComponent implements OnInit, DoCheck, AfterViewInit
     onClickEvent(event: any): void;
     styleSetter(style: string, data: string): void;
     checkMenuFiltro(col: TableConfigColumn): void;
-    sortByPosition(): (elem1: any, elem2: any) => 0 | 1 | -1;
+    sortByPosition(): (elem1: any, elem2: any) => 1 | 0 | -1;
     dinamicDisableColumn(col: TableConfigColumn): boolean;
     checkHideColumns(): void;
     getCustomTemplate(templatename: string): TemplateRef<any>;

package/lib/components/kv-table-expandable/kv-table-expandable.component.d.ts

@@ -68,7 +68,7 @@ export declare class KvTableExpandableComponent implements OnInit, DoCheck {
     onGlobalFilter(table: Table, event: Event): void;
     executeCollapsed(): void;
     checkMenuFiltro(col: any): void;
-    sortByPosition(): (elem1: any, elem2: any) => 0 | 1 | -1;
+    sortByPosition(): (elem1: any, elem2: any) => 1 | 0 | -1;
     dinamicDisableColumn(col: TableConfigColumn): boolean;
     dinamicColumnSet(e: any, col: any): void;
     addColumn(field: string): void;

package/lib/components/kv-tag/kv-tag.component.d.ts

@@ -1,6 +1,6 @@
 import * as i0 from "@angular/core";
 export declare class KvTagComponent {
-    severity: import("@angular/core").InputSignal<"info" | "success" | "warn" | "system" | "danger" | "contrast">;
+    severity: import("@angular/core").InputSignal<"danger" | "warn" | "info" | "success" | "system" | "contrast">;
     border: import("@angular/core").InputSignal<boolean>;
     static ɵfac: i0.ɵɵFactoryDeclaration<KvTagComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<KvTagComponent, "kv-tag", never, { "severity": { "alias": "severity"; "required": false; "isSignal": true; }; "border": { "alias": "border"; "required": false; "isSignal": true; }; }, {}, never, ["*"], false, never>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "keevo-components",
-  "version": "2.0.82",
+  "version": "2.0.84",
   "peerDependencies": {
     "@angular/common": "^17.3.8",
     "@angular/core": "^17.3.8",

package/src/lib/components/keevo-components-styles.scss

@@ -18,6 +18,7 @@ $font-family-keevo: "Inter", "Inter var", sans-serif;
   --kv-primary-color: 41, 185, 45;
   --kv-secondary-color: 0, 37, 66;
   --kv-tertiary-color: 165, 165, 165;
+  --kv-danger-color: 220, 53, 69;
 }
 
 ::ng-deep .padrao {

package/src/lib/components/kv-button/kv-button.component.scss

@@ -203,6 +203,45 @@
   }
 }
 
+::ng-deep.danger {
+  background-color: rgb(var(--kv-danger-color));
+
+  &:hover {
+    background-color: rgba(var(--kv-danger-color), 0.8);
+  }
+
+  &:active {
+    background-color: rgba(var(--kv-danger-color), 0.95);
+  }
+  
+  &.outline {
+    border: solid 0.5px rgb(var(--kv-danger-color));
+    background-color: white;
+    color: rgb(var(--kv-danger-color));
+
+    &:hover {
+      background-color: rgb(var(--kv-danger-color));
+      color: white;
+    }
+    
+    &:active {
+      background-color: rgba(var(--kv-danger-color), 0.8);
+    }
+  }
+
+  &.text {
+    background-color: transparent;
+    color: rgb(var(--kv-danger-color));
+    
+    &:hover {
+      background-color: rgba(var(--kv-danger-color), 0.1);
+    }
+    
+    &:active {
+      background-color: rgba(var(--kv-danger-color), 0.2);
+    }
+  }
+}
 
 // =======================================================================
 // ==================== NOVO CSS DO BOTÃO ================================