@indigina/ui-kit 1.1.36 → 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-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.36",
+  "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/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;
 }