@colijnit/transaction 300.1.46 → 300.1.48

package/lib/component/transaction-header-handled-by/style/_material-definition.scss

@@ -1,15 +1,15 @@
-$tp-transaction-header-handled-by-sales-person-input-width: 30px !default;
-$tp-transaction-header-handled-by-sales-person-input-height: 30px !default;
-$tp-transaction-header-handled-by-sales-person-input-cursor: pointer !default;
-$tp-transaction-header-handled-by-sales-person-input-transition: all 0.2s ease !default;
-$tp-transaction-header-handled-by-sales-person-input-hover-filter: brightness(0.8) !default;
-
-$tp-transaction-header-handled-by-sales-person-unset-width: 100% !default;
-$tp-transaction-header-handled-by-sales-person-unset-height: 100% !default;
-$tp-transaction-header-handled-by-sales-person-unset-bg: #f4f4f9 !default;
-$tp-transaction-header-handled-by-sales-person-unset-color: slategrey !default;
-$tp-transaction-header-handled-by-sales-person-unset-radius: 40px !default;
-$tp-transaction-header-handled-by-sales-person-unset-display: flex !default;
-$tp-transaction-header-handled-by-sales-person-unset-justify: center !default;
-$tp-transaction-header-handled-by-sales-person-unset-align: center !default;
-$tp-transaction-header-handled-by-sales-person-unset-font-weight: bold !default;
+$tp-transaction-header-handled-by-sales-person-input-width: 30px !default;
+$tp-transaction-header-handled-by-sales-person-input-height: 30px !default;
+$tp-transaction-header-handled-by-sales-person-input-cursor: pointer !default;
+$tp-transaction-header-handled-by-sales-person-input-transition: all 0.2s ease !default;
+$tp-transaction-header-handled-by-sales-person-input-hover-filter: brightness(0.8) !default;
+
+$tp-transaction-header-handled-by-sales-person-unset-width: 100% !default;
+$tp-transaction-header-handled-by-sales-person-unset-height: 100% !default;
+$tp-transaction-header-handled-by-sales-person-unset-bg: #f4f4f9 !default;
+$tp-transaction-header-handled-by-sales-person-unset-color: slategrey !default;
+$tp-transaction-header-handled-by-sales-person-unset-radius: 40px !default;
+$tp-transaction-header-handled-by-sales-person-unset-display: flex !default;
+$tp-transaction-header-handled-by-sales-person-unset-justify: center !default;
+$tp-transaction-header-handled-by-sales-person-unset-align: center !default;
+$tp-transaction-header-handled-by-sales-person-unset-font-weight: bold !default;

package/lib/component/transaction-header-handled-by/style/_theme.scss

@@ -1,5 +1,5 @@
-@import "../../../style/mixin";
-@include export-module('co-transaction-header-handled-by-theme') {
-  .co-transaction-header-handled-by {
-  }
-}
+@import "../../../style/mixin";
+@include export-module('co-transaction-header-handled-by-theme') {
+  .co-transaction-header-handled-by {
+  }
+}

package/lib/component/transaction-header-handled-by/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/transaction-customer-portal-return-line/style/_layout.scss

