diff --git a/alfa-client/libs/binary-file/src/lib/binary-file.module.ts b/alfa-client/libs/binary-file/src/lib/binary-file.module.ts index 267a83df8e1b1d3361e5a286d382e4c7c058cbeb..e85d0377e20cd4118114e7481e637d06d09c88c3 100644 --- a/alfa-client/libs/binary-file/src/lib/binary-file.module.ts +++ b/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, diff --git a/alfa-client/libs/binary-file/src/lib/binary-file2-container/binary-file2/binary-file2.component.html b/alfa-client/libs/binary-file/src/lib/binary-file2-container/binary-file2/binary-file2.component.html index d1a2d88d2e2748bee8f28b7b1d2e6b2da75ab68c..0a7db4fcf804b8cf389c81a6a5ad28c20673414e 100644 --- a/alfa-client/libs/binary-file/src/lib/binary-file2-container/binary-file2/binary-file2.component.html +++ b/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> diff --git a/alfa-client/libs/design-system/src/index.ts b/alfa-client/libs/design-system/src/index.ts index 57870264b3e8f2853e5fa24cd9da2962e0207902..8ee91e0f46939944a35f756ca2534fd7816207a4 100644 --- a/alfa-client/libs/design-system/src/index.ts +++ b/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'; diff --git a/alfa-client/libs/design-system/src/lib/icons/close-icon/close-icon.component.html b/alfa-client/libs/design-system/src/lib/icons/close-icon/close-icon.component.html new file mode 100644 index 0000000000000000000000000000000000000000..61985415b8490586c6af1fb91df3a18f32af22e8 --- /dev/null +++ b/alfa-client/libs/design-system/src/lib/icons/close-icon/close-icon.component.html @@ -0,0 +1,6 @@ +<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> diff --git a/alfa-client/libs/design-system/src/lib/icons/close-icon/close-icon.component.spec.ts b/alfa-client/libs/design-system/src/lib/icons/close-icon/close-icon.component.spec.ts new file mode 100644 index 0000000000000000000000000000000000000000..bec6b70fd0cf50a48bf797596d5b1555b534ddd1 --- /dev/null +++ b/alfa-client/libs/design-system/src/lib/icons/close-icon/close-icon.component.spec.ts @@ -0,0 +1,21 @@ +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(); + }); +}); diff --git a/alfa-client/libs/design-system/src/lib/icons/close-icon/close-icon.component.ts b/alfa-client/libs/design-system/src/lib/icons/close-icon/close-icon.component.ts new file mode 100644 index 0000000000000000000000000000000000000000..28b8e3f3143deed4d6d5eef3856426b6be3cfb15 --- /dev/null +++ b/alfa-client/libs/design-system/src/lib/icons/close-icon/close-icon.component.ts @@ -0,0 +1,10 @@ +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 {}