diff --git a/apps/red-ui/src/app/components/base-screen/base-screen.component.html b/apps/red-ui/src/app/components/base-screen/base-screen.component.html index bbe17b2b4..6e70aca63 100644 --- a/apps/red-ui/src/app/components/base-screen/base-screen.component.html +++ b/apps/red-ui/src/app/components/base-screen/base-screen.component.html @@ -70,7 +70,7 @@

- + diff --git a/apps/red-ui/src/app/components/help-mode/help-mode.component.html b/apps/red-ui/src/app/components/help-mode/help-mode.component.html index cc3de9335..2e86423f1 100644 --- a/apps/red-ui/src/app/components/help-mode/help-mode.component.html +++ b/apps/red-ui/src/app/components/help-mode/help-mode.component.html @@ -10,7 +10,11 @@
(esc) - +
diff --git a/apps/red-ui/src/app/components/spotlight-search/spotlight-search.component.html b/apps/red-ui/src/app/components/spotlight-search/spotlight-search.component.html index 7eeab5d8c..91c6c3bb3 100644 --- a/apps/red-ui/src/app/components/spotlight-search/spotlight-search.component.html +++ b/apps/red-ui/src/app/components/spotlight-search/spotlight-search.component.html @@ -3,9 +3,9 @@ - + - + diff --git a/apps/red-ui/src/app/components/toast/toast.component.html b/apps/red-ui/src/app/components/toast/toast.component.html index cfffe69b4..3006bdf3c 100644 --- a/apps/red-ui/src/app/components/toast/toast.component.html +++ b/apps/red-ui/src/app/components/toast/toast.component.html @@ -15,6 +15,6 @@
- +
diff --git a/apps/red-ui/src/app/components/user-profile/user-profile-screen.component.html b/apps/red-ui/src/app/components/user-profile/user-profile-screen.component.html index 779d9a35d..a2b00defe 100644 --- a/apps/red-ui/src/app/components/user-profile/user-profile-screen.component.html +++ b/apps/red-ui/src/app/components/user-profile/user-profile-screen.component.html @@ -8,21 +8,21 @@
-
+
-
+
-
+
-
+
diff --git a/apps/red-ui/src/app/modules/admin/components/dossier-template-actions/dossier-template-actions.component.html b/apps/red-ui/src/app/modules/admin/components/dossier-template-actions/dossier-template-actions.component.html index 18ad21167..02ce08a65 100644 --- a/apps/red-ui/src/app/modules/admin/components/dossier-template-actions/dossier-template-actions.component.html +++ b/apps/red-ui/src/app/modules/admin/components/dossier-template-actions/dossier-template-actions.component.html @@ -11,7 +11,7 @@ (action)="openEditDossierTemplateDialog($event)" *ngIf="currentUser.isAdmin" [tooltip]="'dossier-templates-listing.action.edit' | translate" - icon="red:edit" + icon="iqser:edit" [type]="circleButtonTypes.dark" >
diff --git a/apps/red-ui/src/app/modules/admin/dialogs/add-edit-dictionary-dialog/add-edit-dictionary-dialog.component.html b/apps/red-ui/src/app/modules/admin/dialogs/add-edit-dictionary-dialog/add-edit-dictionary-dialog.component.html index d8f2bb043..be329fdb1 100644 --- a/apps/red-ui/src/app/modules/admin/dialogs/add-edit-dictionary-dialog/add-edit-dictionary-dialog.component.html +++ b/apps/red-ui/src/app/modules/admin/dialogs/add-edit-dictionary-dialog/add-edit-dictionary-dialog.component.html @@ -5,18 +5,18 @@
-
+
{{ dictionary?.type || technicalName || '-' }}
-
+
{{ dictionary.label }}
-
+
-
+
-
+
-
+
-
+
{{ 'add-edit-dictionary.form.redaction' | translate }} @@ -81,13 +81,13 @@
-
+
{{ 'add-edit-dictionary.form.case-sensitive' | translate }}
-
+
{{ 'add-edit-dictionary.form.add-to-dictionary-action' | translate }} @@ -101,5 +101,5 @@
- + diff --git a/apps/red-ui/src/app/modules/admin/dialogs/add-edit-dictionary-dialog/add-edit-dictionary-dialog.component.scss b/apps/red-ui/src/app/modules/admin/dialogs/add-edit-dictionary-dialog/add-edit-dictionary-dialog.component.scss index b1dd35aef..57077da4b 100644 --- a/apps/red-ui/src/app/modules/admin/dialogs/add-edit-dictionary-dialog/add-edit-dictionary-dialog.component.scss +++ b/apps/red-ui/src/app/modules/admin/dialogs/add-edit-dictionary-dialog/add-edit-dictionary-dialog.component.scss @@ -7,7 +7,7 @@ margin-right: 16px; } - .red-input-group { + .iqser-input-group { margin-top: 0; } } diff --git a/apps/red-ui/src/app/modules/admin/dialogs/add-edit-dossier-attribute-dialog/add-edit-dossier-attribute-dialog.component.html b/apps/red-ui/src/app/modules/admin/dialogs/add-edit-dossier-attribute-dialog/add-edit-dossier-attribute-dialog.component.html index 5c2678992..cfd34b1a0 100644 --- a/apps/red-ui/src/app/modules/admin/dialogs/add-edit-dossier-attribute-dialog/add-edit-dossier-attribute-dialog.component.html +++ b/apps/red-ui/src/app/modules/admin/dialogs/add-edit-dossier-attribute-dialog/add-edit-dossier-attribute-dialog.component.html @@ -10,7 +10,7 @@
-
+
-
+
-
+
@@ -41,5 +41,5 @@
- + diff --git a/apps/red-ui/src/app/modules/admin/dialogs/add-edit-dossier-template-dialog/add-edit-dossier-template-dialog.component.html b/apps/red-ui/src/app/modules/admin/dialogs/add-edit-dossier-template-dialog/add-edit-dossier-template-dialog.component.html index 7b9674c1f..17ac0a2f8 100644 --- a/apps/red-ui/src/app/modules/admin/dialogs/add-edit-dossier-template-dialog/add-edit-dossier-template-dialog.component.html +++ b/apps/red-ui/src/app/modules/admin/dialogs/add-edit-dossier-template-dialog/add-edit-dossier-template-dialog.component.html @@ -10,7 +10,7 @@
-
+
-
+
-
+
-
+
-
+
-
+
-
+
{{ comment.text }}
- +>
diff --git a/apps/red-ui/src/app/modules/dossier/components/comments/comments.component.scss b/apps/red-ui/src/app/modules/dossier/components/comments/comments.component.scss index 4529f63a5..422830c95 100644 --- a/apps/red-ui/src/app/modules/dossier/components/comments/comments.component.scss +++ b/apps/red-ui/src/app/modules/dossier/components/comments/comments.component.scss @@ -34,7 +34,7 @@ } } - redaction-input-with-action { + iqser-input-with-action { margin: 5px 0 10px 0; } diff --git a/apps/red-ui/src/app/modules/dossier/components/document-info/document-info.component.html b/apps/red-ui/src/app/modules/dossier/components/document-info/document-info.component.html index c47f87c2a..5e0e2b8e8 100644 --- a/apps/red-ui/src/app/modules/dossier/components/document-info/document-info.component.html +++ b/apps/red-ui/src/app/modules/dossier/components/document-info/document-info.component.html @@ -3,13 +3,13 @@
diff --git a/apps/red-ui/src/app/modules/dossier/components/dossier-details/dossier-details.component.html b/apps/red-ui/src/app/modules/dossier/components/dossier-details/dossier-details.component.html index 103c64766..53e587bae 100644 --- a/apps/red-ui/src/app/modules/dossier/components/dossier-details/dossier-details.component.html +++ b/apps/red-ui/src/app/modules/dossier/components/dossier-details/dossier-details.component.html @@ -22,7 +22,7 @@ *ngIf="currentUser.isManager" [tooltip]="'dossier-details.edit-owner' | translate" class="ml-14" - icon="red:edit" + icon="iqser:edit" tooltipPosition="below" > diff --git a/apps/red-ui/src/app/modules/dossier/components/dossier-listing-actions/dossier-listing-actions.component.html b/apps/red-ui/src/app/modules/dossier/components/dossier-listing-actions/dossier-listing-actions.component.html index f0d4832c2..e48919796 100644 --- a/apps/red-ui/src/app/modules/dossier/components/dossier-listing-actions/dossier-listing-actions.component.html +++ b/apps/red-ui/src/app/modules/dossier/components/dossier-listing-actions/dossier-listing-actions.component.html @@ -4,7 +4,7 @@ (action)="openEditDossierDialog($event, dossier)" *ngIf="currentUser.isManager" [tooltip]="'dossier-listing.edit.action' | translate" - icon="red:edit" + icon="iqser:edit" [type]="circleButtonTypes.dark" > diff --git a/apps/red-ui/src/app/modules/dossier/components/file-actions/file-actions.component.html b/apps/red-ui/src/app/modules/dossier/components/file-actions/file-actions.component.html index 084cdbdb8..4e7fbf038 100644 --- a/apps/red-ui/src/app/modules/dossier/components/file-actions/file-actions.component.html +++ b/apps/red-ui/src/app/modules/dossier/components/file-actions/file-actions.component.html @@ -138,7 +138,7 @@ > -
+
@@ -59,7 +59,11 @@ tooltipPosition="above" >
- +
diff --git a/apps/red-ui/src/app/modules/dossier/components/file-workload/file-workload.component.scss b/apps/red-ui/src/app/modules/dossier/components/file-workload/file-workload.component.scss index 85ecf735e..c4e28e2a7 100644 --- a/apps/red-ui/src/app/modules/dossier/components/file-workload/file-workload.component.scss +++ b/apps/red-ui/src/app/modules/dossier/components/file-workload/file-workload.component.scss @@ -124,7 +124,7 @@ } .pages { - @include no-scroll-bar(); + @include no-scroll-bar; overflow: auto; flex: 1; } diff --git a/apps/red-ui/src/app/modules/dossier/components/page-exclusion/page-exclusion.component.html b/apps/red-ui/src/app/modules/dossier/components/page-exclusion/page-exclusion.component.html index 1194b3321..9c9971824 100644 --- a/apps/red-ui/src/app/modules/dossier/components/page-exclusion/page-exclusion.component.html +++ b/apps/red-ui/src/app/modules/dossier/components/page-exclusion/page-exclusion.component.html @@ -1,12 +1,12 @@
- + >
diff --git a/apps/red-ui/src/app/modules/dossier/components/page-exclusion/page-exclusion.component.ts b/apps/red-ui/src/app/modules/dossier/components/page-exclusion/page-exclusion.component.ts index 5e5b9e1ed..b738da092 100644 --- a/apps/red-ui/src/app/modules/dossier/components/page-exclusion/page-exclusion.component.ts +++ b/apps/red-ui/src/app/modules/dossier/components/page-exclusion/page-exclusion.component.ts @@ -1,11 +1,10 @@ import { Component, EventEmitter, Input, OnChanges, Output, ViewChild } from '@angular/core'; import { PermissionsService } from '@services/permissions.service'; import { PageRange, ReanalysisControllerService } from '@redaction/red-ui-http'; -import { Toaster } from '@iqser/common-ui'; +import { InputWithActionComponent, Toaster } from '@iqser/common-ui'; import { LoadingService } from '@services/loading.service'; import { marker as _ } from '@biesbjerg/ngx-translate-extract-marker'; import { FileStatusWrapper } from '@models/file/file-status.wrapper'; -import { InputWithActionComponent } from '@shared/components/input-with-action/input-with-action.component'; @Component({ selector: 'redaction-page-exclusion', diff --git a/apps/red-ui/src/app/modules/dossier/components/team-members-manager/team-members-manager.component.html b/apps/red-ui/src/app/modules/dossier/components/team-members-manager/team-members-manager.component.html index 9e573d614..6885e0382 100644 --- a/apps/red-ui/src/app/modules/dossier/components/team-members-manager/team-members-manager.component.html +++ b/apps/red-ui/src/app/modules/dossier/components/team-members-manager/team-members-manager.component.html @@ -1,5 +1,5 @@ -
+
{{ 'assign-dossier-owner.dialog.single-user' | translate }} @@ -35,13 +35,13 @@ 

 
-    
+    >
 
     

         

                     
                 

-                
+                
             

         

     

diff --git a/apps/red-ui/src/app/modules/dossier/components/team-members/team-members.component.html b/apps/red-ui/src/app/modules/dossier/components/team-members/team-members.component.html
index 2e2ca7728..07e3d5f33 100644
--- a/apps/red-ui/src/app/modules/dossier/components/team-members/team-members.component.html
+++ b/apps/red-ui/src/app/modules/dossier/components/team-members/team-members.component.html
@@ -8,7 +8,7 @@
     >
         
         

-            
+            
         

     

     

diff --git a/apps/red-ui/src/app/modules/dossier/dialogs/add-dossier-dialog/add-dossier-dialog.component.html b/apps/red-ui/src/app/modules/dossier/dialogs/add-dossier-dialog/add-dossier-dialog.component.html
index 316c1a4f5..c9f5d68e6 100644
--- a/apps/red-ui/src/app/modules/dossier/dialogs/add-dossier-dialog/add-dossier-dialog.component.html
+++ b/apps/red-ui/src/app/modules/dossier/dialogs/add-dossier-dialog/add-dossier-dialog.component.html
@@ -3,7 +3,7 @@
         

 
         

-            

+            

                 
                 
             

 
-            

+            

                 
                     {{ 'add-dossier-dialog.form.template' | translate }}
                     
@@ -29,7 +29,7 @@
                 
             

 
-            

+            

                 
                 
             

@@ -35,5 +35,5 @@
         

     
 
-    
+    
 
diff --git a/apps/red-ui/src/app/modules/dossier/dialogs/document-info-dialog/document-info-dialog.component.html b/apps/red-ui/src/app/modules/dossier/dialogs/document-info-dialog/document-info-dialog.component.html
index 14770bf97..e913530f5 100644
--- a/apps/red-ui/src/app/modules/dossier/dialogs/document-info-dialog/document-info-dialog.component.html
+++ b/apps/red-ui/src/app/modules/dossier/dialogs/document-info-dialog/document-info-dialog.component.html
@@ -3,7 +3,7 @@
 
     

         

-            

+            

                 
                 
             

@@ -15,5 +15,5 @@
         

     
 
-    
+    
 
diff --git a/apps/red-ui/src/app/modules/dossier/dialogs/edit-dossier-dialog/attributes/edit-dossier-attributes.component.html b/apps/red-ui/src/app/modules/dossier/dialogs/edit-dossier-dialog/attributes/edit-dossier-attributes.component.html
index 72fe36b08..f8adc89e5 100644
--- a/apps/red-ui/src/app/modules/dossier/dialogs/edit-dossier-dialog/attributes/edit-dossier-attributes.component.html
+++ b/apps/red-ui/src/app/modules/dossier/dialogs/edit-dossier-dialog/attributes/edit-dossier-attributes.component.html
@@ -10,7 +10,7 @@
             icon="red:attribute"
         >
 
-        

+        

             
             
             

                 
diff --git a/apps/red-ui/src/app/modules/dossier/dialogs/edit-dossier-dialog/edit-dossier-dialog.component.html b/apps/red-ui/src/app/modules/dossier/dialogs/edit-dossier-dialog/edit-dossier-dialog.component.html
index d759c29a4..5a70a20a8 100644
--- a/apps/red-ui/src/app/modules/dossier/dialogs/edit-dossier-dialog/edit-dossier-dialog.component.html
+++ b/apps/red-ui/src/app/modules/dossier/dialogs/edit-dossier-dialog/edit-dossier-dialog.component.html
@@ -71,5 +71,5 @@
         

     

 
-    
+    
 
diff --git a/apps/red-ui/src/app/modules/dossier/dialogs/edit-dossier-dialog/general-info/edit-dossier-general-info.component.html b/apps/red-ui/src/app/modules/dossier/dialogs/edit-dossier-dialog/general-info/edit-dossier-general-info.component.html
index 49c7a04aa..446f3db4a 100644
--- a/apps/red-ui/src/app/modules/dossier/dialogs/edit-dossier-dialog/general-info/edit-dossier-general-info.component.html
+++ b/apps/red-ui/src/app/modules/dossier/dialogs/edit-dossier-dialog/general-info/edit-dossier-general-info.component.html
@@ -1,5 +1,5 @@
 

-    

+    

         
         
     

 
-    

+    

         
             {{ 'edit-dossier-dialog.general-info.form.template' | translate }}
             
@@ -25,7 +25,7 @@
         
     

 
-    

+    

         
         
             

@@ -34,5 +34,5 @@
         

     
 
-    
+    
 
diff --git a/apps/red-ui/src/app/modules/dossier/dialogs/manual-redaction-dialog/manual-annotation-dialog.component.html b/apps/red-ui/src/app/modules/dossier/dialogs/manual-redaction-dialog/manual-annotation-dialog.component.html
index 292862fd9..88256bdff 100644
--- a/apps/red-ui/src/app/modules/dossier/dialogs/manual-redaction-dialog/manual-annotation-dialog.component.html
+++ b/apps/red-ui/src/app/modules/dossier/dialogs/manual-redaction-dialog/manual-annotation-dialog.component.html
@@ -4,19 +4,19 @@
 
         

             
-                

+                

                     
                 

                 {{ format(manualRedactionEntryWrapper.manualRedactionEntry.value) }}
             
 
             
-                

+                

                     
                 

             
 
-            

+            

                 
                 
             

 
-            

+            

                 
                 
             

 
-            

+            

                 
                 
             

 
-            

+            

                 
 
                 
@@ -70,5 +70,5 @@
         

     
 
-    
+    
 
diff --git a/apps/red-ui/src/app/modules/dossier/dialogs/recategorize-image-dialog/recategorize-image-dialog.component.html b/apps/red-ui/src/app/modules/dossier/dialogs/recategorize-image-dialog/recategorize-image-dialog.component.html
index cf7ad05f8..6894e0b13 100644
--- a/apps/red-ui/src/app/modules/dossier/dialogs/recategorize-image-dialog/recategorize-image-dialog.component.html
+++ b/apps/red-ui/src/app/modules/dossier/dialogs/recategorize-image-dialog/recategorize-image-dialog.component.html
@@ -3,7 +3,7 @@
         

 
         

-            

+            

                 
                 
             

 
-            

+            

                 
                 
             

@@ -30,5 +30,5 @@
         

     
 
-    
+    
 
diff --git a/apps/red-ui/src/app/modules/dossier/dialogs/remove-annotations-dialog/remove-annotations-dialog.component.html b/apps/red-ui/src/app/modules/dossier/dialogs/remove-annotations-dialog/remove-annotations-dialog.component.html
index 8c6ccf153..e7c7ccbdb 100644
--- a/apps/red-ui/src/app/modules/dossier/dialogs/remove-annotations-dialog/remove-annotations-dialog.component.html
+++ b/apps/red-ui/src/app/modules/dossier/dialogs/remove-annotations-dialog/remove-annotations-dialog.component.html
@@ -39,7 +39,7 @@
                 
             
 
-            

+            

                 
                 
             

@@ -55,5 +55,5 @@
         

     
 
-    
+    
 
diff --git a/apps/red-ui/src/app/modules/dossier/screens/dossier-overview-screen/dossier-overview-screen.component.ts b/apps/red-ui/src/app/modules/dossier/screens/dossier-overview-screen/dossier-overview-screen.component.ts
index 8395c9f32..c75d8864b 100644
--- a/apps/red-ui/src/app/modules/dossier/screens/dossier-overview-screen/dossier-overview-screen.component.ts
+++ b/apps/red-ui/src/app/modules/dossier/screens/dossier-overview-screen/dossier-overview-screen.component.ts
@@ -1,5 +1,13 @@
 import { ChangeDetectorRef, Component, ElementRef, HostListener, Injector, OnDestroy, OnInit, TemplateRef, ViewChild } from '@angular/core';
-import { Toaster } from '@iqser/common-ui';
+import {
+    CircleButtonTypes,
+    DefaultListingServices,
+    keyChecker,
+    ListingComponent,
+    NestedFilter,
+    TableColumnConfig,
+    Toaster
+} from '@iqser/common-ui';
 import { AppStateService } from '@state/app-state.service';
 import { FileDropOverlayService } from '@upload-download/services/file-drop-overlay.service';
 import { FileUploadModel } from '@upload-download/model/file-upload.model';
@@ -19,7 +27,6 @@ import { DossiersDialogService } from '../../services/dossiers-dialog.service';
 import { OnAttach, OnDetach } from '@utils/custom-route-reuse.strategy';
 import { AppConfigKey, AppConfigService } from '@app-config/app-config.service';
 import { ActionConfig } from '@shared/components/page-header/models/action-config.model';
-import { CircleButtonTypes, DefaultListingServices, keyChecker, ListingComponent, NestedFilter, TableColumnConfig } from '@iqser/common-ui';
 import { LoadingService } from '@services/loading.service';
 import { DossierAttributesService } from '@shared/services/controller-wrappers/dossier-attributes.service';
 import { DossierAttributeWithValue } from '@models/dossier-attributes.model';
@@ -47,7 +54,7 @@ export class DossierOverviewScreenComponent extends ListingComponent this.openEditDossierDialog($event),
-            icon: 'red:edit',
+            icon: 'iqser:edit',
             hide: !this.currentUser.isManager
         }
     ];
