@colijnit/sharedcomponents 1.0.62 → 1.0.64

package/lib/components/send-method-dialog/components/printer-selection/style/_material-definition.scss

@@ -1,37 +1,37 @@
-$sc-co-printer-selection-font-family: $sc-font-family !default;
-$sc-co-printer-selection-font-size: $sc-font-size !default;
-$sc-co-printer-selection-font-color: $sc-color-font !default;
-$sc-co-printer-selection-row-gap: 5px !default;
-$sc-co-printer-selection-border-style: solid !default;
-$sc-co-printer-selection-border-color: $sc-color-border !default;
-$sc-co-printer-selection-border-width: 0px !default;
-$sc-co-printer-selection-border-radius: 5px !default;
-$sc-co-printer-selection-padding: 5px 10px !default;
-$sc-co-printer-selection-description-font-size: $sc-font-size !default;
-$sc-co-printer-selection-description-font-weight: bold !default;
-$sc-co-printer-selection-background: #FFFFFF !default;
-
-$sc-co-printer-selection-selections-row-gap: 10px !default;
-$sc-co-printer-selection-selections-shadow: 0px 0px 8px rgba(1, 1, 1, 0.2) !default;
-$sc-co-printer-selection-selections-padding: 15px !default;
-$sc-co-printer-selection-selections-background-color: white !default;
-
-$sc-co-printer-selection-button-height: 50px !default;
-$sc-co-printer-selection-button-radius: 10px !default;
-$sc-co-printer-selection-button-background-color: white !default;
-$sc-co-printer-selection-button-selected-background-color: $sc-color-background !default;
-$sc-co-printer-selection-button-border-style: solid !default;
-$sc-co-printer-selection-button-border-color: $sc-color-border !default;
-$sc-co-printer-selection-button-border-width: 0 !default;
-$sc-co-printer-selection-button-padding: 0 20px !default;
-
-$sc-co-printer-selection-printer-details-font-color: $sc-color-font !default;
-
-$sc-co-printer-selection-printer-name-font-size: $sc-font-size !default;
-$sc-co-printer-selection-printer-name-font-weight: bold !default;
-$sc-co-printer-selection-printer-name-font-style: normal !default;
-
-$sc-co-printer-selection-printer-status-font-size: $sc-font-size !default;
-$sc-co-printer-selection-printer-status-font-weight: normal !default;
-$sc-co-printer-selection-printer-status-font-style: italic !default;
-$sc-co-printer-selection-printer-selected-details-font-color: $sc-color-action !default;
+$sc-co-printer-selection-font-family: $sc-font-family !default;
+$sc-co-printer-selection-font-size: $sc-font-size !default;
+$sc-co-printer-selection-font-color: $sc-color-font !default;
+$sc-co-printer-selection-row-gap: 5px !default;
+$sc-co-printer-selection-border-style: solid !default;
+$sc-co-printer-selection-border-color: $sc-color-border !default;
+$sc-co-printer-selection-border-width: 0px !default;
+$sc-co-printer-selection-border-radius: 5px !default;
+$sc-co-printer-selection-padding: 5px 10px !default;
+$sc-co-printer-selection-description-font-size: $sc-font-size !default;
+$sc-co-printer-selection-description-font-weight: bold !default;
+$sc-co-printer-selection-background: #FFFFFF !default;
+
+$sc-co-printer-selection-selections-row-gap: 10px !default;
+$sc-co-printer-selection-selections-shadow: 0px 0px 8px rgba(1, 1, 1, 0.2) !default;
+$sc-co-printer-selection-selections-padding: 15px !default;
+$sc-co-printer-selection-selections-background-color: white !default;
+
+$sc-co-printer-selection-button-height: 50px !default;
+$sc-co-printer-selection-button-radius: 10px !default;
+$sc-co-printer-selection-button-background-color: white !default;
+$sc-co-printer-selection-button-selected-background-color: $sc-color-background !default;
+$sc-co-printer-selection-button-border-style: solid !default;
+$sc-co-printer-selection-button-border-color: $sc-color-border !default;
+$sc-co-printer-selection-button-border-width: 0 !default;
+$sc-co-printer-selection-button-padding: 0 20px !default;
+
+$sc-co-printer-selection-printer-details-font-color: $sc-color-font !default;
+
+$sc-co-printer-selection-printer-name-font-size: $sc-font-size !default;
+$sc-co-printer-selection-printer-name-font-weight: bold !default;
+$sc-co-printer-selection-printer-name-font-style: normal !default;
+
+$sc-co-printer-selection-printer-status-font-size: $sc-font-size !default;
+$sc-co-printer-selection-printer-status-font-weight: normal !default;
+$sc-co-printer-selection-printer-status-font-style: italic !default;
+$sc-co-printer-selection-printer-selected-details-font-color: $sc-color-action !default;