@@ -1,44 +1,44 @@
-@import "../../../../style/mixin";
-
-@include export-module('co-transaction-customer-portal-return-line-layout') {
-  .co-transaction-customer-portal-return-line {
-    display: flex;
-    flex-direction: column;
-    gap: 30px;
-    box-shadow: 0 4px 4px 0 #00000040;
-    border: 1px solid #F4F4F9;
-    padding: 30px 20px 15px 20px;
-    cursor: pointer;
-    .co-transaction-base-line {
-      .order-lines-container {
-        flex-direction: column;
-        gap: 10px;
-        justify-content: flex-start;
-        .portal-partial-delivery {
-          font-size: 10px;
-          .partial-delivery {
-            display: flex;
-            gap: 5px;
-          }
-        }
-      }
-    }
-    .transaction-line-section {
-      display: flex;
-      gap: 10px;
-      margin-right: 15px;
-      .vat-button {
-        margin-right: 15px;
-      }
-    }
-    .transaction-line-delivery-date {
-      display: flex;
-      align-items: center;
-      column-gap: $tp-default-column-gap;
-      .co-input-date {
-        height: auto;
-        padding: 0;
-      }
-    }
-  }
-}
+@import "../../../../style/mixin";
+
+@include export-module('co-transaction-customer-portal-return-line-layout') {
+  .co-transaction-customer-portal-return-line {
+    display: flex;
+    flex-direction: column;
+    gap: 30px;
+    box-shadow: 0 4px 4px 0 #00000040;
+    border: 1px solid #F4F4F9;
+    padding: 30px 20px 15px 20px;
+    cursor: pointer;
+    .co-transaction-base-line {
+      .order-lines-container {
+        flex-direction: column;
+        gap: 10px;
+        justify-content: flex-start;
+        .portal-partial-delivery {
+          font-size: 10px;
+          .partial-delivery {
+            display: flex;
+            gap: 5px;
+          }
+        }
+      }
+    }
+    .transaction-line-section {
+      display: flex;
+      gap: 10px;
+      margin-right: 15px;
+      .vat-button {
+        margin-right: 15px;
+      }
+    }
+    .transaction-line-delivery-date {
+      display: flex;
+      align-items: center;
+      column-gap: $tp-default-column-gap;
+      .co-input-date {
+        height: auto;
+        padding: 0;
+      }
+    }
+  }
+}

package/lib/component/transaction-line/transaction-customer-portal-return-line/style/_theme.scss

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

package/lib/component/transaction-line/transaction-customer-portal-return-line/style/material.scss

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

package/lib/component/transaction-line/transaction-interbranch-receive-goods-line/style/_layout.scss

@@ -1,16 +1,16 @@
-@include export-module('cc-transaction-interbranch-receive-goods-line-layout') {
-  .co-transaction-interbranch-receive-goods-line {
-
-  }
-
-  .co-input-number-picker .icon-wrapper {
-    display: flex;
-    height: 100%;
-    width: 100%;
-    border-radius: 0;
-    flex-shrink: 0;
-    align-items: center;
-    max-width: 25px;
-  }
-
-}
+@include export-module('cc-transaction-interbranch-receive-goods-line-layout') {
+  .co-transaction-interbranch-receive-goods-line {
+
+  }
+
+  .co-input-number-picker .icon-wrapper {
+    display: flex;
+    height: 100%;
+    width: 100%;
+    border-radius: 0;
+    flex-shrink: 0;
+    align-items: center;
+    max-width: 25px;
+  }
+
+}

package/lib/component/transaction-line/transaction-interbranch-receive-goods-line/style/_theme.scss

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

package/lib/component/transaction-line/transaction-interbranch-receive-goods-line/style/material.scss

@@ -1,5 +1,5 @@
-@import "../../../../style/mixin";
-@import "./_material-definition";
-@import "./_layout";
-@import "./_theme";
-@import "../../../transaction-print-package-sticker/style/material";
+@import "../../../../style/mixin";
+@import "./_material-definition";
+@import "./_layout";
+@import "./_theme";
+@import "../../../transaction-print-package-sticker/style/material";

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

