@colijnit/sharedcomponents 1.0.52 → 1.0.54

package/lib/components/key-pad/key-pad.component.d.ts

@@ -7,6 +7,7 @@ export declare class KeyPadComponent {
     set model(value: number);
     get model(): number;
     showValue: boolean;
+    resetModelOnInit: boolean;
     emitModelChangeOnEnter: boolean;
     modelChange: EventEmitter<number>;
     internalModelChange: EventEmitter<string>;
@@ -14,6 +15,7 @@ export declare class KeyPadComponent {
     showClass(): boolean;
     handleKeyDown(event: KeyboardEvent): void;
     private readonly _validKeyMap;
+    private _init;
     constructor(iconCacheService: IconCacheService);
     set internalModel(value: string);
     get internalModel(): string;

package/lib/components/key-pad/style/_layout.scss

@@ -87,6 +87,7 @@
       }
       .key-pad-button-text {
         position: absolute;
+        pointer-events: none;
       }
       .text {
         display: flex;

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

@@ -1,13 +1,19 @@
 import { EventEmitter, OnInit } from '@angular/core';
 import { ReportLayoutSelectionBase } from '@colijnit/mainapi/build/model/report-layout-selection-base.bo';
 import { ReportingDocumentBaseRequest } from '@colijnit/mainapi/build/model/reporting-document-base-request';
+import { Icon } from "../../../../enum/icon.enum";
+import { IconCacheService } from "../../../../service/icon-cache.service";
 export declare class LayoutSelectionComponent implements OnInit {
+    iconCacheService: IconCacheService;
+    readonly icons: typeof Icon;
     request: ReportingDocumentBaseRequest;
     layouts: ReportLayoutSelectionBase[];
     requestChange: EventEmitter<ReportingDocumentBaseRequest>;
     showClass(): boolean;
     currentLayout: ReportLayoutSelectionBase;
     showLayoutList: boolean;
+    constructor(iconCacheService: IconCacheService);
     ngOnInit(): void;
     handleSelectLayout(reportLayout: ReportLayoutSelectionBase): void;
+    closeSelectLayout(): void;
 }

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

@@ -12,6 +12,7 @@
       border-width: $sc-co-layout-selection-border-width;
       border-radius: $sc-co-layout-selection-border-radius;
       padding: $sc-co-layout-selection-padding;
+      background: $sc-co-layout-selection-background;
       .layout-description {
         font-size: $sc-co-layout-selection-description-font-size;
         font-weight: $sc-co-layout-selection-description-font-weight;
@@ -30,5 +31,14 @@
       box-shadow: $sc-co-layout-selection-selections-shadow;
       padding: $sc-co-layout-selection-selections-padding;
     }
+    .layouts-wrapper-header {
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      .co-icon {
+        width: 12px;
+        height: 12px;
+      }
+    }
   }
 }

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

@@ -5,15 +5,15 @@ $sc-co-layout-selection-font-color: $sc-color-font !default;
 $sc-co-layout-selection-row-gap: 10px !default;
 $sc-co-layout-selection-border-style: solid !default;
 $sc-co-layout-selection-border-color: $sc-color-border !default;
-$sc-co-layout-selection-border-width: 1px !default;
-$sc-co-layout-selection-border-radius: 10px !default;
-$sc-co-layout-selection-padding: 10px !default;
+$sc-co-layout-selection-border-width: 0px !default;
+$sc-co-layout-selection-border-radius: 5px !default;
+$sc-co-layout-selection-padding: 5px 10px !default;
 $sc-co-layout-selection-description-font-size: $sc-font-size !default;
 $sc-co-layout-selection-description-font-weight: bold !default;
-
-$sc-co-layout-selection-selections-row-gap: 10px !default;
+$sc-co-layout-selection-background: #FFFFFF !default;
+$sc-co-layout-selection-selections-row-gap: 5px !default;
 $sc-co-layout-selection-selections-shadow: 0px 0px 8px rgba(1, 1, 1, 0.2) !default;
