@colijnit/transaction 262.1.51 → 262.1.53

package/lib/component/returns/return-wizard/form-response/style/material.scss

@@ -1,3 +1,3 @@
-@import "./material-definition";
-@import "./layout";
-@import "./theme";
+@import "./material-definition";
+@import "./layout";
+@import "./theme";

package/lib/component/returns/return-wizard/return-lines-wizard/style/_layout.scss

@@ -1,85 +1,85 @@
-@include export-module('co-return-lines-wizard-layout') {
-  .co-return-lines-wizard {
-    .return-line-wizard-contents {
-      display: flex;
-      flex-direction: column;
-      row-gap: 10px;
-
-      .form-repsonse-component {
-        padding-left: 5px;
-      }
-
-      .lines-wizard-sub-title {
-        margin-top: 30px;
-        font-weight: bold;
-      }
-
-      .files-upload {
-        display: flex;
-
-        .co-files-upload {
-          width: 100%;
-          min-height: 150px;
-          overflow-x: auto;
-
-          co-drag-drop-container {
-            display: flex;
-            flex-direction: row;
-            column-gap: 20px;
-            padding-top: 30px;
-            position: relative;
-            margin-top: 0;
-            gap: 5px;
-            align-items: flex-start;
-
-            .add-file {
-              position: absolute;
-              top: 0;
-
-              .co-tile-render {
-                display: flex;
-                align-items: center;
-                flex-direction: row-reverse;
-
-                .add-button {
-                  position: unset;
-                }
-              }
-
-              .description {
-                font-weight: bold;
-                font-size: 12px;
-              }
-            }
-
-            .tile {
-              padding: 10px;
-              border-radius: 5px;
-              border: 1px solid #CCCCCC;
-              height: 100%;
-
-              .info {
-                max-width: 100px;
-
-                .description {
-                  font-size: 10px;
-                  display: -webkit-box;
-                  -webkit-line-clamp: 2;
-                  -webkit-box-orient: vertical;
-                  overflow: hidden;
-                  text-overflow: ellipsis;
-                }
-              }
-
-              .trash {
-                width: 20px;
-                height: 20px;
-                padding: 2px;
-              }
-            }
-          }
-        }
-      }
-    }
-  }
-}
+@include export-module('co-return-lines-wizard-layout') {
+  .co-return-lines-wizard {
+    .return-line-wizard-contents {
+      display: flex;
+      flex-direction: column;
+      row-gap: 10px;
+
+      .form-repsonse-component {
+        padding-left: 5px;
+      }
+
+      .lines-wizard-sub-title {
+        margin-top: 30px;
+        font-weight: bold;
+      }
+
+      .files-upload {
+        display: flex;
+
+        .co-files-upload {
+          width: 100%;
+          min-height: 150px;
+          overflow-x: auto;
+
+          co-drag-drop-container {
+            display: flex;
+            flex-direction: row;
+            column-gap: 20px;
+            padding-top: 30px;
+            position: relative;
+            margin-top: 0;
+            gap: 5px;
+            align-items: flex-start;
+
+            .add-file {
+              position: absolute;
+              top: 0;
+
+              .co-tile-render {
+                display: flex;
+                align-items: center;
+                flex-direction: row-reverse;
+
+                .add-button {
+                  position: unset;
+                }
+              }
+
+              .description {
+                font-weight: bold;
+                font-size: 12px;
+              }
+            }
+
+            .tile {
+              padding: 10px;
+              border-radius: 5px;
+              border: 1px solid #CCCCCC;
+              height: 100%;
+
+              .info {
+                max-width: 100px;
+
+                .description {
+                  font-size: 10px;
+                  display: -webkit-box;
+                  -webkit-line-clamp: 2;
+                  -webkit-box-orient: vertical;
+                  overflow: hidden;
+                  text-overflow: ellipsis;
+                }
+              }
+
+              .trash {
+                width: 20px;
+                height: 20px;
+                padding: 2px;
+              }
+            }
+          }
+        }
+      }
+    }
+  }
+}

package/lib/component/transaction-line-activities/style/_layout.scss

