@colijnit/transaction 301.1.6 → 301.1.8

package/lib/component/cart-line/style/_layout.scss

@@ -1,31 +1,31 @@
-@include export-module('co-cart-line-layout') {
-  .co-cart-line {
-    display: grid;
-    grid-template-columns: minmax(0, 1fr) var(--co-cart-line-price-width) var(--co-cart-line-amount-width) var(--co-cart-line-total-width);
-    align-items: center;
-    column-gap: var(--co-cart-line-column-gap);
-    padding: var(--co-cart-line-padding);
-    font-family: var(--co-cart-line-font-family);
-    font-size: var(--co-cart-line-font-size);
-    border-width: var(--co-cart-line-border-width);
-    border-style: solid;
-
-    .cart-line-price,
-    .cart-line-total {
-      text-align: right;
-      white-space: nowrap;
-    }
-
-    .cart-line-total {
-      font-weight: bold;
-    }
-
-    &.readonly {
-      grid-template-columns: minmax(0, 1fr) var(--co-cart-line-price-width) var(--co-cart-line-readonly-amount-width) var(--co-cart-line-total-width);
-
-      .cart-line-amount {
-        text-align: right;
-      }
-    }
-  }
-}
+@include export-module('co-cart-line-layout') {
+  .co-cart-line {
+    display: grid;
+    grid-template-columns: minmax(0, 1fr) var(--co-cart-line-price-width) var(--co-cart-line-amount-width) var(--co-cart-line-total-width);
+    align-items: center;
+    column-gap: var(--co-cart-line-column-gap);
+    padding: var(--co-cart-line-padding);
+    font-family: var(--co-cart-line-font-family);
+    font-size: var(--co-cart-line-font-size);
+    border-width: var(--co-cart-line-border-width);
+    border-style: solid;
+
+    .cart-line-price,
+    .cart-line-total {
+      text-align: right;
+      white-space: nowrap;
+    }
+
+    .cart-line-total {
+      font-weight: bold;
+    }
+
+    &.readonly {
+      grid-template-columns: minmax(0, 1fr) var(--co-cart-line-price-width) var(--co-cart-line-readonly-amount-width) var(--co-cart-line-total-width);
+
+      .cart-line-amount {
+        text-align: right;
+      }
+    }
+  }
+}

package/lib/component/cart-line/style/_material-definition.scss

@@ -1,27 +1,27 @@
-$tp-cart-line-font-family: $tp-font-family !default;
-$tp-cart-line-font-size: $tp-font-size !default;
-$tp-cart-line-padding: 10px 0 !default;
-$tp-cart-line-column-gap: 15px !default;
-$tp-cart-line-price-width: 90px !default;
-$tp-cart-line-amount-width: 110px !default;
-$tp-cart-line-readonly-amount-width: 40px !default;
-$tp-cart-line-total-width: 100px !default;
-$tp-cart-line-border-width: 0 0 1px 0 !default;
-$tp-cart-line-border-color: #e5e5e5 !default;
-$tp-cart-line-color: $tp-color-dark !default;
-
-@include export-module('co-cart-line-tokens') {
-  :root {
-    --co-cart-line-font-family: #{$tp-cart-line-font-family};
-    --co-cart-line-font-size: #{$tp-cart-line-font-size};
-    --co-cart-line-padding: #{$tp-cart-line-padding};
-    --co-cart-line-column-gap: #{$tp-cart-line-column-gap};
-    --co-cart-line-price-width: #{$tp-cart-line-price-width};
-    --co-cart-line-amount-width: #{$tp-cart-line-amount-width};
-    --co-cart-line-readonly-amount-width: #{$tp-cart-line-readonly-amount-width};
-    --co-cart-line-total-width: #{$tp-cart-line-total-width};
-    --co-cart-line-border-width: #{$tp-cart-line-border-width};
-    --co-cart-line-border-color: #{$tp-cart-line-border-color};
-    --co-cart-line-color: #{$tp-cart-line-color};
-  }
-}
+$tp-cart-line-font-family: $tp-font-family !default;
+$tp-cart-line-font-size: $tp-font-size !default;
+$tp-cart-line-padding: 10px 0 !default;
+$tp-cart-line-column-gap: 15px !default;
+$tp-cart-line-price-width: 90px !default;
+$tp-cart-line-amount-width: 110px !default;
+$tp-cart-line-readonly-amount-width: 40px !default;
+$tp-cart-line-total-width: 100px !default;
+$tp-cart-line-border-width: 0 0 1px 0 !default;
+$tp-cart-line-border-color: #e5e5e5 !default;
+$tp-cart-line-color: $tp-color-dark !default;
+
+@include export-module('co-cart-line-tokens') {
+  :root {
+    --co-cart-line-font-family: #{$tp-cart-line-font-family};
+    --co-cart-line-font-size: #{$tp-cart-line-font-size};
+    --co-cart-line-padding: #{$tp-cart-line-padding};
+    --co-cart-line-column-gap: #{$tp-cart-line-column-gap};
+    --co-cart-line-price-width: #{$tp-cart-line-price-width};
+    --co-cart-line-amount-width: #{$tp-cart-line-amount-width};
+    --co-cart-line-readonly-amount-width: #{$tp-cart-line-readonly-amount-width};
+    --co-cart-line-total-width: #{$tp-cart-line-total-width};
+    --co-cart-line-border-width: #{$tp-cart-line-border-width};
+    --co-cart-line-border-color: #{$tp-cart-line-border-color};
+    --co-cart-line-color: #{$tp-cart-line-color};
+  }
+}