package/lib/components/send-method-dialog/components/printer-selection/style/_theme.scss

@@ -1,23 +1,23 @@
-@include export-module('co-printer-selection-theme') {
-  .co-printer-selection {
-    .printer-selection-wrapper {
-      border-color: $sc-co-printer-selection-border-color;
-    }
-    .layouts-wrapper {
-      background-color: $sc-co-printer-selection-selections-background-color;
-    }
-    .printer-list-item {
-      background-color: $sc-co-printer-selection-button-background-color;
-      border-color: $sc-co-printer-selection-button-border-color;
-      &.selected {
-        background-color: $sc-co-printer-selection-button-selected-background-color;
-        .printer-details {
-          color: $sc-co-printer-selection-printer-selected-details-font-color;
-        }
-      }
-    }
-    .printer-details {
-      color: $sc-co-printer-selection-printer-details-font-color;
-    }
-  }
-}
+@include export-module('co-printer-selection-theme') {
+  .co-printer-selection {
+    .printer-selection-wrapper {
+      border-color: $sc-co-printer-selection-border-color;
+    }
+    .layouts-wrapper {
+      background-color: $sc-co-printer-selection-selections-background-color;
+    }
+    .printer-list-item {
+      background-color: $sc-co-printer-selection-button-background-color;
+      border-color: $sc-co-printer-selection-button-border-color;
+      &.selected {
+        background-color: $sc-co-printer-selection-button-selected-background-color;
+        .printer-details {
+          color: $sc-co-printer-selection-printer-selected-details-font-color;
+        }
+      }
+    }
+    .printer-details {
+      color: $sc-co-printer-selection-printer-details-font-color;
+    }
+  }
+}

package/lib/components/send-method-dialog/components/printer-selection/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/components/send-method-dialog/components/send-method-email/send-method-email.component.d.ts

@@ -1,14 +1,14 @@
-import { OnInit } from '@angular/core';
-import { SendMethodService } from '../../service/send-method.service';
-import { EmailAddressViewmodel } from '../../model/email-address-viewmodel';
-import { ReportLayoutSelectionEmail } from '@colijnit/mainapi/build/model/report-layout-selection-email.bo';
-export declare class SendMethodEmailComponent implements OnInit {
-    sendMethodService: SendMethodService;
-    emailAddresses: string[];
-    layouts: ReportLayoutSelectionEmail[];
-    showClass(): boolean;
-    emailAddressViewmodels: EmailAddressViewmodel[];
-    constructor(sendMethodService: SendMethodService);
-    ngOnInit(): void;
-    handleCheckedEmail(emailAddressViewmodel: EmailAddressViewmodel): void;
-}
+import { OnInit } from '@angular/core';
+import { SendMethodService } from '../../service/send-method.service';
+import { EmailAddressViewmodel } from '../../model/email-address-viewmodel';
+import { ReportLayoutSelectionEmail } from '@colijnit/mainapi/build/model/report-layout-selection-email.bo';
+export declare class SendMethodEmailComponent implements OnInit {
+    sendMethodService: SendMethodService;
+    emailAddresses: string[];
+    layouts: ReportLayoutSelectionEmail[];
+    showClass(): boolean;
+    emailAddressViewmodels: EmailAddressViewmodel[];
+    constructor(sendMethodService: SendMethodService);
+    ngOnInit(): void;
+    handleCheckedEmail(emailAddressViewmodel: EmailAddressViewmodel): void;
+}

package/lib/components/send-method-dialog/components/send-method-email/send-method-email.module.d.ts

@@ -1,2 +1,2 @@
-export declare class SendMethodEmailModule {
-}
+export declare class SendMethodEmailModule {
+}

package/lib/components/send-method-dialog/components/send-method-email/style/_layout.scss

