@colijnit/transaction 300.1.47 → 300.1.48

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

@@ -1,60 +1,60 @@
-@include export-module('co-transaction-line-side-panel-sales-purchase-layout') {
-  .co-transaction-line-side-panel-sales-purchase {
-    .columns-wrapper {
-    }
-
-    .details-column {
-      display: flex;
-      gap: 10px;
-      > * {
-        flex: 1;
-      }
-    }
-    .details-input {
-      margin: 10px 0;
-    }
-
-    .location-wrapper {
-      position: relative;
-      margin-bottom: 13px;
-
-      .required {
-        position: absolute;
-        right: 7px;
-        top: 7px;
-        color: $tp-color-error;
-      }
-    }
-
-    .commit-button-wrapper {
-      width: 100%;
-      display: flex;
-      margin-top: 20px;
-      margin-bottom: 40px;
-      justify-content: center;
-
-      .commit-button {
-        display: flex;
-        width: 125px;
-        height: 35px;
-        background: $tp-color-action;
-        align-items: center;
-        justify-content: center;
-        border-radius: 11px;
-
-        .commit-text {
-          font-size: 12px;
-          font-weight: bold;
-          color: $tp-color-text-light;
-        }
-      }
-    }
-    .disabled {
-      cursor: default;
-      opacity: 0.6;
-    }
-    .clickable {
-      cursor: pointer;
-    }
-  }
-}
+@include export-module('co-transaction-line-side-panel-sales-purchase-layout') {
+  .co-transaction-line-side-panel-sales-purchase {
+    .columns-wrapper {
+    }
+
+    .details-column {
+      display: flex;
+      gap: 10px;
+      > * {
+        flex: 1;
+      }
+    }
+    .details-input {
+      margin: 10px 0;
+    }
+
+    .location-wrapper {
+      position: relative;
+      margin-bottom: 13px;
+
+      .required {
+        position: absolute;
+        right: 7px;
+        top: 7px;
+        color: $tp-color-error;
+      }
+    }
+
+    .commit-button-wrapper {
+      width: 100%;
+      display: flex;
+      margin-top: 20px;
+      margin-bottom: 40px;
+      justify-content: center;
+
+      .commit-button {
+        display: flex;
+        width: 125px;
+        height: 35px;
+        background: $tp-color-action;
+        align-items: center;
+        justify-content: center;
+        border-radius: 11px;
+
+        .commit-text {
+          font-size: 12px;
+          font-weight: bold;
+          color: $tp-color-text-light;
+        }
+      }
+    }
+    .disabled {
+      cursor: default;
+      opacity: 0.6;
+    }
+    .clickable {
+      cursor: pointer;
+    }
+  }
+}

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

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

package/lib/component/transaction-line-side-panel-sales-purchase/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-service/style/_layout.scss

@@ -1,4 +1,4 @@
-@include export-module('cc-transaction-line-side-panel-service-layout') {
-  .co-transaction-line-side-panel-service {
-  }
-}
+@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

@@ -1,4 +1,4 @@
-@include export-module('cc-transaction-line-side-panel-service-theme') {
-  .co-transaction-line-side-panel-service {
-  }
-}
+@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

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

package/lib/component/transaction-lines-side-panel/transaction-lines-side-panel-cash-desk/style/_layout.scss

