OZG-5023 add close icon

alfa-client/libs/binary-file/src/lib/binary-file.module.ts

@@ -25,7 +25,12 @@ import { TechSharedModule } from '@alfa-client/tech-shared';
 import { UiModule } from '@alfa-client/ui';
 import { CommonModule } from '@angular/common';
 import { NgModule } from '@angular/core';
-import { AttachmentComponent, IconComponent, SpinnerIconComponent } from 'design-system';
+import {
+  AttachmentComponent,
+  CloseIconComponent,
+  IconComponent,
+  SpinnerIconComponent,
+} from 'design-system';
 import { BinaryFileAttachmentContainerComponent } from './binary-file-attachment-container/binary-file-attachment-container.component';
 import { BinaryFileContainerComponent } from './binary-file-container/binary-file-container.component';
 import { BinaryFileComponent } from './binary-file-container/binary-file/binary-file.component';
@@ -42,6 +47,7 @@ import { VerticalBinaryFileListComponent } from './vertical-binary-file-list/ver
     AttachmentComponent,
     IconComponent,
     SpinnerIconComponent,
+    CloseIconComponent,
   ],
   declarations: [
     BinaryFileAttachmentContainerComponent,

alfa-client/libs/binary-file/src/lib/binary-file2-container/binary-file2/binary-file2.component.html

@@ -14,6 +14,6 @@
     title="Anhang löschen"
     aria-label="Anhang löschen Button"
   >
-    <ods-icon name="close" size="14" fillColor="black" class="ml-3 w-6"></ods-icon>
+    <ods-close-icon class="w-4"></ods-close-icon>
   </button>
 </ods-attachment>

alfa-client/libs/design-system/src/index.ts

@@ -5,5 +5,6 @@ export * from './lib/form/radio-button-card/radio-button-card.component';
 export * from './lib/icon/icon.component';
 export * from './lib/icons/bescheid-generate-icon/bescheid-generate-icon.component';
 export * from './lib/icons/bescheid-upload-icon/bescheid-upload-icon.component';
+export * from './lib/icons/close-icon/close-icon.component';
 export * from './lib/icons/spinner-icon/spinner-icon.component';
 export * from './lib/testbtn/testbtn.component';

alfa-client/libs/design-system/src/lib/icons/close-icon/close-icon.component.html

+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 14 14">
+  <path
+    fill="currentColor"
+    d="M14 1.41 12.59 0 7 5.59 1.41 0 0 1.41 5.59 7 0 12.59 1.41 14 7 8.41 12.59 14 14 12.59 8.41 7 14 1.41Z"
+  />
+</svg>

alfa-client/libs/design-system/src/lib/icons/close-icon/close-icon.component.spec.ts

+import { ComponentFixture, TestBed } from '@angular/core/testing';
+import { CloseIconComponent } from './close-icon.component';
+
+describe('CloseIconComponent', () => {
+  let component: CloseIconComponent;
+  let fixture: ComponentFixture<CloseIconComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      imports: [CloseIconComponent],
+    }).compileComponents();
+
+    fixture = TestBed.createComponent(CloseIconComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

alfa-client/libs/design-system/src/lib/icons/close-icon/close-icon.component.ts

+import { CommonModule } from '@angular/common';
+import { Component } from '@angular/core';
+
+@Component({
+  selector: 'ods-close-icon',
+  standalone: true,
+  imports: [CommonModule],
+  templateUrl: './close-icon.component.html',
+})
+export class CloseIconComponent {}