diff --git a/apps/red-ui/src/app/modules/dossier/screens/file-preview-screen/file-preview-screen.component.html b/apps/red-ui/src/app/modules/dossier/screens/file-preview-screen/file-preview-screen.component.html
index af0569a66..461d623bb 100644
--- a/apps/red-ui/src/app/modules/dossier/screens/file-preview-screen/file-preview-screen.component.html
+++ b/apps/red-ui/src/app/modules/dossier/screens/file-preview-screen/file-preview-screen.component.html
@@ -67,7 +67,7 @@
                     (action)="editingReviewer = true"
                     *ngIf="permissionsService.canAssignUser() && currentReviewer"
                     [tooltip]="assignTooltip"
-                    icon="red:edit"
+                    icon="iqser:edit"
                     tooltipPosition="below"
                 >
 
@@ -119,7 +119,7 @@
                 [routerLink]="['/main/dossiers/' + appStateService.activeDossierId]"
                 [tooltip]="'common.close' | translate"
                 class="ml-8"
-                icon="red:close"
+                icon="iqser:close"
                 tooltipPosition="below"
             >
         

diff --git a/apps/red-ui/src/app/modules/dossier/screens/search-screen/search-screen.component.html b/apps/red-ui/src/app/modules/dossier/screens/search-screen/search-screen.component.html
index ba1fc56ce..e461f463c 100644
--- a/apps/red-ui/src/app/modules/dossier/screens/search-screen/search-screen.component.html
+++ b/apps/red-ui/src/app/modules/dossier/screens/search-screen/search-screen.component.html
@@ -14,7 +14,7 @@
 
             
 