@@ -1,46 +1,46 @@
-@include export-module('co-transaction-line-toolbar-layout') {
-  .co-transaction-line-toolbar {
-    .toolbar {
-      display: inline-flex;
-      justify-content: center;
-      z-index: $tp-transaction-line-toolbar-z-index;
-      position: absolute;
-      left: 0;
-      right: 0;
-      top: $tp-transaction-line-toolbar-top-offset;
-      transition: $tp-transaction-line-toolbar-transition;
-      gap: $tp-transaction-line-toolbar-gap;
-      margin: 0 auto;
-      padding-top: $tp-transaction-line-toolbar-padding-top;
-    }
-    .toolbar-inner {
-      display: flex;
-      gap: 3px;
-      align-items: center;
-      background: #f4f4f9;
-      border-radius: 3px;
-      padding: 3px 5px;
-    }
-    .toolbar-item {
-      cursor: pointer;
-      border-radius: $tp-transaction-line-toolbar-item-border-radius;
-      display: flex;
-      align-items: center;
-      transition: $tp-transaction-line-toolbar-item-transition;
-
-      co-icon {
-        width: $tp-transaction-line-toolbar-item-icon-size;
-        height: $tp-transaction-line-toolbar-item-icon-size;
-      }
-
-      svg {
-        transform: scale($tp-transaction-line-toolbar-icon-scale);
-        transition: $tp-transaction-line-toolbar-icon-transition;
-      }
-
-      svg [fill] {
-        transition: $tp-transaction-line-toolbar-icon-fill-transition;
-      }
-    }
-  }
-}
+@include export-module('co-transaction-line-toolbar-layout') {
+  .co-transaction-line-toolbar {
+    .toolbar {
+      display: inline-flex;
+      justify-content: center;
+      z-index: $tp-transaction-line-toolbar-z-index;
+      position: absolute;
+      left: 0;
+      right: 0;
+      top: $tp-transaction-line-toolbar-top-offset;
+      transition: $tp-transaction-line-toolbar-transition;
+      gap: $tp-transaction-line-toolbar-gap;
+      margin: 0 auto;
+      padding-top: $tp-transaction-line-toolbar-padding-top;
+    }
+    .toolbar-inner {
+      display: flex;
+      gap: 3px;
+      align-items: center;
+      background: #f4f4f9;
+      border-radius: 3px;
+      padding: 3px 5px;
+    }
+    .toolbar-item {
+      cursor: pointer;
+      border-radius: $tp-transaction-line-toolbar-item-border-radius;
+      display: flex;
+      align-items: center;
+      transition: $tp-transaction-line-toolbar-item-transition;
+
+      co-icon {
+        width: $tp-transaction-line-toolbar-item-icon-size;
+        height: $tp-transaction-line-toolbar-item-icon-size;
+      }
+
+      svg {
+        transform: scale($tp-transaction-line-toolbar-icon-scale);
+        transition: $tp-transaction-line-toolbar-icon-transition;
+      }
+
+      svg [fill] {
+        transition: $tp-transaction-line-toolbar-icon-fill-transition;
+      }
+    }
+  }
+}

package/lib/component/transaction-line/transaction-line-toolbar/style/_material-definition.scss

@@ -1,17 +1,17 @@
-$tp-transaction-line-toolbar-background-color: #f4f4f9 !default;
-$tp-transaction-line-toolbar-icon-color: #1a73e8 !default;
-$tp-transaction-line-toolbar-hover-background-color: #1a73e8 !default;
-$tp-transaction-line-toolbar-hover-icon-color: #FFF !default;
-$tp-transaction-line-toolbar-z-index: 2 !default;
-$tp-transaction-line-toolbar-top-offset: -20px !default;
-$tp-transaction-line-toolbar-gap: 8px !default;
-$tp-transaction-line-toolbar-padding-top: 8px !default;
-$tp-transaction-line-toolbar-transition: all 0.3s ease !default;
-
-$tp-transaction-line-toolbar-item-border-radius: 3px !default;
-$tp-transaction-line-toolbar-item-transition: all 0.2s ease !default;
-$tp-transaction-line-toolbar-item-icon-size: 24px !default;
-
-$tp-transaction-line-toolbar-icon-scale: 0.7 !default;
-$tp-transaction-line-toolbar-icon-transition: all 0.2s ease !default;
-$tp-transaction-line-toolbar-icon-fill-transition: all 0.05s ease !default;
+$tp-transaction-line-toolbar-background-color: #f4f4f9 !default;
+$tp-transaction-line-toolbar-icon-color: #1a73e8 !default;
+$tp-transaction-line-toolbar-hover-background-color: #1a73e8 !default;
+$tp-transaction-line-toolbar-hover-icon-color: #FFF !default;
+$tp-transaction-line-toolbar-z-index: 2 !default;
+$tp-transaction-line-toolbar-top-offset: -20px !default;
+$tp-transaction-line-toolbar-gap: 8px !default;
+$tp-transaction-line-toolbar-padding-top: 8px !default;
+$tp-transaction-line-toolbar-transition: all 0.3s ease !default;
+
+$tp-transaction-line-toolbar-item-border-radius: 3px !default;
+$tp-transaction-line-toolbar-item-transition: all 0.2s ease !default;
+$tp-transaction-line-toolbar-item-icon-size: 24px !default;
+
+$tp-transaction-line-toolbar-icon-scale: 0.7 !default;
+$tp-transaction-line-toolbar-icon-transition: all 0.2s ease !default;
+$tp-transaction-line-toolbar-icon-fill-transition: all 0.05s ease !default;