package/lib/component/cart-line/style/_theme.scss

@@ -1,6 +1,6 @@
-@include export-module('co-cart-line-theme') {
-  .co-cart-line {
-    color: var(--co-cart-line-color);
-    border-color: var(--co-cart-line-border-color);
-  }
-}
+@include export-module('co-cart-line-theme') {
+  .co-cart-line {
+    color: var(--co-cart-line-color);
+    border-color: var(--co-cart-line-border-color);
+  }
+}

package/lib/component/cart-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/cart-preview/style/_layout.scss

@@ -1,36 +1,36 @@
-@include export-module('co-cart-preview-layout') {
-  .co-cart-preview {
-    display: flex;
-    flex-direction: column;
-    font-family: var(--co-cart-preview-font-family);
-    font-size: var(--co-cart-preview-font-size);
-
-    .cart-preview-lines {
-      max-height: var(--co-cart-preview-lines-max-height);
-      overflow-y: auto;
-    }
-
-    .cart-preview-totals {
-      display: grid;
-      grid-template-columns: 1fr auto;
-      row-gap: var(--co-cart-preview-totals-row-gap);
-      padding: var(--co-cart-preview-totals-padding);
-      border-top-width: 1px;
-      border-top-style: solid;
-
-      .value {
-        text-align: right;
-        white-space: nowrap;
-      }
-
-      .totals-net {
-        font-weight: var(--co-cart-preview-totals-net-font-weight);
-      }
-    }
-
-    .cart-preview-edit {
-      cursor: pointer;
-      margin: var(--co-cart-preview-edit-margin);
-    }
-  }
-}
+@include export-module('co-cart-preview-layout') {
+  .co-cart-preview {
+    display: flex;
+    flex-direction: column;
+    font-family: var(--co-cart-preview-font-family);
+    font-size: var(--co-cart-preview-font-size);
+
+    .cart-preview-lines {
+      max-height: var(--co-cart-preview-lines-max-height);
+      overflow-y: auto;
+    }
+
+    .cart-preview-totals {
+      display: grid;
+      grid-template-columns: 1fr auto;
+      row-gap: var(--co-cart-preview-totals-row-gap);
+      padding: var(--co-cart-preview-totals-padding);
+      border-top-width: 1px;
+      border-top-style: solid;
+
+      .value {
+        text-align: right;
+        white-space: nowrap;
+      }
+
+      .totals-net {
+        font-weight: var(--co-cart-preview-totals-net-font-weight);
+      }
+    }
+
+    .cart-preview-edit {
+      cursor: pointer;
+      margin: var(--co-cart-preview-edit-margin);
+    }
+  }
+}

package/lib/component/cart-preview/style/_material-definition.scss

