@indigina/ui-kit 1.1.110 → 1.1.112

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

@@ -3,7 +3,8 @@ export declare enum KitButtonType {
     GHOST = "ghost",
     TEXT = "text",
     LINK = "link",
-    DASHED = "dashed"
+    DASHED = "dashed",
+    SUCCESS = "success"
 }
 export declare enum KitButtonKind {
     LARGE = "large",

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

@@ -0,0 +1,21 @@
+import { InputSignal } from '@angular/core';
+import { KitShipmentCardActionItem, KitShipmentCardData } from './kit-shipment-card.model';
+import { KitSvgIcon } from '../kit-svg-icon/kit-svg-icon.const';
+import { KitButtonKind, KitButtonType } from '../kit-button/kit-button.const';
+import * as i0 from "@angular/core";
+export declare class KitShipmentCard {
+    readonly data: InputSignal<KitShipmentCardData>;
+    readonly selected: InputSignal<boolean>;
+    readonly kitSvgIcon: typeof KitSvgIcon;
+    readonly kitButtonType: typeof KitButtonType;
+    readonly kitButtonKind: typeof KitButtonKind;
+    containersExpanded: boolean;
+    timelineExpanded: boolean;
+    get shipmentModeIcon(): KitSvgIcon.AIR | KitSvgIcon.SHIP | KitSvgIcon.LOGISTICS;
+    get timelineItems(): KitShipmentCardActionItem[];
+    get containerItems(): KitShipmentCardActionItem[];
+    showContainers(): void;
+    showTimeline(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<KitShipmentCard, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<KitShipmentCard, "kit-shipment-card", never, { "data": { "alias": "data"; "required": true; "isSignal": true; }; "selected": { "alias": "selected"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}

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

@@ -0,0 +1,18 @@
+export interface KitShipmentCardData {
+    latestRequiredByDate: string | null;
+    vesselName: string | null;
+    destinationPort: string | null;
+    originPort: string | null;
+    reference: string | null;
+    containerMode: string | null;
+    state: string | null;
+    type: 'Air' | 'Sea' | 'Road' | null;
+    containerActionBtnLabel: string;
+    timelineActionBtnLabel: string;
+    containerItems: KitShipmentCardActionItem[];
+    timelineItems: KitShipmentCardActionItem[];
+}
+export interface KitShipmentCardActionItem {
+    label: string;
+    value: string | null;
+}

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

@@ -140,7 +140,13 @@ export declare enum KitSvgIcon {
     NOTIFICATION_WARNING = "notification-warning",
     EYE_OPEN = "eye-open",
     EYE_CLOSE = "eye-close",
-    GLOBAL = "global"
+    GLOBAL = "global",
+    TO_APPROVE = "to-approve",
+    CHECK_STICKER = "check-sticker",
+    AIR = "air",
+    TABLE_VIEW = "table-view",
+    LIST_VIEW = "list-view",
+    KANBAN_VIEW = "kanban-view"
 }
 export declare enum KitSvgIconType {
     FILL = "fill",

package/package.json

@@ -7,7 +7,7 @@
     "components",
     "shared"
   ],
-  "version": "1.1.110",
+  "version": "1.1.112",
   "peerDependencies": {
     "@angular/common": "^19.1.4",
     "@angular/core": "^19.1.4"

package/public-api.d.ts

@@ -122,6 +122,8 @@ export { KitCardModule } from './lib/components/kit-card/kit-card.module';
 export { KitCardComponent } from './lib/components/kit-card/kit-card.component';
 export { KitCard, KitCardItem, KitCardLink } from './lib/components/kit-card/kit-card.model';
 export { KitCardTheme } from './lib/components/kit-card/kit-card.const';
+export { KitShipmentCard } from './lib/components/kit-shipment-card/kit-shipment-card.component';
+export { KitShipmentCardData } from './lib/components/kit-shipment-card/kit-shipment-card.model';
 export { KitBreadcrumbsModule } from './lib/components/kit-breadcrumbs/kit-breadcrumbs.module';
 export { KitBreadcrumbsComponent } from './lib/components/kit-breadcrumbs/kit-breadcrumbs.component';
 export { KitBreadcrumbsItem } from './lib/components/kit-breadcrumbs/kit-breadcrumbs.model';

package/styles/components/button-variants.scss

@@ -191,6 +191,28 @@
     }
   }
 
+  .success {
+    color: var(--ui-kit-color-white);
+    background: var(--ui-kit-color-green-1);
+
+    .kit-button-icon {
+      @include setIconColor(var(--ui-kit-color-white));
+    }
+
+    &:hover {
+      background: var(--ui-kit-color-green-6);
+    }
+
+    &:disabled {
+      border: 1px solid var(--ui-kit-color-grey-11);
+      background: var(--ui-kit-color-grey-13);
+
+      .kit-button-icon {
+        @include setIconColor(var(--ui-kit-color-grey-12));
+      }
+    }
+  }
+
   .large {
     padding: 0 16px;
     height: 40px;

package/styles/theming.scss

@@ -51,18 +51,21 @@
 
   --ui-kit-color-teal: #23afd2;
   --ui-kit-color-teal-1: #d8edf3;
+  --ui-kit-color-teal-2: #4fcae8;
 
   --ui-kit-color-orange: #faad14;
   --ui-kit-color-orange-1: #faad1433;
   --ui-kit-color-orange-2: #ff7a00;
   --ui-kit-color-orange-3: #fbecde;
   --ui-kit-color-orange-4: #fff6e4;
+  --ui-kit-color-orange-5: #fd9638;
 
   --ui-kit-color-pink: #cd1159;
   --ui-kit-color-pink-1: #fae7ee;
 
   --ui-kit-color-purple: #7673ce;
   --ui-kit-color-purple-1: #e7e7f6;
+  --ui-kit-color-purple-2: #9795e2;
 
   --ui-kit-color-blue: #1677ff;
   --ui-kit-color-blue-1: #e4eeff;