@@ -1,168 +1,168 @@
-@import "../../../style/mixin";
-
-@include export-module('co-transaction-line-activities-layout') {
-  .co-transaction-line-activities {
-    .service-overview-wrapper {
-      display: flex;
-      flex-direction: column;
-      justify-content: space-between;
-      width: 100%;
-    }
-    .message-and-task-wrapper {
-      display: flex;
-      gap: 15px;
-      width: 100%;
-      align-items: flex-start;
-      flex-wrap: wrap;
-    }
-    .timeline-and-message-wrapper {
-      display: flex;
-      flex-direction: column;
-      gap: 30px;
-      padding: 0 0 15px;
-      margin-bottom: 15px;
-      flex: 1;
-      align-self: flex-start;
-    }
-    .activity-list-component-wrapper {
-      padding: 0;
-      margin: 0;
-      display: flex;
-      flex-direction: column;
-      gap: 30px;
-      flex: 1;
-      align-self: flex-start;
-      width: 100%;
-      .activity-list-conv-wrapper {
-        flex: 1;
-        padding-left: 0;
-        max-height: 300px;
-        overflow: auto;
-      }
-      .co-task-creator {
-        position: sticky;
-        bottom: 0;
-        .task-creator-wrapper {
-          background: #ffffff;
-        }
-      }
-    }
-    .activity-task-creator-wrapper {
-      display: flex;
-      gap: 15px;
-      flex-direction: column;
-      width: 400px;
-      max-width: 100%;
-    }
-    .activity-task-overview-wrapper {
-      display: flex;
-      flex-direction: column;
-      gap: 10px;
-      padding: 15px;
-      border-radius: 5px;
-      box-shadow: 0 2px 5px 1px #0000001a;
-      background: #FFF;
-      .activity-header {
-        font-size: 14px;
-        font-weight: 700;
-        color: #171721;
-        position: relative;
-      }
-      .activity-wrapper-inner {
-        order: 2;
-        display: flex;
-        gap: 5px;
-        margin-top: 0;
-        flex-wrap: wrap;
-        max-height: 300px;
-        overflow: auto;
-        &.bottom-task {
-          .task-box {
-            .co-button {
-              border: 1px solid #1b2874;
-              background: #1b28741a;
-              color: #1b2874;
-              justify-content: center;
-              align-items: center;
-              height: 32px;
-              min-width: 150px;
-              width: 100%;
-              span {
-                text-align: center;
-                font-size: 11px;
-              }
-            }
-          }
-        }
-      }
-      .co-component-activity-overview {
-        order: 1;
-        width: 100%;
-        &.bottom-task {
-          order: 2;
-          width: calc(50% - 3px);
-        }
-        .overview-main {
-          max-width: 100%;
-          .label-date-activity {
-            display: flex;
-            justify-content: space-between;
-            align-items: center;
-          }
-          .activity-buttons {
-            .co-button {
-              width: 50%;
-              border: 1px solid #1a73e8 !important;
-              color: #1a73e8 !important;
-              background: #fff !important;
-              text-align: center;
-              padding: 5px 10px;
-              justify-content: center;
-              height: 32px;
-              max-width: calc(50% - 3px);
-            }
-          }
-        }
-        .overview-current {
-          .activity-title {
-            background: #d1e3fa;
-            border: 1px solid #1a73e8;
-            color: #1a73e8;
-            padding: 7px 15px;
-            text-transform: uppercase;
-            height: 32px;
-            justify-content: center;
-            align-items: center;
-            display: flex;
-            font-size: 11px;
-          }
-        }
-      }
-    }
-    .overview-task-wrapper {
-      .task-box {
-        display: flex;
-        flex-direction: column;
-        gap: 5px;
-        position: relative;
-        cursor: pointer;
-        width: 100%;
-      }
-    }
-    .message-and-task-wrapper {
-      .co-component-activity-list {
-        margin: 0;
-        height: auto;
-        padding: 0;
-        .activity-wrapper {
-          max-width: 100%;
-          max-height: 100%;
-          padding: 0;
-        }
-      }
-      .activity-list-content {
-        height: auto;
-      }
-    }
-  }
-}
+@import "../../../style/mixin";
+
+@include export-module('co-transaction-line-activities-layout') {
+  .co-transaction-line-activities {
+    .service-overview-wrapper {
+      display: flex;
+      flex-direction: column;
+      justify-content: space-between;
+      width: 100%;
+    }
+    .message-and-task-wrapper {
+      display: flex;
+      gap: 15px;
+      width: 100%;
+      align-items: flex-start;
+      flex-wrap: wrap;
+    }
+    .timeline-and-message-wrapper {
+      display: flex;
+      flex-direction: column;
+      gap: 30px;
+      padding: 0 0 15px;
+      margin-bottom: 15px;
+      flex: 1;
+      align-self: flex-start;
+    }
+    .activity-list-component-wrapper {
+      padding: 0;
+      margin: 0;
+      display: flex;
+      flex-direction: column;
+      gap: 30px;
+      flex: 1;
+      align-self: flex-start;
+      width: 100%;
+      .activity-list-conv-wrapper {
+        flex: 1;
+        padding-left: 0;
+        max-height: 300px;
+        overflow: auto;
+      }
+      .co-task-creator {
+        position: sticky;
+        bottom: 0;
+        .task-creator-wrapper {
+          background: #ffffff;
+        }
+      }
+    }
+    .activity-task-creator-wrapper {
+      display: flex;
+      gap: 15px;
+      flex-direction: column;
+      width: 400px;
+      max-width: 100%;
+    }
+    .activity-task-overview-wrapper {
+      display: flex;
+      flex-direction: column;
+      gap: 10px;
+      padding: 15px;
+      border-radius: 5px;
+      box-shadow: 0 2px 5px 1px #0000001a;
+      background: #FFF;
+      .activity-header {
+        font-size: 14px;
+        font-weight: 700;
+        color: #171721;
+        position: relative;
+      }
+      .activity-wrapper-inner {
+        order: 2;
+        display: flex;
+        gap: 5px;
+        margin-top: 0;
+        flex-wrap: wrap;
+        max-height: 300px;
+        overflow: auto;
+        &.bottom-task {
+          .task-box {
+            .co-button {
+              border: 1px solid #1b2874;
+              background: #1b28741a;
+              color: #1b2874;
+              justify-content: center;
+              align-items: center;
+              height: 32px;
+              min-width: 150px;
+              width: 100%;
+              span {
+                text-align: center;
+                font-size: 11px;
+              }
+            }
+          }
+        }
+      }
+      .co-component-activity-overview {
+        order: 1;
+        width: 100%;
+        &.bottom-task {
+          order: 2;
+          width: calc(50% - 3px);
+        }
+        .overview-main {
+          max-width: 100%;
+          .label-date-activity {
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+          }
+          .activity-buttons {
+            .co-button {
+              width: 50%;
+              border: 1px solid #1a73e8 !important;
+              color: #1a73e8 !important;
+              background: #fff !important;
+              text-align: center;
+              padding: 5px 10px;
+              justify-content: center;
+              height: 32px;
+              max-width: calc(50% - 3px);
+            }
+          }
+        }
+        .overview-current {
+          .activity-title {
+            background: #d1e3fa;
+            border: 1px solid #1a73e8;
+            color: #1a73e8;
+            padding: 7px 15px;
+            text-transform: uppercase;
+            height: 32px;
+            justify-content: center;
+            align-items: center;
+            display: flex;
+            font-size: 11px;
+          }
+        }
+      }
+    }
+    .overview-task-wrapper {
+      .task-box {
+        display: flex;
+        flex-direction: column;
+        gap: 5px;
+        position: relative;
+        cursor: pointer;
+        width: 100%;
+      }
+    }
+    .message-and-task-wrapper {
+      .co-component-activity-list {
+        margin: 0;
+        height: auto;
+        padding: 0;
+        .activity-wrapper {
+          max-width: 100%;
+          max-height: 100%;
+          padding: 0;
+        }
+      }
+      .activity-list-content {
+        height: auto;
+      }
+    }
+  }
+}