-$sc-co-layout-selection-selections-padding: 10px 0 !default;
+$sc-co-layout-selection-selections-padding: 15px 15px !default;
 $sc-co-layout-selection-selections-background-color: white !default;
 $sc-co-layout-selection-selections-selected-background-color: $sc-color-background !default;
 $sc-co-layout-selection-selections-selected-description-font-color: $sc-color-action !default;

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

@@ -15,4 +15,5 @@ export declare class PrinterSelectionComponent implements OnInit {
     constructor(sendMethodService: SendMethodService, iconService: IconCacheService, _service: SharedService);
     ngOnInit(): void;
     handlePrinterClicked(printer: Printer): void;
+    closePrinterClicked(): void;
 }

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

@@ -10,6 +10,7 @@
       border-width: $sc-co-printer-selection-border-width;
       border-radius: $sc-co-printer-selection-border-radius;
       padding: $sc-co-printer-selection-padding;
+      background: $sc-co-printer-selection-background;
       .printer-name {
         font-size: $sc-co-printer-selection-description-font-size;
         font-weight: $sc-co-printer-selection-description-font-weight;
@@ -55,5 +56,14 @@
       font-weight: $sc-co-printer-selection-printer-status-font-weight;
       font-style: $sc-co-printer-selection-printer-status-font-style;
     }
+    .layouts-wrapper-header {
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      .co-icon {
+        width: 12px;
+        height: 12px;
+      }
+    }
   }
 }

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

@@ -1,21 +1,19 @@
 $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: 10px !default;
-
-$sc-co-printer-selection-row-gap: 10px !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: 1px !default;
-$sc-co-printer-selection-border-radius: 10px !default;
-$sc-co-printer-selection-padding: 10px !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: 10px 0 !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;

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

@@ -1,4 +1,9 @@
 @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;

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

@@ -2,4 +2,4 @@ $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: 10px 25px !default;
+$sc-co-send-method-printer-padding: 0 !default;

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

@@ -1,8 +1,8 @@
-$sc-co-signature-button-height: 50px !default;
-$sc-co-signature-button-width: 50px !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: 10px !default;
-$sc-co-signature-button-icon-height: 40px !default;
-$sc-co-signature-button-icon-width: 40px !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/style/_layout.scss

@@ -2,6 +2,31 @@
   .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;
@@ -27,9 +52,12 @@
       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 {
-          font-weight: $sc-co-send-method-dialog-send-method-selected-title-font-weight;
+          color: $sc-co-send-method-dialog-send-method-selected-title-font-color;
         }
       }
       .custom-button-icon {
@@ -43,6 +71,17 @@
         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;
@@ -58,5 +97,69 @@
       overflow: auto;
       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;
+          }
+        }
+      }
+    }
   }
 }

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

@@ -5,11 +5,11 @@ $sc-co-send-method-dialog-font-color: $sc-color-font !default;
 $sc-co-send-method-dialog-send-method-buttons-column-gap: 5px;
 $sc-co-send-method-dialog-send-method-buttons-justify-content: center;
 
-$sc-co-send-method-dialog-send-method-button-height: 80px !default;
-$sc-co-send-method-dialog-send-method-button-width: 80px !default;
+$sc-co-send-method-dialog-send-method-button-height: auto !default;
+$sc-co-send-method-dialog-send-method-button-width: auto !default;
 $sc-co-send-method-dialog-send-method-button-radius: 10px !default;
-$sc-co-send-method-dialog-send-method-button-background-color: white !default;
-$sc-co-send-method-dialog-send-method-button-selected-background-color: $sc-color-background !default;
+$sc-co-send-method-dialog-send-method-button-background-color: transparent !default;
+$sc-co-send-method-dialog-send-method-button-selected-background-color: white !default;
 $sc-co-send-method-dialog-send-method-button-border-style: solid !default;
 $sc-co-send-method-dialog-send-method-button-border-color: $sc-color-border !default;
 $sc-co-send-method-dialog-send-method-button-border-width: 0 !default;