@@ -1,23 +1,23 @@
-$tp-cart-preview-font-family: $tp-font-family !default;
-$tp-cart-preview-font-size: $tp-font-size !default;
-$tp-cart-preview-lines-max-height: 400px !default;
-$tp-cart-preview-totals-row-gap: 5px !default;
-$tp-cart-preview-totals-padding: 10px 0 !default;
-$tp-cart-preview-totals-net-font-weight: bold !default;
-$tp-cart-preview-edit-margin: 10px 0 0 0 !default;
-$tp-cart-preview-edit-color: $tp-color-action !default;
-$tp-cart-preview-border-color: #e5e5e5 !default;
-
-@include export-module('co-cart-preview-tokens') {
-  :root {
-    --co-cart-preview-font-family: #{$tp-cart-preview-font-family};
-    --co-cart-preview-font-size: #{$tp-cart-preview-font-size};
-    --co-cart-preview-lines-max-height: #{$tp-cart-preview-lines-max-height};
-    --co-cart-preview-totals-row-gap: #{$tp-cart-preview-totals-row-gap};
-    --co-cart-preview-totals-padding: #{$tp-cart-preview-totals-padding};
-    --co-cart-preview-totals-net-font-weight: #{$tp-cart-preview-totals-net-font-weight};
-    --co-cart-preview-edit-margin: #{$tp-cart-preview-edit-margin};
-    --co-cart-preview-edit-color: #{$tp-cart-preview-edit-color};
-    --co-cart-preview-border-color: #{$tp-cart-preview-border-color};
-  }
-}
+$tp-cart-preview-font-family: $tp-font-family !default;
+$tp-cart-preview-font-size: $tp-font-size !default;
+$tp-cart-preview-lines-max-height: 400px !default;
+$tp-cart-preview-totals-row-gap: 5px !default;
+$tp-cart-preview-totals-padding: 10px 0 !default;
+$tp-cart-preview-totals-net-font-weight: bold !default;
+$tp-cart-preview-edit-margin: 10px 0 0 0 !default;
+$tp-cart-preview-edit-color: $tp-color-action !default;
+$tp-cart-preview-border-color: #e5e5e5 !default;
+
+@include export-module('co-cart-preview-tokens') {
+  :root {
+    --co-cart-preview-font-family: #{$tp-cart-preview-font-family};
+    --co-cart-preview-font-size: #{$tp-cart-preview-font-size};
+    --co-cart-preview-lines-max-height: #{$tp-cart-preview-lines-max-height};
+    --co-cart-preview-totals-row-gap: #{$tp-cart-preview-totals-row-gap};
+    --co-cart-preview-totals-padding: #{$tp-cart-preview-totals-padding};
+    --co-cart-preview-totals-net-font-weight: #{$tp-cart-preview-totals-net-font-weight};
+    --co-cart-preview-edit-margin: #{$tp-cart-preview-edit-margin};
+    --co-cart-preview-edit-color: #{$tp-cart-preview-edit-color};
+    --co-cart-preview-border-color: #{$tp-cart-preview-border-color};
+  }
+}

package/lib/component/cart-preview/style/_theme.scss

@@ -1,11 +1,11 @@
-@include export-module('co-cart-preview-theme') {
-  .co-cart-preview {
-    .cart-preview-totals {
-      border-top-color: var(--co-cart-preview-border-color);
-    }
-
-    .cart-preview-edit {
-      color: var(--co-cart-preview-edit-color);
-    }
-  }
-}
+@include export-module('co-cart-preview-theme') {
+  .co-cart-preview {
+    .cart-preview-totals {
+      border-top-color: var(--co-cart-preview-border-color);
+    }
+
+    .cart-preview-edit {
+      color: var(--co-cart-preview-edit-color);
+    }
+  }
+}

package/lib/component/cart-preview/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/core/base/components/transaction-header-contact/style/_layout.scss

