OZG-7707 replace delete icon

alfa-client/libs/admin/aggregation-mapping/src/lib/aggregation-mapping-form-container/aggregation-mapping-form/aggregation-mapping-field-list-form/aggregation-mapping-field-form/aggregation-mapping-field-form.component.html

@@ -13,7 +13,7 @@
             [dataTestId]="'remove-mapping-button-' + index"
             [attr.data-test-id]="'remove-mapping-' + index"
           >
-            <ods-delete-icon icon />
+            <ods-icon icon name="delete" color="error" />
           </ods-button>
         </div>
         <div class="flex flex-col gap-4">

alfa-client/libs/admin/aggregation-mapping/src/lib/aggregation-mapping-form-container/aggregation-mapping-form/aggregation-mapping-field-list-form/aggregation-mapping-field-form/aggregation-mapping-field-form.component.spec.ts

@@ -5,7 +5,7 @@ import { ComponentFixture, TestBed } from '@angular/core/testing';
 import { FormBuilder, FormControl, FormGroup } from '@angular/forms';
 import { expect } from '@jest/globals';
 import { TextEditorComponent } from '@ods/component';
-import { ButtonComponent, DeleteIconComponent } from '@ods/system';
+import { ButtonComponent, IconComponent } from '@ods/system';
 import { MockComponent } from 'ng-mocks';
 import { getDataTestIdOf } from '../../../../../../../../tech-shared/test/data-test';
 import { AggregationMappingFormservice } from '../../aggregation-mapping.formservice';
