diff --git a/alfa-client/apps/demo/src/app/app.component.html b/alfa-client/apps/demo/src/app/app.component.html index 2062d4c7df8ed8cc82d0d0106e24f0e1944fb23d..fd0d2b4c32d007933a8102f1eea5c03552dbc430 100644 --- a/alfa-client/apps/demo/src/app/app.component.html +++ b/alfa-client/apps/demo/src/app/app.component.html @@ -501,7 +501,7 @@ <div class="my-10 flex gap-8"> <ods-radio-button-card label="bewilligt" name="exampleName" value="bewilligt" variant="bescheid_bewilligt"> - <ods-stamp-icon /> + <ods-icon name="stamp" fill="bewilligt" size="large" /> </ods-radio-button-card> <ods-radio-button-card label="abgelehnt" name="exampleName" value="abgelehnt" variant="bescheid_abgelehnt"> <ods-icon name="close" fill="abgelehnt" size="large" /> diff --git a/alfa-client/apps/demo/src/app/app.component.ts b/alfa-client/apps/demo/src/app/app.component.ts index 4cf3fde6a120a8c732ac4fd3a63bbf71ac4df348..4fb116ef69cfc731f73098b4c0d1544bd127ada6 100644 --- a/alfa-client/apps/demo/src/app/app.component.ts +++ b/alfa-client/apps/demo/src/app/app.component.ts @@ -39,7 +39,6 @@ import { InstantSearchComponent, RadioButtonCardComponent, SpinnerIconComponent, - StampIconComponent, TextInputComponent, TextareaComponent, TooltipDirective, @@ -72,7 +71,6 @@ import { CustomStepperComponent } from './components/cdk-demo/custom-stepper.com RadioButtonCardComponent, ReactiveFormsModule, InstantSearchComponent, - StampIconComponent, SpinnerIconComponent, TextareaComponent, TextInputComponent, diff --git a/alfa-client/libs/bescheid/src/lib/bescheid-wizard-container/bescheid-wizard/antrag-bescheiden/form/bescheid-wizard-antrag-bescheiden-form.component.html b/alfa-client/libs/bescheid/src/lib/bescheid-wizard-container/bescheid-wizard/antrag-bescheiden/form/bescheid-wizard-antrag-bescheiden-form.component.html index aa96d4bae033aa9bfc675538dd891e649af0836b..7e51ff7adf57e0cd28cde0a43faf6b575b12ccab 100644 --- a/alfa-client/libs/bescheid/src/lib/bescheid-wizard-container/bescheid-wizard/antrag-bescheiden/form/bescheid-wizard-antrag-bescheiden-form.component.html +++ b/alfa-client/libs/bescheid/src/lib/bescheid-wizard-container/bescheid-wizard/antrag-bescheiden/form/bescheid-wizard-antrag-bescheiden-form.component.html @@ -32,7 +32,7 @@ data-test-id="button-bewilligt" variant="bescheid_bewilligt" > - <ods-stamp-icon size="large"></ods-stamp-icon> + <ods-icon name="stamp" fill="bewilligt" size="large" /> </ods-radio-button-card> <ods-radio-button-card label="abgelehnt" diff --git a/alfa-client/libs/bescheid/src/lib/bescheid-wizard-container/bescheid-wizard/antrag-bescheiden/form/bescheid-wizard-antrag-bescheiden-form.component.spec.ts b/alfa-client/libs/bescheid/src/lib/bescheid-wizard-container/bescheid-wizard/antrag-bescheiden/form/bescheid-wizard-antrag-bescheiden-form.component.spec.ts index 84be3eb452d74409134026571fc4eafb18f927b0..4ea8314f1b486df2f3fff2496a9d5b0395682376 100644 --- a/alfa-client/libs/bescheid/src/lib/bescheid-wizard-container/bescheid-wizard/antrag-bescheiden/form/bescheid-wizard-antrag-bescheiden-form.component.spec.ts +++ b/alfa-client/libs/bescheid/src/lib/bescheid-wizard-container/bescheid-wizard/antrag-bescheiden/form/bescheid-wizard-antrag-bescheiden-form.component.spec.ts @@ -37,7 +37,7 @@ import { VorgangWithEingangLinkRel } from '@alfa-client/vorgang-shared'; import { EventEmitter } from '@angular/core'; import { ComponentFixture, TestBed } from '@angular/core/testing'; import { ReactiveFormsModule, UntypedFormBuilder } from '@angular/forms'; -import { IconComponent, RadioButtonCardComponent, StampIconComponent } from '@ods/system'; +import { IconComponent, RadioButtonCardComponent } from '@ods/system'; import { MockComponent } from 'ng-mocks'; import { EMPTY, of } from 'rxjs'; import { createBescheidResource } from '../../../../../../../bescheid-shared/src/test/bescheid'; @@ -67,7 +67,6 @@ describe('BescheidWizardAntragBescheidenFormComponent', () => { HasLinkPipe, MockComponent(BescheidWizardWeiterButtonComponent), MockComponent(RadioButtonCardComponent), - MockComponent(StampIconComponent), MockComponent(IconComponent), MockComponent(DateEditorComponent), ], diff --git a/alfa-client/libs/bescheid/src/lib/bescheid.module.ts b/alfa-client/libs/bescheid/src/lib/bescheid.module.ts index 044ba3214ac89741723082eb40fffc2b6a2a89ad..04e5cda02ababd0de6cceced1f604456f0e5314f 100644 --- a/alfa-client/libs/bescheid/src/lib/bescheid.module.ts +++ b/alfa-client/libs/bescheid/src/lib/bescheid.module.ts @@ -64,7 +64,6 @@ import { IconComponent, RadioButtonCardComponent, SpinnerIconComponent, - StampIconComponent, } from '@ods/system'; import { FormatFullDatePipe } from '../../../tech-shared/src/lib/pipe/format-full-date.pipe'; import { BescheidWizardContainerComponent } from './bescheid-wizard-container/bescheid-wizard-container.component'; @@ -105,7 +104,6 @@ import { BescheidWizardWeiterButtonComponent } from './bescheid-wizard-container CommandSharedModule, BescheidStatusTextComponent, BescheidWrapperComponent, - StampIconComponent, ButtonWithSpinnerComponent, RadioButtonCardComponent, ButtonComponent, diff --git a/alfa-client/libs/bescheid/src/lib/beschieden-date-in-vorgang-container/beschieden-date-container/beschieden-date-container.component.html b/alfa-client/libs/bescheid/src/lib/beschieden-date-in-vorgang-container/beschieden-date-container/beschieden-date-container.component.html index cef4e8571aa8a9eae4887deb2c79cfd3bdf12b44..6b8f8d550ca51895b8433c551efb9d0918c79d34 100644 --- a/alfa-client/libs/bescheid/src/lib/beschieden-date-in-vorgang-container/beschieden-date-container/beschieden-date-container.component.html +++ b/alfa-client/libs/bescheid/src/lib/beschieden-date-in-vorgang-container/beschieden-date-container/beschieden-date-container.component.html @@ -26,9 +26,9 @@ <ng-container *ngIf="bescheid$ | async as bescheid"> <div class="flex items-center gap-2 text-text"> @if (bescheid.bewilligt) { - <ods-stamp-icon data-test-id="bewilligt-icon" size="small" class="fill-bewilligt" /> + <ods-icon name="stamp" fill="bewilligt" size="small" data-test-id="bewilligt-icon" /> } @else { - <ods-icon name="close" fill="abgelehnt" data-test-id="abgelehnt-icon" /> + <ods-icon name="close" fill="abgelehnt" size="small" data-test-id="abgelehnt-icon" /> } {{ bescheid.beschiedenAm | formatFullDatePipe }} diff --git a/alfa-client/libs/bescheid/src/lib/beschieden-date-in-vorgang-container/beschieden-date-container/beschieden-date-container.component.spec.ts b/alfa-client/libs/bescheid/src/lib/beschieden-date-in-vorgang-container/beschieden-date-container/beschieden-date-container.component.spec.ts index 21484521a0359a6f005f9ec73aff877732004522..e4c64ce498a282da2182a9f49f738042d2c2b77e 100644 --- a/alfa-client/libs/bescheid/src/lib/beschieden-date-in-vorgang-container/beschieden-date-container/beschieden-date-container.component.spec.ts +++ b/alfa-client/libs/bescheid/src/lib/beschieden-date-in-vorgang-container/beschieden-date-container/beschieden-date-container.component.spec.ts @@ -28,7 +28,7 @@ import { ComponentFixture, TestBed } from '@angular/core/testing'; import { MockComponent } from 'ng-mocks'; import { BescheidService } from '@alfa-client/bescheid-shared'; -import { IconComponent, StampIconComponent } from '@ods/system'; +import { IconComponent } from '@ods/system'; import { createBescheidResource } from 'libs/bescheid-shared/src/test/bescheid'; import { FormatFullDatePipe } from 'libs/tech-shared/src/lib/pipe/format-full-date.pipe'; import { getDataTestIdOf } from 'libs/tech-shared/test/data-test'; @@ -48,12 +48,7 @@ describe('BeschiedenDateContainerComponent', () => { beforeEach(async () => { await TestBed.configureTestingModule({ - declarations: [ - BeschiedenDateContainerComponent, - FormatFullDatePipe, - MockComponent(StampIconComponent), - MockComponent(IconComponent), - ], + declarations: [BeschiedenDateContainerComponent, FormatFullDatePipe, MockComponent(IconComponent)], providers: [ { provide: BescheidService, diff --git a/alfa-client/libs/design-system/src/index.ts b/alfa-client/libs/design-system/src/index.ts index e15ba1f81eb223111259b0dfd366eba6bed3019b..462a77a07d041b8a98fb7daca28560fc46ae5906 100644 --- a/alfa-client/libs/design-system/src/index.ts +++ b/alfa-client/libs/design-system/src/index.ts @@ -52,9 +52,7 @@ export * from './lib/icons/mailbox-icon/mailbox-icon.component'; export * from './lib/icons/ozg-logo-icon/ozg-logo-icon.component'; export * from './lib/icons/person-icon/person-icon.component'; export * from './lib/icons/public-administration-icon/public-administration-icon.component'; -export * from './lib/icons/settings-icon/settings-icon.component'; export * from './lib/icons/spinner-icon/spinner-icon.component'; -export * from './lib/icons/stamp-icon/stamp-icon.component'; export * from './lib/icons/statistic-icon/statistic-icon.component'; export * from './lib/icons/undo-icon/undo-icon.component'; export * from './lib/icons/undo-request-vorgang-deletion-icon/undo-request-vorgang-deletion-icon.component'; diff --git a/alfa-client/libs/design-system/src/lib/bescheid-status-text/bescheid-status-text.component.ts b/alfa-client/libs/design-system/src/lib/bescheid-status-text/bescheid-status-text.component.ts index 85a4e7fe7c8d3d56edc012d93dd1b49f3a4765d9..c90aaf0eb594afd1bb8e6b495bede0579513655b 100644 --- a/alfa-client/libs/design-system/src/lib/bescheid-status-text/bescheid-status-text.component.ts +++ b/alfa-client/libs/design-system/src/lib/bescheid-status-text/bescheid-status-text.component.ts @@ -25,16 +25,16 @@ import { CommonModule } from '@angular/common'; import { Component, Input } from '@angular/core'; import { IconComponent } from '../icon/icon.component'; -import { StampIconComponent } from '../icons/stamp-icon/stamp-icon.component'; @Component({ selector: 'ods-bescheid-status-text', standalone: true, - imports: [CommonModule, StampIconComponent, IconComponent], + imports: [CommonModule, IconComponent], template: ` <p class="flex gap-2 text-base font-medium text-text"> - <span class="flex items-center gap-2" *ngIf="bewilligt" - ><ods-stamp-icon size="medium" class="fill-bewilligt" />Bewilligt am {{ dateText }}</span - > + <span class="flex items-center gap-2" *ngIf="bewilligt"> + <ods-icon name="stamp" fill="bewilligt" /> + Bewilligt am {{ dateText }} + </span> <span class="flex items-center gap-2" *ngIf="!bewilligt"> <ods-icon name="close" fill="abgelehnt" /> Abgelehnt am {{ dateText }} diff --git a/alfa-client/libs/design-system/src/lib/form/radio-button-card/radio-button-card.stories.ts b/alfa-client/libs/design-system/src/lib/form/radio-button-card/radio-button-card.stories.ts index 3a53d9153a5718987987990aed86bda917885bf0..c198e906ad669ba0fd2aa3737b185ed54f159129 100644 --- a/alfa-client/libs/design-system/src/lib/form/radio-button-card/radio-button-card.stories.ts +++ b/alfa-client/libs/design-system/src/lib/form/radio-button-card/radio-button-card.stories.ts @@ -25,7 +25,6 @@ import { CommonModule } from '@angular/common'; import { FormGroupDirective } from '@angular/forms'; import { argsToTemplate, moduleMetadata, type Meta, type StoryObj } from '@storybook/angular'; -import { StampIconComponent } from '../../icons/stamp-icon/stamp-icon.component'; import { RadioButtonCardComponent } from './radio-button-card.component'; const meta: Meta<RadioButtonCardComponent> = { @@ -33,7 +32,7 @@ const meta: Meta<RadioButtonCardComponent> = { component: RadioButtonCardComponent, decorators: [ moduleMetadata({ - imports: [CommonModule, RadioButtonCardComponent, StampIconComponent], + imports: [CommonModule, RadioButtonCardComponent], providers: [FormGroupDirective], }), ], @@ -58,6 +57,7 @@ export const Default: Story = { <ods-radio-button-card ${argsToTemplate(args)} > + //TODO OZG-7707 <ods-stamp-icon /> </ods-radio-button-card> <ods-radio-button-card diff --git a/alfa-client/libs/design-system/src/lib/icon/icon.component.ts b/alfa-client/libs/design-system/src/lib/icon/icon.component.ts index df7f281cd8dd9c20e96dc6e88c990aeb73e85beb..d8f6ef0f403da71da02c7512c9e8846dd5eb8207 100644 --- a/alfa-client/libs/design-system/src/lib/icon/icon.component.ts +++ b/alfa-client/libs/design-system/src/lib/icon/icon.component.ts @@ -45,6 +45,7 @@ const iconVariants = cva('', { error: 'fill-error', pdf: 'fill-pdf', neutral: 'fill-neutral-500 dark:fill-neutral-400', + bewilligt: 'fill-bewilligt', abgelehnt: 'fill-abgelehnt', }, }, diff --git a/alfa-client/libs/design-system/src/lib/icons/settings-icon/settengs-icon.stories.ts b/alfa-client/libs/design-system/src/lib/icons/settings-icon/settengs-icon.stories.ts deleted file mode 100644 index 790a794f4807fcc24841e66aac74a84846d9ec86..0000000000000000000000000000000000000000 --- a/alfa-client/libs/design-system/src/lib/icons/settings-icon/settengs-icon.stories.ts +++ /dev/null @@ -1,50 +0,0 @@ -/* - * Copyright (C) 2024 Das Land Schleswig-Holstein vertreten durch den - * Ministerpräsidenten des Landes Schleswig-Holstein - * Staatskanzlei - * Abteilung Digitalisierung und zentrales IT-Management der Landesregierung - * - * Lizenziert unter der EUPL, Version 1.2 oder - sobald - * diese von der Europäischen Kommission genehmigt wurden - - * Folgeversionen der EUPL ("Lizenz"); - * Sie dürfen dieses Werk ausschließlich gemäß - * dieser Lizenz nutzen. - * Eine Kopie der Lizenz finden Sie hier: - * - * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12 - * - * Sofern nicht durch anwendbare Rechtsvorschriften - * gefordert oder in schriftlicher Form vereinbart, wird - * die unter der Lizenz verbreitete Software "so wie sie - * ist", OHNE JEGLICHE GEWÄHRLEISTUNG ODER BEDINGUNGEN - - * ausdrücklich oder stillschweigend - verbreitet. - * Die sprachspezifischen Genehmigungen und Beschränkungen - * unter der Lizenz sind dem Lizenztext zu entnehmen. - */ -import type { Meta, StoryObj } from '@storybook/angular'; - -import { SettingsIconComponent } from './settings-icon.component'; - -const meta: Meta<SettingsIconComponent> = { - title: 'Icons/Settings icon', - component: SettingsIconComponent, - excludeStories: /.*Data$/, - tags: ['autodocs'], -}; - -export default meta; -type Story = StoryObj<SettingsIconComponent>; - -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' }, - }, - }, - }, -}; diff --git a/alfa-client/libs/design-system/src/lib/icons/settings-icon/settings-icon.component.spec.ts b/alfa-client/libs/design-system/src/lib/icons/settings-icon/settings-icon.component.spec.ts deleted file mode 100644 index 6389ddedab87325aa324a0da59996b186ecf145d..0000000000000000000000000000000000000000 --- a/alfa-client/libs/design-system/src/lib/icons/settings-icon/settings-icon.component.spec.ts +++ /dev/null @@ -1,44 +0,0 @@ -/* - * Copyright (C) 2024 Das Land Schleswig-Holstein vertreten durch den - * Ministerpräsidenten des Landes Schleswig-Holstein - * Staatskanzlei - * Abteilung Digitalisierung und zentrales IT-Management der Landesregierung - * - * Lizenziert unter der EUPL, Version 1.2 oder - sobald - * diese von der Europäischen Kommission genehmigt wurden - - * Folgeversionen der EUPL ("Lizenz"); - * Sie dürfen dieses Werk ausschließlich gemäß - * dieser Lizenz nutzen. - * Eine Kopie der Lizenz finden Sie hier: - * - * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12 - * - * Sofern nicht durch anwendbare Rechtsvorschriften - * gefordert oder in schriftlicher Form vereinbart, wird - * die unter der Lizenz verbreitete Software "so wie sie - * ist", OHNE JEGLICHE GEWÄHRLEISTUNG ODER BEDINGUNGEN - - * ausdrücklich oder stillschweigend - verbreitet. - * Die sprachspezifischen Genehmigungen und Beschränkungen - * unter der Lizenz sind dem Lizenztext zu entnehmen. - */ -import { ComponentFixture, TestBed } from '@angular/core/testing'; -import { SettingsIconComponent } from './settings-icon.component'; - -describe('SettingsIconComponent', () => { - let component: SettingsIconComponent; - let fixture: ComponentFixture<SettingsIconComponent>; - - beforeEach(async () => { - await TestBed.configureTestingModule({ - imports: [SettingsIconComponent], - }).compileComponents(); - - fixture = TestBed.createComponent(SettingsIconComponent); - component = fixture.componentInstance; - fixture.detectChanges(); - }); - - it('should create', () => { - expect(component).toBeTruthy(); - }); -}); diff --git a/alfa-client/libs/design-system/src/lib/icons/settings-icon/settings-icon.component.ts b/alfa-client/libs/design-system/src/lib/icons/settings-icon/settings-icon.component.ts deleted file mode 100644 index d3d122cc205fad369224ed74bee88aeef3ecfd8b..0000000000000000000000000000000000000000 --- a/alfa-client/libs/design-system/src/lib/icons/settings-icon/settings-icon.component.ts +++ /dev/null @@ -1,50 +0,0 @@ -/* - * Copyright (C) 2024 Das Land Schleswig-Holstein vertreten durch den - * Ministerpräsidenten des Landes Schleswig-Holstein - * Staatskanzlei - * Abteilung Digitalisierung und zentrales IT-Management der Landesregierung - * - * Lizenziert unter der EUPL, Version 1.2 oder - sobald - * diese von der Europäischen Kommission genehmigt wurden - - * Folgeversionen der EUPL ("Lizenz"); - * Sie dürfen dieses Werk ausschließlich gemäß - * dieser Lizenz nutzen. - * Eine Kopie der Lizenz finden Sie hier: - * - * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12 - * - * Sofern nicht durch anwendbare Rechtsvorschriften - * gefordert oder in schriftlicher Form vereinbart, wird - * die unter der Lizenz verbreitete Software "so wie sie - * ist", OHNE JEGLICHE GEWÄHRLEISTUNG ODER BEDINGUNGEN - - * ausdrücklich oder stillschweigend - verbreitet. - * Die sprachspezifischen Genehmigungen und Beschränkungen - * unter der Lizenz sind dem Lizenztext zu entnehmen. - */ -import { NgClass } from '@angular/common'; -import { Component, Input } from '@angular/core'; -import { IconVariants, iconVariants } from '@ods/system'; -import { twMerge } from 'tailwind-merge'; - -@Component({ - selector: 'ods-settings-icon', - standalone: true, - imports: [NgClass], - template: `<svg - viewBox="0 0 24 24" - fill="none" - xmlns="http://www.w3.org/2000/svg" - [ngClass]="twMerge(iconVariants({ size }), 'fill-neutral-500 dark:fill-neutral-400', class)" - > - <path - d="M 10.490234 2 C 10.011234 2 9.6017656 2.3385938 9.5097656 2.8085938 L 9.1757812 4.5234375 C 8.3550224 4.8338012 7.5961042 5.2674041 6.9296875 5.8144531 L 5.2851562 5.2480469 C 4.8321563 5.0920469 4.33375 5.2793594 4.09375 5.6933594 L 2.5859375 8.3066406 C 2.3469375 8.7216406 2.4339219 9.2485 2.7949219 9.5625 L 4.1132812 10.708984 C 4.0447181 11.130337 4 11.559284 4 12 C 4 12.440716 4.0447181 12.869663 4.1132812 13.291016 L 2.7949219 14.4375 C 2.4339219 14.7515 2.3469375 15.278359 2.5859375 15.693359 L 4.09375 18.306641 C 4.33275 18.721641 4.8321562 18.908906 5.2851562 18.753906 L 6.9296875 18.1875 C 7.5958842 18.734206 8.3553934 19.166339 9.1757812 19.476562 L 9.5097656 21.191406 C 9.6017656 21.661406 10.011234 22 10.490234 22 L 13.509766 22 C 13.988766 22 14.398234 21.661406 14.490234 21.191406 L 14.824219 19.476562 C 15.644978 19.166199 16.403896 18.732596 17.070312 18.185547 L 18.714844 18.751953 C 19.167844 18.907953 19.66625 18.721641 19.90625 18.306641 L 21.414062 15.691406 C 21.653063 15.276406 21.566078 14.7515 21.205078 14.4375 L 19.886719 13.291016 C 19.955282 12.869663 20 12.440716 20 12 C 20 11.559284 19.955282 11.130337 19.886719 10.708984 L 21.205078 9.5625 C 21.566078 9.2485 21.653063 8.7216406 21.414062 8.3066406 L 19.90625 5.6933594 C 19.66725 5.2783594 19.167844 5.0910937 18.714844 5.2460938 L 17.070312 5.8125 C 16.404116 5.2657937 15.644607 4.8336609 14.824219 4.5234375 L 14.490234 2.8085938 C 14.398234 2.3385937 13.988766 2 13.509766 2 L 10.490234 2 z M 12 8 C 14.209 8 16 9.791 16 12 C 16 14.209 14.209 16 12 16 C 9.791 16 8 14.209 8 12 C 8 9.791 9.791 8 12 8 z" - /> - </svg>`, -}) -export class SettingsIconComponent { - @Input() size: IconVariants['size'] = 'medium'; - @Input() class: string = undefined; - - protected readonly iconVariants = iconVariants; - protected readonly twMerge = twMerge; -} diff --git a/alfa-client/libs/design-system/src/lib/icons/stamp-icon/stamp-icon.component.spec.ts b/alfa-client/libs/design-system/src/lib/icons/stamp-icon/stamp-icon.component.spec.ts deleted file mode 100644 index a1b779a1a642ab7e99ff6855e279dda441bd1208..0000000000000000000000000000000000000000 --- a/alfa-client/libs/design-system/src/lib/icons/stamp-icon/stamp-icon.component.spec.ts +++ /dev/null @@ -1,45 +0,0 @@ -/* - * Copyright (C) 2024 Das Land Schleswig-Holstein vertreten durch den - * Ministerpräsidenten des Landes Schleswig-Holstein - * Staatskanzlei - * Abteilung Digitalisierung und zentrales IT-Management der Landesregierung - * - * Lizenziert unter der EUPL, Version 1.2 oder - sobald - * diese von der Europäischen Kommission genehmigt wurden - - * Folgeversionen der EUPL ("Lizenz"); - * Sie dürfen dieses Werk ausschließlich gemäß - * dieser Lizenz nutzen. - * Eine Kopie der Lizenz finden Sie hier: - * - * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12 - * - * Sofern nicht durch anwendbare Rechtsvorschriften - * gefordert oder in schriftlicher Form vereinbart, wird - * die unter der Lizenz verbreitete Software "so wie sie - * ist", OHNE JEGLICHE GEWÄHRLEISTUNG ODER BEDINGUNGEN - - * ausdrücklich oder stillschweigend - verbreitet. - * Die sprachspezifischen Genehmigungen und Beschränkungen - * unter der Lizenz sind dem Lizenztext zu entnehmen. - */ -import { ComponentFixture, TestBed } from '@angular/core/testing'; -import { StampIconComponent } from './stamp-icon.component'; - -describe('StampIconComponent', () => { - let component: StampIconComponent; - let fixture: ComponentFixture<StampIconComponent>; - - beforeEach(async () => { - await TestBed.configureTestingModule({ - imports: [StampIconComponent], - }).compileComponents(); - - fixture = TestBed.createComponent(StampIconComponent); - component = fixture.componentInstance; - fixture.detectChanges(); - }); - - - it('should create', () => { - expect(component).toBeTruthy(); - }); -}); diff --git a/alfa-client/libs/design-system/src/lib/icons/stamp-icon/stamp-icon.component.ts b/alfa-client/libs/design-system/src/lib/icons/stamp-icon/stamp-icon.component.ts deleted file mode 100644 index 1a12d7ae7893c09ea28491c42f5e2a8208211940..0000000000000000000000000000000000000000 --- a/alfa-client/libs/design-system/src/lib/icons/stamp-icon/stamp-icon.component.ts +++ /dev/null @@ -1,54 +0,0 @@ -/* - * Copyright (C) 2024 Das Land Schleswig-Holstein vertreten durch den - * Ministerpräsidenten des Landes Schleswig-Holstein - * Staatskanzlei - * Abteilung Digitalisierung und zentrales IT-Management der Landesregierung - * - * Lizenziert unter der EUPL, Version 1.2 oder - sobald - * diese von der Europäischen Kommission genehmigt wurden - - * Folgeversionen der EUPL ("Lizenz"); - * Sie dürfen dieses Werk ausschließlich gemäß - * dieser Lizenz nutzen. - * Eine Kopie der Lizenz finden Sie hier: - * - * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12 - * - * Sofern nicht durch anwendbare Rechtsvorschriften - * gefordert oder in schriftlicher Form vereinbart, wird - * die unter der Lizenz verbreitete Software "so wie sie - * ist", OHNE JEGLICHE GEWÄHRLEISTUNG ODER BEDINGUNGEN - - * ausdrücklich oder stillschweigend - verbreitet. - * Die sprachspezifischen Genehmigungen und Beschränkungen - * unter der Lizenz sind dem Lizenztext zu entnehmen. - */ -import { NgClass } from '@angular/common'; -import { Component, Input } from '@angular/core'; -import { twMerge } from 'tailwind-merge'; - -import { IconVariants, iconVariants } from '../iconVariants'; - -@Component({ - selector: 'ods-stamp-icon', - standalone: true, - imports: [NgClass], - template: `<svg - xmlns="http://www.w3.org/2000/svg" - [ngClass]="[twMerge(iconVariants({ size }), 'fill-bewilligt', class)]" - aria-hidden="true" - viewBox="0 0 24 24" - fill="none" - > - <path - fill-rule="evenodd" - d="M2.742 21.213h-.409a.872.872 0 0 1-.63-.252.873.873 0 0 1-.253-.631v-3.333A2.557 2.557 0 0 1 4 14.447h4.667a.786.786 0 0 0 .783-.784v-.366c0-1.823-.434-3.522-1.315-4.907a4.388 4.388 0 0 1-.685-2.393c0-1.291.571-2.544 1.511-3.372a4.534 4.534 0 0 1 3.568-1.141c2.01.227 3.678 1.823 3.982 3.802a4.755 4.755 0 0 1-.527 2.973l-.012.02c-.945 1.575-1.422 3.212-1.422 4.818v.566c0 .43.353.784.783.784H20a2.557 2.557 0 0 1 2.55 2.55v3.333a.873.873 0 0 1-.253.63.873.873 0 0 1-.63.253h-.066a2.666 2.666 0 0 1-2.3 1.334H5.032a2.642 2.642 0 0 1-2.29-1.334Zm18.041-1.766v-2.45a.787.787 0 0 0-.783-.784h-4.667a2.557 2.557 0 0 1-2.55-2.55v-.566c0-1.925.555-3.817 1.635-5.7.307-.557.452-1.198.34-1.845-.195-1.196-1.196-2.17-2.415-2.308a2.8 2.8 0 0 0-1.949.51l-.246.202c-.606.496-.93 1.269-.93 2.04 0 .53.137 1.03.417 1.479 1.017 1.648 1.582 3.647 1.582 5.822v.366a2.557 2.557 0 0 1-2.55 2.55H4a.786.786 0 0 0-.783.784v2.45h17.566Z" - clip-rule="evenodd" - /> - </svg>`, -}) -export class StampIconComponent { - @Input() size: IconVariants['size'] = 'large'; - @Input() class: string = undefined; - - iconVariants = iconVariants; - twMerge = twMerge; -} diff --git a/alfa-client/libs/design-system/src/lib/icons/stamp-icon/stamp-icon.stories.ts b/alfa-client/libs/design-system/src/lib/icons/stamp-icon/stamp-icon.stories.ts deleted file mode 100644 index 0d54ecf7821ff756f0688a9e7269fdac6cca90a2..0000000000000000000000000000000000000000 --- a/alfa-client/libs/design-system/src/lib/icons/stamp-icon/stamp-icon.stories.ts +++ /dev/null @@ -1,50 +0,0 @@ -/* - * Copyright (C) 2024 Das Land Schleswig-Holstein vertreten durch den - * Ministerpräsidenten des Landes Schleswig-Holstein - * Staatskanzlei - * Abteilung Digitalisierung und zentrales IT-Management der Landesregierung - * - * Lizenziert unter der EUPL, Version 1.2 oder - sobald - * diese von der Europäischen Kommission genehmigt wurden - - * Folgeversionen der EUPL ("Lizenz"); - * Sie dürfen dieses Werk ausschließlich gemäß - * dieser Lizenz nutzen. - * Eine Kopie der Lizenz finden Sie hier: - * - * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12 - * - * Sofern nicht durch anwendbare Rechtsvorschriften - * gefordert oder in schriftlicher Form vereinbart, wird - * die unter der Lizenz verbreitete Software "so wie sie - * ist", OHNE JEGLICHE GEWÄHRLEISTUNG ODER BEDINGUNGEN - - * ausdrücklich oder stillschweigend - verbreitet. - * Die sprachspezifischen Genehmigungen und Beschränkungen - * unter der Lizenz sind dem Lizenztext zu entnehmen. - */ -import type { Meta, StoryObj } from '@storybook/angular'; - -import { StampIconComponent } from './stamp-icon.component'; - -const meta: Meta<StampIconComponent> = { - title: 'Icons/Stamp icon', - component: StampIconComponent, - excludeStories: /.*Data$/, - tags: ['autodocs'], -}; - -export default meta; -type Story = StoryObj<StampIconComponent>; - -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: 'large' }, - }, - }, - }, -}; diff --git a/alfa-client/libs/user-settings/src/lib/user-settings-container/user-settings/user-settings.component.html b/alfa-client/libs/user-settings/src/lib/user-settings-container/user-settings/user-settings.component.html index 3874b48bac2927977e4c2b4fed7f4cf00f983cdd..08f4c635d3a3786ea50e617b0476128793650996 100644 --- a/alfa-client/libs/user-settings/src/lib/user-settings-container/user-settings/user-settings.component.html +++ b/alfa-client/libs/user-settings/src/lib/user-settings-container/user-settings/user-settings.component.html @@ -27,6 +27,6 @@ buttonClass="p-2 rounded-full focus:outline-none focus:bg-neutral-200 hover:bg-neutral-100 dark:focus:bg-neutral-600 dark:hover:bg-neutral-700" buttonTestId="user-settings-button" > - <ods-settings-icon button-content /> + <ods-icon button-content name="settings" fill="neutral" /> <alfa-user-settings-dropdown [apiRoot]="apiRoot" /> </ods-dropdown-menu> diff --git a/alfa-client/libs/user-settings/src/lib/user-settings-container/user-settings/user-settings.component.spec.ts b/alfa-client/libs/user-settings/src/lib/user-settings-container/user-settings/user-settings.component.spec.ts index f40d240d635937892fe39335610f9f599986b724..a1df4022e4f8a7f0e045f1da2da946f3e99f4521 100644 --- a/alfa-client/libs/user-settings/src/lib/user-settings-container/user-settings/user-settings.component.spec.ts +++ b/alfa-client/libs/user-settings/src/lib/user-settings-container/user-settings/user-settings.component.spec.ts @@ -24,8 +24,7 @@ import { HasLinkPipe, createEmptyStateResource } from '@alfa-client/tech-shared'; import { ComponentFixture, TestBed } from '@angular/core/testing'; import { NoopAnimationsModule } from '@angular/platform-browser/animations'; -import { DropdownMenuComponent } from '@ods/system'; -import { SettingsIconComponent } from 'libs/design-system/src/lib/icons/settings-icon/settings-icon.component'; +import { DropdownMenuComponent, IconComponent } from '@ods/system'; import { MockComponent } from 'ng-mocks'; import { UserSettingsDropdownComponent } from './user-settings-dropdown/user-settings-dropdown.component'; import { UserSettingsComponent } from './user-settings.component'; @@ -40,7 +39,7 @@ describe('UserSettingsComponent', () => { declarations: [ HasLinkPipe, UserSettingsComponent, - MockComponent(SettingsIconComponent), + MockComponent(IconComponent), MockComponent(UserSettingsDropdownComponent), MockComponent(DropdownMenuComponent), ], diff --git a/alfa-client/libs/user-settings/src/lib/user-settings.module.ts b/alfa-client/libs/user-settings/src/lib/user-settings.module.ts index 66bd954af7292592f955133797a6f84a6d59fed5..9de9fce60b651a20205eec935fc24bc6b6b726cf 100644 --- a/alfa-client/libs/user-settings/src/lib/user-settings.module.ts +++ b/alfa-client/libs/user-settings/src/lib/user-settings.module.ts @@ -26,7 +26,7 @@ import { SlideToggleComponent } from '@alfa-client/ui'; import { UserSettingsSharedModule } from '@alfa-client/user-settings-shared'; import { CommonModule } from '@angular/common'; import { NgModule } from '@angular/core'; -import { DropdownMenuComponent, SettingsIconComponent } from '@ods/system'; +import { DropdownMenuComponent, IconComponent } from '@ods/system'; import { UserSettingsContainerComponent } from './user-settings-container/user-settings-container.component'; import { UserSettingsDarkmodeContainerComponent } from './user-settings-container/user-settings/user-settings-dropdown/user-settings-darkmode-container/user-settings-darkmode-container.component'; import { UserSettingsDarkmodeComponent } from './user-settings-container/user-settings/user-settings-dropdown/user-settings-darkmode-container/user-settings-darkmode/user-settings-darkmode.component'; @@ -36,14 +36,7 @@ import { UserSettingsEmailBenachrichtigungComponent } from './user-settings-cont import { UserSettingsComponent } from './user-settings-container/user-settings/user-settings.component'; @NgModule({ - imports: [ - CommonModule, - UserSettingsSharedModule, - DropdownMenuComponent, - SettingsIconComponent, - SlideToggleComponent, - HasLinkPipe, - ], + imports: [CommonModule, UserSettingsSharedModule, DropdownMenuComponent, IconComponent, SlideToggleComponent, HasLinkPipe], declarations: [ UserSettingsContainerComponent, UserSettingsEmailBenachrichtigungComponent, diff --git a/alfa-client/libs/vorgang-detail/src/lib/buttons/bescheiden-button/bescheiden-button.component.html b/alfa-client/libs/vorgang-detail/src/lib/buttons/bescheiden-button/bescheiden-button.component.html index 01e35c10b65415c205ec70225f6df57e54df4575..c9c22904c213ef4bf914dc17fe9f75ef56fcf5d5 100644 --- a/alfa-client/libs/vorgang-detail/src/lib/buttons/bescheiden-button/bescheiden-button.component.html +++ b/alfa-client/libs/vorgang-detail/src/lib/buttons/bescheiden-button/bescheiden-button.component.html @@ -34,7 +34,7 @@ size="fit" dataTestId="bescheiden-icon-button" > - <ods-stamp-icon icon class="fill-text" size="medium" /> + <ods-icon icon name="stamp" fill="text" /> </ods-button-with-spinner> } @else { <ods-button-with-spinner @@ -44,7 +44,7 @@ variant="outline" dataTestId="bescheiden-button" > - <ods-stamp-icon icon size="medium" class="fill-primary" /> + <ods-icon icon name="stamp" /> </ods-button-with-spinner> } } diff --git a/alfa-client/libs/vorgang-detail/src/lib/buttons/bescheiden-button/bescheiden-button.component.spec.ts b/alfa-client/libs/vorgang-detail/src/lib/buttons/bescheiden-button/bescheiden-button.component.spec.ts index 728a67f0542506e2c817191447c4fce7b5400b6c..45ff9a560b30cc747b6db933a52100a804ff442c 100644 --- a/alfa-client/libs/vorgang-detail/src/lib/buttons/bescheiden-button/bescheiden-button.component.spec.ts +++ b/alfa-client/libs/vorgang-detail/src/lib/buttons/bescheiden-button/bescheiden-button.component.spec.ts @@ -25,13 +25,23 @@ import { BescheidWizardContainerComponent } from '@alfa-client/bescheid'; import { BescheidWizardDialogResult } from '@alfa-client/bescheid-shared'; import { CommandResource } from '@alfa-client/command-shared'; import { createStateResource, HasLinkPipe, StateResource } from '@alfa-client/tech-shared'; -import { createDialogRefMock, DialogRefMock, getElementComponentFromFixtureByCss, getMockComponent, Mock, mock, notExistsAsHtmlElement, tooltipExistsWithText, triggerEvent, } from '@alfa-client/test-utils'; +import { + createDialogRefMock, + DialogRefMock, + getElementComponentFromFixtureByCss, + getMockComponent, + Mock, + mock, + notExistsAsHtmlElement, + tooltipExistsWithText, + triggerEvent, +} from '@alfa-client/test-utils'; import { OzgcloudDialogService } from '@alfa-client/ui'; import { VorgangCommandService, VorgangService, VorgangWithEingangLinkRel } from '@alfa-client/vorgang-shared'; import { DialogRef } from '@angular/cdk/dialog'; import { ComponentFixture, TestBed } from '@angular/core/testing'; import { ButtonWithSpinnerComponent } from '@ods/component'; -import { StampIconComponent, TooltipDirective } from '@ods/system'; +import { IconComponent, TooltipDirective } from '@ods/system'; import { createCommandResource } from 'libs/command-shared/test/command'; import { getDataTestIdAttributeOf } from 'libs/tech-shared/test/data-test'; import { createVorgangWithEingangResource } from 'libs/vorgang-shared/test/vorgang'; @@ -67,7 +77,7 @@ describe('BescheidenButtonComponent', () => { HasLinkPipe, TooltipDirective, MockComponent(ButtonWithSpinnerComponent), - MockComponent(StampIconComponent), + MockComponent(IconComponent), ], providers: [ { diff --git a/alfa-client/libs/vorgang-detail/src/lib/vorgang-detail.module.ts b/alfa-client/libs/vorgang-detail/src/lib/vorgang-detail.module.ts index 5884a9c37bae86d024015364b2738995c2f4a83b..9d9b70374ce53cd3a9dfd3a962849aae426ef87d 100644 --- a/alfa-client/libs/vorgang-detail/src/lib/vorgang-detail.module.ts +++ b/alfa-client/libs/vorgang-detail/src/lib/vorgang-detail.module.ts @@ -80,7 +80,6 @@ import { IconComponent, RadioButtonCardComponent, SpinnerIconComponent, - StampIconComponent, TooltipDirective, UndoIconComponent, } from '@ods/system'; @@ -145,7 +144,6 @@ const routes: Routes = [ ButtonComponent, ButtonCardComponent, UndoIconComponent, - StampIconComponent, SpinnerIconComponent, AttachmentComponent, AttachmentWrapperComponent,