@colijnit/transaction 301.1.8 → 301.1.9

package/lib/component/shopping-cart-preview/style/_layout.scss

@@ -1,126 +1,126 @@
-@import "../../../style/mixin";
-
-@include export-module('co-shopping-cart-preview-layout') {
-  .co-shopping-cart-preview {
-    display: block;
-    font-family: $tp-shopping-cart-preview-font-family;
-    font-size: $tp-shopping-cart-preview-font-size;
-    padding: $tp-shopping-cart-preview-padding;
-    border: none;
-    box-shadow: none;
-    &:not(.borderless) {
-      border: $tp-shopping-cart-preview-border;
-      box-shadow: $tp-shopping-cart-preview-box-shadow;
-    }
-    .cart-header {
-      display: flex;
-      flex-direction: row;
-      justify-content: space-between;
-      align-content: center;
-      font-family: $tp-shopping-cart-preview-header-font-family;
-      font-size: $tp-shopping-cart-preview-header-font-size;
-      margin: $tp-shopping-cart-preview-header-margin;
-      text-transform: $tp-shopping-cart-preview-header-text-transform;
-      font-weight: $tp-shopping-cart-preview-header-font-weight;
-
-      .type-buttons {
-        display: flex;
-        flex-direction: row;
-        column-gap: 5px;
-
-        .co-button {
-          height: 30px;
-          width: 30px;
-          .co-icon {
-            height: 20px;
-            width: 20px;
-          }
-        }
-
-        .trans-type-selected {
-          background-color: $tp-color-action;
-          co-icon {
-            svg { // for fontawesome icons
-              fill: white;
-            }
-            & [fill] { // for own icons
-              fill: white;
-            }
-          }
-        }
-      }
-    }
-    .cart-lines {
-      max-height: $tp-shopping-cart-preview-cart-lines-height;
-    }
-    .co-image-display .no-image .no-image-label {
-      font-size: 8px;
-    }
-
-    .co-transaction-line {
-      padding: $tp-shopping-cart-preview-cart-lines-padding;
-      .transaction-field-label {
-        display: none;
-      }
-    }
-    .preview-totals-wrapper {
-      display: flex;
-      justify-content: flex-end;
-      margin: $tp-shopping-cart-preview-totals-margin;
-      .co-transaction-totals {
-        width: 250px;
-      }
-    }
-    .cart-buttons {
-      display: flex;
-      justify-content: flex-end;
-      align-items: center;
-      column-gap: $tp-shopping-cart-preview-buttons-column-gap;
-      margin: $tp-shopping-cart-preview-buttons-margin;
-    }
-    .button-edit-cart {
-      cursor: pointer;
-    }
-    .co-transaction-line-image-and-description {
-      align-items: center;
-      .transaction-line-description {
-        height: auto;
-      }
-    }
-    .co-transaction-base-line {
-      .transaction-line-totals {
-        display: flex;
-        align-items: center;
-        gap: 15px;
-        .transaction-line-totals-price {
-          border: none;
-          padding: 0;
-        }
-        .transaction-line-totals-amount {
-          height: 20px;
-          max-width: 80px;
-        }
-        .transaction-line-totals-total {
-          border: none;
-        }
-      }
-      .transaction-line-section {
-        margin-right: 0;
-      }
-      .transaction-base-line-section {
-        flex: 2;
-        &.preview-margin {
-          flex: 1;
-          justify-content: end;
-        }
-        .transaction-line-wrapper {
-          justify-content: flex-end;
-        }
-      }
-      .transaction-base-line-wrapper {
-        flex-direction: column;
-        gap: 15px;
-      }
-    }
-  }
-}
+@import "../../../style/mixin";
+
+@include export-module('co-shopping-cart-preview-layout') {
+  .co-shopping-cart-preview {
+    display: block;
+    font-family: $tp-shopping-cart-preview-font-family;
+    font-size: $tp-shopping-cart-preview-font-size;
+    padding: $tp-shopping-cart-preview-padding;
+    border: none;
+    box-shadow: none;
+    &:not(.borderless) {
+      border: $tp-shopping-cart-preview-border;
+      box-shadow: $tp-shopping-cart-preview-box-shadow;
+    }
+    .cart-header {
+      display: flex;
+      flex-direction: row;
+      justify-content: space-between;
+      align-content: center;
+      font-family: $tp-shopping-cart-preview-header-font-family;
+      font-size: $tp-shopping-cart-preview-header-font-size;
+      margin: $tp-shopping-cart-preview-header-margin;
+      text-transform: $tp-shopping-cart-preview-header-text-transform;
+      font-weight: $tp-shopping-cart-preview-header-font-weight;
+
+      .type-buttons {
+        display: flex;
+        flex-direction: row;
+        column-gap: 5px;
+
+        .co-button {
+          height: 30px;
+          width: 30px;
+          .co-icon {
+            height: 20px;
+            width: 20px;
+          }
+        }
+
+        .trans-type-selected {
+          background-color: $tp-color-action;
+          co-icon {
+            svg { // for fontawesome icons
+              fill: white;
+            }
+            & [fill] { // for own icons
+              fill: white;
+            }
+          }
+        }
+      }
+    }
+    .cart-lines {
+      max-height: $tp-shopping-cart-preview-cart-lines-height;
+    }
+    .co-image-display .no-image .no-image-label {
+      font-size: 8px;
+    }
+
+    .co-transaction-line {
+      padding: $tp-shopping-cart-preview-cart-lines-padding;
+      .transaction-field-label {
+        display: none;
+      }
+    }
+    .preview-totals-wrapper {
+      display: flex;
+      justify-content: flex-end;
+      margin: $tp-shopping-cart-preview-totals-margin;
+      .co-transaction-totals {
+        width: 250px;
+      }
+    }
+    .cart-buttons {
+      display: flex;
+      justify-content: flex-end;
+      align-items: center;
+      column-gap: $tp-shopping-cart-preview-buttons-column-gap;
+      margin: $tp-shopping-cart-preview-buttons-margin;
+    }
+    .button-edit-cart {
+      cursor: pointer;
+    }
+    .co-transaction-line-image-and-description {
+      align-items: center;
+      .transaction-line-description {
+        height: auto;
+      }
+    }
+    .co-transaction-base-line {
+      .transaction-line-totals {
+        display: flex;
+        align-items: center;
+        gap: 15px;
+        .transaction-line-totals-price {
+          border: none;
+          padding: 0;
+        }
+        .transaction-line-totals-amount {
+          height: 20px;
+          max-width: 80px;
+        }
+        .transaction-line-totals-total {
+          border: none;
+        }
+      }
+      .transaction-line-section {
+        margin-right: 0;
+      }
+      .transaction-base-line-section {
+        flex: 2;
+        &.preview-margin {
+          flex: 1;
+          justify-content: end;
+        }
+        .transaction-line-wrapper {
+          justify-content: flex-end;
+        }
+      }
+      .transaction-base-line-wrapper {
+        flex-direction: column;
+        gap: 15px;
+      }
+    }
+  }
+}