@@ -51,7 +51,7 @@ describe('AggregationMappingFieldFormComponent', () => {
         AggregationMappingFieldFormComponent,
         MockComponent(TextEditorComponent),
         MockComponent(ButtonComponent),
-        MockComponent(DeleteIconComponent),
+        MockComponent(IconComponent),
       ],
       providers: [
         {

alfa-client/libs/admin/aggregation-mapping/src/lib/aggregation-mapping-form-container/aggregation-mapping-form/aggregation-mapping-field-list-form/aggregation-mapping-field-form/aggregation-mapping-field-form.component.ts

@@ -2,14 +2,14 @@ import { ADMIN_FORMSERVICE } from '@admin-client/shared';
 import { Component, inject, Input } from '@angular/core';
 import { ReactiveFormsModule } from '@angular/forms';
 import { TextEditorComponent } from '@ods/component';
-import { ButtonComponent, DeleteIconComponent } from '@ods/system';
+import { ButtonComponent, IconComponent } from '@ods/system';
 import { AggregationMappingFormservice } from '../../aggregation-mapping.formservice';
 
 @Component({
   selector: 'admin-aggregation-mapping-field-form',
   standalone: true,
   templateUrl: './aggregation-mapping-field-form.component.html',
-  imports: [ButtonComponent, DeleteIconComponent, ReactiveFormsModule, TextEditorComponent],
+  imports: [ButtonComponent, IconComponent, ReactiveFormsModule, TextEditorComponent],
 })
 export class AggregationMappingFieldFormComponent {
   @Input({ required: true }) index: number;

alfa-client/libs/admin/shared/src/lib/admin-delete-open-dialog-button/admin-delete-open-dialog-button.component.html

 <ods-open-dialog-button variant="outline_error" label="Löschen" dataTestId="delete-button">
-  <ods-delete-icon icon />
+  <ods-icon icon name="delete" color="error" />
 </ods-open-dialog-button>

alfa-client/libs/admin/shared/src/lib/admin-delete-open-dialog-button/admin-delete-open-dialog-button.component.spec.ts

 import { ComponentFixture, TestBed } from '@angular/core/testing';
 import { OpenDialogButtonComponent } from '@ods/component';
-import { DeleteIconComponent } from '@ods/system';
+import { IconComponent } from '@ods/system';
 import { MockComponent } from 'ng-mocks';
 import { AdminDeleteOpenDialogButtonComponent } from './admin-delete-open-dialog-button.component';
 
@@ -11,7 +11,7 @@ describe('AdminDeleteOpenDialogButtonComponent', () => {
   beforeEach(async () => {
     await TestBed.configureTestingModule({
       imports: [AdminDeleteOpenDialogButtonComponent],
-      declarations: [MockComponent(OpenDialogButtonComponent), MockComponent(DeleteIconComponent)],
+      declarations: [MockComponent(OpenDialogButtonComponent), MockComponent(IconComponent)],
     }).compileComponents();
 
     fixture = TestBed.createComponent(AdminDeleteOpenDialogButtonComponent);

alfa-client/libs/admin/shared/src/lib/admin-delete-open-dialog-button/admin-delete-open-dialog-button.component.ts

 import { Component } from '@angular/core';
 import { OpenDialogButtonComponent } from '@ods/component';
-import { DeleteIconComponent } from '@ods/system';
+import { IconComponent } from '@ods/system';
 
 @Component({
   selector: 'admin-delete-open-dialog-button',
   standalone: true,
-  imports: [DeleteIconComponent, OpenDialogButtonComponent],
+  imports: [OpenDialogButtonComponent, IconComponent],
   templateUrl: './admin-delete-open-dialog-button.component.html',
 })
 export class AdminDeleteOpenDialogButtonComponent {}

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

@@ -45,7 +45,6 @@ export * from './lib/form/textarea/textarea.component';
 export * from './lib/forwarding-item/forwarding-item-info/forwarding-item-info.component';
 export * from './lib/forwarding-item/forwarding-item.component';
 export * from './lib/icon/icon.component';
-export * from './lib/icons/delete-icon/delete-icon.component';
 export * from './lib/icons/delete-vorgang-finally-icon/delete-vorgang-finally-icon.component';
 export * from './lib/icons/discard-vorgang-icon/discard-vorgang-icon.component';
 export * from './lib/icons/edit-icon/edit-icon.component';

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

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

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

-import { CommonModule } from '@angular/common';
-import { Component, Input } from '@angular/core';
-import { twMerge } from 'tailwind-merge';
-import { IconVariants, iconVariants } from '../iconVariants';
-
-@Component({
-  selector: 'ods-delete-icon',
-  standalone: true,
-  imports: [CommonModule],
-  template: `<svg
-    viewBox="0 0 24 24"
-    xmlns="http://www.w3.org/2000/svg"
-    [ngClass]="[twMerge(iconVariants({ size }), 'fill-error', class)]"
-    aria-hidden="true"
-  >
-    <path
-      d="M7 21C6.45 21 5.97917 20.8042 5.5875 20.4125C5.19583 20.0208 5 19.55 5 19V6H4V4H9V3H15V4H20V6H19V19C19 19.55 18.8042 20.0208 18.4125 20.4125C18.0208 20.8042 17.55 21 17 21H7ZM17 6H7V19H17V6ZM9 17H11V8H9V17ZM13 17H15V8H13V17Z"
-    />
-  </svg> `,
-})
-export class DeleteIconComponent {
-  @Input() size: IconVariants['size'] = 'medium';
-  @Input() class: string = '';
-
-  readonly iconVariants = iconVariants;
-  readonly twMerge = twMerge;
-}

alfa-client/libs/design-system/src/lib/icons/delete-icon/delete-icon.stories.ts

-import type { Meta, StoryObj } from '@storybook/angular';
-
-import { DeleteIconComponent } from './delete-icon.component';
-
-const meta: Meta<DeleteIconComponent> = {
-  title: 'Icons/Delete icon',
-  component: DeleteIconComponent,
-  excludeStories: /.*Data$/,
-  tags: ['autodocs'],
-};
-
-export default meta;
-type Story = StoryObj<DeleteIconComponent>;
-
-export const Default: Story = {
-  args: { size: 'large' },
-  argTypes: {
-    size: {
-      control: 'select',
-      options: ['small', 'medium', 'large', 'extra-large', 'full'],
-      description: 'Size of icon. Property "full" means 100%',
-      table: {
-        defaultValue: { summary: 'medium' },
-      },
-    },
-  },
-};