package/lib/component/transaction-line-planning-tasks/style/_layout.scss

@@ -1,10 +1,10 @@
-@include export-module('cc-transaction-line-planning-tasks-layout') {
-  .co-transaction-line-planning-tasks {
-    display: flex;
-    width: 55%;
-
-    .component-activity-list-wrapper {
-      width: 100%;
-    }
-  }
-}
+@include export-module('cc-transaction-line-planning-tasks-layout') {
+  .co-transaction-line-planning-tasks {
+    display: flex;
+    width: 55%;
+
+    .component-activity-list-wrapper {
+      width: 100%;
+    }
+  }
+}

package/lib/component/transaction-line-planning-tasks/style/_theme.scss

@@ -1,4 +1,4 @@
-@include export-module('cc-transaction-line-planning-tasks-theme') {
-  .co-transaction-line-planning-tasks {
-  }
-}
+@include export-module('cc-transaction-line-planning-tasks-theme') {
+  .co-transaction-line-planning-tasks {
+  }
+}

package/lib/component/transaction-line-planning-tasks/style/material.scss

@@ -1,4 +1,4 @@
-@import "../../../style/mixin";
-@import "./_material-definition";
-@import "./_layout";
-@import "./_theme";
+@import "../../../style/mixin";
+@import "./_material-definition";
+@import "./_layout";
+@import "./_theme";