@@ -1,65 +1,65 @@
-@include export-module('co-transaction-header-contact-layout') {
-  .co-transaction-header-contact {
-    display: flex;
-    align-items: center;
-    column-gap: var(--co-transaction-header-contact-column-gap);
-    min-width: 0;
-
-    .transaction-header-contact-value {
-      flex: 1 1 auto;
-      min-width: 0;
-      overflow: hidden;
-      text-overflow: ellipsis;
-      white-space: nowrap;
-      text-decoration: none;
-    }
-
-    .transaction-header-contact-copy {
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      flex-shrink: 0;
-      width: var(--co-transaction-header-contact-copy-hit-size);
-      height: var(--co-transaction-header-contact-copy-hit-size);
-      cursor: pointer;
-      // Always visible, so the option is discoverable without a hovering pointer.
-      opacity: var(--co-transaction-header-contact-copy-idle-opacity);
-      transition: var(--co-transaction-header-contact-copy-transition);
-
-      &:hover, &.copied {
-        opacity: 1;
-      }
-
-      .co-icon {
-        width: var(--co-transaction-header-contact-copy-icon-size);
-        height: var(--co-transaction-header-contact-copy-icon-size);
-      }
-    }
-
-    // Deliberately not the screen-mobile mixin: the target has to grow wherever a finger is doing the
-    // tapping, which is the same condition under which the component renders a mailto: / tel: link.
-    // A tablet in landscape is wider than the mobile breakpoint and still needs the bigger target.
-    @media only screen and (max-width: 700px), (hover: none) and (pointer: coarse) {
-      min-height: var(--co-transaction-header-contact-copy-hit-size-touch);
-
-      .transaction-header-contact-copy {
-        width: var(--co-transaction-header-contact-copy-hit-size-touch);
-        height: var(--co-transaction-header-contact-copy-hit-size-touch);
-      }
-    }
-  }
-
-  .transaction-header-contact-clipboard-proxy {
-    position: fixed;
-    top: 0;
-    left: 0;
-    width: 1px;
-    height: 1px;
-    padding: 0;
-    border-width: 0;
-    // iOS zooms in on a focused field below 16px, even one it cannot see.
-    font-size: 16px;
-    opacity: 0;
-    pointer-events: none;
-  }
-}
+@include export-module('co-transaction-header-contact-layout') {
+  .co-transaction-header-contact {
+    display: flex;
+    align-items: center;
+    column-gap: var(--co-transaction-header-contact-column-gap);
+    min-width: 0;
+
+    .transaction-header-contact-value {
+      flex: 1 1 auto;
+      min-width: 0;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      white-space: nowrap;
+      text-decoration: none;
+    }
+
+    .transaction-header-contact-copy {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      flex-shrink: 0;
+      width: var(--co-transaction-header-contact-copy-hit-size);
+      height: var(--co-transaction-header-contact-copy-hit-size);
+      cursor: pointer;
+      // Always visible, so the option is discoverable without a hovering pointer.
+      opacity: var(--co-transaction-header-contact-copy-idle-opacity);
+      transition: var(--co-transaction-header-contact-copy-transition);
+
+      &:hover, &.copied {
+        opacity: 1;
+      }
+
+      .co-icon {
+        width: var(--co-transaction-header-contact-copy-icon-size);
+        height: var(--co-transaction-header-contact-copy-icon-size);
+      }
+    }
+
+    // Deliberately not the screen-mobile mixin: the target has to grow wherever a finger is doing the
+    // tapping, which is the same condition under which the component renders a mailto: / tel: link.
+    // A tablet in landscape is wider than the mobile breakpoint and still needs the bigger target.
+    @media only screen and (max-width: 700px), (hover: none) and (pointer: coarse) {
+      min-height: var(--co-transaction-header-contact-copy-hit-size-touch);
+
+      .transaction-header-contact-copy {
+        width: var(--co-transaction-header-contact-copy-hit-size-touch);
+        height: var(--co-transaction-header-contact-copy-hit-size-touch);
+      }
+    }
+  }
+
+  .transaction-header-contact-clipboard-proxy {
+    position: fixed;
+    top: 0;
+    left: 0;
+    width: 1px;
+    height: 1px;
+    padding: 0;
+    border-width: 0;
+    // iOS zooms in on a focused field below 16px, even one it cannot see.
+    font-size: 16px;
+    opacity: 0;
+    pointer-events: none;
+  }
+}

package/lib/component/core/base/components/transaction-header-contact/style/_material-definition.scss

