@colijnit/transaction 301.1.6 → 301.1.8

package/lib/component/service-wizard-qa/question-answer-item/style/_layout.scss

@@ -1,44 +1,44 @@
-@include export-module('co-question-answer-item-layout') {
-  .co-question-answer-item {
-    font-family: $tp-co-purchase-confirmation-font-family;
-    font-size: $tp-co-purchase-confirmation-font-size;
-
-    .question-item {
-      width: 100%;
-      margin-top: $tp-co-purchase-confirmation-drag-handle-width;
-    }
-    .answer-items-wrapper {
-      display: flex;
-      flex-direction: column;
-      gap: 10px;
-      .co-input-checkbox {
-        .checkbox {
-          background-color: #F8F8FA;
-          border-color: #F8F8FA;
-        }
-      }
-    }
-    .answer-item {
-      padding: 20px $tp-co-purchase-confirmation-column-gap;
-      border-radius: 5px;
-      border: 2px solid #DCE4EA;
-
-      .answer {
-        display: inline-block;
-        margin-right: $tp-co-purchase-confirmation-drag-handle-width;
-      }
-
-      .link {
-        //display: inline-block;
-        //margin-left: $tp-co-purchase-confirmation-drag-handle-width;
-        font-weight: 600;
-        font-style: italic;
-        color: #1a73e8;
-        cursor: pointer;
-        &:hover {
-          text-decoration: underline;
-        }
-      }
-    }
-  }
-}
+@include export-module('co-question-answer-item-layout') {
+  .co-question-answer-item {
+    font-family: $tp-co-purchase-confirmation-font-family;
+    font-size: $tp-co-purchase-confirmation-font-size;
+
+    .question-item {
+      width: 100%;
+      margin-top: $tp-co-purchase-confirmation-drag-handle-width;
+    }
+    .answer-items-wrapper {
+      display: flex;
+      flex-direction: column;
+      gap: 10px;
+      .co-input-checkbox {
+        .checkbox {
+          background-color: #F8F8FA;
+          border-color: #F8F8FA;
+        }
+      }
+    }
+    .answer-item {
+      padding: 20px $tp-co-purchase-confirmation-column-gap;
+      border-radius: 5px;
+      border: 2px solid #DCE4EA;
+
+      .answer {
+        display: inline-block;
+        margin-right: $tp-co-purchase-confirmation-drag-handle-width;
+      }
+
+      .link {
+        //display: inline-block;
+        //margin-left: $tp-co-purchase-confirmation-drag-handle-width;
+        font-weight: 600;
+        font-style: italic;
+        color: #1a73e8;
+        cursor: pointer;
+        &:hover {
+          text-decoration: underline;
+        }
+      }
+    }
+  }
+}

package/lib/component/service-wizard-qa/question-answer-item/style/_material-definition.scss

@@ -1,24 +1,24 @@
-$tp-co-purchase-confirmation-font-family: $tp-font-family !default;
-$tp-co-purchase-confirmation-font-size: $tp-font-size !default;
-
-$tp-co-purchase-confirmation-header-font-family: $tp-font-family !default;
-$tp-co-purchase-confirmation-header-font-size: 14px !default;
-$tp-co-purchase-confirmation-header-font-weight: bold !default;
-$tp-co-purchase-confirmation-header-height: 50px !default;
-
-$tp-co-purchase-confirmation-background: white !default;
-$tp-co-purchase-confirmation-height: 120px !default;
-$tp-co-purchase-confirmation-drag-handle-width: 30px !default;
-
-$tp-co-purchase-confirmation-icon-size: 40px !default;
-
-$tp-co-purchase-confirmation-quantity-width: 16% !default;
-$tp-co-purchase-confirmation-article-nr-width: 20% !default;
-$tp-co-purchase-confirmation-description-width: 20% !default;
-$tp-co-purchase-confirmation-date-width: 16% !default;
-$tp-co-purchase-confirmation-price-width: 16% !default;
-$tp-co-purchase-confirmation-link-button-width: 50px !default;
-
-$tp-co-purchase-confirmation-column-gap: 10px !default;
-
-$tp-co-purchase-confirmation-linked-color-width: 10px !default;
+$tp-co-purchase-confirmation-font-family: $tp-font-family !default;
+$tp-co-purchase-confirmation-font-size: $tp-font-size !default;
+
+$tp-co-purchase-confirmation-header-font-family: $tp-font-family !default;
+$tp-co-purchase-confirmation-header-font-size: 14px !default;
+$tp-co-purchase-confirmation-header-font-weight: bold !default;
+$tp-co-purchase-confirmation-header-height: 50px !default;
+
+$tp-co-purchase-confirmation-background: white !default;
+$tp-co-purchase-confirmation-height: 120px !default;
+$tp-co-purchase-confirmation-drag-handle-width: 30px !default;
+
+$tp-co-purchase-confirmation-icon-size: 40px !default;
+
+$tp-co-purchase-confirmation-quantity-width: 16% !default;
+$tp-co-purchase-confirmation-article-nr-width: 20% !default;
+$tp-co-purchase-confirmation-description-width: 20% !default;
+$tp-co-purchase-confirmation-date-width: 16% !default;
+$tp-co-purchase-confirmation-price-width: 16% !default;
+$tp-co-purchase-confirmation-link-button-width: 50px !default;
+
+$tp-co-purchase-confirmation-column-gap: 10px !default;
+
+$tp-co-purchase-confirmation-linked-color-width: 10px !default;