package/lib/component/transaction-line-side-panel/style/_layout.scss

@@ -153,7 +153,7 @@
         .co-collapsible {
           padding: $tp-transaction-line-side-forms-collapsible-padding;
         }
-        .co-form {
+        .form-and-buttons-form {
           display: flex;
           flex-direction: column;
           gap: $tp-transaction-line-side-forms-co-form-gap;

package/lib/component/transaction-line-side-panel-service/style/_layout.scss

@@ -0,0 +1,4 @@
+@include export-module('cc-transaction-line-side-panel-service-layout') {
+  .co-transaction-line-side-panel-service {
+  }
+}

package/lib/component/transaction-line-side-panel-service/style/_theme.scss

@@ -0,0 +1,4 @@
+@include export-module('cc-transaction-line-side-panel-service-theme') {
+  .co-transaction-line-side-panel-service {
+  }
+}

package/lib/component/transaction-line-side-panel-service/style/material.scss

@@ -0,0 +1,5 @@
+@import "../../../style/mixin";
+@import "./_material-definition";
+@import "./_layout";
+@import "./_theme";
+@import "../../transaction-line-sales-allocation/style/material";

package/lib/component/transaction-quick-access/transaction-quick-access-reserve/style/_layout.scss

@@ -1,19 +1,19 @@
-@import "../../../../style/mixin";
-
-@include export-module('cc-transaction-quick-access-reserve-layout') {
-  .co-transaction-quick-access-reserve {
-    .quick-access-content-wrapper {
-      display: flex;
-      row-gap: 10px;
-      align-items: start;
-      flex-direction: column;
-
-      .sub-section {
-        display: flex;
-        align-items: center;
-        flex-direction: row;
-        column-gap: 10px;
-      }
-    }
-  }
-}
+@import "../../../../style/mixin";
+
+@include export-module('cc-transaction-quick-access-reserve-layout') {
+  .co-transaction-quick-access-reserve {
+    .quick-access-content-wrapper {
+      display: flex;
+      row-gap: 10px;
+      align-items: start;
+      flex-direction: column;
+
+      .sub-section {
+        display: flex;
+        align-items: center;
+        flex-direction: row;
+        column-gap: 10px;
+      }
+    }
+  }
+}

package/lib/component/transaction-warehouse-batch-amount-grid/style/_layout.scss

@@ -0,0 +1,27 @@
+@include export-module('co-transaction-warehouse-batch-amount-layout') {
+  .co-transaction-warehouse-batch-amount {
+    width: 100%;
+    padding: 15px;
+
+    .simple-grid-row.correct-warehouse-amount {
+      background-color: $co-transaction-warehouse-batch-amount-color-warehouse-amount;
+      .simple-grid-column-cell-field {
+        background-color: $co-transaction-warehouse-batch-amount-color-warehouse-amount;
+      }
+    }
+
+    .simple-grid-row.correct-amount {
+      background-color: $co-transaction-warehouse-batch-amount-color-amount;
+      .simple-grid-column-cell-field {
+        background-color: $co-transaction-warehouse-batch-amount-color-amount;
+      }
+    }
+
+    .simple-grid-row.incorrect-amount {
+      background-color: $co-transaction-warehouse-batch-amount-color-incorrect-amount;
+      .simple-grid-column-cell-field {
+        background-color: $co-transaction-warehouse-batch-amount-color-incorrect-amount;
+      }
+    }
+  }
+}

package/lib/component/transaction-warehouse-batch-amount-grid/style/_material-definition.scss

@@ -0,0 +1,4 @@
+$co-transaction-warehouse-batch-amount-color-warehouse-amount: #37c949 !default;
+$co-transaction-warehouse-batch-amount-color-amount: #DF7C2A !default;
+$co-transaction-warehouse-batch-amount-color-incorrect-amount: #FF4141 !default;
+$co-transaction-warehouse-batch-amount-grid-cell-border-width: 2px;

package/lib/component/transaction-warehouse-batch-amount-grid/style/_theme.scss

@@ -0,0 +1,4 @@
+@include export-module('co-transaction-warehouse-batch-amount-theme') {
+  .co-transaction-warehouse-batch-amount {
+  }
+}

package/lib/component/transaction-warehouse-batch-amount-grid/style/material.scss

@@ -0,0 +1,4 @@
+@import "../../../style/mixin";
+@import "./_material-definition";
+@import "./_layout";
+@import "./_theme";