@indigina/ui-kit 1.1.23 → 1.1.24

package/lib/components/kit-svg-icon/kit-svg-icon.const.d.ts

@@ -79,5 +79,9 @@ export declare enum KitSvgIcon {
     WINDOW_RESTORE = "window-restore",
     BACK_ARROW = "back-arrow",
     USER = "user",
-    CARET_DOWN = "caret-down"
+    CARET_DOWN = "caret-down",
+    INFO_CIRCLE = "info-circle",
+    CHECK_CIRCLE_FILLED = "check-circle-filled",
+    WARNING_CIRCLE_FILLED = "warning-circle-filled",
+    CLOSE_CIRCLE_FILLED = "close-circle-filled"
 }

package/lib/components/kit-textbox/kit-textbox.component.d.ts

@@ -2,6 +2,7 @@ import { EventEmitter } from '@angular/core';
 import { ControlValueAccessor } from '@angular/forms';
 import { KitSvgIcon } from '../kit-svg-icon/kit-svg-icon.const';
 import { KitInputMessageType } from '../kit-input-message/kit-input-message.component';
+import { KitTextboxState } from 'projects/ui-kit/src/lib/components/kit-textbox/kit-textbox.const';
 import * as i0 from "@angular/core";
 export declare class KitTextboxComponent implements ControlValueAccessor {
     /**
@@ -36,6 +37,14 @@ export declare class KitTextboxComponent implements ControlValueAccessor {
      * Defines the maximum length of the textbox value
      */
     maxlength?: number;
+    /**
+     * Defines the state of the textbox
+     */
+    state: KitTextboxState;
+    /**
+     * Defines the icon which will be used with the input field
+     */
+    icon?: KitSvgIcon;
     /**
      * An action which is emitted when input field lost focus
      */
@@ -44,6 +53,7 @@ export declare class KitTextboxComponent implements ControlValueAccessor {
      * An action which is emitted when input value changed
      */
     changed: EventEmitter<string>;
+    readonly textboxStateIcon: Record<KitTextboxState, KitSvgIcon>;
     /**
      * Function that should be called every time the form control value changes
      */
@@ -65,5 +75,5 @@ export declare class KitTextboxComponent implements ControlValueAccessor {
      */
     onInputChange(value: string): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<KitTextboxComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<KitTextboxComponent, "kit-textbox", never, { "placeholder": { "alias": "placeholder"; "required": false; }; "label": { "alias": "label"; "required": false; }; "defaultValue": { "alias": "defaultValue"; "required": false; }; "messageIcon": { "alias": "messageIcon"; "required": false; }; "messageText": { "alias": "messageText"; "required": false; }; "messageType": { "alias": "messageType"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "maxlength": { "alias": "maxlength"; "required": false; }; }, { "blured": "blured"; "changed": "changed"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<KitTextboxComponent, "kit-textbox", never, { "placeholder": { "alias": "placeholder"; "required": false; }; "label": { "alias": "label"; "required": false; }; "defaultValue": { "alias": "defaultValue"; "required": false; }; "messageIcon": { "alias": "messageIcon"; "required": false; }; "messageText": { "alias": "messageText"; "required": false; }; "messageType": { "alias": "messageType"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "maxlength": { "alias": "maxlength"; "required": false; }; "state": { "alias": "state"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; }, { "blured": "blured"; "changed": "changed"; }, never, never, false, never>;
 }

package/lib/components/kit-textbox/kit-textbox.const.d.ts

@@ -0,0 +1,6 @@
+export declare enum KitTextboxState {
+    DEFAULT = "default",
+    WARNING = "warning",
+    ERROR = "error",
+    SUCCESS = "success"
+}

package/lib/components/kit-textbox/kit-textbox.module.d.ts

@@ -4,8 +4,9 @@ import * as i2 from "@angular/common";
 import * as i3 from "@progress/kendo-angular-inputs";
 import * as i4 from "@progress/kendo-angular-label";
 import * as i5 from "../kit-input-message/kit-input-message.module";
+import * as i6 from "../kit-svg-icon/kit-svg-icon.module";
 export declare class KitTextboxModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<KitTextboxModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<KitTextboxModule, [typeof i1.KitTextboxComponent], [typeof i2.CommonModule, typeof i3.TextBoxModule, typeof i4.LabelModule, typeof i5.KitInputMessageModule], [typeof i1.KitTextboxComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<KitTextboxModule, [typeof i1.KitTextboxComponent], [typeof i2.CommonModule, typeof i3.TextBoxModule, typeof i4.LabelModule, typeof i5.KitInputMessageModule, typeof i6.KitSvgIconModule], [typeof i1.KitTextboxComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<KitTextboxModule>;
 }

package/package.json

@@ -7,7 +7,7 @@
     "components",
     "shared"
   ],
-  "version": "1.1.23",
+  "version": "1.1.24",
   "peerDependencies": {
     "@angular/common": "^17.0.7",
     "@angular/core": "^17.0.7"

package/styles/theming.scss

@@ -30,10 +30,12 @@
 
   --ui-kit-color-green: #00b0ad;
   --ui-kit-color-green-1: #39c237;
+  --ui-kit-color-green-2: #39c23733;
 
   --ui-kit-color-red: #ef3e42;
   --ui-kit-color-red-20: #f8e0e0;
   --ui-kit-color-red-1: #f5222d;
+  --ui-kit-color-red-2: #f5222d33;
 
   --ui-kit-color-cobalt: #006890;
   --ui-kit-color-cobalt-darkest: #002a3a;
@@ -41,4 +43,5 @@
   --ui-kit-color-teal: #23afd2;
 
   --ui-kit-color-orange: #faad14;
+  --ui-kit-color-orange-1: #faad1433;
 }