@@ -24,7 +24,25 @@ $sc-co-send-method-dialog-send-method-title-font-color: $sc-color-font !default;
 $sc-co-send-method-dialog-send-method-title-font-weight: normal !default;
 $sc-co-send-method-dialog-send-method-title-align: center !default;
 $sc-co-send-method-dialog-send-method-selected-title-font-color: $sc-color-action !default;
-$sc-co-send-method-dialog-send-method-selected-title-font-weight: bold !default;
 
-$sc-co-send-method-dialog-height: 415px !default;
-$sc-co-send-method-dialog-min-width: 350px !default;
+$sc-co-send-method-dialog-height: auto !default;
+$sc-co-send-method-dialog-min-width: auto !default;
+
+$sc-co-send-method-dialog-footer-border-width: 5px 0 0 0 !default;
+$sc-co-send-method-dialog-footer-border-color: #ffffff !default;
+$sc-co-send-method-dialog-footer-padding: 20px 0 0 0 !default;
+$sc-co-send-method-dialog-footer-background: #f8f8fa !default;
+$sc-co-send-method-dialog-footer-button-wrapper-gap: 5px !default;
+
+$sc-co-send-method-dialog-save-button-size: auto !default;
+$sc-co-send-method-dialog-save-button-icon-size: 20px !default;
+$sc-co-send-method-dialog-save-button-icon-color: $sc-color-light !default;
+$sc-co-send-method-dialog-button-border-color: #DCE4EA !default;
+$sc-co-send-method-dialog-button-border-width: 0 0 0 0 !default;
+$sc-co-send-method-dialog-button-border-style: solid !default;
+$sc-co-send-method-dialog-button-padding: 8px !default;
+$sc-co-send-method-dialog-button-box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.3) !default;
+$sc-co-send-method-dialog-button-background-color: $sc-color-action !default;
+$sc-co-send-method-dialog-close-button-size: auto !default;
+$sc-co-send-method-dialog-close-button-background-color: #475060 !default;
+$sc-popup-checkbox-checked-background-color: #1a73e8 !default;

package/lib/components/simple-tags/style/_layout.scss

