@colijnit/transaction 300.1.47 → 300.1.48

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

package/lib/component/transaction-sales-person-input/style/_layout.scss

@@ -1,55 +1,55 @@
-@import "../../../style/mixin";
-
-@include export-module('co-transaction-sales-person-input-layout') {
-  .co-transaction-sales-person-input {
-    .container {
-      padding: $tp-transaction-sales-person-input-padding;
-      border-radius: $tp-transaction-sales-person-input-border-radius;
-      border-width: $tp-transaction-sales-person-input-border-width;
-      position: fixed;
-      z-index: $tp-transaction-sales-person-input-z-index;
-      font-family: $tp-transaction-sales-person-input-font-family;
-      font-size: $tp-transaction-sales-person-input-font-size;
-    }
-
-    .salesperson-list {
-      max-height: $tp-transaction-sales-person-list-max-height;
-      width: $tp-transaction-sales-person-list-width;
-      overflow-x: scroll;
-      gap: $tp-transaction-sales-person-list-gap;
-      display: flex;
-      flex-direction: column;
-      scrollbar-width: none;
-      margin-bottom: $tp-transaction-sales-person-list-margin-bottom;
-    }
-
-    .salesperson-item {
-      display: flex;
-      align-items: center;
-      justify-content: space-between;
-      cursor: pointer;
-      padding: $tp-transaction-sales-person-item-padding;
-      border-radius: $tp-transaction-sales-person-item-border-radius;
-      transition: $tp-transaction-sales-person-item-transition;
-    }
-
-    .salesperson-info {
-      display: flex;
-      justify-content: center;
-      align-items: center;
-      gap: $tp-transaction-sales-person-info-gap;
-    }
-
-    .salesperson-avatar {
-      width: $tp-transaction-sales-person-avatar-size;
-      height: $tp-transaction-sales-person-avatar-size;
-    }
-
-    .salesperson-name {
-      max-width: $tp-transaction-sales-person-name-max-width;
-      overflow: hidden;
-      text-overflow: ellipsis;
-      white-space: nowrap;
-    }
-  }
-}
+@import "../../../style/mixin";
+
+@include export-module('co-transaction-sales-person-input-layout') {
+  .co-transaction-sales-person-input {
+    .container {
+      padding: $tp-transaction-sales-person-input-padding;
+      border-radius: $tp-transaction-sales-person-input-border-radius;
+      border-width: $tp-transaction-sales-person-input-border-width;
+      position: fixed;
+      z-index: $tp-transaction-sales-person-input-z-index;
+      font-family: $tp-transaction-sales-person-input-font-family;
+      font-size: $tp-transaction-sales-person-input-font-size;
+    }
+
+    .salesperson-list {
+      max-height: $tp-transaction-sales-person-list-max-height;
+      width: $tp-transaction-sales-person-list-width;
+      overflow-x: scroll;
+      gap: $tp-transaction-sales-person-list-gap;
+      display: flex;
+      flex-direction: column;
+      scrollbar-width: none;
+      margin-bottom: $tp-transaction-sales-person-list-margin-bottom;
+    }
+
+    .salesperson-item {
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      cursor: pointer;
+      padding: $tp-transaction-sales-person-item-padding;
+      border-radius: $tp-transaction-sales-person-item-border-radius;
+      transition: $tp-transaction-sales-person-item-transition;
+    }
+
+    .salesperson-info {
+      display: flex;
+      justify-content: center;
+      align-items: center;
+      gap: $tp-transaction-sales-person-info-gap;
+    }
+
+    .salesperson-avatar {
+      width: $tp-transaction-sales-person-avatar-size;
+      height: $tp-transaction-sales-person-avatar-size;
+    }
+
+    .salesperson-name {
+      max-width: $tp-transaction-sales-person-name-max-width;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      white-space: nowrap;
+    }
+  }
+}

package/lib/component/transaction-sales-person-input/style/_material-definition.scss

