added grey background option when selected

src/assets/styles/common-buttons.scss

@@ -100,7 +100,7 @@ iqser-icon-button {
                 background: var(--iqser-primary-2);
             }
 
-            &.dossierView {
+            &.grey-selected {
                 background-color: var(--iqser-btn-bg);
             }
         }

src/lib/buttons/circle-button/circle-button.component.html

@@ -2,10 +2,10 @@
     <button
         (click)="performAction($event)"
         [class.dark-bg]="type === circleButtonTypes.dark"
-        [class.dossierView]="type === circleButtonTypes.dossierView"
         [class.overlay]="showDot"
         [class.primary]="type === circleButtonTypes.primary"
         [class.warn]="type === circleButtonTypes.warn"
+        [class.grey-selected]="greySelected"
         [disabled]="disabled"
         [type]="isSubmit ? 'submit' : 'button'"
         mat-icon-button

src/lib/buttons/circle-button/circle-button.component.ts

@@ -19,6 +19,7 @@ export class CircleButtonComponent implements OnInit {
     @Input() tooltipPosition: IqserTooltipPosition = IqserTooltipPositions.above;
     @Input() disabled = false;
     @Input() type: CircleButtonType = CircleButtonTypes.default;
+    @Input() greySelected = false;
     @Input() removeTooltip = false;
     @Input() isSubmit = false;
     @Input() size = 34;

src/lib/buttons/types/circle-button.type.ts

@@ -3,7 +3,6 @@ export const CircleButtonTypes = {
     primary: 'primary',
     warn: 'warn',
     dark: 'dark',
-    dossierView: 'dossierView',
 } as const;
 
 export type CircleButtonType = keyof typeof CircleButtonTypes;