@@ -18,8 +18,9 @@
     .dialog-content-wrapper {
       display: flex;
       flex-direction: row;
-      width: 50vw;
-      height: 50vh;
+      width: 600px;
+      height: 600px;
+      max-width: 100%;
       column-gap: $sc-co-simple-tags-content-column-gap;
 
       .collection-navigation {
@@ -32,6 +33,12 @@
 
         .co-input-search {
           display: block;
+          .co-input-text {
+            height: 30px;
+            &:before {
+              display: none;
+            }
+          }
         }
 
         .breadcrumbs {
@@ -98,6 +105,7 @@
         border: $sc-co-simple-tags-collection-item-border;
         display: flex;
         cursor: pointer;
+        background: $sc-co-simple-tags-collection-item-background-color;
         &:hover {
           background-color: $sc-co-simple-tags-collection-item-background-color;
         }
@@ -129,7 +137,7 @@
         align-items: center;
         justify-content: space-between;
         overflow: hidden;
-
+        background: $sc-co-simple-tags-collection-item-background-color;
         .thumbnail-description {
           display: flex;
           height: 100%;
@@ -148,6 +156,8 @@
 
           .co-icon {
             margin: 0 8px;
+            width: $sc-co-simple-tags-collection-tag-icon-size;
+            height: $sc-co-simple-tags-collection-tag-icon-size;
           }
 
           .description-wrapper {
@@ -178,46 +188,67 @@
       }
     }
 
-    .commit-button-wrapper {
-      width: 100%;
-      display: flex;
-      justify-content: center;
-      column-gap: 4px;
-
-      co-button {
-        height: auto;
-        width: auto;
-        background-color: #f5f5fc;
-        border-bottom: 2px solid #DCE4EA;
-        cursor: pointer;
-
-        &:not(.circle) {
-          padding: 10px;
+    .dialog-footer {
+      background-color: $sc-co-simple-tags-dialog-footer-background;
+      border-width: $sc-co-simple-tags-dialog-footer-border-width;
+      border-style: solid;
+      border-color: $sc-co-simple-tags-dialog-footer-border-color;
+      padding: $sc-co-simple-tags-dialog-footer-padding;
+      .co-dialog-footer-button-wrapper {
+        gap: $sc-co-simple-tags-dialog-footer-button-wrapper-gap;
+      }
+    }
+    .save-button {
+      height: $sc-co-simple-tags-dialog-save-button-size;
+      width: $sc-co-simple-tags-dialog-save-button-size;
+      border-color: $sc-co-simple-tags-dialog-button-border-color;
+      border-style: $sc-co-simple-tags-dialog-button-border-style;
+      border-width: $sc-co-simple-tags-dialog-button-border-width;
+      background-color: $sc-co-simple-tags-dialog-button-background-color;
+      padding: $sc-co-simple-tags-dialog-button-padding;
+      box-shadow: $sc-co-simple-tags-dialog-button-box-shadow;
+      cursor: pointer;
+      .co-icon {
+        height: $sc-co-simple-tags-dialog-save-button-icon-size;
+        width: $sc-co-simple-tags-dialog-save-button-icon-size;
+        svg {
+          fill: $sc-co-simple-tags-dialog-save-button-icon-color;
         }
-
-        &.cancel-button {
-          padding: 5px;
-          co-icon {
-            width: 15px;
-            height: 15px;
-            svg { // for fontawesome icons
-              fill: #475060;
-            }
-            & [fill] { // for own icons
-              fill: #475060;
-            }
-          }
+      }
+    }
+    .close-button {
+      height: $sc-co-simple-tags-dialog-close-button-size;
+      width: $sc-co-simple-tags-dialog-close-button-size;
+      border-color: $sc-co-simple-tags-dialog-button-border-color;
+      border-style: $sc-co-simple-tags-dialog-button-border-style;
+      border-width: $sc-co-simple-tags-dialog-button-border-width;
+      background-color: $sc-co-simple-tags-dialog-close-button-background-color;
+      padding: $sc-co-simple-tags-dialog-button-padding;
+      box-shadow: $sc-co-simple-tags-dialog-button-box-shadow;
+      cursor: pointer;
+      .co-icon {
+        height: $sc-co-simple-tags-dialog-save-button-icon-size;
+        width: $sc-co-simple-tags-dialog-save-button-icon-size;
+        svg {
+          fill: $sc-co-simple-tags-dialog-save-button-icon-color;
+        }
+        [fill] {
+          fill: $sc-co-simple-tags-dialog-save-button-icon-color;
         }
       }
-
-      co-icon {
-        width: 20px;
-        height: 20px;
-        svg { // for fontawesome icons
-          fill: #1A73E8;
+    }
+    .co-input-checkbox {
+      .checkbox {
+        border-color: #FFFFFF;
+        background-color: #FFFFFF;
+        &.checked {
+          border-color: $sc-co-simple-tags-checkbox-checked-background-color;
+          background-color: $sc-co-simple-tags-checkbox-checked-background-color;
         }
-        & [fill] { // for own icons
-          fill: #1A73E8;
+        .checkmark {
+          &.show {
+            border-color: #FFFFFF;
+          }
         }
       }
     }
@@ -228,5 +259,14 @@
     .clickable {
       cursor: pointer;
     }
+    .co-dialog {
+      .co-dialog-wrapper {
+        background: #f8f8fa;
+        max-height: 90vh;
+        .dialog-header, .dialog-content, .dialog-footer {
+          background: #f8f8fa;
+        }
+      }
+    }
   }
 }

package/lib/components/simple-tags/style/_material-definition.scss

@@ -8,12 +8,32 @@ $sc-co-simple-tags-navigation-home-icon-size: 15px !default;
 $sc-co-simple-tags-navigation-collection-row-gap: 4px !default;
 $sc-co-simple-tags-linked-tags-width: 70% !default;
 $sc-co-simple-tags-linked-tags-row-gap: 15px !default;
-$sc-co-simple-tags-linked-tags-tag-height: 50px !default;
+$sc-co-simple-tags-linked-tags-tag-height: 40px !default;
 $sc-co-simple-tags-linked-tags-gap-size: 10px !default;
 $sc-co-simple-tags-collection-item-border-radius: 7px !default;
 $sc-co-simple-tags-collection-item-padding: 6px !default;
-$sc-co-simple-tags-collection-item-border: 1px solid #dcdcdc !default;
-$sc-co-simple-tags-collection-item-background-color: #f8f8f8 !default;
+$sc-co-simple-tags-collection-item-border: 0px solid #dcdcdc !default;
+$sc-co-simple-tags-collection-item-background-color: #ffffff !default;
 $sc-co-simple-tags-collection-item-icon-size: 15px !default;
-$sc-co-simple-tags-linked-tag-delete-icon-size: 15px !default;
+$sc-co-simple-tags-linked-tag-delete-icon-size: 10px !default;
 $sc-co-simple-tags-linked-tag-delete-icon-margin: 10px !default;
+$sc-co-simple-tags-collection-tag-icon-size: 20px !default;
+
+$sc-co-simple-tags-dialog-footer-border-width: 5px 0 0 0 !default;
+$sc-co-simple-tags-dialog-footer-border-color: #ffffff !default;
+$sc-co-simple-tags-dialog-footer-padding: 20px 0 0 0 !default;
+$sc-co-simple-tags-dialog-footer-background: #f8f8fa !default;
+$sc-co-simple-tags-dialog-footer-button-wrapper-gap: 5px !default;
+
+$sc-co-simple-tags-dialog-save-button-size: auto !default;
+$sc-co-simple-tags-dialog-save-button-icon-size: 20px !default;
+$sc-co-simple-tags-dialog-save-button-icon-color: $sc-color-light !default;
+$sc-co-simple-tags-dialog-button-border-color: #DCE4EA !default;
+$sc-co-simple-tags-dialog-button-border-width: 0 0 0 0 !default;
+$sc-co-simple-tags-dialog-button-border-style: solid !default;
+$sc-co-simple-tags-dialog-button-padding: 8px !default;
+$sc-co-simple-tags-dialog-button-box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.3) !default;
+$sc-co-simple-tags-dialog-button-background-color: $sc-color-action !default;
+$sc-co-simple-tags-dialog-close-button-size: auto !default;
+$sc-co-simple-tags-dialog-close-button-background-color: #475060 !default;
+$sc-co-simple-tags-checkbox-checked-background-color: #1a73e8 !default;

package/lib/enum/icon.enum.d.ts

@@ -10,6 +10,7 @@ export declare enum Icon {
     BringForwardRegular = "bring_forward_regular",
     CheckDuotone = "check_duotone",
     CheckRound = "check_round",
+    CrossSkinny = "cross_skinny",
     DeleteLeftRegular = "delete_left_regular",
     DeliveryTruck = "delivery_truck",
     Email = "email",

package/lib/style/_variables.scss

@@ -9,7 +9,7 @@ $sc-font-size-small: 10px !default;
 $sc-color-font: #171721;
 $sc-color-border: #DCE4EA !default;
 $sc-color-background: #f5f5fc !default;
-$sc-color-action: #2b60a7 !default;
+$sc-color-action: #1A73E8 !default;
 $sc-color-light-accent: #DCE4EA !default;
 $sc-color-light: #FFFFFF !default;
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@colijnit/sharedcomponents",
-  "version": "1.0.52",
+  "version": "1.0.54",
   "private": false,
   "dependencies": {
     "chart.js": "4.3.0",