@@ -1,55 +1,55 @@
-@include export-module('co-transaction-lines-side-panel-cash-desk-layout') {
-  .co-transaction-lines-side-panel-cash-desk {
-    display: flex;
-    flex-direction: column-reverse;
-    align-items: center;
-    width: 300px;
-    max-width: 100%;
-    gap: 10px;
-    //.co-key-pad {
-    //  width: 80%;
-    //}
-    .cash-register-button-wrapper {
-      width: 100%;
-      padding:  0 10px 0 0;
-      display: flex;
-      flex-direction: row;
-      column-gap: 10px;
-
-      .expense-receipt-button {
-        width: calc(50% - 5px);
-        border: 2px solid  #1A73E8;
-        background-color: #FFFFFF;
-        color: #1A73E8;
-        justify-content: center;
-        .co-icon {
-          svg { // for fontawesome icons
-            fill: #1A73E8;
-          }
-        }
-      }
-
-    }
-    .cash-register-payment-methods-wrapper {
-      display: flex;
-      flex-wrap: wrap;
-      padding: 0;
-      gap: 10px;
-    }
-    .co-payment-tile {
-      width: calc(50% - 10px);
-      max-width: 150px;
-      .co-tile-wrapper {
-        padding: 5px;
-        height: 75px;
-        min-height: 75px;
-      }
-      .payment-tile-wrapper {
-        gap: 5px;
-        .payment-tile-image {
-          width: 50px;
-        }
-      }
-    }
-  }
-}
+@include export-module('co-transaction-lines-side-panel-cash-desk-layout') {
+  .co-transaction-lines-side-panel-cash-desk {
+    display: flex;
+    flex-direction: column-reverse;
+    align-items: center;
+    width: 300px;
+    max-width: 100%;
+    gap: 10px;
+    //.co-key-pad {
+    //  width: 80%;
+    //}
+    .cash-register-button-wrapper {
+      width: 100%;
+      padding:  0 10px 0 0;
+      display: flex;
+      flex-direction: row;
+      column-gap: 10px;
+
+      .expense-receipt-button {
+        width: calc(50% - 5px);
+        border: 2px solid  #1A73E8;
+        background-color: #FFFFFF;
+        color: #1A73E8;
+        justify-content: center;
+        .co-icon {
+          svg { // for fontawesome icons
+            fill: #1A73E8;
+          }
+        }
+      }
+
+    }
+    .cash-register-payment-methods-wrapper {
+      display: flex;
+      flex-wrap: wrap;
+      padding: 0;
+      gap: 10px;
+    }
+    .co-payment-tile {
+      width: calc(50% - 10px);
+      max-width: 150px;
+      .co-tile-wrapper {
+        padding: 5px;
+        height: 75px;
+        min-height: 75px;
+      }
+      .payment-tile-wrapper {
+        gap: 5px;
+        .payment-tile-image {
+          width: 50px;
+        }
+      }
+    }
+  }
+}

package/lib/component/transaction-quick-access/transaction-quick-access/style/material.scss

@@ -1,16 +1,16 @@
-@import "./material-definition";
-@import "./layout";
-@import "./theme";
-@import "../../transaction-quick-access-order-confirmation/style/material";
-@import "../../transaction-quick-access-order-transport/style/material";
-@import "../../transaction-quick-access-received-goods/style/material";
-@import "../../transaction-quick-access-overview/style/material";
-@import "../../transaction-quick-access-order-delivery/style/material";
-@import "../../transaction-quick-access-invoice/style/material";
-@import "../../transaction-quick-access-order-purchase/style/material";
-@import "../../transaction-quick-access-goods-allocation/style/material";
-@import "../../transaction-quick-access-purchase-order-overview/style/material";
-@import "../../transaction-quick-access-service-order/style/material";
-@import "../../transaction-quick-access-reserve/style/material";
-@import "../../transaction-quick-access-return/style/material";
-@import "../../../transaction-send-documents/style/material";
+@import "./material-definition";
+@import "./layout";
+@import "./theme";
+@import "../../transaction-quick-access-order-confirmation/style/material";
+@import "../../transaction-quick-access-order-transport/style/material";
+@import "../../transaction-quick-access-received-goods/style/material";
+@import "../../transaction-quick-access-overview/style/material";
+@import "../../transaction-quick-access-order-delivery/style/material";
+@import "../../transaction-quick-access-invoice/style/material";
+@import "../../transaction-quick-access-order-purchase/style/material";
+@import "../../transaction-quick-access-goods-allocation/style/material";
+@import "../../transaction-quick-access-purchase-order-overview/style/material";
+@import "../../transaction-quick-access-service-order/style/material";
+@import "../../transaction-quick-access-reserve/style/material";
+@import "../../transaction-quick-access-return/style/material";
+@import "../../../transaction-send-documents/style/material";

package/lib/component/transaction-quick-access/transaction-quick-access-interbranch-order-purchase/style/_layout.scss