@@ -1,29 +1,29 @@
-@include export-module('co-send-method-email-layout') {
-  .co-send-method-email {
-    font-family: $sc-co-send-method-email-font-family;
-    font-size: $sc-co-send-method-email-font-size;
-    display: flex;
-    flex-direction: column;
-    width: 100%;
-    position: relative;
-    row-gap: $sc-co-send-method-email-row-gap;
-    padding: $sc-co-send-method-email-padding;
-    .email-address-wrapper {
-      display: flex;
-      flex-direction: row;
-      align-items: $sc-co-send-method-email-email-address-align-items;
-      padding: $sc-co-send-method-email-email-address-padding;
-      column-gap: $sc-co-send-method-email-email-address-column-gap;
-      user-select: none;
-      cursor: pointer;
-    }
-    .layout-signature-wrapper {
-      display: flex;
-      align-items: center;
-      justify-content: space-between;
-      .co-layout-selection {
-        width: 80%;
-      }
-    }
-  }
-}
+@include export-module('co-send-method-email-layout') {
+  .co-send-method-email {
+    font-family: $sc-co-send-method-email-font-family;
+    font-size: $sc-co-send-method-email-font-size;
+    display: flex;
+    flex-direction: column;
+    width: 100%;
+    position: relative;
+    row-gap: $sc-co-send-method-email-row-gap;
+    padding: $sc-co-send-method-email-padding;
+    .email-address-wrapper {
+      display: flex;
+      flex-direction: row;
+      align-items: $sc-co-send-method-email-email-address-align-items;
+      padding: $sc-co-send-method-email-email-address-padding;
+      column-gap: $sc-co-send-method-email-email-address-column-gap;
+      user-select: none;
+      cursor: pointer;
+    }
+    .layout-signature-wrapper {
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      .co-layout-selection {
+        width: 80%;
+      }
+    }
+  }
+}

package/lib/components/send-method-dialog/components/send-method-email/style/_material-definition.scss

@@ -1,8 +1,8 @@
-$sc-co-send-method-email-font-family: $sc-font-family !default;
-$sc-co-send-method-email-font-size: $sc-font-size !default;
-$sc-co-send-method-email-font-color: $sc-color-font !default;
-$sc-co-send-method-email-row-gap: 20px !default;
-$sc-co-send-method-email-padding: 10px 25px !default;
-$sc-co-send-method-email-email-address-align-items: center !default;
-$sc-co-send-method-email-email-address-padding: 5px 0 !default;
-$sc-co-send-method-email-email-address-column-gap: 20px !default;
+$sc-co-send-method-email-font-family: $sc-font-family !default;
+$sc-co-send-method-email-font-size: $sc-font-size !default;
+$sc-co-send-method-email-font-color: $sc-color-font !default;
+$sc-co-send-method-email-row-gap: 20px !default;
+$sc-co-send-method-email-padding: 10px 25px !default;
+$sc-co-send-method-email-email-address-align-items: center !default;
+$sc-co-send-method-email-email-address-padding: 5px 0 !default;
+$sc-co-send-method-email-email-address-column-gap: 20px !default;

package/lib/components/send-method-dialog/components/send-method-email/style/_theme.scss

@@ -1,5 +1,5 @@
-@include export-module('co-send-method-email-theme') {
-  .co-send-method-email {
-    color: $sc-co-send-method-email-font-color;
-  }
-}
+@include export-module('co-send-method-email-theme') {
+  .co-send-method-email {
+    color: $sc-co-send-method-email-font-color;
+  }
+}

package/lib/components/send-method-dialog/components/send-method-email/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/components/send-method-dialog/components/send-method-pdf/send-method-pdf.component.d.ts

@@ -1,8 +1,8 @@
-import { ReportLayoutSelectionPrint } from '@colijnit/mainapi/build/model/report-layout-selection-print.bo';
-import { SendMethodService } from '../../service/send-method.service';
-export declare class SendMethodPdfComponent {
-    sendMethodService: SendMethodService;
-    layouts: ReportLayoutSelectionPrint[];
-    showClass(): boolean;
-    constructor(sendMethodService: SendMethodService);
-}
+import { ReportLayoutSelectionPrint } from '@colijnit/mainapi/build/model/report-layout-selection-print.bo';
+import { SendMethodService } from '../../service/send-method.service';
+export declare class SendMethodPdfComponent {
+    sendMethodService: SendMethodService;
+    layouts: ReportLayoutSelectionPrint[];
+    showClass(): boolean;
+    constructor(sendMethodService: SendMethodService);
+}

package/lib/components/send-method-dialog/components/send-method-pdf/send-method-pdf.module.d.ts