@@ -1,26 +1,26 @@
-$tp-transaction-sales-person-input-padding: 20px !default;
-$tp-transaction-sales-person-input-border-radius: 8px !default;
-$tp-transaction-sales-person-input-border-width: 1px !default;
-$tp-transaction-sales-person-input-font-family: $tp-font-family !default;
-$tp-transaction-sales-person-input-font-size: $tp-font-size !default;
-$tp-transaction-sales-person-input-z-index: 3 !default;
-$tp-transaction-sales-person-item-transition: all 0.3s ease !default;
-
-$tp-transaction-sales-person-list-max-height: 200px !default;
-$tp-transaction-sales-person-list-width: 220px !default;
-$tp-transaction-sales-person-list-gap: 5px !default;
-$tp-transaction-sales-person-list-margin-bottom: 10px !default;
-
-$tp-transaction-sales-person-item-padding: 9px !default;
-$tp-transaction-sales-person-item-border-radius: 4px !default;
-$tp-transaction-sales-person-avatar-size: 30px !default;
-
-$tp-transaction-sales-person-info-gap: 15px !default;
-$tp-transaction-sales-person-name-max-width: 100px !default;
-
-$tp-transaction-sales-person-input-background-color: white !default;
-$tp-transaction-sales-person-input-border-color: rgba(0, 0, 0, 0.1) !default;
-
-$tp-transaction-sales-person-item-background-color: white !default;
-$tp-transaction-sales-person-item-border-color: rgba(0, 0, 0, 0.1) !default;
-$tp-transaction-sales-person-item-hover-filter: brightness(0.9) !default;
+$tp-transaction-sales-person-input-padding: 20px !default;
+$tp-transaction-sales-person-input-border-radius: 8px !default;
+$tp-transaction-sales-person-input-border-width: 1px !default;
+$tp-transaction-sales-person-input-font-family: $tp-font-family !default;
+$tp-transaction-sales-person-input-font-size: $tp-font-size !default;
+$tp-transaction-sales-person-input-z-index: 3 !default;
+$tp-transaction-sales-person-item-transition: all 0.3s ease !default;
+
+$tp-transaction-sales-person-list-max-height: 200px !default;
+$tp-transaction-sales-person-list-width: 220px !default;
+$tp-transaction-sales-person-list-gap: 5px !default;
+$tp-transaction-sales-person-list-margin-bottom: 10px !default;
+
+$tp-transaction-sales-person-item-padding: 9px !default;
+$tp-transaction-sales-person-item-border-radius: 4px !default;
+$tp-transaction-sales-person-avatar-size: 30px !default;
+
+$tp-transaction-sales-person-info-gap: 15px !default;
+$tp-transaction-sales-person-name-max-width: 100px !default;
+
+$tp-transaction-sales-person-input-background-color: white !default;
+$tp-transaction-sales-person-input-border-color: rgba(0, 0, 0, 0.1) !default;
+
+$tp-transaction-sales-person-item-background-color: white !default;
+$tp-transaction-sales-person-item-border-color: rgba(0, 0, 0, 0.1) !default;
+$tp-transaction-sales-person-item-hover-filter: brightness(0.9) !default;

package/lib/component/transaction-sales-person-input/style/_theme.scss

@@ -1,16 +1,16 @@
-@import "../../../style/mixin";
-@include export-module('co-transaction-sales-person-input-theme') {
-  .co-transaction-sales-person-input {
-    .container {
-      background-color: $tp-transaction-sales-person-input-background-color;
-      border: $tp-transaction-sales-person-input-border-width solid $tp-transaction-sales-person-input-border-color;
-    }
-    .salesperson-item {
-      background-color: $tp-transaction-sales-person-item-background-color;
-      border: $tp-transaction-sales-person-input-border-width solid $tp-transaction-sales-person-item-border-color;
-      &:hover {
-        filter: $tp-transaction-sales-person-item-hover-filter;
-      }
-    }
-  }
-}
+@import "../../../style/mixin";
+@include export-module('co-transaction-sales-person-input-theme') {
+  .co-transaction-sales-person-input {
+    .container {
+      background-color: $tp-transaction-sales-person-input-background-color;
+      border: $tp-transaction-sales-person-input-border-width solid $tp-transaction-sales-person-input-border-color;
+    }
+    .salesperson-item {
+      background-color: $tp-transaction-sales-person-item-background-color;
+      border: $tp-transaction-sales-person-input-border-width solid $tp-transaction-sales-person-item-border-color;
+      &:hover {
+        filter: $tp-transaction-sales-person-item-hover-filter;
+      }
+    }
+  }
+}

package/lib/component/transaction-sales-person-input/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";