package/lib/component/service-wizard-qa/question-answer-item/style/_theme.scss

@@ -1,5 +1,5 @@
-@include export-module('co-question-answer-item-theme') {
-  .co-question-answer-item {
-    background: $tp-co-purchase-confirmation-background;
-  }
-}
+@include export-module('co-question-answer-item-theme') {
+  .co-question-answer-item {
+    background: $tp-co-purchase-confirmation-background;
+  }
+}

package/lib/component/service-wizard-qa/question-answer-item/style/material.scss

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

package/lib/component/shared/conversion-assistant/style/_layout.scss

@@ -1,61 +1,61 @@
-@import "../../../../style/mixin";
-
-@include export-module('co-transaction-line-conversion-assistant-layout') {
-  .co-transaction-line-conversion-assistant {
-    .co-dialog:not(.is-mobile) .co-dialog-wrapper {
-      width: 500px;
-      .assistant-header {
-        display: flex;
-        flex-direction: row;
-        column-gap: 5px;
-        align-items: center;
-        padding-bottom: 10px;
-      }
-
-      .assistant-content-wrapper {
-        display: flex;
-        flex-direction: row;
-        column-gap: 5px;
-
-        .unit-amount {
-          height: $tp-conversion-assistant-field-height;
-          max-width: 90px;
-        }
-
-        .unit-list {
-          height: $tp-conversion-assistant-field-height;
-
-          .co-input-text {
-            height: $tp-conversion-assistant-field-height;
-          }
-        }
-
-        .quantity-number-picker {
-          width: $tp-conversion-assistant-quantity-width;
-          height: $tp-conversion-assistant-field-height;
-
-          .icon-wrapper {
-            max-width: $tp-conversion-assistant-field-height;
-          }
-
-          .co-input-text {
-            width: $tp-conversion-assistant-quantity-width;
-            height: $tp-conversion-assistant-field-height;
-
-            .right-icon {
-              min-width: $cc-co-list-of-values-right-icon-spacer-width;
-            }
-
-            .input-text-right-icon svg {
-              width: $cc-co-list-of-values-right-icon-width;
-              height: $cc-co-list-of-values-right-icon-width;
-              padding: $cc-co-list-of-values-right-icon-padding;
-              background: $cc-co-list-of-values-right-icon-background;
-              border-radius: $cc-co-list-of-values-right-icon-radius;
-            }
-          }
-        }
-      }
-    }
-  }
-}
+@import "../../../../style/mixin";
+
+@include export-module('co-transaction-line-conversion-assistant-layout') {
+  .co-transaction-line-conversion-assistant {
+    .co-dialog:not(.is-mobile) .co-dialog-wrapper {
+      width: 500px;
+      .assistant-header {
+        display: flex;
+        flex-direction: row;
+        column-gap: 5px;
+        align-items: center;
+        padding-bottom: 10px;
+      }
+
+      .assistant-content-wrapper {
+        display: flex;
+        flex-direction: row;
+        column-gap: 5px;
+
+        .unit-amount {
+          height: $tp-conversion-assistant-field-height;
+          max-width: 90px;
+        }
+
+        .unit-list {
+          height: $tp-conversion-assistant-field-height;
+
+          .co-input-text {
+            height: $tp-conversion-assistant-field-height;
+          }
+        }
+
+        .quantity-number-picker {
+          width: $tp-conversion-assistant-quantity-width;
+          height: $tp-conversion-assistant-field-height;
+
+          .icon-wrapper {
+            max-width: $tp-conversion-assistant-field-height;
+          }
+
+          .co-input-text {
+            width: $tp-conversion-assistant-quantity-width;
+            height: $tp-conversion-assistant-field-height;
+
+            .right-icon {
+              min-width: $cc-co-list-of-values-right-icon-spacer-width;
+            }
+
+            .input-text-right-icon svg {
+              width: $cc-co-list-of-values-right-icon-width;
+              height: $cc-co-list-of-values-right-icon-width;
+              padding: $cc-co-list-of-values-right-icon-padding;
+              background: $cc-co-list-of-values-right-icon-background;
+              border-radius: $cc-co-list-of-values-right-icon-radius;
+            }
+          }
+        }
+      }
+    }
+  }
+}

package/lib/component/shared/conversion-assistant/style/_material-definition.scss

@@ -1,2 +1,2 @@
-$tp-conversion-assistant-field-height: 36px !default;
-$tp-conversion-assistant-quantity-width: 150px !default;
+$tp-conversion-assistant-field-height: 36px !default;
+$tp-conversion-assistant-quantity-width: 150px !default;

package/lib/component/shared/conversion-assistant/style/_theme.scss

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

package/lib/component/shared/conversion-assistant/style/material.scss

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

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