package/lib/component/transaction-card/transaction-card-cash-register/style/_layout.scss

@@ -1,4 +1,4 @@
-@include export-module('cc-transaction-card-cash-register-layout') {
-  .co-transaction-card-cash-register {
-  }
-}
+@include export-module('cc-transaction-card-cash-register-layout') {
+  .co-transaction-card-cash-register {
+  }
+}

package/lib/component/transaction-card/transaction-card-cash-register/style/_theme.scss

@@ -1,4 +1,4 @@
-@include export-module('cc-transaction-card-cash-register-theme') {
-  .co-transaction-card-cash-register {
-  }
-}
+@include export-module('cc-transaction-card-cash-register-theme') {
+  .co-transaction-card-cash-register {
+  }
+}

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

@@ -1,81 +1,81 @@
-@include export-module('cc-transaction-card-purchase-order-stickers-layout') {
-  .co-transaction-card-purchase-order-stickers {
-
-    co-transaction-line-amount co-input-number-picker, .transaction-card-price {
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      border: 1px solid $tp-color-border;
-      border-radius: $tp-default-border-radius;
-      width: 100px;
-      min-width: 100px;
-      height: $tp-default-button-height;
-
-      .co-input-text {
-        width: 80%;
-        height: 95%;
-
-        input {
-          margin: 4px 0 0;
-        }
-      }
-
-      &.price {
-        width: auto;
-        font-weight: bold;
-      }
-    }
-
-    .transaction-card-content-wrapper {
-      display: flex;
-      width: 100%;
-      flex-direction: column;
-
-      .content-base {
-        width: inherit;
-        display: grid;
-        grid-template-columns: 1fr 1fr 1fr 1fr;
-        grid-template-rows: 1fr;
-        grid-column-gap: 5px;
-        margin-bottom: 5px;
-      }
-
-      .content-expanded {
-        width: inherit;
-        display: grid;
-        grid-template-columns: 1fr 3fr;
-        grid-template-rows: 1fr;
-        grid-column-gap: 5px;
-      }
-
-      .co-transaction-line-commission-button, .co-transaction-line-supplier-button, .co-transaction-line-warehouse-button, .co-transaction-line-delivery-button, .co-transaction-line-vat-button {
-        overflow: hidden;
-
-        .transaction-line-button {
-          width: auto;
-        }
-
-        &.fit-content {
-          width: fit-content;
-          min-width: 50%;
-        }
-      }
-    }
-  }
-
-  .side-panel-button {
-    background: #f5f5fc;
-    border-radius: 5px;
-    padding: 5px 2px;
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    justify-content: center;
-    cursor: pointer;
-
-    .co-icon {
-      width: 20px;
-      height: 20px;
-    }
-  }
-}
+@include export-module('cc-transaction-card-purchase-order-stickers-layout') {
+  .co-transaction-card-purchase-order-stickers {
+
+    co-transaction-line-amount co-input-number-picker, .transaction-card-price {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      border: 1px solid $tp-color-border;
+      border-radius: $tp-default-border-radius;
+      width: 100px;
+      min-width: 100px;
+      height: $tp-default-button-height;
+
+      .co-input-text {
+        width: 80%;
+        height: 95%;
+
+        input {
+          margin: 4px 0 0;
+        }
+      }
+
+      &.price {
+        width: auto;
+        font-weight: bold;
+      }
+    }
+
+    .transaction-card-content-wrapper {
+      display: flex;
+      width: 100%;
+      flex-direction: column;
+
+      .content-base {
+        width: inherit;
+        display: grid;
+        grid-template-columns: 1fr 1fr 1fr 1fr;
+        grid-template-rows: 1fr;
+        grid-column-gap: 5px;
+        margin-bottom: 5px;
+      }
+
+      .content-expanded {
+        width: inherit;
+        display: grid;
+        grid-template-columns: 1fr 3fr;
+        grid-template-rows: 1fr;
+        grid-column-gap: 5px;
+      }
+
+      .co-transaction-line-commission-button, .co-transaction-line-supplier-button, .co-transaction-line-warehouse-button, .co-transaction-line-delivery-button, .co-transaction-line-vat-button {
+        overflow: hidden;
+
+        .transaction-line-button {
+          width: auto;
+        }
+
+        &.fit-content {
+          width: fit-content;
+          min-width: 50%;
+        }
+      }
+    }
+  }
+
+  .side-panel-button {
+    background: #f5f5fc;
+    border-radius: 5px;
+    padding: 5px 2px;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    cursor: pointer;
+
+    .co-icon {
+      width: 20px;
+      height: 20px;
+    }
+  }
+}

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

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

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

