@colijnit/transaction 301.1.7 → 301.1.8

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-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;

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

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

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

@@ -1,10 +1,10 @@
-@import "../../../../style/mixin";
-
-@include export-module('cc-transaction-quick-access-order-sticker-layout') {
-  .co-transaction-quick-access-order-sticker {
-    .select-all-wrapper {
-      display: flex;
-      align-items: center;
-    }
-  }
-}
+@import "../../../../style/mixin";
+
+@include export-module('cc-transaction-quick-access-order-sticker-layout') {
+  .co-transaction-quick-access-order-sticker {
+    .select-all-wrapper {
+      display: flex;
+      align-items: center;
+    }
+  }
+}

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

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

package/lib/component/transaction-quick-access/transaction-quick-access-order-sticker/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-transport/style/_layout.scss

@@ -1,53 +1,53 @@
-@import "../../../../style/mixin";
-
-@include export-module('cc-transaction-quick-access-order-transport-layout') {
-  .co-transaction-quick-access-order-transport .quick-access-wrapper {
-    .transport-inputs,
-    .show-transport-inputs-wrapper {
-      display: flex;
-      column-gap: 10px;
-      align-items: center;
-
-      .field-form {
-        display: flex;
-        flex-direction: row;
-        column-gap: 10px;
-        align-items: center;
-      }
-
-      .new-transport-button {
-        height: 30px;
-        color: $tp-color-action;
-
-        .co-icon {
-          svg,
-          & [fill] { // for fontawesome icons
-            fill: $tp-color-action;
-          }
-        }
-      }
-
-      .co-input-checkbox {
-        margin-left: 10px;
-      }
-
-      .co-input-date {
-        min-width: 170px;
-      }
-
-      .invalid {
-        background-color: #ffe6e6;
-
-        .co-input-text {
-          background-color: #ffe6e6;
-        }
-      }
-    }
-
-    .error-message {
-      padding: 2px 0 0 10px;
-      font-weight: bold;
-      color: #fe4400;
-    }
-  }
-}
+@import "../../../../style/mixin";
+
+@include export-module('cc-transaction-quick-access-order-transport-layout') {
+  .co-transaction-quick-access-order-transport .quick-access-wrapper {
+    .transport-inputs,
+    .show-transport-inputs-wrapper {
+      display: flex;
+      column-gap: 10px;
+      align-items: center;
+
+      .field-form {
+        display: flex;
+        flex-direction: row;
+        column-gap: 10px;
+        align-items: center;
+      }
+
+      .new-transport-button {
+        height: 30px;
+        color: $tp-color-action;
+
+        .co-icon {
+          svg,
+          & [fill] { // for fontawesome icons
+            fill: $tp-color-action;
+          }
+        }
+      }
+
+      .co-input-checkbox {
+        margin-left: 10px;
+      }
+
+      .co-input-date {
+        min-width: 170px;
+      }
+
+      .invalid {
+        background-color: #ffe6e6;
+
+        .co-input-text {
+          background-color: #ffe6e6;
+        }
+      }
+    }
+
+    .error-message {
+      padding: 2px 0 0 10px;
+      font-weight: bold;
+      color: #fe4400;
+    }
+  }
+}

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

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

package/lib/component/transaction-quick-access/transaction-quick-access-order-transport/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-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-quick-access/transaction-quick-access-reserve/style/_theme.scss

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

package/lib/component/transaction-quick-access/transaction-quick-access-reserve/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-return/style/_layout.scss

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

package/lib/component/transaction-quick-access/transaction-quick-access-return/style/_theme.scss

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

package/lib/component/transaction-quick-access/transaction-quick-access-return/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-service-order/style/_layout.scss

@@ -1,6 +1,6 @@
-@include export-module('co-transaction-quick-access-service-order-layout') {
-  .co-transaction-quick-access-service-order {
-
-  }
-}
-
+@include export-module('co-transaction-quick-access-service-order-layout') {
+  .co-transaction-quick-access-service-order {
+
+  }
+}
+

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

@@ -1,2 +1,2 @@
-$tp-transaction-quick-access-purchase-order-overview-search-width: 300px !default;
-$tp-transaction-quick-access-purchase-order-overview-search-height: 32px !default;
+$tp-transaction-quick-access-purchase-order-overview-search-width: 300px !default;
+$tp-transaction-quick-access-purchase-order-overview-search-height: 32px !default;

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

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

package/lib/component/transaction-quick-access/transaction-quick-access-service-order/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";