@colijnit/sharedcomponents 1.0.60 → 1.0.62

package/lib/components/send-method-dialog/model/email-address-viewmodel.d.ts

@@ -1,5 +1,5 @@
-export declare class EmailAddressViewmodel {
-    checked: boolean;
-    emailAddress: string;
-    constructor(checked: boolean, emailAddress: string);
-}
+export declare class EmailAddressViewmodel {
+    checked: boolean;
+    emailAddress: string;
+    constructor(checked: boolean, emailAddress: string);
+}

package/lib/components/send-method-dialog/send-method-dialog.component.d.ts

@@ -1,71 +1,71 @@
-import { ChangeDetectorRef, ElementRef, EventEmitter, OnDestroy, OnInit } from '@angular/core';
-import { Icon } from '../../enum/icon.enum';
-import { IconCacheService } from '../../service/icon-cache.service';
-import { SharedService } from '../../service/shared.service';
-import { ReportLayoutSelectionEmail } from '@colijnit/mainapi/build/model/report-layout-selection-email.bo';
-import { ReportLayoutSelectionPrint } from '@colijnit/mainapi/build/model/report-layout-selection-print.bo';
-import { ReportingDocumentPdfBaseRequest } from '@colijnit/mainapi/build/model/reporting-document-pdf-base-request';
-import { SendMethodService } from './service/send-method.service';
-import { SendMethod } from '../../model/send-method';
-import { SendMethodType } from '@colijnit/mainapi/build/enum/send-method-type.enum';
-import { Printer } from '@colijnit/mainapi/build/model/printer.bo';
-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 const sendMethodsWithIcon: SendMethod[];
-export declare class SendMethodDialogComponent implements OnInit, OnDestroy {
-    iconCacheService: IconCacheService;
-    private _changeDetector;
-    private _sharedService;
-    private _sendMethodService;
-    readonly icons: typeof Icon;
-    navigationItems: ElementRef;
-    faxItems: ElementRef;
-    printItems: ElementRef;
-    emailItems: ElementRef;
-    ediItems: ElementRef;
-    emailTemplateItems: ElementRef;
-    smsItems: ElementRef;
-    webServiceItems: ElementRef;
-    pdfItems: ElementRef;
-    printerList: Printer[];
-    reportingDocumentPrintRequest: ReportingDocumentPrintSignDocBaseRequest;
-    reportingDocumentEmailRequest: ReportingDocumentEmailSignDocBaseRequest;
-    reportingDocumentPdfRequest: ReportingDocumentPdfBaseRequest;
-    emailLayouts: ReportLayoutSelectionEmail[];
-    printLayouts: ReportLayoutSelectionPrint[];
-    headerTitle: string;
-    emailAddresses: string[];
-    defaultSendMethod: string;
-    visibleMethods: SendMethodType[] | string[];
-    isDocSignEnabled: boolean;
-    docSign: boolean;
-    isPrinterLayoutsEnabled: boolean;
-    reportingDocumentPrintRequestChange: EventEmitter<ReportingDocumentPrintSignDocBaseRequest>;
-    reportingDocumentEmailRequestChange: EventEmitter<ReportingDocumentEmailSignDocBaseRequest>;
-    reportingDocumentPdfRequestChange: EventEmitter<ReportingDocumentPdfBaseRequest>;
-    startSignatureClicked: EventEmitter<any>;
-    closeClick: EventEmitter<MouseEvent>;
-    okClick: EventEmitter<string>;
-    showClass(): boolean;
-    sendMethods: SendMethod[];
-    activeSendMethod: SendMethod;
-    upAndLoaded: boolean;
-    startUp: boolean;
-    showFax: boolean;
-    showPrint: boolean;
-    showEmail: boolean;
-    showEdi: boolean;
-    showSms: boolean;
-    showEmailTemplate: boolean;
-    showWebservice: boolean;
-    showPdf: boolean;
-    private _subscriptions;
-    constructor(iconCacheService: IconCacheService, _changeDetector: ChangeDetectorRef, _sharedService: SharedService, _sendMethodService: SendMethodService);
-    ngOnInit(): void;
-    ngOnDestroy(): void;
-    handleSignatureStart(): void;
-    handleSendMethodClick(sendMethod: SendMethod): void;
-    private _initDefaultSendMethod;
-    private _selectDefaultSendMethod;
-    private _prepareVisibleMethods;
-}
+import { ChangeDetectorRef, ElementRef, EventEmitter, OnDestroy, OnInit } from '@angular/core';
+import { Icon } from '../../enum/icon.enum';
+import { IconCacheService } from '../../service/icon-cache.service';
+import { SharedService } from '../../service/shared.service';
+import { ReportLayoutSelectionEmail } from '@colijnit/mainapi/build/model/report-layout-selection-email.bo';
+import { ReportLayoutSelectionPrint } from '@colijnit/mainapi/build/model/report-layout-selection-print.bo';
+import { ReportingDocumentPdfBaseRequest } from '@colijnit/mainapi/build/model/reporting-document-pdf-base-request';
+import { SendMethodService } from './service/send-method.service';
+import { SendMethod } from '../../model/send-method';
+import { SendMethodType } from '@colijnit/mainapi/build/enum/send-method-type.enum';
+import { Printer } from '@colijnit/mainapi/build/model/printer.bo';
+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 const sendMethodsWithIcon: SendMethod[];
+export declare class SendMethodDialogComponent implements OnInit, OnDestroy {
+    iconCacheService: IconCacheService;
+    private _changeDetector;
+    private _sharedService;
+    private _sendMethodService;
+    readonly icons: typeof Icon;
+    navigationItems: ElementRef;
+    faxItems: ElementRef;
+    printItems: ElementRef;
+    emailItems: ElementRef;
+    ediItems: ElementRef;
+    emailTemplateItems: ElementRef;
+    smsItems: ElementRef;
+    webServiceItems: ElementRef;
+    pdfItems: ElementRef;
+    printerList: Printer[];
+    reportingDocumentPrintRequest: ReportingDocumentPrintSignDocBaseRequest;
+    reportingDocumentEmailRequest: ReportingDocumentEmailSignDocBaseRequest;
+    reportingDocumentPdfRequest: ReportingDocumentPdfBaseRequest;
+    emailLayouts: ReportLayoutSelectionEmail[];
+    printLayouts: ReportLayoutSelectionPrint[];
+    headerTitle: string;
+    emailAddresses: string[];
+    defaultSendMethod: string;
+    visibleMethods: SendMethodType[] | string[];
+    isDocSignEnabled: boolean;
+    docSign: boolean;
+    isPrinterLayoutsEnabled: boolean;
+    reportingDocumentPrintRequestChange: EventEmitter<ReportingDocumentPrintSignDocBaseRequest>;
+    reportingDocumentEmailRequestChange: EventEmitter<ReportingDocumentEmailSignDocBaseRequest>;
+    reportingDocumentPdfRequestChange: EventEmitter<ReportingDocumentPdfBaseRequest>;
+    startSignatureClicked: EventEmitter<any>;
+    closeClick: EventEmitter<MouseEvent>;
+    okClick: EventEmitter<string>;
+    showClass(): boolean;
+    sendMethods: SendMethod[];
+    activeSendMethod: SendMethod;
+    upAndLoaded: boolean;
+    startUp: boolean;
+    showFax: boolean;
+    showPrint: boolean;
+    showEmail: boolean;
+    showEdi: boolean;
+    showSms: boolean;
+    showEmailTemplate: boolean;
+    showWebservice: boolean;
+    showPdf: boolean;
+    private _subscriptions;
+    constructor(iconCacheService: IconCacheService, _changeDetector: ChangeDetectorRef, _sharedService: SharedService, _sendMethodService: SendMethodService);
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    handleSignatureStart(): void;
+    handleSendMethodClick(sendMethod: SendMethod): void;
+    private _initDefaultSendMethod;
+    private _selectDefaultSendMethod;
+    private _prepareVisibleMethods;
+}

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

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