@@ -1,25 +1,25 @@
-$tp-transaction-header-contact-column-gap: 4px !default;
-$tp-transaction-header-contact-copy-icon-size: 11px !default;
-$tp-transaction-header-contact-copy-hit-size: 16px !default;
-// A finger needs a target of its own; on touch the contact row grows to fit it.
-$tp-transaction-header-contact-copy-hit-size-touch: 32px !default;
-$tp-transaction-header-contact-copy-idle-opacity: 0.45 !default;
-$tp-transaction-header-contact-copy-transition: opacity 0.2s !default;
-
-$tp-transaction-header-contact-copy-color: $tp-color-text-grey !default;
-$tp-transaction-header-contact-copy-hover-color: $tp-color-action !default;
-$tp-transaction-header-contact-copied-color: $tp-color-active !default;
-
-@include export-module('co-transaction-header-contact-tokens') {
-  :root {
-    --co-transaction-header-contact-column-gap: #{$tp-transaction-header-contact-column-gap};
-    --co-transaction-header-contact-copy-icon-size: #{$tp-transaction-header-contact-copy-icon-size};
-    --co-transaction-header-contact-copy-hit-size: #{$tp-transaction-header-contact-copy-hit-size};
-    --co-transaction-header-contact-copy-hit-size-touch: #{$tp-transaction-header-contact-copy-hit-size-touch};
-    --co-transaction-header-contact-copy-idle-opacity: #{$tp-transaction-header-contact-copy-idle-opacity};
-    --co-transaction-header-contact-copy-transition: #{$tp-transaction-header-contact-copy-transition};
-    --co-transaction-header-contact-copy-color: #{$tp-transaction-header-contact-copy-color};
-    --co-transaction-header-contact-copy-hover-color: #{$tp-transaction-header-contact-copy-hover-color};
-    --co-transaction-header-contact-copied-color: #{$tp-transaction-header-contact-copied-color};
-  }
-}
+$tp-transaction-header-contact-column-gap: 4px !default;
+$tp-transaction-header-contact-copy-icon-size: 11px !default;
+$tp-transaction-header-contact-copy-hit-size: 16px !default;
+// A finger needs a target of its own; on touch the contact row grows to fit it.
+$tp-transaction-header-contact-copy-hit-size-touch: 32px !default;
+$tp-transaction-header-contact-copy-idle-opacity: 0.45 !default;
+$tp-transaction-header-contact-copy-transition: opacity 0.2s !default;
+
+$tp-transaction-header-contact-copy-color: $tp-color-text-grey !default;
+$tp-transaction-header-contact-copy-hover-color: $tp-color-action !default;
+$tp-transaction-header-contact-copied-color: $tp-color-active !default;
+
+@include export-module('co-transaction-header-contact-tokens') {
+  :root {
+    --co-transaction-header-contact-column-gap: #{$tp-transaction-header-contact-column-gap};
+    --co-transaction-header-contact-copy-icon-size: #{$tp-transaction-header-contact-copy-icon-size};
+    --co-transaction-header-contact-copy-hit-size: #{$tp-transaction-header-contact-copy-hit-size};
+    --co-transaction-header-contact-copy-hit-size-touch: #{$tp-transaction-header-contact-copy-hit-size-touch};
+    --co-transaction-header-contact-copy-idle-opacity: #{$tp-transaction-header-contact-copy-idle-opacity};
+    --co-transaction-header-contact-copy-transition: #{$tp-transaction-header-contact-copy-transition};
+    --co-transaction-header-contact-copy-color: #{$tp-transaction-header-contact-copy-color};
+    --co-transaction-header-contact-copy-hover-color: #{$tp-transaction-header-contact-copy-hover-color};
+    --co-transaction-header-contact-copied-color: #{$tp-transaction-header-contact-copied-color};
+  }
+}

package/lib/component/core/base/components/transaction-header-contact/style/_theme.scss

