@indigina/ui-kit 1.0.41 → 1.0.45

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

@@ -9,6 +9,10 @@ export interface KitAutocompleteItem<T> {
     value: T;
     getText?(): string;
 }
+export declare enum KitAutocompleteState {
+    REGULAR = "regular",
+    DANGER = "danger"
+}
 export declare class KitAutocompleteComponent<T> implements ControlValueAccessor {
     private elementRef;
     /**
@@ -47,6 +51,10 @@ export declare class KitAutocompleteComponent<T> implements ControlValueAccessor
      * Defines a value which going to be an info message type
      */
     messageType: KitInputMessageType;
+    /**
+     * Defines a particular state for the component
+     */
+    state: KitAutocompleteState;
     /**
      * An action which is emitted when input value changed
      */

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

@@ -1,5 +1,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';
 export declare enum KitCheckboxState {
     REGULAR = "regular",
     DANGER = "danger"
@@ -22,6 +24,18 @@ export declare class KitCheckboxComponent implements ControlValueAccessor {
      * Defines a particular state for the component
      */
     state: KitCheckboxState;
+    /**
+     * Defines an icon which will be used to the left of the info message
+     */
+    messageIcon?: KitSvgIcon;
+    /**
+     * Defines a value which going to be an info message text
+     */
+    messageText?: string;
+    /**
+     * Defines a value which going to be an info message type
+     */
+    messageType: KitInputMessageType;
     /**
      * Occurs as soon as input checked state is changed
      */

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

@@ -3,11 +3,16 @@ import { ItemDisabledFn, PopupSettings } from '@progress/kendo-angular-dropdowns
 import { KitSvgIcon } from '../kit-svg-icon/kit-svg-icon.const';
 import { KitInputMessageType } from '../kit-input-message/kit-input-message.component';
 import { ControlValueAccessor } from '@angular/forms';
+import { KitAutocompleteState } from '../kit-autocomplete/kit-autocomplete.component';
 export interface KitDropdownItem<T> {
     text: string;
     value: T;
     disabled?: Predicate<KitDropdownItem<T>>;
 }
+export declare enum KitDropdownState {
+    REGULAR = "regular",
+    DANGER = "danger"
+}
 export declare class KitDropdownComponent<T> implements ControlValueAccessor {
     /**
      * an items list which is going to be rendered as dropdown items
@@ -37,6 +42,10 @@ export declare class KitDropdownComponent<T> implements ControlValueAccessor {
      * Defines a value which going to be an info message type
      */
     messageType: KitInputMessageType;
+    /**
+     * Defines a particular state for the component
+     */
+    state: KitAutocompleteState;
     /**
      * occurs once an item in the dropdown is selected
      */

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

@@ -1,5 +1,7 @@
 import { EventEmitter } from '@angular/core';
 import { KitSwitchItem } from './kit-switch-item.model';
+import { KitSvgIcon } from '../kit-svg-icon/kit-svg-icon.const';
+import { KitInputMessageType } from '../kit-input-message/kit-input-message.component';
 export declare enum KitSwitchMode {
     SINGLE = "single",
     MULTI = "multiple"
@@ -9,6 +11,10 @@ export interface KitSwitchItemSelection {
     item: KitSwitchItem;
     mode: KitSwitchMode;
 }
+export declare enum KitSwitchState {
+    REGULAR = "regular",
+    DANGER = "danger"
+}
 export declare class KitSwitchComponent {
     /**
      * items list which is going to be rendered as switch buttons
@@ -32,6 +38,22 @@ export declare class KitSwitchComponent {
      * in case of "single" mode it should be only one value
      */
     selection?: string[];
+    /**
+     * Defines an icon which will be used to the left of the info message
+     */
+    messageIcon?: KitSvgIcon;
+    /**
+     * Defines a value which going to be an info message text
+     */
+    messageText?: string;
+    /**
+     * Defines a value which going to be an info message type
+     */
+    messageType: KitInputMessageType;
+    /**
+     * Defines a particular state for the component
+     */
+    state: KitSwitchState;
     /**
      * emits when an items has been selected
      */

package/lib/components/kit-text-label/kit-text-label.component.d.ts

@@ -1,4 +1,8 @@
 import { KitInputMessageType } from '../kit-input-message/kit-input-message.component';
+export declare enum KitTextLabelState {
+    REGULAR = "regular",
+    DANGER = "danger"
+}
 export declare class KitTextLabelComponent {
     /**
      * Defines a value that is going to be applied as a label top text
@@ -24,4 +28,8 @@ export declare class KitTextLabelComponent {
      * Defines a value which going to be an info message type
      */
     messageType: KitInputMessageType;
+    /**
+     * Defines a particular state for the component
+     */
+    state: KitTextLabelState;
 }

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

@@ -1,6 +1,10 @@
 import { EventEmitter, OnChanges } from '@angular/core';
 import { ControlValueAccessor } from '@angular/forms';
 import { KitSvgIcon } from '../kit-svg-icon/kit-svg-icon.const';
+export declare enum KitTextareaState {
+    REGULAR = "regular",
+    DANGER = "danger"
+}
 export declare class KitTextareaComponent implements ControlValueAccessor, OnChanges {
     /**
      * Defines a value that is going to be applied as a textarea placeholder
@@ -40,6 +44,10 @@ export declare class KitTextareaComponent implements ControlValueAccessor, OnCha
      * Defines a value which going to be an info message text
      */
     messageText?: string;
+    /**
+     * Defines a particular state for the component
+     */
+    state: KitTextareaState;
     /**
      * Defines a value that is going to be applied as a minimal textarea height
      */

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

@@ -0,0 +1,50 @@
+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';
+export declare class KitToggleComponent implements ControlValueAccessor {
+    /**
+     * Defines a label text which will be displayed next to the toggle
+     */
+    label?: string;
+    /**
+     * Defines whether the component will be in disabled state
+     */
+    disabled: boolean;
+    /**
+     * Defines a default value
+     */
+    defaultChecked: boolean;
+    /**
+     * Defines an icon which will be used to the left of the info message
+     */
+    messageIcon?: KitSvgIcon;
+    /**
+     * Defines a value which going to be an info message text
+     */
+    messageText?: string;
+    /**
+     * Defines a value which going to be an info message type
+     */
+    messageType: KitInputMessageType;
+    /**
+     * Occurs as soon as toggle state is changed
+     */
+    changed: EventEmitter<boolean>;
+    /**
+     * Function that is called when toggle state changed
+     */
+    onInputStateChange(checked: boolean): void;
+    /**
+     * Function that should be called every time the form control value changes
+     */
+    onChange: (value: boolean) => void;
+    /**
+     * Function that should be called when input lost focus and changed form control state to "touched"
+     */
+    onTouched: () => void;
+    registerOnChange(fn: (_: boolean) => void): void;
+    registerOnTouched(fn: () => void): void;
+    writeValue(value: boolean): void;
+    setDisabledState(disabled: boolean): void;
+}

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

@@ -0,0 +1,2 @@
+export declare class KitToggleModule {
+}

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

@@ -12,6 +12,10 @@ export declare enum KitUnitsTextboxType {
     TEXT = "text",
     NUMBER = "number"
 }
+export declare enum KitUnitsTextboxState {
+    REGULAR = "regular",
+    DANGER = "danger"
+}
 export declare class KitUnitsTextboxComponent<T> {
     /**
      * Defines a value that is going to be applied as a textbox placeholder
@@ -89,6 +93,10 @@ export declare class KitUnitsTextboxComponent<T> {
      * Specifies the number format of the numeric textbox
      */
     format?: string;
+    /**
+     * Defines a particular state for the component
+     */
+    state: KitUnitsTextboxState;
     /**
      * Occurs once an item in the dropdown is selected
      */

package/package.json

@@ -7,7 +7,7 @@
     "components",
     "shared"
   ],
-  "version": "1.0.41",
+  "version": "1.0.45",
   "peerDependencies": {
     "@angular/common": "11.2.10",
     "@angular/core": "11.2.10"

package/public-api.d.ts

@@ -7,7 +7,7 @@ export { KitSvgIconModule } from './lib/components/kit-svg-icon/kit-svg-icon.mod
 export { KitSvgIcon } from './lib/components/kit-svg-icon/kit-svg-icon.const';
 export { KitLoaderComponent } from './lib/components/kit-loader/kit-loader.component';
 export { KitLoaderModule } from './lib/components/kit-loader/kit-loader.module';
-export { KitSwitchComponent, KitSwitchMode, KitSwitchItemSelection } from './lib/components/kit-switch/kit-switch.component';
+export { KitSwitchComponent, KitSwitchMode, KitSwitchItemSelection, KitSwitchState, } from './lib/components/kit-switch/kit-switch.component';
 export { KitSwitchModule } from './lib/components/kit-switch/kit-switch.module';
 export { KitSwitchItem } from './lib/components/kit-switch/kit-switch-item.model';
 export { KitTextboxComponent } from './lib/components/kit-textbox/kit-textbox.component';
@@ -16,9 +16,9 @@ export { KitNumericTextboxComponent } from './lib/components/kit-numeric-textbox
 export { KitNumericTextboxModule } from './lib/components/kit-numeric-textbox/kit-numeric-textbox.module';
 export { KitInputMessageComponent, KitInputMessageType } from './lib/components/kit-input-message/kit-input-message.component';
 export { KitInputMessageModule } from './lib/components/kit-input-message/kit-input-message.module';
-export { KitDropdownComponent, KitDropdownItem } from './lib/components/kit-dropdown/kit-dropdown.component';
+export { KitDropdownComponent, KitDropdownItem, KitDropdownState } from './lib/components/kit-dropdown/kit-dropdown.component';
 export { KitDropdownModule } from './lib/components/kit-dropdown/kit-dropdown.module';
-export { KitTextareaComponent } from './lib/components/kit-textarea/kit-textarea.component';
+export { KitTextareaComponent, KitTextareaState } from './lib/components/kit-textarea/kit-textarea.component';
 export { KitTextareaModule } from './lib/components/kit-textarea/kit-textarea.module';
 export { KitTextareaAutoresizeDirective } from './lib/components/kit-textarea/kit-textarea-autoresize.directive';
 export { KitTextLabelComponent } from './lib/components/kit-text-label/kit-text-label.component';
@@ -39,7 +39,9 @@ export { KitNavbarComponent, KitNavbarLink, KitNavbarMenuItem } from './lib/comp
 export { KitNavbarModule } from './lib/components/kit-navbar/kit-navbar.module';
 export { KitLocationStepperComponent, KitLocationStepperItem, KitLocationStepperItemDate, } from './lib/components/kit-location-stepper/kit-location-stepper.component';
 export { KitLocationStepperModule } from './lib/components/kit-location-stepper/kit-location-stepper.module';
-export { KitAutocompleteComponent, KitAutocompleteItem } from './lib/components/kit-autocomplete/kit-autocomplete.component';
+export { KitAutocompleteComponent, KitAutocompleteItem, KitAutocompleteState, } from './lib/components/kit-autocomplete/kit-autocomplete.component';
 export { KitAutocompleteModule } from './lib/components/kit-autocomplete/kit-autocomplete.module';
 export { KitCheckboxComponent, KitCheckboxState } from './lib/components/kit-checkbox/kit-checkbox.component';
 export { KitCheckboxModule } from './lib/components/kit-checkbox/kit-checkbox.module';
+export { KitToggleComponent } from './lib/components/kit-toggle/kit-toggle.component';
+export { KitToggleModule } from './lib/components/kit-toggle/kit-toggle.module';

package/styles/colors.scss

@@ -5,6 +5,7 @@ $color-white: #ffffff;
 $color-neutral-gray: #74777d;
 $color-neutral-gray-20w: #cdd2d9;
 $color-neutral-gray-40w: #dadde3;
+$color-neutral-gray-60w: #e6e9ec;
 $color-neutral-gray-80w: #f3f4f6;
 $color-neutral-gray-90w: #f3f5fa;
 $color-neutral-gray-mid: #c1c7d0;

package/styles/styles.scss

@@ -6,6 +6,7 @@
 @import "~@progress/kendo-theme-default/scss/datetime";
 @import "~@progress/kendo-theme-default/scss/combobox";
 @import "~@progress/kendo-theme-default/scss/checkbox";
+@import "~@progress/kendo-theme-default/scss/switch";
 
 /* styles which need to be included by default into app styles */
 @import "common";