package/lib/components/send-method-dialog/send-method-params.interface.d.ts

@@ -1,13 +1,13 @@
-export interface SendMethodParams {
-    goodId?: number;
-    warehouse?: number;
-    location?: string;
-    batch?: string;
-    serial?: string;
-    amount?: number;
-    reportId?: number;
-    printerName?: string;
-    priceListCode?: string;
-    goodIds?: number[];
-    name?: string;
-}
+export interface SendMethodParams {
+    goodId?: number;
+    warehouse?: number;
+    location?: string;
+    batch?: string;
+    serial?: string;
+    amount?: number;
+    reportId?: number;
+    printerName?: string;
+    priceListCode?: string;
+    goodIds?: number[];
+    name?: string;
+}

package/lib/components/send-method-dialog/service/send-method.service.d.ts

@@ -1,23 +1,23 @@
-import { ReportingDocumentEmailSignDocBaseRequest } from '@colijnit/mainapi/build/model/reporting-document-email-sign-doc-base-request';
-import { ReportingDocumentPdfBaseRequest } from '@colijnit/mainapi/build/model/reporting-document-pdf-base-request';
-import { ReportingDocumentPrintSignDocBaseRequest } from '@colijnit/mainapi/build/model/reporting-document-print-sign-doc-base-request';
-import { Subject } from 'rxjs';
-export declare class SendMethodService {
-    reportingDocumentPrintSignDocBaseRequestChanged: Subject<ReportingDocumentPrintSignDocBaseRequest>;
-    reportingDocumentEmailSignDocBaseRequestChanged: Subject<ReportingDocumentEmailSignDocBaseRequest>;
-    reportingDocumentPdfBaseRequestChanged: Subject<ReportingDocumentPdfBaseRequest>;
-    set reportingDocumentPrintSignDocBaseRequest(value: ReportingDocumentPrintSignDocBaseRequest);
-    get reportingDocumentPrintSignDocBaseRequest(): ReportingDocumentPrintSignDocBaseRequest;
-    set reportingDocumentEmailSignDocBaseRequest(value: ReportingDocumentEmailSignDocBaseRequest);
-    get reportingDocumentEmailSignDocBaseRequest(): ReportingDocumentEmailSignDocBaseRequest;
-    set reportingDocumentPdfBaseRequest(value: ReportingDocumentPdfBaseRequest);
-    get reportingDocumentPdfBaseRequest(): ReportingDocumentPdfBaseRequest;
-    selectedEmailAddresses: string[];
-    activePrinter: string;
-    private _reportingDocumentPrintSignDocBaseRequest;
-    private _reportingDocumentEmailSignDocBaseRequest;
-    private _reportingDocumentPdfBaseRequest;
-    removeEmailAddress(address: string): void;
-    addEmailAddress(address: string): void;
-    private _updateEmailAddresses;
-}
+import { ReportingDocumentEmailSignDocBaseRequest } from '@colijnit/mainapi/build/model/reporting-document-email-sign-doc-base-request';
+import { ReportingDocumentPdfBaseRequest } from '@colijnit/mainapi/build/model/reporting-document-pdf-base-request';
+import { ReportingDocumentPrintSignDocBaseRequest } from '@colijnit/mainapi/build/model/reporting-document-print-sign-doc-base-request';
+import { Subject } from 'rxjs';
+export declare class SendMethodService {
+    reportingDocumentPrintSignDocBaseRequestChanged: Subject<ReportingDocumentPrintSignDocBaseRequest>;
+    reportingDocumentEmailSignDocBaseRequestChanged: Subject<ReportingDocumentEmailSignDocBaseRequest>;
+    reportingDocumentPdfBaseRequestChanged: Subject<ReportingDocumentPdfBaseRequest>;
+    set reportingDocumentPrintSignDocBaseRequest(value: ReportingDocumentPrintSignDocBaseRequest);
+    get reportingDocumentPrintSignDocBaseRequest(): ReportingDocumentPrintSignDocBaseRequest;
+    set reportingDocumentEmailSignDocBaseRequest(value: ReportingDocumentEmailSignDocBaseRequest);
+    get reportingDocumentEmailSignDocBaseRequest(): ReportingDocumentEmailSignDocBaseRequest;
+    set reportingDocumentPdfBaseRequest(value: ReportingDocumentPdfBaseRequest);
+    get reportingDocumentPdfBaseRequest(): ReportingDocumentPdfBaseRequest;
+    selectedEmailAddresses: string[];
+    activePrinter: string;
+    private _reportingDocumentPrintSignDocBaseRequest;
+    private _reportingDocumentEmailSignDocBaseRequest;
+    private _reportingDocumentPdfBaseRequest;
+    removeEmailAddress(address: string): void;
+    addEmailAddress(address: string): void;
+    private _updateEmailAddresses;
+}

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