@@ -1,27 +1,27 @@
-@use "sass:math";
-@import "../../../../style/mixin";
-
-@include export-module('co-transaction-quick-access-interbranch-order-purchase-layout') {
-  .co-transaction-quick-access-interbranch-order-purchase {
-    .select-all-wrapper {
-      display: flex;
-      align-items: center;
-    }
-    .button {
-      padding: 0.25em;
-      background-color: white;
-      border: 1px solid $tp-transaction-quick-access-planning-lsp-mode-button;
-      cursor: pointer;
-      co-icon {
-        fill: $tp-transaction-quick-access-planning-lsp-mode-button;
-      }
-      &.selected {
-        background-color: $tp-transaction-quick-access-planning-lsp-mode-button;
-        co-icon {
-          fill: white;
-        }
-      }
-    }
-
-  }
-}
+@use "sass:math";
+@import "../../../../style/mixin";
+
+@include export-module('co-transaction-quick-access-interbranch-order-purchase-layout') {
+  .co-transaction-quick-access-interbranch-order-purchase {
+    .select-all-wrapper {
+      display: flex;
+      align-items: center;
+    }
+    .button {
+      padding: 0.25em;
+      background-color: white;
+      border: 1px solid $tp-transaction-quick-access-planning-lsp-mode-button;
+      cursor: pointer;
+      co-icon {
+        fill: $tp-transaction-quick-access-planning-lsp-mode-button;
+      }
+      &.selected {
+        background-color: $tp-transaction-quick-access-planning-lsp-mode-button;
+        co-icon {
+          fill: white;
+        }
+      }
+    }
+
+  }
+}

package/lib/component/transaction-quick-access/transaction-quick-access-interbranch-order-purchase/style/_material-definition.scss

@@ -1 +1 @@
-$tp-transaction-quick-access-planning-lsp-mode-button: #1A73E8;
+$tp-transaction-quick-access-planning-lsp-mode-button: #1A73E8;

package/lib/component/transaction-quick-access/transaction-quick-access-interbranch-order-purchase/style/_theme.scss

@@ -1,4 +1,4 @@
-@include export-module('co-transaction-quick-access-interbranch-order-purchase-theme') {
-  .co-transaction-quick-access-interbranch-order-purchase {
-  }
-}
+@include export-module('co-transaction-quick-access-interbranch-order-purchase-theme') {
+  .co-transaction-quick-access-interbranch-order-purchase {
+  }
+}

package/lib/component/transaction-quick-access/transaction-quick-access-interbranch-order-purchase/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-quick-access/transaction-quick-access-interrbranch-received-goods/style/_layout.scss

@@ -1,73 +1,73 @@
-@import "../../../../style/mixin";
-
-@include export-module('cc-transaction-quick-access-received-goods-layout') {
-  .co-transaction-quick-access-received-goods {
-
-    .quick-access-wrapper {
-      display: flex;
-      flex-direction: row;
-      column-gap: 10px;
-      align-items: start;
-
-      .sub-section-input {
-        display: flex;
-        flex-direction: column;
-        gap: 10px;
-      }
-
-      .sub-section {
-        display: flex;
-        flex-direction: row;
-        column-gap: 10px;
-        .checkbox-wrapper {
-          display: flex;
-          flex-direction: row;
-        }
-
-        .dots-wrapper {
-          display: flex;
-          transform: scale(0.7);
-
-          .dot {
-            width: 8px;
-            height: 8px;
-            background-color: black;
-            border-radius: 16px;
-            transform: scale(0.3);
-          }
-        }
-
-        .co-input-date {
-          min-width: 170px;
-        }
-
-        .co-input-text {
-          min-width: 100px;
-        }
-
-        .button-wrapper {
-          background: $tp-default-background-accent;
-          border-radius: $tp-default-border-radius;
-          padding: 5px;
-          display: flex;
-          flex-direction: column;
-          align-items: center;
-          justify-content: center;
-          cursor: pointer;
-          width: 68px;
-          height: 46px;
-
-          .button-icon {
-            height: 20px;
-            width: 20px;
-          }
-
-          span {
-            font-size: 10px;
-            margin-top: 3px;
-          }
-        }
-      }
-    }
-  }
-}
+@import "../../../../style/mixin";
+
+@include export-module('cc-transaction-quick-access-received-goods-layout') {
+  .co-transaction-quick-access-received-goods {
+
+    .quick-access-wrapper {
+      display: flex;
+      flex-direction: row;
+      column-gap: 10px;
+      align-items: start;
+
+      .sub-section-input {
+        display: flex;
+        flex-direction: column;
+        gap: 10px;
+      }
+
+      .sub-section {
+        display: flex;
+        flex-direction: row;
+        column-gap: 10px;
+        .checkbox-wrapper {
+          display: flex;
+          flex-direction: row;
+        }
+
+        .dots-wrapper {
+          display: flex;
+          transform: scale(0.7);
+
+          .dot {
+            width: 8px;
+            height: 8px;
+            background-color: black;
+            border-radius: 16px;
+            transform: scale(0.3);
+          }
+        }
+
+        .co-input-date {
+          min-width: 170px;
+        }
+
+        .co-input-text {
+          min-width: 100px;
+        }
+
+        .button-wrapper {
+          background: $tp-default-background-accent;
+          border-radius: $tp-default-border-radius;
+          padding: 5px;
+          display: flex;
+          flex-direction: column;
+          align-items: center;
+          justify-content: center;
+          cursor: pointer;
+          width: 68px;
+          height: 46px;
+
+          .button-icon {
+            height: 20px;
+            width: 20px;
+          }
+
+          span {
+            font-size: 10px;
+            margin-top: 3px;
+          }
+        }
+      }
+    }
+  }
+}