package/lib/component/transaction-line/transaction-line-toolbar/style/_theme.scss

@@ -1,25 +1,25 @@
-@include export-module('co-transaction-line-toolbar-theme') {
-  .co-transaction-line-toolbar {
-    .toolbar-item {
-      background-color: $tp-transaction-line-toolbar-background-color;
-
-      svg {
-        fill: $tp-transaction-line-toolbar-icon-color;
-      }
-      svg [fill] {
-        fill: $tp-transaction-line-toolbar-icon-color;
-      }
-
-      &:hover {
-        background-color: $tp-transaction-line-toolbar-hover-background-color;
-
-        svg {
-          fill: $tp-transaction-line-toolbar-hover-icon-color;
-        }
-        svg [fill] {
-          fill: $tp-transaction-line-toolbar-hover-icon-color;
-        }
-      }
-    }
-  }
-}
+@include export-module('co-transaction-line-toolbar-theme') {
+  .co-transaction-line-toolbar {
+    .toolbar-item {
+      background-color: $tp-transaction-line-toolbar-background-color;
+
+      svg {
+        fill: $tp-transaction-line-toolbar-icon-color;
+      }
+      svg [fill] {
+        fill: $tp-transaction-line-toolbar-icon-color;
+      }
+
+      &:hover {
+        background-color: $tp-transaction-line-toolbar-hover-background-color;
+
+        svg {
+          fill: $tp-transaction-line-toolbar-hover-icon-color;
+        }
+        svg [fill] {
+          fill: $tp-transaction-line-toolbar-hover-icon-color;
+        }
+      }
+    }
+  }
+}

package/lib/component/transaction-line/transaction-line-toolbar/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/transaction-purchase-order-stickers-line/style/_layout.scss

@@ -1,16 +1,16 @@
-@include export-module('cc-transaction-purchase-order-stickers-line-layout') {
-  .co-transaction-purchase-order-stickers-line {
-
-  }
-
-  .co-input-number-picker .icon-wrapper {
-    display: flex;
-    height: 100%;
-    width: 100%;
-    border-radius: 0;
-    flex-shrink: 0;
-    align-items: center;
-    max-width: 25px;
-  }
-
-}
+@include export-module('cc-transaction-purchase-order-stickers-line-layout') {
+  .co-transaction-purchase-order-stickers-line {
+
+  }
+
+  .co-input-number-picker .icon-wrapper {
+    display: flex;
+    height: 100%;
+    width: 100%;
+    border-radius: 0;
+    flex-shrink: 0;
+    align-items: center;
+    max-width: 25px;
+  }
+
+}

package/lib/component/transaction-line/transaction-purchase-order-stickers-line/style/_theme.scss

@@ -1,4 +1,4 @@
-@include export-module('cc-transaction-purchase-order-stickers-line-theme') {
-  .co-transaction-reserve-goods-line {
-  }
-}
+@include export-module('cc-transaction-purchase-order-stickers-line-theme') {
+  .co-transaction-reserve-goods-line {
+  }
+}

package/lib/component/transaction-line/transaction-purchase-order-stickers-line/style/material.scss

@@ -1,5 +1,5 @@
-@import "../../../../style/mixin";
-@import "./_material-definition";
-@import "./_layout";
-@import "./_theme";
-@import "../../../transaction-print-package-sticker/style/material";
+@import "../../../../style/mixin";
+@import "./_material-definition";
+@import "./_layout";
+@import "./_theme";
+@import "../../../transaction-print-package-sticker/style/material";

package/lib/component/transaction-line/transaction-purchase-transport-line/style/_layout.scss