@@ -1,165 +1,165 @@
-@include export-module('co-send-method-dialog-layout') {
-  .co-send-method-dialog {
-    font-family: $sc-co-send-method-dialog-font-family;
-    font-size: $sc-co-send-method-dialog-font-size;
-    .co-dialog {
-      .co-dialog-wrapper {
-        max-height: 90vh;
-        width: 600px;
-        background-color: #f8f8fa;
-      }
-      .dialog-header, .dialog-content, .dialog-footer {
-        background-color: #f8f8fa;
-      }
-      .dialog-header {
-        .dialog-header-caption {
-          border: none;
-        }
-      }
-    }
-    .co-dialog-header-title-wrapper {
-      display: flex;
-      align-items: center;
-      gap: 10px;
-      .co-icon {
-        width: 20px;
-        height: 20px;
-        margin: 0 0 20px 0;
-      }
-    }
-    .dialog-content-wrapper {
-      min-width: $sc-co-send-method-dialog-min-width;
-      height: $sc-co-send-method-dialog-height;
-      display: flex;
-      flex-direction: column;
-      overflow: hidden;
-    }
-    .send-methods-wrapper {
-      display: flex;
-      flex-direction: row;
-      column-gap: $sc-co-send-method-dialog-send-method-buttons-column-gap;
-      justify-content: $sc-co-send-method-dialog-send-method-buttons-justify-content;
-    }
-    .send-button-wrapper {
-      cursor: pointer;
-      user-select: none;
-      display: flex;
-      flex-direction: column;
-      align-items: center;
-      justify-content: $sc-co-send-method-dialog-send-method-button-justify-content;
-      height: $sc-co-send-method-dialog-send-method-button-height;
-      width: $sc-co-send-method-dialog-send-method-button-width;
-      border-radius: $sc-co-send-method-dialog-send-method-button-radius;
-      border-style: $sc-co-send-method-dialog-send-method-button-border-style;
-      border-width: $sc-co-send-method-dialog-send-method-button-border-width;
-      flex-basis: 50px;
-      padding: 5px 15px;
-      margin: 0;
-      &.selected {
-        .custom-button-title {
-          color: $sc-co-send-method-dialog-send-method-selected-title-font-color;
-        }
-      }
-      .custom-button-icon {
-        height: $sc-co-send-method-dialog-send-method-icon-size;
-        width: $sc-co-send-method-dialog-send-method-icon-size;
-      }
-      .custom-button-title {
-        font-family: $sc-co-send-method-dialog-send-method-title-font-family;
-        font-size: $sc-co-send-method-dialog-send-method-title-font-size;
-        font-weight: $sc-co-send-method-dialog-send-method-title-font-weight;
-        text-align: $sc-co-send-method-dialog-send-method-title-align;
-      }
-    }
-    .dialog-navigation-wrapper {
-      display: flex;
-      gap: 10px;
-      align-items: center;
-      justify-content: center;
-      border-radius: 5px;
-      padding: 0 0 10px 0;
-      border-style: solid;
-      border-width: 0 0 5px 0;
-      border-color: #ffffff;
-    }
-    .send-method-navigation-wrapper {
-      display: flex;
-      overflow: hidden;
-      height: 100%;
-      &.smooth-scrolling {
-        scroll-behavior: smooth;
-      }
-    }
-    .send-method-navigation-content {
-      display: flex;
-      flex-basis: 100%;
-      flex-shrink: 0;
-      overflow: auto;
-      min-height: 100%;
-    }
-    .dialog-footer {
-      background-color: $sc-co-send-method-dialog-footer-background;
-      border-width: $sc-co-send-method-dialog-footer-border-width;
-      border-style: solid;
-      border-color: $sc-co-send-method-dialog-footer-border-color;
-      padding: $sc-co-send-method-dialog-footer-padding;
-      .co-dialog-footer-button-wrapper {
-        gap: $sc-co-send-method-dialog-footer-button-wrapper-gap;
-      }
-    }
-    .save-button {
-      height: $sc-co-send-method-dialog-save-button-size;
-      width: $sc-co-send-method-dialog-save-button-size;
-      border-color: $sc-co-send-method-dialog-button-border-color;
-      border-style: $sc-co-send-method-dialog-button-border-style;
-      border-width: $sc-co-send-method-dialog-button-border-width;
-      background-color: $sc-co-send-method-dialog-button-background-color;
-      padding: $sc-co-send-method-dialog-button-padding;
-      box-shadow: $sc-co-send-method-dialog-button-box-shadow;
-      cursor: pointer;
-      .co-icon {
-        height: $sc-co-send-method-dialog-save-button-icon-size;
-        width: $sc-co-send-method-dialog-save-button-icon-size;
-        svg {
-          fill: $sc-co-send-method-dialog-save-button-icon-color;
-        }
-      }
-    }
-    .close-button {
-      height: $sc-co-send-method-dialog-close-button-size;
-      width: $sc-co-send-method-dialog-close-button-size;
-      border-color: $sc-co-send-method-dialog-button-border-color;
-      border-style: $sc-co-send-method-dialog-button-border-style;
-      border-width: $sc-co-send-method-dialog-button-border-width;
-      background-color: $sc-co-send-method-dialog-close-button-background-color;
-      padding: $sc-co-send-method-dialog-button-padding;
-      box-shadow: $sc-co-send-method-dialog-button-box-shadow;
-      cursor: pointer;
-      .co-icon {
-        height: $sc-co-send-method-dialog-save-button-icon-size;
-        width: $sc-co-send-method-dialog-save-button-icon-size;
-        svg {
-          fill: $sc-co-send-method-dialog-save-button-icon-color;
-        }
-        [fill] {
-          fill: $sc-co-send-method-dialog-save-button-icon-color;
-        }
-      }
-    }
-    .co-input-checkbox {
-      .checkbox {
-        border-color: #FFFFFF;
-        background-color: #FFFFFF;
-        &.checked {
-          border-color: $sc-popup-checkbox-checked-background-color;
-          background-color: $sc-popup-checkbox-checked-background-color;
-        }
-        .checkmark {
-          &.show {
-            border-color: #FFFFFF;
-          }
-        }
-      }
-    }
-  }
-}
+@include export-module('co-send-method-dialog-layout') {
+  .co-send-method-dialog {
+    font-family: $sc-co-send-method-dialog-font-family;
+    font-size: $sc-co-send-method-dialog-font-size;
+    .co-dialog {
+      .co-dialog-wrapper {
+        max-height: 90vh;
+        width: 600px;
+        background-color: #f8f8fa;
+      }
+      .dialog-header, .dialog-content, .dialog-footer {
+        background-color: #f8f8fa;
+      }
+      .dialog-header {
+        .dialog-header-caption {
+          border: none;
+        }
+      }
+    }
+    .co-dialog-header-title-wrapper {
+      display: flex;
+      align-items: center;
+      gap: 10px;
+      .co-icon {
+        width: 20px;
+        height: 20px;
+        margin: 0 0 20px 0;
+      }
+    }
+    .dialog-content-wrapper {
+      min-width: $sc-co-send-method-dialog-min-width;
+      height: $sc-co-send-method-dialog-height;
+      display: flex;
+      flex-direction: column;
+      overflow: hidden;
+    }
+    .send-methods-wrapper {
+      display: flex;
+      flex-direction: row;
+      column-gap: $sc-co-send-method-dialog-send-method-buttons-column-gap;
+      justify-content: $sc-co-send-method-dialog-send-method-buttons-justify-content;
+    }
+    .send-button-wrapper {
+      cursor: pointer;
+      user-select: none;
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      justify-content: $sc-co-send-method-dialog-send-method-button-justify-content;
+      height: $sc-co-send-method-dialog-send-method-button-height;
+      width: $sc-co-send-method-dialog-send-method-button-width;
+      border-radius: $sc-co-send-method-dialog-send-method-button-radius;
+      border-style: $sc-co-send-method-dialog-send-method-button-border-style;
+      border-width: $sc-co-send-method-dialog-send-method-button-border-width;
+      flex-basis: 50px;
+      padding: 5px 15px;
+      margin: 0;
+      &.selected {
+        .custom-button-title {
+          color: $sc-co-send-method-dialog-send-method-selected-title-font-color;
+        }
+      }
+      .custom-button-icon {
+        height: $sc-co-send-method-dialog-send-method-icon-size;
+        width: $sc-co-send-method-dialog-send-method-icon-size;
+      }
+      .custom-button-title {
+        font-family: $sc-co-send-method-dialog-send-method-title-font-family;
+        font-size: $sc-co-send-method-dialog-send-method-title-font-size;
+        font-weight: $sc-co-send-method-dialog-send-method-title-font-weight;
+        text-align: $sc-co-send-method-dialog-send-method-title-align;
+      }
+    }
+    .dialog-navigation-wrapper {
+      display: flex;
+      gap: 10px;
+      align-items: center;
+      justify-content: center;
+      border-radius: 5px;
+      padding: 0 0 10px 0;
+      border-style: solid;
+      border-width: 0 0 5px 0;
+      border-color: #ffffff;
+    }
+    .send-method-navigation-wrapper {
+      display: flex;
+      overflow: hidden;
+      height: 100%;
+      &.smooth-scrolling {
+        scroll-behavior: smooth;
+      }
+    }
+    .send-method-navigation-content {
+      display: flex;
+      flex-basis: 100%;
+      flex-shrink: 0;
+      overflow: auto;
+      min-height: 100%;
+    }
+    .dialog-footer {
+      background-color: $sc-co-send-method-dialog-footer-background;
+      border-width: $sc-co-send-method-dialog-footer-border-width;
+      border-style: solid;
+      border-color: $sc-co-send-method-dialog-footer-border-color;
+      padding: $sc-co-send-method-dialog-footer-padding;
+      .co-dialog-footer-button-wrapper {
+        gap: $sc-co-send-method-dialog-footer-button-wrapper-gap;
+      }
+    }
+    .save-button {
+      height: $sc-co-send-method-dialog-save-button-size;
+      width: $sc-co-send-method-dialog-save-button-size;
+      border-color: $sc-co-send-method-dialog-button-border-color;
+      border-style: $sc-co-send-method-dialog-button-border-style;
+      border-width: $sc-co-send-method-dialog-button-border-width;
+      background-color: $sc-co-send-method-dialog-button-background-color;
+      padding: $sc-co-send-method-dialog-button-padding;
+      box-shadow: $sc-co-send-method-dialog-button-box-shadow;
+      cursor: pointer;
+      .co-icon {
+        height: $sc-co-send-method-dialog-save-button-icon-size;
+        width: $sc-co-send-method-dialog-save-button-icon-size;
+        svg {
+          fill: $sc-co-send-method-dialog-save-button-icon-color;
+        }
+      }
+    }
+    .close-button {
+      height: $sc-co-send-method-dialog-close-button-size;
+      width: $sc-co-send-method-dialog-close-button-size;
+      border-color: $sc-co-send-method-dialog-button-border-color;
+      border-style: $sc-co-send-method-dialog-button-border-style;
+      border-width: $sc-co-send-method-dialog-button-border-width;
+      background-color: $sc-co-send-method-dialog-close-button-background-color;
+      padding: $sc-co-send-method-dialog-button-padding;
+      box-shadow: $sc-co-send-method-dialog-button-box-shadow;
+      cursor: pointer;
+      .co-icon {
+        height: $sc-co-send-method-dialog-save-button-icon-size;
+        width: $sc-co-send-method-dialog-save-button-icon-size;
+        svg {
+          fill: $sc-co-send-method-dialog-save-button-icon-color;
+        }
+        [fill] {
+          fill: $sc-co-send-method-dialog-save-button-icon-color;
+        }
+      }
+    }
+    .co-input-checkbox {
+      .checkbox {
+        border-color: #FFFFFF;
+        background-color: #FFFFFF;
+        &.checked {
+          border-color: $sc-popup-checkbox-checked-background-color;
+          background-color: $sc-popup-checkbox-checked-background-color;
+        }
+        .checkmark {
+          &.show {
+            border-color: #FFFFFF;
+          }
+        }
+      }
+    }
+  }
+}