OZG-7474 Rename arrow left icon

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

@@ -45,7 +45,7 @@ export * from './lib/icons/accessibility-icon/accessibility-icon.component';
 export * from './lib/icons/account-circle-icon/account-circle-icon.component';
 export * from './lib/icons/admin-logo-icon/admin-logo-icon.component';
 export * from './lib/icons/archive-icon/archive-icon.component';
-export * from './lib/icons/arrow-left-icon/arrow-left-icon.component';
+export * from './lib/icons/arrow-back-icon/arrow-back-icon.component';
 export * from './lib/icons/attachment-icon/attachment-icon.component';
 export * from './lib/icons/bescheid-generate-icon/bescheid-generate-icon.component';
 export * from './lib/icons/bescheid-upload-icon/bescheid-upload-icon.component';

alfa-client/libs/design-system/src/lib/icons/arrow-left-icon/arrow-left-icon.component.spec.ts → alfa-client/libs/design-system/src/lib/icons/arrow-back-icon/arrow-back-icon.component.spec.ts

 import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { ArrowLeftIconComponent } from './arrow-left-icon.component';
+import { ArrowBackIconComponent } from './arrow-back-icon.component';
 
-describe('ArrowLeftIconComponent', () => {
-  let component: ArrowLeftIconComponent;
-  let fixture: ComponentFixture<ArrowLeftIconComponent>;
+describe('ArrowBackIconComponent', () => {
+  let component: ArrowBackIconComponent;
+  let fixture: ComponentFixture<ArrowBackIconComponent>;
 
   beforeEach(async () => {
     await TestBed.configureTestingModule({
-      imports: [ArrowLeftIconComponent],
+      imports: [ArrowBackIconComponent],
     }).compileComponents();
 
-    fixture = TestBed.createComponent(ArrowLeftIconComponent);
+    fixture = TestBed.createComponent(ArrowBackIconComponent);
     component = fixture.componentInstance;
     fixture.detectChanges();
   });

alfa-client/libs/design-system/src/lib/icons/arrow-left-icon/arrow-left-icon.component.ts → alfa-client/libs/design-system/src/lib/icons/arrow-back-icon/arrow-back-icon.component.ts

@@ -4,7 +4,7 @@ import { twMerge } from 'tailwind-merge';
 import { iconVariants, IconVariants } from '../iconVariants';
 
 @Component({
-  selector: 'ods-arrow-left-icon',
+  selector: 'ods-arrow-back-icon',
   standalone: true,
   imports: [CommonModule],
   template: `<svg
@@ -16,7 +16,7 @@ import { iconVariants, IconVariants } from '../iconVariants';
     <path d="M20.75 11H8.58L14.17 5.41L12.75 4L4.75 12L12.75 20L14.16 18.59L8.58 13H20.75V11Z" />
   </svg>`,
 })
-export class ArrowLeftIconComponent {
+export class ArrowBackIconComponent {
   @Input() size: IconVariants['size'] = 'medium';
   @Input() class: string = '';
 

alfa-client/libs/design-system/src/lib/icons/arrow-left-icon/arrow-left.icon.stories.ts → alfa-client/libs/design-system/src/lib/icons/arrow-back-icon/arrow-back-icon.stories.ts

 import type { Meta, StoryObj } from '@storybook/angular';
 
-import { ArrowLeftIconComponent } from './arrow-left-icon.component';
+import { ArrowBackIconComponent } from './arrow-back-icon.component';
 
-const meta: Meta<ArrowLeftIconComponent> = {
-  title: 'Icons/Arrow left icon',
-  component: ArrowLeftIconComponent,
+const meta: Meta<ArrowBackIconComponent> = {
+  title: 'Icons/Arrow back icon',
+  component: ArrowBackIconComponent,
   excludeStories: /.*Data$/,
   tags: ['autodocs'],
 };
 
 export default meta;
-type Story = StoryObj<ArrowLeftIconComponent>;
+type Story = StoryObj<ArrowBackIconComponent>;
 
 export const Default: Story = {
   args: { size: 'large' },

alfa-client/libs/ui/src/lib/ui/back-button/back-button.component.html

@@ -25,6 +25,6 @@
 -->
 <a [routerLink]="linkTo" data-test-id="back-button" [tooltip]="label" tooltipAriaType="aria-labelledby" tabindex="-1">
   <ods-button variant="ghost" size="fit">
-    <ods-arrow-left-icon icon class="fill-text" />
+    <ods-arrow-back-icon icon class="fill-text" />
   </ods-button>
 </a>

alfa-client/libs/ui/src/lib/ui/back-button/back-button.component.spec.ts

@@ -25,7 +25,7 @@ import { getElementFromFixture } from '@alfa-client/test-utils';
 import { ComponentFixture, TestBed } from '@angular/core/testing';
 import { RouterTestingModule } from '@angular/router/testing';
 import { faker } from '@faker-js/faker';
-import { ArrowLeftIconComponent, ButtonComponent, TooltipDirective } from '@ods/system';
+import { ArrowBackIconComponent, ButtonComponent, TooltipDirective } from '@ods/system';
 import { getDataTestIdOf } from 'libs/tech-shared/test/data-test';
 import { MockComponent, MockDirective } from 'ng-mocks';
 import { BackButtonComponent } from './back-button.component';
@@ -43,7 +43,7 @@ describe('BackButtonComponent', () => {
       declarations: [
         BackButtonComponent,
         MockComponent(ButtonComponent),
-        MockComponent(ArrowLeftIconComponent),
+        MockComponent(ArrowBackIconComponent),
         MockDirective(TooltipDirective),
       ],
       imports: [RouterTestingModule],

alfa-client/libs/ui/src/lib/ui/ui.module.ts

@@ -48,7 +48,7 @@ import { MatSnackBarModule } from '@angular/material/snack-bar';
 import { MatTabsModule } from '@angular/material/tabs';
 import { RouterModule } from '@angular/router';
 import {
-  ArrowLeftIconComponent,
+  ArrowBackIconComponent,
   ButtonComponent,
   FileUploadButtonComponent,
   SpinnerIconComponent,
@@ -169,7 +169,7 @@ import { ValidationErrorComponent } from './validation-error/validation-error.co
     SpinnerIconComponent,
     TooltipDirective,
     ButtonComponent,
-    ArrowLeftIconComponent,
+    ArrowBackIconComponent,
   ],
   exports: [
     MatButtonModule,