@@ -1,2 +1,2 @@
-export declare class SendMethodPdfModule {
-}
+export declare class SendMethodPdfModule {
+}

package/lib/components/send-method-dialog/components/send-method-pdf/style/_layout.scss

@@ -1,25 +1,25 @@
-@include export-module('co-send-method-pdf-layout') {
-  .co-send-method-pdf {
-    font-family: $sc-co-send-method-pdf-font-family;
-    font-size: $sc-co-send-method-pdf-font-size;
-    display: flex;
-    flex-direction: column;
-    width: 100%;
-    position: relative;
-    row-gap: $sc-co-send-method-pdf-row-gap;
-    padding: $sc-co-send-method-pdf-padding;
-    .pdf-layout-selections-wrapper {
-      display: flex;
-      flex-direction: column;
-      gap: 10px;
-    }
-    .layout-signature-wrapper {
-      display: flex;
-      align-items: center;
-      justify-content: space-between;
-      .co-layout-selection {
-        width: 80%;
-      }
-    }
-  }
-}
+@include export-module('co-send-method-pdf-layout') {
+  .co-send-method-pdf {
+    font-family: $sc-co-send-method-pdf-font-family;
+    font-size: $sc-co-send-method-pdf-font-size;
+    display: flex;
+    flex-direction: column;
+    width: 100%;
+    position: relative;
+    row-gap: $sc-co-send-method-pdf-row-gap;
+    padding: $sc-co-send-method-pdf-padding;
+    .pdf-layout-selections-wrapper {
+      display: flex;
+      flex-direction: column;
+      gap: 10px;
+    }
+    .layout-signature-wrapper {
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      .co-layout-selection {
+        width: 80%;
+      }
+    }
+  }
+}

package/lib/components/send-method-dialog/components/send-method-pdf/style/_material-definition.scss

@@ -1,5 +1,5 @@
-$sc-co-send-method-pdf-font-family: $sc-font-family !default;
-$sc-co-send-method-pdf-font-size: $sc-font-size !default;
-$sc-co-send-method-pdf-font-color: $sc-color-font !default;
-$sc-co-send-method-pdf-row-gap: 20px !default;
-$sc-co-send-method-pdf-padding: 0 !default;
+$sc-co-send-method-pdf-font-family: $sc-font-family !default;
+$sc-co-send-method-pdf-font-size: $sc-font-size !default;
+$sc-co-send-method-pdf-font-color: $sc-color-font !default;
+$sc-co-send-method-pdf-row-gap: 20px !default;
+$sc-co-send-method-pdf-padding: 0 !default;

package/lib/components/send-method-dialog/components/send-method-pdf/style/_theme.scss

@@ -1,5 +1,5 @@
-@include export-module('co-send-method-pdf-theme') {
-  .co-send-method-pdf {
-    color: $sc-co-send-method-pdf-font-color;
-  }
-}
+@include export-module('co-send-method-pdf-theme') {
+  .co-send-method-pdf {
+    color: $sc-co-send-method-pdf-font-color;
+  }
+}

package/lib/components/send-method-dialog/components/send-method-pdf/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/components/send-method-dialog/components/send-method-printer/send-method-printer.component.d.ts

@@ -1,13 +1,13 @@
-import { SendMethodService } from '../../service/send-method.service';
-import { ReportLayoutSelectionPrint } from '@colijnit/mainapi/build/model/report-layout-selection-print.bo';
-import { Printer } from '@colijnit/mainapi/build/model/printer.bo';
-export declare class SendMethodPrinterComponent {
-    sendMethodService: SendMethodService;
-    printerList: Printer[];
-    layouts: ReportLayoutSelectionPrint[];
-    isPrinterLayoutsEnabled: boolean;
-    showClass(): boolean;
-    constructor(sendMethodService: SendMethodService);
-    handleDefaultPrinterUserChange(checked: boolean): void;
-    handleDefaultPrinterAllUsersChange(checked: boolean): void;
-}
+import { SendMethodService } from '../../service/send-method.service';
+import { ReportLayoutSelectionPrint } from '@colijnit/mainapi/build/model/report-layout-selection-print.bo';
+import { Printer } from '@colijnit/mainapi/build/model/printer.bo';
+export declare class SendMethodPrinterComponent {
+    sendMethodService: SendMethodService;
+    printerList: Printer[];
+    layouts: ReportLayoutSelectionPrint[];
+    isPrinterLayoutsEnabled: boolean;
+    showClass(): boolean;
+    constructor(sendMethodService: SendMethodService);
+    handleDefaultPrinterUserChange(checked: boolean): void;
+    handleDefaultPrinterAllUsersChange(checked: boolean): void;
+}

