keevo-components 2.0.106 → 2.0.108

package/lib/api/helpers/severity-color.d.ts

@@ -0,0 +1,5 @@
+import Severity from "../types/severity";
+export declare function severityColorNormal(severity: Severity): string;
+export declare function severityColorHover(severity: Severity): string;
+export declare function severityColorActive(severity: Severity): string;
+export declare function severityColorText(severity: Severity): string;

package/lib/api/types/severity.d.ts

@@ -0,0 +1,2 @@
+type Severity = "primary" | "secondary" | "success" | "info" | "warning" | "help" | "danger";
+export default Severity;

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" | "danger">;
-    size: import("@angular/core").InputSignal<"small" | "normal" | "large">;
+    severity: import("@angular/core").InputSignal<"primary" | "secondary" | "danger" | "tertiary">;
+    size: import("@angular/core").InputSignal<"small" | "large" | "normal">;
     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

@@ -7,8 +7,8 @@ import * as i0 from "@angular/core";
 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">;
+    size: import("@angular/core").InputSignal<"small" | "large" | "normal">;
+    type: import("@angular/core").InputSignal<"text" | "normal" | "outline">;
     icon: string;
     constructor();
     handleShow(): void;

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

@@ -0,0 +1,22 @@
+import * as i0 from "@angular/core";
+/**
+ * Componente para exibição de ícones na aplicação.
+ *
+ * O componente `kv-icon` permite renderizar ícones baseados no modelo fornecido.
+ *
+ * @example
+ * ```html
+ * <kv-icon [icon]="'info'" [severity]="'system'" [shape]="'circle'"></kv-icon>
+ * ```
+ *
+ * @input icon - Define o ícone a ser exibido.
+ * @input shape - Define a forma do ícone (opções: 'circle', 'hexagon', 'square').
+ * @input severity - Define a severidade do ícone (opções: 'system', 'warning', 'danger', 'success').
+ */
+export declare class KvIconComponent {
+    icon: import("@angular/core").InputSignal<string>;
+    shape: import("@angular/core").InputSignal<"circle" | "hexagon" | "square">;
+    severity: import("@angular/core").InputSignal<"info" | "success" | "warning" | "danger" | "system" | "contrast">;
+    static ɵfac: i0.ɵɵFactoryDeclaration<KvIconComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<KvIconComponent, "kv-icon", never, { "icon": { "alias": "icon"; "required": true; "isSignal": true; }; "shape": { "alias": "shape"; "required": true; "isSignal": true; }; "severity": { "alias": "severity"; "required": true; "isSignal": true; }; }, {}, never, never, false, never>;
+}

package/lib/components/kv-icon/kv-icon.model.d.ts

@@ -0,0 +1,3 @@
+export type IconShapes = 'circle' | 'square' | 'hexagon';
+export type IconSizes = 'small' | 'medium' | 'large';
+export type IconSeverities = 'system' | 'success' | 'info' | 'warn' | 'danger' | 'contrast';

package/lib/components/kv-icon/kv-icon.module.d.ts

@@ -0,0 +1,8 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./kv-icon.component";
+import * as i2 from "@angular/common";
+export declare class KvIconModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<KvIconModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<KvIconModule, [typeof i1.KvIconComponent], [typeof i2.CommonModule], [typeof i1.KvIconComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<KvIconModule>;
+}

package/lib/components/kv-inputs/kv-editor/kv-editor.component.d.ts

@@ -17,7 +17,6 @@ export declare class KvEditorComponent extends BaseComponentInput<string> implem
      */
     canvaHeigth: string;
     contentType: 'html' | 'text';
-    readonly: boolean;
     debug: boolean;
     onTextChange: EventEmitter<any>;
     onSelectionChange: EventEmitter<any>;
@@ -39,6 +38,8 @@ export declare class KvEditorComponent extends BaseComponentInput<string> implem
     printButton: import("@angular/core").InputSignal<boolean>;
     labelEmptyDropdown: import("@angular/core").InputSignal<string>;
     instrucoesTemplate: import("@angular/core").InputSignal<TemplateRef<any> | undefined>;
+    showHeader: import("@angular/core").InputSignal<boolean>;
+    readonly: import("@angular/core").InputSignal<boolean>;
     idRelatorioSelected: import("@angular/core").Signal<number>;
     relatorio: import("@angular/core").Signal<KvEditorRelatorio | null>;
     isLoadingPdf: import("@angular/core").Signal<boolean>;
