From 52e576eccc61b74718897be240fb02178b445da8 Mon Sep 17 00:00:00 2001
From: Edi Cziszter <eduard.cziszter@student.upt.ro>
Date: Sun, 7 Nov 2021 10:59:09 +0200
Subject: [PATCH] added new styles for the dossier view buttons

---
 src/assets/icons/csv.svg                      | 20 +++++++++++++++++++
 src/assets/styles/common-buttons.scss         |  4 ++++
 .../circle-button.component.html              |  1 +
 src/lib/buttons/types/circle-button.type.ts   |  1 +
 src/lib/icons/icons.module.ts                 |  1 +
 5 files changed, 27 insertions(+)
 create mode 100644 src/assets/icons/csv.svg

diff --git a/src/assets/icons/csv.svg b/src/assets/icons/csv.svg
new file mode 100644
index 0000000..a211317
--- /dev/null
+++ b/src/assets/icons/csv.svg
@@ -0,0 +1,20 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 25.4.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg id="Layer_1" style="enable-background:new 0 0 14 14;" version="1.1" viewBox="0 0 14 14" x="0px"
+     xml:space="preserve" xmlns="http://www.w3.org/2000/svg" y="0px">
+<style type="text/css">
+	.st0 {
+        fill: currentColor;
+    }
+</style>
+    <g id="Styleguide">
+	<g id="Export-just-icons" transform="translate(-979.000000, -252.000000)">
+		<g id="Group" transform="translate(979.000000, 252.000000)">
+			<g id="list-view">
+				<path class="st0" d="M0,0h14v14H0V0z M2.8,12.6V9.8H1.4v2.8H2.8z M2.8,5.6H1.4v2.8h1.4V5.6z M4.2,8.4h8.4V5.6H4.2V8.4z M1.4,4.2
+					h1.4V1.4H1.4V4.2z M4.2,1.4v2.8h8.4V1.4H4.2z M12.6,9.8H4.2v2.8h8.4V9.8z"/>
+			</g>
+		</g>
+	</g>
+</g>
+</svg>
diff --git a/src/assets/styles/common-buttons.scss b/src/assets/styles/common-buttons.scss
index d711355..58a9309 100644
--- a/src/assets/styles/common-buttons.scss
+++ b/src/assets/styles/common-buttons.scss
@@ -99,6 +99,10 @@ iqser-icon-button {
             &.primary {
                 background: var(--iqser-primary-2);
             }
+
+            &.dossierView {
+                background-color: var(--iqser-btn-bg);
+            }
         }
     }
 }
diff --git a/src/lib/buttons/circle-button/circle-button.component.html b/src/lib/buttons/circle-button/circle-button.component.html
index 52e6123..68f0050 100644
--- a/src/lib/buttons/circle-button/circle-button.component.html
+++ b/src/lib/buttons/circle-button/circle-button.component.html
@@ -2,6 +2,7 @@
     <button
         (click)="performAction($event)"
         [class.dark-bg]="type === circleButtonTypes.dark"
+        [class.dossierView]="circleButtonTypes.dossierView"
         [class.overlay]="showDot"
         [class.primary]="type === circleButtonTypes.primary"
         [class.warn]="type === circleButtonTypes.warn"
diff --git a/src/lib/buttons/types/circle-button.type.ts b/src/lib/buttons/types/circle-button.type.ts
index 349c720..608226a 100644
--- a/src/lib/buttons/types/circle-button.type.ts
+++ b/src/lib/buttons/types/circle-button.type.ts
@@ -3,6 +3,7 @@ export const CircleButtonTypes = {
     primary: 'primary',
     warn: 'warn',
     dark: 'dark',
+    dossierView: 'dossierView',
 } as const;
 
 export type CircleButtonType = keyof typeof CircleButtonTypes;
diff --git a/src/lib/icons/icons.module.ts b/src/lib/icons/icons.module.ts
index 0ea3c4f..dfafb07 100644
--- a/src/lib/icons/icons.module.ts
+++ b/src/lib/icons/icons.module.ts
@@ -17,6 +17,7 @@ export class IqserIconsModule {
             'check',
             'close',
             'collapse',
+            'csv',
             'document',
             'download',
             'edit',