package/lib/components/send-method-dialog/components/send-method-printer/send-method-printer.module.d.ts

@@ -1,2 +1,2 @@
-export declare class SendMethodPrinterModule {
-}
+export declare class SendMethodPrinterModule {
+}

package/lib/components/send-method-dialog/components/send-method-printer/style/_layout.scss

@@ -1,30 +1,30 @@
-@include export-module('co-send-method-printer-layout') {
-  .printer-layout-selections-wrapper {
-    display: flex;
-    flex-direction: column;
-    gap: 10px;
-  }
-  .co-send-method-printer {
-    font-family: $sc-co-send-method-printer-font-family;
-    font-size: $sc-co-send-method-printer-font-size;
-    display: flex;
-    flex-direction: column;
-    width: 100%;
-    position: relative;
-    row-gap: $sc-co-send-method-printer-row-gap;
-    padding: $sc-co-send-method-printer-padding;
-    .email-addresses-wrapper {
-      display: flex;
-      flex-direction: column;
-      overflow: auto;
-    }
-    .layout-signature-wrapper {
-      display: flex;
-      align-items: center;
-      justify-content: space-between;
-      .co-layout-selection {
-        width: 80%;
-      }
-    }
-  }
-}
+@include export-module('co-send-method-printer-layout') {
+  .printer-layout-selections-wrapper {
+    display: flex;
+    flex-direction: column;
+    gap: 10px;
+  }
+  .co-send-method-printer {
+    font-family: $sc-co-send-method-printer-font-family;
+    font-size: $sc-co-send-method-printer-font-size;
+    display: flex;
+    flex-direction: column;
+    width: 100%;
+    position: relative;
+    row-gap: $sc-co-send-method-printer-row-gap;
+    padding: $sc-co-send-method-printer-padding;
+    .email-addresses-wrapper {
+      display: flex;
+      flex-direction: column;
+      overflow: auto;
+    }
+    .layout-signature-wrapper {
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      .co-layout-selection {
+        width: 80%;
+      }
+    }
+  }
+}

package/lib/components/send-method-dialog/components/send-method-printer/style/_material-definition.scss

@@ -1,5 +1,5 @@
-$sc-co-send-method-printer-font-family: $sc-font-family !default;
-$sc-co-send-method-printer-font-size: $sc-font-size !default;
-$sc-co-send-method-printer-font-color: $sc-color-font !default;
-$sc-co-send-method-printer-row-gap: 20px !default;
-$sc-co-send-method-printer-padding: 0 !default;
+$sc-co-send-method-printer-font-family: $sc-font-family !default;
+$sc-co-send-method-printer-font-size: $sc-font-size !default;
+$sc-co-send-method-printer-font-color: $sc-color-font !default;
+$sc-co-send-method-printer-row-gap: 20px !default;
+$sc-co-send-method-printer-padding: 0 !default;

package/lib/components/send-method-dialog/components/send-method-printer/style/_theme.scss

@@ -1,5 +1,5 @@
-@include export-module('co-send-method-printer-theme') {
-  .co-send-method-printer {
-    color: $sc-co-send-method-printer-font-color;
-  }
-}
+@include export-module('co-send-method-printer-theme') {
+  .co-send-method-printer {
+    color: $sc-co-send-method-printer-font-color;
+  }
+}

package/lib/components/send-method-dialog/components/send-method-printer/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/components/send-method-dialog/components/signature-button/signature-button.component.d.ts