@@ -65,5 +66,5 @@ export declare class KvEditorComponent extends BaseComponentInput<string> implem
     showInstrucoes(): void;
     clearTemplate(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<KvEditorComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<KvEditorComponent, "kv-editor", never, { "canvaHeigth": { "alias": "canvaHeigth"; "required": false; }; "contentType": { "alias": "contentType"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "debug": { "alias": "debug"; "required": false; }; "relatorios": { "alias": "relatorios"; "required": false; "isSignal": true; }; "idRelatorioInitial": { "alias": "idRelatorioInitial"; "required": false; "isSignal": true; }; "printButton": { "alias": "printButton"; "required": false; "isSignal": true; }; "labelEmptyDropdown": { "alias": "labelEmptyDropdown"; "required": false; "isSignal": true; }; "instrucoesTemplate": { "alias": "instrucoesTemplate"; "required": false; "isSignal": true; }; }, { "onTextChange": "onTextChange"; "onSelectionChange": "onSelectionChange"; "outputRaw": "outputRaw"; "outputHtml": "outputHtml"; "idRelatorioInitial": "idRelatorioInitialChange"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<KvEditorComponent, "kv-editor", never, { "canvaHeigth": { "alias": "canvaHeigth"; "required": false; }; "contentType": { "alias": "contentType"; "required": false; }; "debug": { "alias": "debug"; "required": false; }; "relatorios": { "alias": "relatorios"; "required": false; "isSignal": true; }; "idRelatorioInitial": { "alias": "idRelatorioInitial"; "required": false; "isSignal": true; }; "printButton": { "alias": "printButton"; "required": false; "isSignal": true; }; "labelEmptyDropdown": { "alias": "labelEmptyDropdown"; "required": false; "isSignal": true; }; "instrucoesTemplate": { "alias": "instrucoesTemplate"; "required": false; "isSignal": true; }; "showHeader": { "alias": "showHeader"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; }, { "onTextChange": "onTextChange"; "onSelectionChange": "onSelectionChange"; "outputRaw": "outputRaw"; "outputHtml": "outputHtml"; "idRelatorioInitial": "idRelatorioInitialChange"; }, never, never, false, never>;
 }

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" | "danger" | "system" | "contrast">;
+    severity: import("@angular/core").InputSignal<"info" | "success" | "danger" | "system" | "contrast" | "warn">;
     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/lib/components/kv-widget-card/kv-widget-card.component.d.ts

@@ -0,0 +1,60 @@
+import * as i0 from "@angular/core";
+export interface KvWidgetCardNavigationModel {
+    label: string;
+    redirectIcon: string;
+    action: () => void;
+}
+export declare class KvWidgetCardComponent {
+    /**
+     * Define o ícone do card.
+     * @required
+     */
+    icon: import("@angular/core").InputSignal<string>;
+    /**
+     * Define o formato do ícone do card.
+     * @required
+     */
+    iconShape: import("@angular/core").InputSignal<"circle" | "hexagon" | "square">;
+    /**
+     * Define a cor do ícone do card.
+     * @required
+     */
+    iconSeverity: import("@angular/core").InputSignal<"info" | "success" | "warning" | "danger" | "system" | "contrast">;
+    /**
+     * Título do card.
+     * @required
+     */
+    title: import("@angular/core").InputSignal<string>;
+    /**
+     * Define se a navegação do card deve ser exibida.
+     * @default true
+     */
+    showNavigation: import("@angular/core").InputSignal<boolean>;
+    /**
+     * Define se a borda do card deve ser exibida.
+     * @default false
+     */
+    border: import("@angular/core").InputSignal<boolean>;
+    /**
+     * Define o background-color do card.
+     * @default true
+     */
+    severity: import("@angular/core").InputSignal<"success" | "warning" | "danger" | "system">;
+    /**
+     * Valor do indicador principal do card.
+     * @default
+     */
+    indicator: import("@angular/core").InputSignal<number | undefined>;
+    /**
+     * Mensagem informativa adicional exibida no card.
+     * @default ''
+     */
+    informationMessage: import("@angular/core").InputSignal<string>;
+    /**
+     * Dados de navegação do card, incluindo rótulo, ícone e ação a ser executada.
+     * @default {label: '', redirectIcon: '', action: function que lança erro}
+     */
+    navigationData: import("@angular/core").InputSignal<KvWidgetCardNavigationModel>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<KvWidgetCardComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<KvWidgetCardComponent, "kv-widget-card", never, { "icon": { "alias": "icon"; "required": true; "isSignal": true; }; "iconShape": { "alias": "iconShape"; "required": true; "isSignal": true; }; "iconSeverity": { "alias": "iconSeverity"; "required": true; "isSignal": true; }; "title": { "alias": "title"; "required": true; "isSignal": true; }; "showNavigation": { "alias": "showNavigation"; "required": false; "isSignal": true; }; "border": { "alias": "border"; "required": false; "isSignal": true; }; "severity": { "alias": "severity"; "required": false; "isSignal": true; }; "indicator": { "alias": "indicator"; "required": false; "isSignal": true; }; "informationMessage": { "alias": "informationMessage"; "required": false; "isSignal": true; }; "navigationData": { "alias": "navigationData"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}

package/package.json

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

package/public-api.d.ts

@@ -286,3 +286,13 @@ export { KvTagConfig, KvTagsComponent } from './lib/components/kv-tags/kv-tags.c
  * Timeline
  */
 export * from './lib/components/kv-timeline/kv-timeline.component';
+/**
+ * Icon
+ */
+export * from './lib/components/kv-icon/kv-icon.component';
+export * from './lib/components/kv-icon/kv-icon.module';
+export * from './lib/components/kv-icon/kv-icon.model';
+/**
+ * Widget Card
+ */
+export * from './lib/components/kv-widget-card/kv-widget-card.component';

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

@@ -19,6 +19,11 @@ $font-family-keevo: "Inter", "Inter var", sans-serif;
   --kv-secondary-color: 0, 37, 66;
   --kv-tertiary-color: 165, 165, 165;
   --kv-danger-color: 220, 53, 69;
+
+  --kv-success-color: 75, 181, 67;
+  --kv-info-color: 0, 123, 255;
+  --kv-warn-color: 241, 90, 36;
+  --kv-contrast-color: 33, 37, 41;
 }
 
 ::ng-deep .padrao {