@@ -1,51 +1,51 @@
-@include export-module('cc-transaction-purchase-transport-line-layout') {
-  .co-transaction-purchase-transport-line {
-    .transaction-line-content-wrapper {
-      display: flex;
-      justify-content: space-evenly;
-      margin-right: 10px;
-      column-gap: 10px;
-
-      .co-transaction-line-statusbar {
-        width: 75px;
-      }
-
-      .transaction-line-content {
-        display: flex;
-        flex-wrap: wrap;
-        column-gap: 10px;
-        row-gap: 10px;
-
-        > .co-input-text, .co-editable-label, .co-transaction-line-confirmed-price {
-          width: $tp-transaction-default-button-width;
-          height: $tp-transaction-default-button-height;
-        }
-
-
-        .co-input-number-picker {
-          width: $tp-transaction-line-input-number-picker-width;
-          height: $tp-transaction-default-button-height;
-        }
-      }
-    }
-
-    .transaction-input-right-align {
-      input {
-        width: 100%;
-        text-align: $tp-transaction-input-right-align;
-      }
-    }
-
-    co-input-text.warning {
-      border-color: $tp-color-error;
-
-      &:before {
-        box-shadow: inset 0 0 0 1px $tp-color-error;
-      }
-    }
-
-    co-transaction-line-arrival-date-button.warning co-transaction-button {
-      border-color: $tp-color-error;
-    }
-  }
-}
+@include export-module('cc-transaction-purchase-transport-line-layout') {
+  .co-transaction-purchase-transport-line {
+    .transaction-line-content-wrapper {
+      display: flex;
+      justify-content: space-evenly;
+      margin-right: 10px;
+      column-gap: 10px;
+
+      .co-transaction-line-statusbar {
+        width: 75px;
+      }
+
+      .transaction-line-content {
+        display: flex;
+        flex-wrap: wrap;
+        column-gap: 10px;
+        row-gap: 10px;
+
+        > .co-input-text, .co-editable-label, .co-transaction-line-confirmed-price {
+          width: $tp-transaction-default-button-width;
+          height: $tp-transaction-default-button-height;
+        }
+
+
+        .co-input-number-picker {
+          width: $tp-transaction-line-input-number-picker-width;
+          height: $tp-transaction-default-button-height;
+        }
+      }
+    }
+
+    .transaction-input-right-align {
+      input {
+        width: 100%;
+        text-align: $tp-transaction-input-right-align;
+      }
+    }
+
+    co-input-text.warning {
+      border-color: $tp-color-error;
+
+      &:before {
+        box-shadow: inset 0 0 0 1px $tp-color-error;
+      }
+    }
+
+    co-transaction-line-arrival-date-button.warning co-transaction-button {
+      border-color: $tp-color-error;
+    }
+  }
+}

package/lib/component/transaction-line/transaction-purchase-transport-line/style/_theme.scss

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

package/lib/component/transaction-line/transaction-purchase-transport-line/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/transaction-reserve-goods-line/style/_layout.scss

@@ -1,16 +1,16 @@
-@include export-module('cc-transaction-reserve-goods-line-layout') {
-  .co-transaction-reserve-goods-line {
-
-  }
-
-  .co-input-number-picker .icon-wrapper {
-    display: flex;
-    height: 100%;
-    width: 100%;
-    border-radius: 0;
-    flex-shrink: 0;
-    align-items: center;
-    max-width: 25px;
-  }
-
-}
+@include export-module('cc-transaction-reserve-goods-line-layout') {
+  .co-transaction-reserve-goods-line {
+
+  }
+
+  .co-input-number-picker .icon-wrapper {
+    display: flex;
+    height: 100%;
+    width: 100%;
+    border-radius: 0;
+    flex-shrink: 0;
+    align-items: center;
+    max-width: 25px;
+  }
+
+}

package/lib/component/transaction-line/transaction-reserve-goods-line/style/_theme.scss

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

package/lib/component/transaction-line/transaction-reserve-goods-line/style/material.scss

@@ -1,5 +1,5 @@
-@import "../../../../style/mixin";
-@import "./_material-definition";
-@import "./_layout";
-@import "./_theme";
-@import "../../../transaction-print-package-sticker/style/material";
+@import "../../../../style/mixin";
+@import "./_material-definition";
+@import "./_layout";
+@import "./_theme";
+@import "../../../transaction-print-package-sticker/style/material";