@indigina/ui-kit 1.1.35 → 1.1.37

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

@@ -0,0 +1,36 @@
+import { EventEmitter } from '@angular/core';
+import { KitSvgIcon } from '../kit-svg-icon/kit-svg-icon.const';
+import { KitButtonKind, KitButtonType } from '../kit-button/kit-button.const';
+import { KitCard } from './kit-card.model';
+import { KitTooltipPosition } from '../../directives/kit-tooltip/kit-tooltip.directive';
+import { KitCardTheme } from './kit-card.const';
+import * as i0 from "@angular/core";
+export declare class KitCardComponent {
+    /**
+     * Defines card data
+     */
+    data: KitCard | null;
+    /**
+     * Defines card color theme
+     */
+    theme: KitCardTheme;
+    /**
+     * Defines whether the items list will be expanded
+     */
+    itemsExpanded: boolean;
+    /**
+     * An action which is emitted when action button clicked
+     */
+    buttonClicked: EventEmitter<void>;
+    /**
+     * An action which is emitted when toggle button clicked
+     */
+    toggleClicked: EventEmitter<boolean>;
+    readonly KitSvgIcon: typeof KitSvgIcon;
+    readonly KitButtonType: typeof KitButtonType;
+    readonly KitButtonKind: typeof KitButtonKind;
+    readonly KitTooltipPosition: typeof KitTooltipPosition;
+    toggleList(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<KitCardComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<KitCardComponent, "kit-card", never, { "data": { "alias": "data"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; "itemsExpanded": { "alias": "itemsExpanded"; "required": false; }; }, { "buttonClicked": "buttonClicked"; "toggleClicked": "toggleClicked"; }, never, never, false, never>;
+}

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

@@ -0,0 +1,9 @@
+export declare enum KitCardTheme {
+    DEFAULT = "default",
+    GREEN = "green",
+    PINK = "pink",
+    PURPLE = "purple",
+    ORANGE = "orange",
+    TEAL = "teal",
+    GREY = "grey"
+}

package/lib/components/kit-card/kit-card.model.d.ts

@@ -0,0 +1,16 @@
+import { KitSvgIcon, KitSvgIconType } from '../kit-svg-icon/kit-svg-icon.const';
+export interface KitCard {
+    title: string;
+    titleIcon: KitSvgIcon;
+    label: string;
+    count: number;
+    buttonLabel: string;
+    items: KitCardItem[];
+    titleIconType?: KitSvgIconType;
+}
+export interface KitCardItem {
+    label: string;
+    count: number;
+    link: string | null | (string | number)[];
+    tooltip?: string;
+}

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

@@ -0,0 +1,12 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./kit-card.component";
+import * as i2 from "@angular/common";
+import * as i3 from "../kit-svg-icon/kit-svg-icon.module";
+import * as i4 from "../kit-button/kit-button.module";
+import * as i5 from "@angular/router";
+import * as i6 from "../../directives/kit-tooltip/kit-tooltip.module";
+export declare class KitCardModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<KitCardModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<KitCardModule, [typeof i1.KitCardComponent], [typeof i2.CommonModule, typeof i3.KitSvgIconModule, typeof i4.KitButtonModule, typeof i5.RouterLink, typeof i6.KitTooltipModule, typeof i2.NgClass], [typeof i1.KitCardComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<KitCardModule>;
+}

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

@@ -1,5 +1,6 @@
 import { ElementRef } from '@angular/core';
 import { KitSvgIcon } from '../kit-svg-icon/kit-svg-icon.const';
+import { KitTooltipPosition } from '../../directives/kit-tooltip/kit-tooltip.directive';
 import * as i0 from "@angular/core";
 export declare class KitInputLabelComponent {
     /**
@@ -15,6 +16,7 @@ export declare class KitInputLabelComponent {
      */
     tooltip?: string;
     readonly KitSvgIcon: typeof KitSvgIcon;
+    readonly KitTooltipPosition: typeof KitTooltipPosition;
     static ɵfac: i0.ɵɵFactoryDeclaration<KitInputLabelComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<KitInputLabelComponent, "kit-input-label", never, { "text": { "alias": "text"; "required": false; }; "for": { "alias": "for"; "required": false; }; "tooltip": { "alias": "tooltip"; "required": false; }; }, {}, never, never, false, never>;
 }

package/lib/components/kit-input-label/kit-input-label.module.d.ts

@@ -3,8 +3,9 @@ import * as i1 from "./kit-input-label.component";
 import * as i2 from "@angular/common";
 import * as i3 from "@progress/kendo-angular-label";
 import * as i4 from "../kit-svg-icon/kit-svg-icon.module";
+import * as i5 from "../../directives/kit-tooltip/kit-tooltip.module";
 export declare class KitInputLabelModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<KitInputLabelModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<KitInputLabelModule, [typeof i1.KitInputLabelComponent], [typeof i2.CommonModule, typeof i3.LabelModule, typeof i4.KitSvgIconModule], [typeof i1.KitInputLabelComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<KitInputLabelModule, [typeof i1.KitInputLabelComponent], [typeof i2.CommonModule, typeof i3.LabelModule, typeof i4.KitSvgIconModule, typeof i5.KitTooltipModule], [typeof i1.KitInputLabelComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<KitInputLabelModule>;
 }

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

@@ -80,6 +80,7 @@ export declare enum KitSvgIcon {
     BACK_ARROW = "back-arrow",
     USER = "user",
     CARET_DOWN = "caret-down",
+    CARET_UP = "caret-up",
     INFO_CIRCLE = "info-circle",
     CHECK_CIRCLE_FILLED = "check-circle-filled",
     WARNING_CIRCLE_FILLED = "warning-circle-filled",

package/package.json

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

package/public-api.d.ts

@@ -113,3 +113,7 @@ export { KitTabsComponent } from './lib/components/kit-tabs/kit-tabs.component';
 export { KitTabsType } from './lib/components/kit-tabs/kit-tabs.const';
 export { KitTabsSelectEvent } from './lib/components/kit-tabs/kit-tabs.model';
 export { KitTabComponent } from './lib/components/kit-tabs/kit-tab/kit-tab.component';
+export { KitCardModule } from './lib/components/kit-card/kit-card.module';
+export { KitCardComponent } from './lib/components/kit-card/kit-card.component';
+export { KitCard, KitCardItem } from './lib/components/kit-card/kit-card.model';
+export { KitCardTheme } from './lib/components/kit-card/kit-card.const';

package/styles/components/tooltip.scss

@@ -1,11 +1,25 @@
-@import "../colors";
-@import "../spacings";
+.kit-tooltip {
+  .k-popup {
+    max-width: 250px;
+    border: none;
+    box-shadow: none;
+  }
 
-.k-tooltip-wrapper {
   .k-tooltip {
-    background: $color-primary-cobalt-darkest;
-    padding: $spacing-24 $spacing-32;
-    color: $color-white;
-    border-radius: $spacing-12;
+    padding: 6px 10px;
+    color: var(--ui-kit-color-grey-10);
+    font-size: 12px;
+    font-weight: 500;
+    line-height: 14px;
+    border-radius: 4px;
+    border: 1px solid var(--ui-kit-color-grey-11);
+    background: var(--ui-kit-color-white);
+    box-shadow:
+      0 1px 3px 0 rgba(0 0 0 / 0.10),
+      0 1px 2px 0 rgba(0 0 0 / 0.06);
+  }
+
+  .k-callout {
+    display: none;
   }
 }

package/styles/theming.scss

@@ -10,7 +10,7 @@
   --ui-kit-color-main: #56a2f7;
   --ui-kit-color-hover: #3678c3;
   --ui-kit-color-selected: #3678c366;
-  --ui-kit-color-active: #002a3a;
+  --ui-kit-color-active: #3678c3;
   --ui-kit-color-focus: #56a2f733;
 
   --ui-kit-color-grey-0: #252b30;
@@ -31,6 +31,7 @@
   --ui-kit-color-green: #00b0ad;
   --ui-kit-color-green-1: #39c237;
   --ui-kit-color-green-2: #39c23733;
+  --ui-kit-color-green-3: #1cb589;
 
   --ui-kit-color-red: #ef3e42;
   --ui-kit-color-red-20: #f8e0e0;
@@ -44,4 +45,8 @@
 
   --ui-kit-color-orange: #faad14;
   --ui-kit-color-orange-1: #faad1433;
+
+  --ui-kit-color-pink: #cd1159;
+
+  --ui-kit-color-purple: #7673ce;
 }