diff --git a/apps/red-ui/src/app/modules/icons/icons.module.ts b/apps/red-ui/src/app/modules/icons/icons.module.ts
index 3f353c20d..7b20094a0 100644
--- a/apps/red-ui/src/app/modules/icons/icons.module.ts
+++ b/apps/red-ui/src/app/modules/icons/icons.module.ts
@@ -22,8 +22,6 @@ export class IconsModule {
             'attribute',
             'calendar',
             'case-sensitive',
-            'check',
-            'close',
             'collapse',
             'color-picker',
             'comment',
@@ -32,7 +30,6 @@ export class IconsModule {
             'document',
             'double-chevron-right',
             'download',
-            'edit',
             'entries',
             'enter',
             'error',
@@ -69,7 +66,6 @@ export class IconsModule {
             'refresh',
             'remove-from-dict',
             'report',
-            'search',
             'secret',
             'status',
             'status-collapse',
diff --git a/apps/red-ui/src/app/modules/shared/components/assign-user-dropdown/assign-user-dropdown.component.html b/apps/red-ui/src/app/modules/shared/components/assign-user-dropdown/assign-user-dropdown.component.html
index 2ed035b3b..78afc5948 100644
--- a/apps/red-ui/src/app/modules/shared/components/assign-user-dropdown/assign-user-dropdown.component.html
+++ b/apps/red-ui/src/app/modules/shared/components/assign-user-dropdown/assign-user-dropdown.component.html
@@ -1,5 +1,5 @@
 

-    

+    

         
             
                 
@@ -14,14 +14,14 @@
         (action)="save.emit(value)"
         [tooltip]="'assign-user.save' | translate"
         class="pl-1"
-        icon="red:check"
+        icon="iqser:check"
         tooltipPosition="below"
     >
 
     
 

diff --git a/apps/red-ui/src/app/modules/shared/components/assign-user-dropdown/assign-user-dropdown.component.scss b/apps/red-ui/src/app/modules/shared/components/assign-user-dropdown/assign-user-dropdown.component.scss
index a96757204..6a6a23bb7 100644
--- a/apps/red-ui/src/app/modules/shared/components/assign-user-dropdown/assign-user-dropdown.component.scss
+++ b/apps/red-ui/src/app/modules/shared/components/assign-user-dropdown/assign-user-dropdown.component.scss
@@ -2,7 +2,7 @@
     justify-content: space-between;
 }
 
-.red-input-group mat-select {
+.iqser-input-group mat-select {
     display: flex;
     flex-direction: column;
     justify-content: center;
diff --git a/apps/red-ui/src/app/modules/shared/components/dictionary-manager/dictionary-manager.component.html b/apps/red-ui/src/app/modules/shared/components/dictionary-manager/dictionary-manager.component.html
index 6584addea..f5c16d073 100644
--- a/apps/red-ui/src/app/modules/shared/components/dictionary-manager/dictionary-manager.component.html
+++ b/apps/red-ui/src/app/modules/shared/components/dictionary-manager/dictionary-manager.component.html
@@ -1,6 +1,6 @@
 

     

-        

+        

             
                 

-                    
+                    
                 

                 

                     

@@ -20,17 +20,17 @@
                     

                     
                     
-                    
+                    
                 

             

         

         

-            

+            

                 
                     {{ 'dictionary-overview.compare.compare' | translate }}
                 
             

-            

+            

                 
                     {{ selectDossier.dossierName | translate }}
                     
@@ -68,7 +68,7 @@
             (action)="saveDictionary.emit(currentEntries)"
             [label]="'dictionary-overview.save-changes' | translate"
             [type]="iconButtonTypes.primary"
-            icon="red:check"
+            icon="iqser:check"
         >
         

     

diff --git a/apps/red-ui/src/app/modules/shared/components/dictionary-manager/dictionary-manager.component.scss b/apps/red-ui/src/app/modules/shared/components/dictionary-manager/dictionary-manager.component.scss
index 92f0772dc..f9469e4d1 100644
--- a/apps/red-ui/src/app/modules/shared/components/dictionary-manager/dictionary-manager.component.scss
+++ b/apps/red-ui/src/app/modules/shared/components/dictionary-manager/dictionary-manager.component.scss
@@ -14,7 +14,7 @@ form {
     align-items: center;
     height: 100%;
 
-    .red-input-group {
+    .iqser-input-group {
         margin-top: 0;
     }
 }
@@ -66,7 +66,7 @@ ngx-monaco-editor {
             max-width: 450px;
         }
 
-        .red-input-group {
+        .iqser-input-group {
             input {
                 padding-right: 32px;
 
diff --git a/apps/red-ui/src/app/modules/shared/components/input-with-action/input-with-action.component.html b/apps/red-ui/src/app/modules/shared/components/input-with-action/input-with-action.component.html
deleted file mode 100644
index f05829b60..000000000
--- a/apps/red-ui/src/app/modules/shared/components/input-with-action/input-with-action.component.html
+++ /dev/null
@@ -1,25 +0,0 @@
-

-    
-
-    {{ hint }}
-
-    
-
-    
-
-    
-

diff --git a/apps/red-ui/src/app/modules/shared/components/input-with-action/input-with-action.component.scss b/apps/red-ui/src/app/modules/shared/components/input-with-action/input-with-action.component.scss
deleted file mode 100644
index f2c22fd06..000000000
--- a/apps/red-ui/src/app/modules/shared/components/input-with-action/input-with-action.component.scss
+++ /dev/null
@@ -1,14 +0,0 @@
-:host {
-    display: block;
-}
-
-mat-icon.disabled {
-    opacity: 0.7;
-    cursor: not-allowed;
-}
-
-iqser-circle-button {
-    position: absolute;
-    top: 4px;
-    right: 5px;
-}
diff --git a/apps/red-ui/src/app/modules/shared/components/input-with-action/input-with-action.component.ts b/apps/red-ui/src/app/modules/shared/components/input-with-action/input-with-action.component.ts
deleted file mode 100644
index 1193c4310..000000000
--- a/apps/red-ui/src/app/modules/shared/components/input-with-action/input-with-action.component.ts
+++ /dev/null
@@ -1,41 +0,0 @@
-import { Component, EventEmitter, Input, Output } from '@angular/core';
-
-@Component({
-    selector: 'redaction-input-with-action',
-    templateUrl: './input-with-action.component.html',
-    styleUrls: ['./input-with-action.component.scss']
-})
-export class InputWithActionComponent {
-    @Input() placeholder: string;
-    @Input() hint: string;
-    @Input() width: number | 'full' = 250;
-    @Input() icon: string;
-    @Input() autocomplete: 'on' | 'off' = 'on';
-    @Input() value = '';
-    @Output() readonly action = new EventEmitter();
-    @Output() readonly valueChange = new EventEmitter();
-
-    get hasContent(): boolean {
-        return !!this.value.length;
-    }
-
-    get computedWidth(): string {
-        return this.width === 'full' ? '100%' : `${this.width}px`;
-    }
-
-    reset(): void {
-        this.value = '';
-    }
-
-    get isSearch(): boolean {
-        return this.action.observers.length === 0;
-    }
-
-    executeAction($event: MouseEvent): void {
-        $event.stopPropagation();
-
-        if (this.hasContent) {
-            this.action.emit(this.value);
-        }
-    }
-}
diff --git a/apps/red-ui/src/app/modules/shared/components/page-header/page-header.component.html b/apps/red-ui/src/app/modules/shared/components/page-header/page-header.component.html
index b041f0f17..fba997504 100644
--- a/apps/red-ui/src/app/modules/shared/components/page-header/page-header.component.html
+++ b/apps/red-ui/src/app/modules/shared/components/page-header/page-header.component.html
@@ -44,7 +44,7 @@
             *ngIf="showCloseButton"
             [class.ml-6]="actionConfigs"
             [tooltip]="'common.close' | translate"
-            icon="red:close"
+            icon="iqser:close"
             redactionNavigateLastDossiersScreen
             tooltipPosition="below"
         >
@@ -52,11 +52,11 @@
 

 
 
-    
+    >
 
diff --git a/apps/red-ui/src/app/modules/shared/dialogs/confirmation-dialog/confirmation-dialog.component.html b/apps/red-ui/src/app/modules/shared/dialogs/confirmation-dialog/confirmation-dialog.component.html
index d1bc2137c..c9bc3dfc1 100644
--- a/apps/red-ui/src/app/modules/shared/dialogs/confirmation-dialog/confirmation-dialog.component.html
+++ b/apps/red-ui/src/app/modules/shared/dialogs/confirmation-dialog/confirmation-dialog.component.html
@@ -7,7 +7,7 @@
         

         

 
-        

+        

             
             
         

@@ -33,5 +33,5 @@
         

     

 
-    
+    
 
diff --git a/apps/red-ui/src/app/modules/shared/shared.module.ts b/apps/red-ui/src/app/modules/shared/shared.module.ts
index 4513ac018..8a2b0a555 100644
--- a/apps/red-ui/src/app/modules/shared/shared.module.ts
+++ b/apps/red-ui/src/app/modules/shared/shared.module.ts
@@ -25,7 +25,6 @@ import { DictionaryManagerComponent } from './components/dictionary-manager/dict
 import { SideNavComponent } from '@shared/components/side-nav/side-nav.component';
 import { MonacoEditorModule } from '@materia-ui/ngx-monaco-editor';
 import { AssignUserDropdownComponent } from './components/assign-user-dropdown/assign-user-dropdown.component';
-import { InputWithActionComponent } from '@shared/components/input-with-action/input-with-action.component';
 import { PageHeaderComponent } from './components/page-header/page-header.component';
 import { DatePipe } from '@shared/pipes/date.pipe';
 import { HelpModeDirective } from '@shared/directives/help-mode.directive';
@@ -36,7 +35,6 @@ const components = [
     FullPageLoadingIndicatorComponent,
     InitialsAvatarComponent,
     PaginationComponent,
-    InputWithActionComponent,
     AnnotationIconComponent,
     SimpleDoughnutChartComponent,
     DictionaryAnnotationIconComponent,
diff --git a/apps/red-ui/src/app/modules/upload-download/upload-status-overlay/upload-status-overlay.component.html b/apps/red-ui/src/app/modules/upload-download/upload-status-overlay/upload-status-overlay.component.html
index a101afe0c..9c1d467ee 100644
--- a/apps/red-ui/src/app/modules/upload-download/upload-status-overlay/upload-status-overlay.component.html
+++ b/apps/red-ui/src/app/modules/upload-download/upload-status-overlay/upload-status-overlay.component.html
@@ -4,7 +4,7 @@
             {{ 'upload-status.dialog.title' | translate: { len: uploadService.files.length } }}
         

         
-        
+        
     

     

         

@@ -50,7 +50,7 @@
                     
diff --git a/apps/red-ui/src/assets/icons/general/search.svg b/apps/red-ui/src/assets/icons/general/search.svg
deleted file mode 100644
index 8609f0d87..000000000
--- a/apps/red-ui/src/assets/icons/general/search.svg
+++ /dev/null
@@ -1,9 +0,0 @@
-
-
-    
-        
-    
-
diff --git a/apps/red-ui/src/assets/styles/red-input.scss b/apps/red-ui/src/assets/styles/red-input.scss
deleted file mode 100644
index d619e8eca..000000000
--- a/apps/red-ui/src/assets/styles/red-input.scss
+++ /dev/null
@@ -1,267 +0,0 @@
-@import 'variables';
-@import 'red-mixins';
-
-form .red-input-group:not(first-of-type) {
-    margin-top: 14px;
-}
-
-.red-input-group {
-    display: flex;
-    flex-direction: column;
-    position: relative;
-    height: fit-content;
-
-    .hint {
-        margin-top: 5px;
-        font-size: 11px;
-        line-height: 14px;
-        opacity: 0.7;
-    }
-
-    .input-icon {
-        position: absolute;
-        right: 1px;
-        bottom: 1px;
-        background: $grey-5;
-        height: 34px;
-        width: 34px;
-        border-left: 1px solid $grey-5;
-        border-top-right-radius: 7px;
-        border-bottom-right-radius: 7px;
-        cursor: pointer;
-        transition: background-color 0.25s ease;
-        display: flex;
-        align-items: center;
-        justify-content: center;
-
-        &:hover {
-            background: $grey-6;
-        }
-
-        mat-icon {
-            width: 14px;
-            height: 14px;
-            color: $accent;
-        }
-
-        &.disabled {
-            cursor: default;
-        }
-    }
-
-    .mat-form-field-underline {
-        display: none;
-    }
-
-    .mat-form-field-wrapper,
-    .mat-form-field-infix {
-        padding-bottom: 0;
-    }
-
-    .mat-form-field-label {
-        opacity: 0.7 !important;
-        color: $accent !important;
-        transform: translateY(-1.34em) !important;
-    }
-
-    &:first-child {
-        margin-top: 0;
-    }
-
-    .icon-right {
-        width: 14px;
-        height: 14px;
-        position: absolute;
-        top: 10px;
-        right: 10px;
-    }
-
-    .slider-row {
-        display: flex;
-        flex-direction: row;
-        align-items: center;
-    }
-
-    .mat-button-toggle-checked {
-        background: $primary;
-        transition: background-color 0.25s ease;
-        color: $white;
-    }
-
-    input,
-    textarea,
-    mat-select {
-        box-sizing: border-box;
-        padding-left: 11px;
-        padding-right: 11px;
-        border: 1px solid $grey-5;
-        font-family: Inter, sans-serif;
-        font-size: 13px;
-        background-color: #ffffff;
-        border-radius: 8px;
-        outline: none;
-        margin-top: 3px;
-        min-height: 36px;
-
-        &.with-icon {
-            padding-right: 34px;
-        }
-
-        &:focus:not(:disabled):not(.mat-select-disabled) {
-            border-color: $accent;
-        }
-
-        &::placeholder {
-            color: $accent;
-            opacity: 0.7;
-        }
-
-        &.ng-invalid.ng-touched {
-            border-color: rgba($primary, 0.3);
-
-            &:focus {
-                border-color: $primary;
-            }
-        }
-
-        &:disabled,
-        &.mat-select-disabled {
-            background-color: $grey-2;
-            color: rgba($accent, 0.3);
-        }
-    }
-
-    textarea {
-        line-height: 18px;
-    }
-
-    .hex-color-input {
-        width: 150px;
-        max-width: 150px;
-    }
-
-    mat-select {
-        .mat-select-trigger {
-            height: 32px;
-        }
-
-        .mat-select-value {
-            vertical-align: middle;
-        }
-    }
-
-    textarea {
-        resize: vertical;
-        padding-top: 7px;
-        padding-bottom: 7px;
-        @include scroll-bar;
-
-        &.has-scrollbar {
-            border-top-right-radius: 0;
-            border-bottom-right-radius: 0;
-        }
-    }
-
-    label:not(.mat-slide-toggle-label) {
-        opacity: 0.7;
-        font-size: 11px;
-        letter-spacing: 0;
-        line-height: 14px;
-        margin-bottom: 2px;
-        color: $accent;
-
-        &.mat-checkbox-layout {
-            opacity: 1;
-            margin-bottom: 0;
-        }
-    }
-
-    &.required label:after {
-        content: ' *';
-        color: $primary;
-    }
-
-    &.datepicker-wrapper {
-        position: relative;
-        display: flex;
-        margin-top: 0;
-        width: 120px;
-
-        .mat-datepicker-input {
-            margin-top: 0;
-            width: 120px;
-        }
-
-        .mat-datepicker-toggle {
-            position: absolute;
-            right: 0;
-            bottom: 0;
-            color: $accent;
-
-            &.mat-datepicker-toggle-active {
-                color: $primary;
-            }
-
-            .mat-icon-button {
-                width: 34px;
-                height: 34px;
-                line-height: 34px;
-            }
-
-            mat-icon {
-                width: 14px;
-                height: 17px;
-            }
-        }
-    }
-
-    &.w-75 {
-        width: 75px;
-        max-width: 75px;
-    }
-
-    &.w-110 {
-        width: 110px;
-        max-width: 110px;
-    }
-
-    &.w-150 {
-        max-width: 150px;
-        width: 150px;
-    }
-
-    &.w-160 {
-        width: 160px;
-        max-width: 160px;
-    }
-
-    &.w-200 {
-        width: 200px;
-        max-width: 200px;
-    }
-
-    &.w-250 {
-        width: 250px;
-        max-width: 250px;
-    }
-
-    &.w-300 {
-        width: 300px;
-        max-width: 300px;
-    }
-
-    &.w-400 {
-        width: 400px;
-        max-width: 400px;
-    }
-
-    &.w-450 {
-        width: 450px;
-        max-width: 450px;
-    }
-
-    &.w-full {
-        width: 100%;
-        max-width: 100%;
-    }
-}
diff --git a/apps/red-ui/src/assets/styles/red-mixins.scss b/apps/red-ui/src/assets/styles/red-mixins.scss
index 7236bd77b..0d8216a2a 100644
--- a/apps/red-ui/src/assets/styles/red-mixins.scss
+++ b/apps/red-ui/src/assets/styles/red-mixins.scss
@@ -1,4 +1,5 @@
 @import 'variables';
+@import 'libs/common-ui/src/assets/styles/mixins';
 
 @mixin line-clamp($lines) {
     display: -webkit-box;
@@ -13,34 +14,6 @@
     }
 }
 
-@mixin no-scroll-bar {
-    scrollbar-width: none; /* Firefox */
-    -ms-overflow-style: none; /* IE 10+ */
-    &::-webkit-scrollbar {
-        width: 0;
-        background: transparent; /* Chrome/Safari/Webkit */
-    }
-}
-
-@mixin scroll-bar {
-    scrollbar-color: $grey-5 $grey-2;
-    scrollbar-width: thin;
-
-    &::-webkit-scrollbar {
-        width: 11px;
-    }
-
-    /* Track */
-    &::-webkit-scrollbar-track {
-        background: $grey-2;
-    }
-
-    /* Handle */
-    &::-webkit-scrollbar-thumb {
-        background: $grey-5;
-    }
-}
-
 @mixin inset-shadow {
     box-shadow: inset 0 4px 3px -2px $grey-4;
 }
diff --git a/apps/red-ui/src/assets/styles/red-page-layout.scss b/apps/red-ui/src/assets/styles/red-page-layout.scss
index 30aa9b684..c4db504ff 100644
--- a/apps/red-ui/src/assets/styles/red-page-layout.scss
+++ b/apps/red-ui/src/assets/styles/red-page-layout.scss
@@ -51,7 +51,7 @@ section.settings {
         form {
             margin-left: 6px;
 
-            .red-input-group {
+            .iqser-input-group {
                 width: 250px;
             }
         }
@@ -216,10 +216,6 @@ section.settings {
     flex: 2;
 }
 
-.mt-0 {
-    margin-top: 0 !important;
-}
-
 .mt-5 {
     margin-top: 5px;
 }
diff --git a/apps/red-ui/src/assets/styles/red-theme.scss b/apps/red-ui/src/assets/styles/red-theme.scss
index 41738c02c..e50df826b 100644
--- a/apps/red-ui/src/assets/styles/red-theme.scss
+++ b/apps/red-ui/src/assets/styles/red-theme.scss
@@ -4,7 +4,6 @@
 @import 'red-page-layout';
 @import 'red-text-styles';
 @import 'red-dialog';
-@import 'red-input';
 @import 'red-select';
 @import 'red-autocomplete';
 @import 'red-list';