@@ -1,12 +1,12 @@
-import { Icon } from "../../../../enum/icon.enum";
-import { IconCacheService } from "../../../../service/icon-cache.service";
-import { ReportingDocumentEmailSignDocBaseRequest } from "@colijnit/mainapi/build/model/reporting-document-email-sign-doc-base-request";
-import { ReportingDocumentPrintSignDocBaseRequest } from "@colijnit/mainapi/build/model/reporting-document-print-sign-doc-base-request";
-export declare class SignatureButtonComponent {
-    iconCacheService: IconCacheService;
-    readonly icons: typeof Icon;
-    request: ReportingDocumentEmailSignDocBaseRequest | ReportingDocumentPrintSignDocBaseRequest;
-    showClass(): boolean;
-    constructor(iconCacheService: IconCacheService);
-    handleToggleSignature(): void;
-}
+import { Icon } from "../../../../enum/icon.enum";
+import { IconCacheService } from "../../../../service/icon-cache.service";
+import { ReportingDocumentEmailSignDocBaseRequest } from "@colijnit/mainapi/build/model/reporting-document-email-sign-doc-base-request";
+import { ReportingDocumentPrintSignDocBaseRequest } from "@colijnit/mainapi/build/model/reporting-document-print-sign-doc-base-request";
+export declare class SignatureButtonComponent {
+    iconCacheService: IconCacheService;
+    readonly icons: typeof Icon;
+    request: ReportingDocumentEmailSignDocBaseRequest | ReportingDocumentPrintSignDocBaseRequest;
+    showClass(): boolean;
+    constructor(iconCacheService: IconCacheService);
+    handleToggleSignature(): void;
+}

package/lib/components/send-method-dialog/components/signature-button/signature-button.module.d.ts

@@ -1,2 +1,2 @@
-export declare class SignatureButtonModule {
-}
+export declare class SignatureButtonModule {
+}

package/lib/components/send-method-dialog/components/signature-button/style/_layout.scss

@@ -1,28 +1,28 @@
-@include export-module('cc-signature-button-layout') {
-  .co-signature-button {
-    .signature-button-wrapper {
-      height: $sc-co-signature-button-height;
-      width: $sc-co-signature-button-width;
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      background-color: $sc-co-signature-button-background-color;
-      border-radius: $sc-co-signature-button-border-radius;
-      .co-icon {
-        width: $sc-co-signature-button-icon-width;
-        height: $sc-co-signature-button-icon-height;
-      }
-      &.selected {
-        background-color: $sc-co-signature-button-selected-background-color;
-        .co-icon {
-          svg { // for fontawesome icons
-            fill: $sc-co-signature-button-icon-selected-color;
-          }
-          & [fill] { // for own icons
-            fill: $sc-co-signature-button-icon-selected-color;
-          }
-        }
-      }
-    }
-  }
-}
+@include export-module('cc-signature-button-layout') {
+  .co-signature-button {
+    .signature-button-wrapper {
+      height: $sc-co-signature-button-height;
+      width: $sc-co-signature-button-width;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      background-color: $sc-co-signature-button-background-color;
+      border-radius: $sc-co-signature-button-border-radius;
+      .co-icon {
+        width: $sc-co-signature-button-icon-width;
+        height: $sc-co-signature-button-icon-height;
+      }
+      &.selected {
+        background-color: $sc-co-signature-button-selected-background-color;
+        .co-icon {
+          svg { // for fontawesome icons
+            fill: $sc-co-signature-button-icon-selected-color;
+          }
+          & [fill] { // for own icons
+            fill: $sc-co-signature-button-icon-selected-color;
+          }
+        }
+      }
+    }
+  }
+}

package/lib/components/send-method-dialog/components/signature-button/style/_material-definition.scss

@@ -1,8 +1,8 @@
-$sc-co-signature-button-height: 40px !default;
-$sc-co-signature-button-width: 40px !default;
-$sc-co-signature-button-background-color: #f5f5fc !default;
-$sc-co-signature-button-selected-background-color: #1A73E8 !default;
-$sc-co-signature-button-border-radius: 5px !default;
-$sc-co-signature-button-icon-height: 30px !default;
-$sc-co-signature-button-icon-width: 30px !default;
-$sc-co-signature-button-icon-selected-color: white !default;
+$sc-co-signature-button-height: 40px !default;
+$sc-co-signature-button-width: 40px !default;
+$sc-co-signature-button-background-color: #f5f5fc !default;
+$sc-co-signature-button-selected-background-color: #1A73E8 !default;
+$sc-co-signature-button-border-radius: 5px !default;
+$sc-co-signature-button-icon-height: 30px !default;
+$sc-co-signature-button-icon-width: 30px !default;
+$sc-co-signature-button-icon-selected-color: white !default;

package/lib/components/send-method-dialog/components/signature-button/style/_theme.scss

@@ -1,4 +1,4 @@
-@include export-module('cc-signature-button-theme') {
-  .co-signature-button {
-  }
-}
+@include export-module('cc-signature-button-theme') {
+  .co-signature-button {
+  }
+}

package/lib/components/send-method-dialog/components/signature-button/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";