@@ -1,81 +1,81 @@
-@include export-module('cc-transaction-card-reserve-goods-layout') {
-  .co-transaction-card-reserve-goods {
-
-    co-transaction-line-amount co-input-number-picker, .transaction-card-price {
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      border: 1px solid $tp-color-border;
-      border-radius: $tp-default-border-radius;
-      width: 100px;
-      min-width: 100px;
-      height: $tp-default-button-height;
-
-      .co-input-text {
-        width: 80%;
-        height: 95%;
-
-        input {
-          margin: 4px 0 0;
-        }
-      }
-
-      &.price {
-        width: auto;
-        font-weight: bold;
-      }
-    }
-
-    .transaction-card-content-wrapper {
-      display: flex;
-      width: 100%;
-      flex-direction: column;
-
-      .content-base {
-        width: inherit;
-        display: grid;
-        grid-template-columns: 1fr 1fr 1fr 1fr;
-        grid-template-rows: 1fr;
-        grid-column-gap: 5px;
-        margin-bottom: 5px;
-      }
-
-      .content-expanded {
-        width: inherit;
-        display: grid;
-        grid-template-columns: 1fr 3fr;
-        grid-template-rows: 1fr;
-        grid-column-gap: 5px;
-      }
-
-      .co-transaction-line-commission-button, .co-transaction-line-supplier-button, .co-transaction-line-warehouse-button, .co-transaction-line-delivery-button, .co-transaction-line-vat-button {
-        overflow: hidden;
-
-        .transaction-line-button {
-          width: auto;
-        }
-
-        &.fit-content {
-          width: fit-content;
-          min-width: 50%;
-        }
-      }
-    }
-  }
-
-  .side-panel-button {
-    background: #f5f5fc;
-    border-radius: 5px;
-    padding: 5px 2px;
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    justify-content: center;
-    cursor: pointer;
-
-    .co-icon {
-      width: 20px;
-      height: 20px;
-    }
-  }
-}
+@include export-module('cc-transaction-card-reserve-goods-layout') {
+  .co-transaction-card-reserve-goods {
+
+    co-transaction-line-amount co-input-number-picker, .transaction-card-price {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      border: 1px solid $tp-color-border;
+      border-radius: $tp-default-border-radius;
+      width: 100px;
+      min-width: 100px;
+      height: $tp-default-button-height;
+
+      .co-input-text {
+        width: 80%;
+        height: 95%;
+
+        input {
+          margin: 4px 0 0;
+        }
+      }
+
+      &.price {
+        width: auto;
+        font-weight: bold;
+      }
+    }
+
+    .transaction-card-content-wrapper {
+      display: flex;
+      width: 100%;
+      flex-direction: column;
+
+      .content-base {
+        width: inherit;
+        display: grid;
+        grid-template-columns: 1fr 1fr 1fr 1fr;
+        grid-template-rows: 1fr;
+        grid-column-gap: 5px;
+        margin-bottom: 5px;
+      }
+
+      .content-expanded {
+        width: inherit;
+        display: grid;
+        grid-template-columns: 1fr 3fr;
+        grid-template-rows: 1fr;
+        grid-column-gap: 5px;
+      }
+
+      .co-transaction-line-commission-button, .co-transaction-line-supplier-button, .co-transaction-line-warehouse-button, .co-transaction-line-delivery-button, .co-transaction-line-vat-button {
+        overflow: hidden;
+
+        .transaction-line-button {
+          width: auto;
+        }
+
+        &.fit-content {
+          width: fit-content;
+          min-width: 50%;
+        }
+      }
+    }
+  }
+
+  .side-panel-button {
+    background: #f5f5fc;
+    border-radius: 5px;
+    padding: 5px 2px;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    cursor: pointer;
+
+    .co-icon {
+      width: 20px;
+      height: 20px;
+    }
+  }
+}

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

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

package/lib/component/transaction-card/transaction-card-reserve-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";