@@ -1,34 +1,34 @@
-@include export-module('co-transaction-header-contact-theme') {
-  .co-transaction-header-contact {
-    .transaction-header-contact-value {
-      color: inherit;
-    }
-
-    .transaction-header-contact-copy {
-      svg {
-        fill: var(--co-transaction-header-contact-copy-color);
-      }
-      [fill] {
-        fill: var(--co-transaction-header-contact-copy-color);
-      }
-
-      &:hover {
-        svg {
-          fill: var(--co-transaction-header-contact-copy-hover-color);
-        }
-        [fill] {
-          fill: var(--co-transaction-header-contact-copy-hover-color);
-        }
-      }
-
-      &.copied {
-        svg {
-          fill: var(--co-transaction-header-contact-copied-color);
-        }
-        [fill] {
-          fill: var(--co-transaction-header-contact-copied-color);
-        }
-      }
-    }
-  }
-}
+@include export-module('co-transaction-header-contact-theme') {
+  .co-transaction-header-contact {
+    .transaction-header-contact-value {
+      color: inherit;
+    }
+
+    .transaction-header-contact-copy {
+      svg {
+        fill: var(--co-transaction-header-contact-copy-color);
+      }
+      [fill] {
+        fill: var(--co-transaction-header-contact-copy-color);
+      }
+
+      &:hover {
+        svg {
+          fill: var(--co-transaction-header-contact-copy-hover-color);
+        }
+        [fill] {
+          fill: var(--co-transaction-header-contact-copy-hover-color);
+        }
+      }
+
+      &.copied {
+        svg {
+          fill: var(--co-transaction-header-contact-copied-color);
+        }
+        [fill] {
+          fill: var(--co-transaction-header-contact-copied-color);
+        }
+      }
+    }
+  }
+}

package/lib/component/core/base/components/transaction-header-contact/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/core/base/components/voucher-code-pending-reason-dialog/style/_layout.scss

@@ -1,19 +1,19 @@
-@include export-module('cc-voucher-code-pending-reason-dialog-layout') {
-  .co-voucher-code-pending-reason-dialog {
-    co-dialog {
-      .co-dialog-wrapper {
-        max-width: $cc-voucher-code-pending-dialog-width;
-        .co-dialog-header-title-icon {
-          display: flex;
-          align-items: center;
-          gap: $cc-voucher-code-pending-dialog-title-gap;
-        }
-        .co-dialog-content {
-          .co-input-text {
-            margin: $cc-voucher-code-pending-dialog-co-input-margin;
-          }
-        }
-      }
-    }
-  }
-}
+@include export-module('cc-voucher-code-pending-reason-dialog-layout') {
+  .co-voucher-code-pending-reason-dialog {
+    co-dialog {
+      .co-dialog-wrapper {
+        max-width: $cc-voucher-code-pending-dialog-width;
+        .co-dialog-header-title-icon {
+          display: flex;
+          align-items: center;
+          gap: $cc-voucher-code-pending-dialog-title-gap;
+        }
+        .co-dialog-content {
+          .co-input-text {
+            margin: $cc-voucher-code-pending-dialog-co-input-margin;
+          }
+        }
+      }
+    }
+  }
+}

package/lib/component/core/base/components/voucher-code-pending-reason-dialog/style/_material-definition.scss

@@ -1,3 +1,3 @@
-$cc-voucher-code-pending-dialog-width: 460px !default;
-$cc-voucher-code-pending-dialog-title-gap: 10px !default;
-$cc-voucher-code-pending-dialog-co-input-margin: 5px 0 15px 0 !default;
+$cc-voucher-code-pending-dialog-width: 460px !default;
+$cc-voucher-code-pending-dialog-title-gap: 10px !default;
+$cc-voucher-code-pending-dialog-co-input-margin: 5px 0 15px 0 !default;

package/lib/component/core/base/components/voucher-code-pending-reason-dialog/style/_theme.scss

@@ -1,4 +1,4 @@
-@include export-module('cc-voucher-code-pending-reason-dialog-theme') {
-  .co-voucher-code-pending-reason-dialog {
-  }
-}
+@include export-module('cc-voucher-code-pending-reason-dialog-theme') {
+  .co-voucher-code-pending-reason-dialog {
+  }
+}

package/lib/component/core/base/components/voucher-code-pending-reason-dialog/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/core/relation/relation-customer-languages.component.scss

@@ -1,2 +1,2 @@
-:host {
-}
+:host {
+}

package/lib/component/core/relation/relation-customer-titles.component.scss

@@ -1,2 +1,2 @@
-:host {
-}
+:host {
+}