@colijnit/transaction 255.1.37 → 255.1.39

package/lib/component/transaction-search/transaction-search-tile/transaction-purchase-reservation-order-tile/style/_layout.scss

@@ -1,48 +1,54 @@
 @include export-module('cc-transaction-purchase-reservation-order-tile-layout') {
   .co-transaction-purchase-reservation-order-tile {
-
+    width: 100%;
+    height: 200px;
     .column {
       display: flex;
-      flex-direction: column;
+      flex-direction: row;
+      gap: 10px;
+      justify-content: space-between;
     }
-
-    width: 400px;
-    height: 200px;
-
     .transaction-tile-wrapper {
-      padding: 1em;
+      padding: 15px 20px;
       height: 100%;
       width: 100%;
-      border: 1px solid rgba(black, 0.1);
-      border-radius: 8px;
+      box-shadow: 0 2px 4px 0 #0000005c;
+      border-left: 4px solid #45b8bf;
+      border-radius: 5px;
       display: flex;
       flex-direction: column;
       .tile {
         height: 100%;
         width: 100%;
+        display: flex;
+        flex-direction: column;
+        justify-content: space-around;
         .tile-header {
           display: flex;
           flex-direction: row;
+          justify-content: space-between;
           gap: 0.5em;
         }
-
         .tile-upper-right{
           display: flex;
-          flex-direction: row;
-          gap: 1em;
-
-          .title{
-            color: #8083A3;
-          }
-
+          flex-direction: column;
+          gap: 5px;
         }
-
         .tile-footer {
-          align-items: flex-end;
+          align-items: center;
           display: flex;
-          justify-content: space-evenly;
+          justify-content: space-between;
           flex-direction: row;
           gap: 0.5em;
+          .tile-bottom-left {
+            display: flex;
+            align-items: center;
+            gap: 10px;
+            .co-icon {
+              width: 22px;
+              height: 22px;
+            }
+          }
         }
 
         .header {

package/lib/component/transaction-service-overview/style/_layout.scss

@@ -150,6 +150,10 @@
               font-weight: 500;
               color: #8083A3;
             }
+            span {
+              font-size: 12px;
+              white-space: break-spaces;
+            }
           }
 
           .co-files-upload {

package/lib/enum/icon.enum.d.ts

@@ -15,6 +15,7 @@ export declare enum Icon {
     BoxOpenFullRegular = "box_open_full_regular",
     CalendarDay = "calendar_day",
     CalendarDayRegular = "calendar_day_regular",
+    CalendarLinesRegular = "calendar_lines_regular",
     Cancel = "cancel",
     CaretDownSolid = "caret_down_solid",
     CaretUpSolid = "caret_up_solid",
@@ -32,6 +33,7 @@ export declare enum Icon {
     CheckDuotone = "check_duotone",
     CheckThin = "check_thin",
     ChevronDownRegular = "chevron_down_regular",
+    ChevronRightRegular = "chevron_right_regular",
     ChevronUpRegular = "chevron_up_regular",
     CircleExclamationRegular = "circle_exclamation_regular",
     CloseDialog = "close_dialog",
@@ -62,6 +64,8 @@ export declare enum Icon {
     IndustrySolid = "industry_solid",
     Invoice = "invoice",
     LessThanSolid = "less_than_solid",
+    LightCreditCardCheck = "light_credit_card_check",
+    LightEuroSignMinus = "light_euro_sign_minus",
     LinkRegular = "link_regular",
     LinkSimpleSolid = "link_simple_solid",
     ListRegular = "list_regular",
@@ -94,12 +98,15 @@ export declare enum Icon {
     RegularBoxOpenCircleCheck = "regular_box_open_circle_check",
     RegularCartFlatbedBoxesCircleCheck = "regular_cart_flatbed_boxes_circle_check",
     RegularCartShoppingCircleQuestion = "regular_cart_shopping_circle_question",
+    RegularCartShoppingClock = "regular_cart_shopping_clock",
     RegularEuroSignMinus = "regular_euro_sign_minus",
     RegularIndustryClock = "regular_industry_clock",
     RegularIndustryTag = "regular_industry_tag",
     RegularReceiptSlash = "regular_receipt_slash",
     RegularTruckMovingCircleExclamation = "regular_truck_moving_circle_exclamation",
     RegularTruckMovingCircleUser = "regular_truck_moving_circle_user",
+    RegularTruckMovingClock = "regular_truck_moving_clock",
+    RegularWarehouseClock = "regular_warehouse_clock",
     Remark = "remark",
     Resize = "resize",
     ServiceCartRegular = "service_cart_regular",
@@ -127,6 +134,7 @@ export declare enum Icon {
     ToolboxRegular = "toolbox_regular",
     TrashBin = "trash_bin",
     TrashCanLight = "trash_can_light",
+    TrashCanRegular = "trash_can_regular",
     TriangleDown = "triangle_down",
     TriangleUp = "triangle_up",
     Truck = "truck",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@colijnit/transaction",
-  "version": "255.1.37",
+  "version": "255.1.39",
   "description": "Colijn IT transaction module for Angular 12",
   "repository": "npm/npm",
   "author": "Colijn IT",