@colijnit/transaction 262.1.53 → 262.1.54

package/index.d.ts

@@ -5318,6 +5318,7 @@ declare class EditableLabelComponent implements ScreenConfigAdapterComponent {
     set editMode(value: boolean);
     get editMode(): boolean;
     readonly: boolean;
+    forceReadonly: boolean;
     crossedOut: boolean;
     inputLabel: boolean;
     insideLabel: string;
@@ -5327,14 +5328,13 @@ declare class EditableLabelComponent implements ScreenConfigAdapterComponent {
     objectConfigName: string;
     hidden: boolean;
     required: boolean;
-    forceReadonly: boolean;
     maxLength: number;
     decimals: number;
     redErrorBackground: boolean;
     private _editMode;
     private _inputTextComponent;
     static ɵfac: i0.ɵɵFactoryDeclaration<EditableLabelComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<EditableLabelComponent, "co-editable-label", never, { "model": { "alias": "model"; "required": false; }; "editModel": { "alias": "editModel"; "required": false; }; "commit": { "alias": "commit"; "required": false; }; "editMode": { "alias": "editMode"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "crossedOut": { "alias": "crossedOut"; "required": false; }; "inputLabel": { "alias": "inputLabel"; "required": false; }; "insideLabel": { "alias": "insideLabel"; "required": false; }; }, { "editModelChange": "editModelChange"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<EditableLabelComponent, "co-editable-label", never, { "model": { "alias": "model"; "required": false; }; "editModel": { "alias": "editModel"; "required": false; }; "commit": { "alias": "commit"; "required": false; }; "editMode": { "alias": "editMode"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "forceReadonly": { "alias": "forceReadonly"; "required": false; }; "crossedOut": { "alias": "crossedOut"; "required": false; }; "inputLabel": { "alias": "inputLabel"; "required": false; }; "insideLabel": { "alias": "insideLabel"; "required": false; }; }, { "editModelChange": "editModelChange"; }, never, never, false, never>;
 }
 
 declare class EditableLabelModule {
@@ -9762,7 +9762,7 @@ declare class TransactionLineAssemblyTimeModule {
 
 declare class TransactionLineSidePanelDefaultModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<TransactionLineSidePanelDefaultModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<TransactionLineSidePanelDefaultModule, [typeof TransactionLineSidePanelDefaultComponent], [typeof i2.CommonModule, typeof CoreModule, typeof PipeModule, typeof i3.ButtonModule, typeof i3.CollapsibleModule, typeof i3.InputTextModule, typeof i3.InputDatePickerModule, typeof i3.InputNumberPickerModule, typeof TransactionLinePriceListModule, typeof TransactionLineVatModule, typeof TransactionLineAmountModule, typeof TransactionLineDiscountPercentageModule, typeof TransactionLineDeliveryMethodModule, typeof TransactionLineDeliveryDateModule, typeof TransactionLineReferenceModule, typeof TransactionLineCommissionCodeModule, typeof TransactionLineWarehouseModule, typeof TransactionLineDiscountAmountModule, typeof TransactionLineQuantumDiscountModule, typeof TransactionLineSpecialDiscountModule, typeof TransactionLineSupplierModule, typeof TransactionLineDescriptionModule, typeof TransactionLinePriceModule, typeof TransactionLineSupplierButtonModule, typeof TransactionLineSupplierArtNrModule, typeof TransactionLineAssemblyTimeModule, typeof EditableLabelModule], [typeof TransactionLineSidePanelDefaultComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<TransactionLineSidePanelDefaultModule, [typeof TransactionLineSidePanelDefaultComponent], [typeof i2.CommonModule, typeof CoreModule, typeof PipeModule, typeof i3.ButtonModule, typeof i3.CollapsibleModule, typeof i3.InputTextModule, typeof i3.InputDatePickerModule, typeof i3.InputNumberPickerModule, typeof TransactionLinePriceListModule, typeof TransactionLineVatModule, typeof TransactionLineAmountModule, typeof TransactionLineDiscountPercentageModule, typeof TransactionLineDeliveryMethodModule, typeof TransactionLineDeliveryDateModule, typeof TransactionLineReferenceModule, typeof TransactionLineCommissionCodeModule, typeof TransactionLineWarehouseModule, typeof TransactionLineDiscountAmountModule, typeof TransactionLineQuantumDiscountModule, typeof TransactionLineSpecialDiscountModule, typeof TransactionLineSupplierModule, typeof TransactionLineDescriptionModule, typeof TransactionLinePriceModule, typeof TransactionLineSupplierButtonModule, typeof TransactionLineSupplierArtNrModule, typeof TransactionLineAssemblyTimeModule, typeof EditableLabelModule, typeof i3.ScreenConfigurationModule], [typeof TransactionLineSidePanelDefaultComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<TransactionLineSidePanelDefaultModule>;
 }
 
@@ -10042,7 +10042,7 @@ declare class TransactionSalesOverviewButtonBarButtonComponent extends Transacti
     showCategories: boolean;
     constructor(iconCacheService: IconCacheService, changeDetector: ChangeDetectorRef, _transactionEventService: TransactionEventService, _mappingService: TransactionMappingService, _dictionaryService: DictionaryService, _screenConfigService: TransactionScreenConfigurationService, _transactionService: TransactionService, _elementRef: ElementRef, _renderer: Renderer2, _transactionBaseService: TransactionService);
     currentIcon(): Icon.CartShoppingRegular | Icon.ChartPieSimpleRegular;
-    currentTitle(): "OVERVIEW" | "MARGINS";
+    currentTitle(): "MARGINS" | "OVERVIEW";
     ngOnDestroy(): void;
     handleClickWrapper(event: MouseEvent): void;
     handleMarginClicked(event: MouseEvent, category: TransactionTypeCategory): void;
@@ -10068,7 +10068,7 @@ declare class TransactionPurchaseOverviewButtonBarButtonComponent extends Transa
     constructor(iconCacheService: IconCacheService, transactionHeaderService: TransactionHeaderService, transactionEventService: TransactionEventService, changeDetector: ChangeDetectorRef, _mappingService: TransactionMappingService, _transactionService: TransactionService, _elementRef: ElementRef);
     ngOnDestroy(): void;
     currentIcon(): Icon.CartShoppingRegular | Icon.ChartPieSimpleRegular;
-    currentTitle(): "OVERVIEW" | "MARGINS";
+    currentTitle(): "MARGINS" | "OVERVIEW";
     handleClickWrapper(event: MouseEvent): void;
     handleMarginClicked(event: MouseEvent, category: TransactionTypeCategory): Promise<void>;
     private handleDocumentClick;
@@ -10120,7 +10120,7 @@ declare class TransactionSalesQuotationButtonBarButtonComponent extends Transact
     showCategories: boolean;
     constructor(iconCacheService: IconCacheService, changeDetector: ChangeDetectorRef, _transactionEventService: TransactionEventService, _mappingService: TransactionMappingService, _dictionaryService: DictionaryService, _screenConfigService: TransactionScreenConfigurationService, _transactionService: TransactionService, _elementRef: ElementRef, _renderer: Renderer2, _transactionBaseService: TransactionService);
     currentIcon(): Icon.CartShoppingRegular | Icon.ChartPieSimpleRegular;
-    currentTitle(): "OVERVIEW" | "MARGINS";
+    currentTitle(): "MARGINS" | "OVERVIEW";
     ngOnDestroy(): void;
     handleClickWrapper(event: MouseEvent): void;
     handleMarginClicked(event: MouseEvent, category: TransactionTypeCategory): void;
@@ -11538,7 +11538,7 @@ declare class TransactionSearchSalesQuotationTileComponent extends TransactionSe
 
 declare class TransactionSearchSalesQuotationTileModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<TransactionSearchSalesQuotationTileModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<TransactionSearchSalesQuotationTileModule, [typeof TransactionSearchSalesQuotationTileComponent], [typeof i2.CommonModule, typeof AvatarModule, typeof i3.InputCheckboxModule, typeof i3.IconModule, typeof PipeModule], [typeof TransactionSearchSalesQuotationTileComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<TransactionSearchSalesQuotationTileModule, [typeof TransactionSearchSalesQuotationTileComponent], [typeof i2.CommonModule, typeof AvatarModule, typeof i3.InputCheckboxModule, typeof i3.IconModule, typeof PipeModule, typeof i3.ScreenConfigurationModule], [typeof TransactionSearchSalesQuotationTileComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<TransactionSearchSalesQuotationTileModule>;
 }
 
@@ -13802,7 +13802,7 @@ declare class DialogTransactionHeaderDiscountModule {
 
 declare class TransactionTotalsModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<TransactionTotalsModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<TransactionTotalsModule, [typeof TransactionTotalsComponent, typeof TransactionConfirmTotalsComponent], [typeof i2.CommonModule, typeof CoreModule, typeof PipeModule, typeof DialogTransactionHeaderDiscountModule], [typeof TransactionTotalsComponent, typeof TransactionConfirmTotalsComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<TransactionTotalsModule, [typeof TransactionTotalsComponent, typeof TransactionConfirmTotalsComponent], [typeof i2.CommonModule, typeof CoreModule, typeof PipeModule, typeof DialogTransactionHeaderDiscountModule, typeof i3.ScreenConfigurationModule], [typeof TransactionTotalsComponent, typeof TransactionConfirmTotalsComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<TransactionTotalsModule>;
 }
 

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/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/returns/return-wizard/form-response/style/_layout.scss

@@ -1,57 +1,57 @@
-@include export-module('co-form-response-layout') {
-  .co-form-response {
-    font-family: $tp-co-transaction-search-font-family;
-    font-size: $tp-co-transaction-search-font-size;
-
-    .form-response-contents {
-    display: flex;
-    flex-direction: column;
-    row-gap: 20px;
-
-      .answered-questions {
-        display: flex;
-        flex-direction: column;
-        row-gap: 20px;
-
-        .answered-question-container {
-          display: flex;
-          flex-direction: column;
-          row-gap: 10px;
-
-          .answered-question {
-            font-weight: bold;
-          }
-
-          .given-answer-container {
-            display: flex;
-            flex-direction: row;
-            column-gap: 20px;
-            padding: 20px;
-            border: 1px solid $tp-color-border;
-
-            .change-answer {
-              font-style: italic;
-              color: #1A73E8;
-            }
-          }
-        }
-      }
-
-      .current-question-container {
-        display: flex;
-        flex-direction: column;
-        row-gap: 20px;
-
-        .current-question {
-          font-weight: bold;
-        }
-
-        .current-answers-container {
-          display: flex;
-          flex-direction: column;
-          row-gap: 10px;
-        }
-      }
-    }
-  }
-}
+@include export-module('co-form-response-layout') {
+  .co-form-response {
+    font-family: $tp-co-transaction-search-font-family;
+    font-size: $tp-co-transaction-search-font-size;
+
+    .form-response-contents {
+    display: flex;
+    flex-direction: column;
+    row-gap: 20px;
+
+      .answered-questions {
+        display: flex;
+        flex-direction: column;
+        row-gap: 20px;
+
+        .answered-question-container {
+          display: flex;
+          flex-direction: column;
+          row-gap: 10px;
+
+          .answered-question {
+            font-weight: bold;
+          }
+
+          .given-answer-container {
+            display: flex;
+            flex-direction: row;
+            column-gap: 20px;
+            padding: 20px;
+            border: 1px solid $tp-color-border;
+
+            .change-answer {
+              font-style: italic;
+              color: #1A73E8;
+            }
+          }
+        }
+      }
+
+      .current-question-container {
+        display: flex;
+        flex-direction: column;
+        row-gap: 20px;
+
+        .current-question {
+          font-weight: bold;
+        }
+
+        .current-answers-container {
+          display: flex;
+          flex-direction: column;
+          row-gap: 10px;
+        }
+      }
+    }
+  }
+}

package/lib/component/returns/return-wizard/form-response/style/_material-definition.scss

@@ -1 +1 @@
-
+

package/lib/component/returns/return-wizard/form-response/style/_theme.scss

@@ -1,4 +1,4 @@
-@include export-module('co-form-response-theme') {
-  .co-form-response {
-  }
-}
+@include export-module('co-form-response-theme') {
+  .co-form-response {
+  }
+}

package/lib/component/returns/return-wizard/form-response/style/material.scss

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