package/lib/component/transaction-quick-access/transaction-quick-access-interrbranch-received-goods/style/_theme.scss

@@ -1,6 +1,6 @@
-@import "../../../../style/mixin";
-
-@include export-module('cc-transaction-quick-access-received-goods-theme') {
-  .co-transaction-quick-access-received-goods {
-  }
-}
+@import "../../../../style/mixin";
+
+@include export-module('cc-transaction-quick-access-received-goods-theme') {
+  .co-transaction-quick-access-received-goods {
+  }
+}

package/lib/component/transaction-quick-access/transaction-quick-access-interrbranch-received-goods/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-quick-access/transaction-quick-access-order-activities/style/_layout.scss

@@ -1,45 +1,45 @@
-@include export-module('co-transaction-quick-access-order-activities-layout') {
-  .co-transaction-quick-access-order-activities {
-    .row {
-      display: flex;
-      flex-direction: row;
-      align-items: center;
-      padding: 0.5em;
-      gap: 0.5em;
-      border: 1px solid $color-action;
-      border-radius: 5px;
-      background: none;
-      span {
-        color: $color-action;
-      }
-      .co-icon {
-        height: 10px;
-        width: 10px;
-
-        svg {
-          path {
-            fill: $color-action;
-          }
-        }
-      }
-
-      &:hover {
-        background-color: $color-action;
-        cursor: pointer;
-        span {
-          color: white;
-        }
-        .co-icon {
-          height: 10px;
-          width: 10px;
-
-          svg {
-            path {
-              fill: white
-            }
-          }
-        }
-      }
-    }
-  }
-}
+@include export-module('co-transaction-quick-access-order-activities-layout') {
+  .co-transaction-quick-access-order-activities {
+    .row {
+      display: flex;
+      flex-direction: row;
+      align-items: center;
+      padding: 0.5em;
+      gap: 0.5em;
+      border: 1px solid $color-action;
+      border-radius: 5px;
+      background: none;
+      span {
+        color: $color-action;
+      }
+      .co-icon {
+        height: 10px;
+        width: 10px;
+
+        svg {
+          path {
+            fill: $color-action;
+          }
+        }
+      }
+
+      &:hover {
+        background-color: $color-action;
+        cursor: pointer;
+        span {
+          color: white;
+        }
+        .co-icon {
+          height: 10px;
+          width: 10px;
+
+          svg {
+            path {
+              fill: white
+            }
+          }
+        }
+      }
+    }
+  }
+}

package/lib/component/transaction-quick-access/transaction-quick-access-order-activities/style/_material-definition.scss

@@ -1 +1 @@
-$color-action: $tp-color-action;
+$color-action: $tp-color-action;