diff --git a/alfa-client/apps/demo/src/app/app.component.html b/alfa-client/apps/demo/src/app/app.component.html
index 0a8bb50c7cdbc78168bc2c4b87841b9ddea2cf17..42ce603839417d771b4dc561b0500f280f2e70df 100644
--- a/alfa-client/apps/demo/src/app/app.component.html
+++ b/alfa-client/apps/demo/src/app/app.component.html
@@ -20,22 +20,16 @@
label="bewilligt"
name="exampleName"
value="bewilligt"
- backgroudColorChecked="bg-bewilligt-100"
- borderColorChecked="border-bewilligt"
- ><div>
- <!--<mat-icon svgIcon="stamp" class="text-bewilligt"></mat-icon>-->ICON
- </div></ozgdesign-radio-button-card
>
+ <ozgdesign-stamp-icon />
+ </ozgdesign-radio-button-card>
<ozgdesign-radio-button-card
label="abgelehnt"
name="exampleName"
value="abgelehnt"
- backgroudColorChecked="bg-abgelehnt-100"
- borderColorChecked="border-abgelehnt"
- ><div>
- <!--<mat-icon class="text-abgelehnt">close</mat-icon>-->ICON
- </div></ozgdesign-radio-button-card
>
+ <ozgdesign-close-icon
+ /></ozgdesign-radio-button-card>
</div>
</form>
<app-bescheid-dialog-button></app-bescheid-dialog-button>
@@ -63,7 +57,10 @@
documentName="Waffenschein_142321.pdf"
[iconArgs]="{ type: 'pdf', isExclamation: true }"
>
- <ozgdesign-download-icon [isButton]="true" [onClick]="onDownloadClick"></ozgdesign-download-icon>
+ <ozgdesign-download-icon
+ [isButton]="true"
+ (clickHandler)="onDownloadClick()"
+ ></ozgdesign-download-icon>
</ozgdesign-document>
</div>
<hr class="mt-24" />
diff --git a/alfa-client/apps/demo/src/app/app.component.ts b/alfa-client/apps/demo/src/app/app.component.ts
index bf08b11e97cb5de32271afe73dbca66ace3140a5..fd45ee92349f5cd5a92f1c75777d1d12d52d21ef 100644
--- a/alfa-client/apps/demo/src/app/app.component.ts
+++ b/alfa-client/apps/demo/src/app/app.component.ts
@@ -8,6 +8,8 @@ import {
RadioButtonCardComponent,
AttachmentComponent,
DownloadIconComponent,
+ StampIconComponent,
+ CloseIconComponent,
} from 'design-system';
import { CustomStepperComponent } from './components/cdk-demo/custom-stepper.component';
import { BescheidStepperComponent } from './components/bescheid-stepper/bescheid-stepper.component';
@@ -29,6 +31,8 @@ import { BescheidPaperComponent } from './components/bescheid-paper/bescheid-pap
BescheidPaperComponent,
RadioButtonCardComponent,
ReactiveFormsModule,
+ StampIconComponent,
+ CloseIconComponent,
],
selector: 'app-root',
templateUrl: './app.component.html',
diff --git a/alfa-client/libs/design-system/src/assets/svgs/doc.svg b/alfa-client/libs/design-system/src/assets/svgs/doc.svg
deleted file mode 100644
index dd38401f49c16005ffaae0927199d9f1403b7c85..0000000000000000000000000000000000000000
--- a/alfa-client/libs/design-system/src/assets/svgs/doc.svg
+++ /dev/null
@@ -1,17 +0,0 @@
-<svg width="32" height="40" viewBox="0 0 32 40" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g opacity="0.92" clip-path="url(#clip0_59_4644)">
-<g clip-path="url(#clip1_59_4644)">
-<path d="M32 12L20 0H4C1.8 0 0.0200005 1.8 0.0200005 4L0 36C0 38.2 1.78 40 3.98 40H28C30.2 40 32 38.2 32 36V12ZM28 36H4V4H18V14H28V36Z" fill="#3E71D3"/>
-<path d="M18.2731 2.85965H2.85642V37.1454H29.285V13.5739H18.2731V2.85965Z" fill="#3E71D3"/>
-<path d="M7.0918 24.634H4.25586V16.634H7.11523C7.91992 16.634 8.61263 16.7942 9.19336 17.1145C9.77409 17.4322 10.2207 17.8892 10.5332 18.4856C10.8483 19.0819 11.0059 19.7955 11.0059 20.6262C11.0059 21.4596 10.8483 22.1757 10.5332 22.7747C10.2207 23.3736 9.77148 23.8333 9.18555 24.1536C8.60221 24.4739 7.9043 24.634 7.0918 24.634ZM5.94727 23.1848H7.02148C7.52148 23.1848 7.94206 23.0963 8.2832 22.9192C8.62695 22.7395 8.88477 22.4622 9.05664 22.0872C9.23112 21.7096 9.31836 21.2226 9.31836 20.6262C9.31836 20.0351 9.23112 19.552 9.05664 19.177C8.88477 18.802 8.62826 18.526 8.28711 18.3489C7.94596 18.1718 7.52539 18.0833 7.02539 18.0833H5.94727V23.1848ZM19.6104 20.634C19.6104 21.5064 19.445 22.2486 19.1143 22.8606C18.7861 23.4726 18.3382 23.94 17.7705 24.2629C17.2054 24.5833 16.57 24.7434 15.8643 24.7434C15.1533 24.7434 14.5153 24.5819 13.9502 24.259C13.3851 23.9361 12.9385 23.4687 12.6104 22.8567C12.2822 22.2447 12.1182 21.5038 12.1182 20.634C12.1182 19.7616 12.2822 19.0194 12.6104 18.4075C12.9385 17.7955 13.3851 17.3293 13.9502 17.009C14.5153 16.6861 15.1533 16.5247 15.8643 16.5247C16.57 16.5247 17.2054 16.6861 17.7705 17.009C18.3382 17.3293 18.7861 17.7955 19.1143 18.4075C19.445 19.0194 19.6104 19.7616 19.6104 20.634ZM17.8955 20.634C17.8955 20.0689 17.8109 19.5924 17.6416 19.2043C17.4749 18.8163 17.2393 18.5221 16.9346 18.3215C16.6299 18.121 16.2731 18.0208 15.8643 18.0208C15.4554 18.0208 15.0986 18.121 14.7939 18.3215C14.4893 18.5221 14.2523 18.8163 14.083 19.2043C13.9163 19.5924 13.833 20.0689 13.833 20.634C13.833 21.1991 13.9163 21.6757 14.083 22.0637C14.2523 22.4517 14.4893 22.746 14.7939 22.9465C15.0986 23.1471 15.4554 23.2473 15.8643 23.2473C16.2731 23.2473 16.6299 23.1471 16.9346 22.9465C17.2393 22.746 17.4749 22.4517 17.6416 22.0637C17.8109 21.6757 17.8955 21.1991 17.8955 20.634ZM27.9219 19.4348H26.2109C26.1797 19.2135 26.1159 19.0168 26.0195 18.845C25.9232 18.6705 25.7995 18.5221 25.6484 18.3997C25.4974 18.2773 25.3229 18.1835 25.125 18.1184C24.9297 18.0533 24.7174 18.0208 24.4883 18.0208C24.0742 18.0208 23.7135 18.1236 23.4063 18.3293C23.099 18.5325 22.8607 18.8293 22.6914 19.22C22.5221 19.608 22.4375 20.0793 22.4375 20.634C22.4375 21.2043 22.5221 21.6835 22.6914 22.0715C22.8633 22.4596 23.1029 22.7525 23.4102 22.9504C23.7174 23.1484 24.0729 23.2473 24.4766 23.2473C24.7031 23.2473 24.9128 23.2174 25.1055 23.1575C25.3008 23.0976 25.474 23.0103 25.625 22.8958C25.776 22.7786 25.901 22.6366 26 22.47C26.1016 22.3033 26.1719 22.1132 26.2109 21.8997L27.9219 21.9075C27.8776 22.2747 27.7669 22.6288 27.5898 22.97C27.4154 23.3085 27.1797 23.6119 26.8828 23.8801C26.5885 24.1458 26.237 24.3567 25.8281 24.5129C25.4219 24.6666 24.9622 24.7434 24.4492 24.7434C23.7357 24.7434 23.0977 24.5819 22.5352 24.259C21.9753 23.9361 21.5326 23.4687 21.207 22.8567C20.8841 22.2447 20.7227 21.5038 20.7227 20.634C20.7227 19.7616 20.8867 19.0194 21.2148 18.4075C21.543 17.7955 21.9883 17.3293 22.5508 17.009C23.1133 16.6861 23.7461 16.5247 24.4492 16.5247C24.9128 16.5247 25.3424 16.5898 25.7383 16.72C26.1367 16.8502 26.4896 17.0403 26.7969 17.2903C27.1042 17.5377 27.3542 17.8411 27.5469 18.2004C27.7422 18.5598 27.8672 18.9713 27.9219 19.4348Z" fill="white"/>
-</g>
-</g>
-<defs>
-<clipPath id="clip0_59_4644">
-<rect width="32" height="40" fill="white"/>
-</clipPath>
-<clipPath id="clip1_59_4644">
-<rect width="32" height="40" fill="white"/>
-</clipPath>
-</defs>
-</svg>
diff --git a/alfa-client/libs/design-system/src/assets/svgs/empty.svg b/alfa-client/libs/design-system/src/assets/svgs/empty.svg
deleted file mode 100644
index e593e1e5022aba670bff1c31fb8edd84ad09f1d6..0000000000000000000000000000000000000000
--- a/alfa-client/libs/design-system/src/assets/svgs/empty.svg
+++ /dev/null
@@ -1,16 +0,0 @@
-<svg width="32" height="40" viewBox="0 0 32 40" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g opacity="0.92" clip-path="url(#clip0_59_4900)">
-<g clip-path="url(#clip1_59_4900)">
-<path d="M32 12L20 0H4C1.8 0 0.0200005 1.8 0.0200005 4L0 36C0 38.2 1.78 40 3.98 40H28C30.2 40 32 38.2 32 36V12ZM28 36H4V4H18V14H28V36Z" fill="#C4C4C4"/>
-<path d="M18.2731 2.85965H2.85642V37.1454H29.285V13.5739H18.2731V2.85965Z" fill="#C4C4C4"/>
-</g>
-</g>
-<defs>
-<clipPath id="clip0_59_4900">
-<rect width="32" height="40" fill="white"/>
-</clipPath>
-<clipPath id="clip1_59_4900">
-<rect width="32" height="40" fill="white"/>
-</clipPath>
-</defs>
-</svg>
diff --git a/alfa-client/libs/design-system/src/assets/svgs/img.svg b/alfa-client/libs/design-system/src/assets/svgs/img.svg
deleted file mode 100644
index c9291199fce9f8642e54f41de8fb2f5aedc157be..0000000000000000000000000000000000000000
--- a/alfa-client/libs/design-system/src/assets/svgs/img.svg
+++ /dev/null
@@ -1,17 +0,0 @@
-<svg width="32" height="40" viewBox="0 0 32 40" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g opacity="0.92" clip-path="url(#clip0_59_4895)">
-<g clip-path="url(#clip1_59_4895)">
-<path d="M32 12L20 0H4C1.8 0 0.0200005 1.8 0.0200005 4L0 36C0 38.2 1.78 40 3.98 40H28C30.2 40 32 38.2 32 36V12ZM28 36H4V4H18V14H28V36Z" fill="#6C6C6C"/>
-<path d="M18.2731 2.85965H2.85642V37.1454H29.285V13.5739H18.2731V2.85965Z" fill="#6C6C6C"/>
-<path d="M8.2334 16.8137V24.634H6.62744V16.8137H8.2334ZM10.4785 16.8137H11.8428L13.8516 22.5554L15.8604 16.8137H17.2246L14.3994 24.634H13.3037L10.4785 16.8137ZM9.74268 16.8137H11.1016L11.3486 22.4104V24.634H9.74268V16.8137ZM16.6016 16.8137H17.9658V24.634H16.3545V22.4104L16.6016 16.8137ZM25.5767 20.5466V23.6458C25.4549 23.7926 25.2669 23.9519 25.0127 24.1238C24.7585 24.2921 24.4308 24.4371 24.0298 24.5588C23.6287 24.6806 23.1436 24.7415 22.5742 24.7415C22.0693 24.7415 21.6092 24.6591 21.1938 24.4944C20.7785 24.3261 20.4204 24.0808 20.1196 23.7585C19.8224 23.4363 19.5933 23.0424 19.4321 22.5769C19.271 22.1078 19.1904 21.5725 19.1904 20.9709V20.4822C19.1904 19.8806 19.2674 19.3453 19.4214 18.8762C19.5789 18.4071 19.8027 18.0115 20.0928 17.6892C20.3828 17.3669 20.7284 17.1217 21.1294 16.9534C21.5304 16.7851 21.9762 16.7009 22.4668 16.7009C23.1471 16.7009 23.7057 16.8119 24.1426 17.0339C24.5794 17.2524 24.9124 17.5567 25.1416 17.947C25.3743 18.3337 25.5176 18.7778 25.5713 19.2791H24.0083C23.9689 19.0141 23.8937 18.7831 23.7827 18.5862C23.6717 18.3892 23.5124 18.2353 23.3047 18.1243C23.1006 18.0133 22.8356 17.9578 22.5098 17.9578C22.2412 17.9578 22.0013 18.0133 21.79 18.1243C21.5824 18.2317 21.4069 18.391 21.2637 18.6023C21.1204 18.8136 21.0112 19.075 20.936 19.3865C20.8608 19.698 20.8232 20.0597 20.8232 20.4714V20.9709C20.8232 21.3792 20.8626 21.7408 20.9414 22.0559C21.0202 22.3674 21.1366 22.6306 21.2905 22.8455C21.4481 23.0567 21.6414 23.2161 21.8706 23.3235C22.0998 23.4309 22.3665 23.4846 22.6709 23.4846C22.9251 23.4846 23.1364 23.4631 23.3047 23.4202C23.4766 23.3772 23.6144 23.3253 23.7183 23.2644C23.8257 23.2 23.908 23.1391 23.9653 23.0818V21.696H22.4937V20.5466H25.5767Z" fill="white"/>
-</g>
-</g>
-<defs>
-<clipPath id="clip0_59_4895">
-<rect width="32" height="40" fill="white"/>
-</clipPath>
-<clipPath id="clip1_59_4895">
-<rect width="32" height="40" fill="white"/>
-</clipPath>
-</defs>
-</svg>
diff --git a/alfa-client/libs/design-system/src/assets/svgs/json.svg b/alfa-client/libs/design-system/src/assets/svgs/json.svg
deleted file mode 100644
index f2134603140c9253b5781219a66985cc2bc4f380..0000000000000000000000000000000000000000
--- a/alfa-client/libs/design-system/src/assets/svgs/json.svg
+++ /dev/null
@@ -1,12 +0,0 @@
-<svg width="32" height="40" viewBox="0 0 32 40" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g clip-path="url(#clip0_59_4896)">
-<path d="M32 12L20 0H4C1.8 0 0.0200005 1.8 0.0200005 4L0 36C0 38.2 1.78 40 3.98 40H28C30.2 40 32 38.2 32 36V12ZM28 36H4V4H18V14H28V36Z" fill="#C4C4C4"/>
-<path d="M18.2731 2.85965H2.85642V37.1454H29.285V13.5739H18.2731V2.85965Z" fill="#C4C4C4"/>
-<path d="M5.7251 22.2332V16.8137H7.33105V22.2332C7.33105 22.7559 7.21647 23.2053 6.9873 23.5813C6.75814 23.9537 6.44482 24.2402 6.04736 24.4407C5.65348 24.6412 5.20947 24.7415 4.71533 24.7415C4.20329 24.7415 3.75033 24.6555 3.35645 24.4836C2.96257 24.3118 2.65283 24.0486 2.42725 23.6941C2.20166 23.336 2.08887 22.8831 2.08887 22.3352H3.70557C3.70557 22.6217 3.74495 22.849 3.82373 23.0173C3.90609 23.1856 4.02246 23.3056 4.17285 23.3772C4.32324 23.4488 4.50407 23.4846 4.71533 23.4846C4.91943 23.4846 5.09668 23.4363 5.24707 23.3396C5.39746 23.2429 5.51383 23.1015 5.59619 22.9153C5.68213 22.7291 5.7251 22.5017 5.7251 22.2332ZM12.7773 22.5876C12.7773 22.448 12.7559 22.3227 12.7129 22.2117C12.6735 22.0971 12.5983 21.9932 12.4873 21.9001C12.3763 21.8035 12.2205 21.7086 12.02 21.6155C11.8195 21.5224 11.5599 21.4257 11.2412 21.3254C10.8867 21.2109 10.5501 21.0819 10.2314 20.9387C9.91634 20.7955 9.63704 20.629 9.39355 20.4392C9.15365 20.2458 8.96387 20.0221 8.82422 19.7678C8.68815 19.5136 8.62012 19.2182 8.62012 18.8816C8.62012 18.5557 8.69173 18.2603 8.83496 17.9954C8.97819 17.7268 9.17871 17.4976 9.43652 17.3079C9.69434 17.1145 9.9987 16.9659 10.3496 16.8621C10.7041 16.7582 11.0926 16.7063 11.5151 16.7063C12.0916 16.7063 12.5947 16.8101 13.0244 17.0178C13.4541 17.2255 13.7871 17.5102 14.0234 17.8718C14.2633 18.2335 14.3833 18.6471 14.3833 19.1125H12.7827C12.7827 18.8834 12.7344 18.6829 12.6377 18.511C12.5446 18.3355 12.4014 18.1977 12.208 18.0974C12.0182 17.9972 11.7783 17.947 11.4883 17.947C11.209 17.947 10.9762 17.99 10.79 18.0759C10.6038 18.1583 10.4642 18.2711 10.3711 18.4143C10.278 18.554 10.2314 18.7115 10.2314 18.887C10.2314 19.0194 10.2637 19.1394 10.3281 19.2468C10.3962 19.3542 10.4964 19.4545 10.6289 19.5476C10.7614 19.6407 10.9243 19.7284 11.1177 19.8108C11.311 19.8931 11.5348 19.9737 11.7891 20.0525C12.2152 20.1814 12.5894 20.3264 12.9116 20.4875C13.2375 20.6487 13.5096 20.8295 13.728 21.03C13.9465 21.2306 14.1112 21.4579 14.2222 21.7122C14.3332 21.9664 14.3887 22.2546 14.3887 22.5769C14.3887 22.9171 14.3224 23.2214 14.1899 23.49C14.0575 23.7585 13.8659 23.9859 13.6152 24.1721C13.3646 24.3583 13.0656 24.4998 12.7183 24.5964C12.3709 24.6931 11.9824 24.7415 11.5527 24.7415C11.166 24.7415 10.7847 24.6913 10.4087 24.5911C10.0327 24.4872 9.69076 24.3315 9.38281 24.1238C9.07845 23.9161 8.83496 23.6511 8.65234 23.3289C8.46973 23.0066 8.37842 22.6252 8.37842 22.1848H9.99512C9.99512 22.4283 10.0327 22.6342 10.1079 22.8025C10.1831 22.9708 10.2887 23.1069 10.4248 23.2107C10.5645 23.3145 10.7292 23.3897 10.9189 23.4363C11.1123 23.4828 11.3236 23.5061 11.5527 23.5061C11.832 23.5061 12.0612 23.4667 12.2402 23.3879C12.4229 23.3092 12.5571 23.2 12.6431 23.0603C12.7326 22.9207 12.7773 22.7631 12.7773 22.5876ZM21.9082 20.5413V20.9119C21.9082 21.5063 21.8276 22.0398 21.6665 22.5125C21.5054 22.9851 21.278 23.3879 20.9844 23.7209C20.6908 24.0504 20.3398 24.3028 19.9316 24.4783C19.527 24.6537 19.0776 24.7415 18.5835 24.7415C18.0929 24.7415 17.6436 24.6537 17.2354 24.4783C16.8307 24.3028 16.4798 24.0504 16.1826 23.7209C15.8854 23.3879 15.6545 22.9851 15.4897 22.5125C15.3286 22.0398 15.248 21.5063 15.248 20.9119V20.5413C15.248 19.9433 15.3286 19.4097 15.4897 18.9407C15.6509 18.468 15.8783 18.0652 16.1719 17.7322C16.4691 17.3992 16.82 17.1449 17.2246 16.9695C17.6328 16.794 18.0822 16.7063 18.5728 16.7063C19.0669 16.7063 19.5163 16.794 19.9209 16.9695C20.3291 17.1449 20.68 17.3992 20.9736 17.7322C21.2708 18.0652 21.5 18.468 21.6611 18.9407C21.8258 19.4097 21.9082 19.9433 21.9082 20.5413ZM20.2808 20.9119V20.5305C20.2808 20.1152 20.2432 19.7499 20.168 19.4348C20.0928 19.1197 19.9818 18.8547 19.835 18.6399C19.6882 18.425 19.5091 18.2639 19.2979 18.1565C19.0866 18.0455 18.8449 17.99 18.5728 17.99C18.3006 17.99 18.0589 18.0455 17.8477 18.1565C17.64 18.2639 17.4627 18.425 17.3159 18.6399C17.1727 18.8547 17.0635 19.1197 16.9883 19.4348C16.9131 19.7499 16.8755 20.1152 16.8755 20.5305V20.9119C16.8755 21.3236 16.9131 21.6889 16.9883 22.0076C17.0635 22.3227 17.1745 22.5894 17.3213 22.8079C17.4681 23.0227 17.6471 23.1856 17.8584 23.2966C18.0697 23.4076 18.3114 23.4631 18.5835 23.4631C18.8556 23.4631 19.0973 23.4076 19.3086 23.2966C19.5199 23.1856 19.6971 23.0227 19.8403 22.8079C19.9836 22.5894 20.0928 22.3227 20.168 22.0076C20.2432 21.6889 20.2808 21.3236 20.2808 20.9119ZM29.4331 16.8137V24.634H27.8218L24.6797 19.3918V24.634H23.0684V16.8137H24.6797L27.8271 22.0613V16.8137H29.4331Z" fill="white"/>
-</g>
-<defs>
-<clipPath id="clip0_59_4896">
-<rect width="32" height="40" fill="white"/>
-</clipPath>
-</defs>
-</svg>
diff --git a/alfa-client/libs/design-system/src/assets/svgs/pdf.svg b/alfa-client/libs/design-system/src/assets/svgs/pdf.svg
deleted file mode 100644
index b480448f3e8b754c2df68715d56af88df980a0a6..0000000000000000000000000000000000000000
--- a/alfa-client/libs/design-system/src/assets/svgs/pdf.svg
+++ /dev/null
@@ -1,23 +0,0 @@
-<svg width="32" height="40" viewBox="0 0 32 40" fill="none" xmlns="http://www.w3.org/2000/svg">
- <g opacity="0.92" clip-path="url(#clip0_59_4634)">
- <g clip-path="url(#clip1_59_4634)">
- <path
- d="M32 12L20 0H4C1.8 0 0.0200005 1.8 0.0200005 4L0 36C0 38.2 1.78 40 3.98 40H28C30.2 40 32 38.2 32 36V12ZM28 36H4V4H18V14H28V36Z"
- fill="#D3483E"
- />
- <path d="M18.2731 2.85965H2.85642V37.1454H29.285V13.5739H18.2731V2.85965Z" fill="#D3483E" />
- <path
- d="M5.91553 24.634V16.634H9.07178C9.67855 16.634 10.1955 16.7499 10.6226 16.9817C11.0496 17.2109 11.3752 17.5299 11.5991 17.9387C11.8257 18.345 11.939 18.8137 11.939 19.345C11.939 19.8762 11.8244 20.345 11.5952 20.7512C11.366 21.1575 11.034 21.4739 10.5991 21.7004C10.1668 21.927 9.64339 22.0403 9.02881 22.0403H7.01709V20.6848H8.75537C9.08089 20.6848 9.34912 20.6288 9.56006 20.5168C9.7736 20.4023 9.93245 20.2447 10.0366 20.0442C10.1434 19.8411 10.1968 19.608 10.1968 19.345C10.1968 19.0793 10.1434 18.8476 10.0366 18.6497C9.93245 18.4491 9.7736 18.2942 9.56006 18.1848C9.34652 18.0728 9.07568 18.0168 8.74756 18.0168H7.60693V24.634H5.91553ZM15.8735 24.634H13.0376V16.634H15.897C16.7017 16.634 17.3944 16.7942 17.9751 17.1145C18.5558 17.4322 19.0024 17.8892 19.3149 18.4856C19.63 19.0819 19.7876 19.7955 19.7876 20.6262C19.7876 21.4596 19.63 22.1757 19.3149 22.7747C19.0024 23.3736 18.5532 23.8333 17.9673 24.1536C17.384 24.4739 16.686 24.634 15.8735 24.634ZM14.729 23.1848H15.8032C16.3032 23.1848 16.7238 23.0963 17.0649 22.9192C17.4087 22.7395 17.6665 22.4622 17.8384 22.0872C18.0129 21.7096 18.1001 21.2226 18.1001 20.6262C18.1001 20.0351 18.0129 19.552 17.8384 19.177C17.6665 18.802 17.41 18.526 17.0688 18.3489C16.7277 18.1718 16.3071 18.0833 15.8071 18.0833H14.729V23.1848ZM21.0405 24.634V16.634H26.3374V18.0286H22.7319V19.9348H25.9858V21.3293H22.7319V24.634H21.0405Z"
- fill="white"
- />
- </g>
- </g>
- <defs>
- <clipPath id="clip0_59_4634">
- <rect width="32" height="40" fill="white" />
- </clipPath>
- <clipPath id="clip1_59_4634">
- <rect width="32" height="40" fill="white" />
- </clipPath>
- </defs>
-</svg>
diff --git a/alfa-client/libs/design-system/src/assets/svgs/xml.svg b/alfa-client/libs/design-system/src/assets/svgs/xml.svg
deleted file mode 100644
index 90a65b983754f7391d7abb80757bc11e44bd7edd..0000000000000000000000000000000000000000
--- a/alfa-client/libs/design-system/src/assets/svgs/xml.svg
+++ /dev/null
@@ -1,17 +0,0 @@
-<svg width="32" height="40" viewBox="0 0 32 40" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g opacity="0.92" clip-path="url(#clip0_59_4893)">
-<g clip-path="url(#clip1_59_4893)">
-<path d="M32 12L20 0H4C1.8 0 0.0200005 1.8 0.0200005 4L0 36C0 38.2 1.78 40 3.98 40H28C30.2 40 32 38.2 32 36V12ZM28 36H4V4H18V14H28V36Z" fill="#C4C4C4"/>
-<path d="M18.2731 2.85965H2.85642V37.1454H29.285V13.5739H18.2731V2.85965Z" fill="#C4C4C4"/>
-<path d="M6.74023 16.8137L8.21191 19.5422L9.68359 16.8137H11.5259L9.25391 20.6917L11.585 24.634H9.72656L8.21191 21.8518L6.69727 24.634H4.82812L7.16455 20.6917L4.88721 16.8137H6.74023ZM13.1318 16.8137H14.4961L16.5049 22.5554L18.5137 16.8137H19.8779L17.0527 24.634H15.957L13.1318 16.8137ZM12.396 16.8137H13.7549L14.002 22.4104V24.634H12.396V16.8137ZM19.2549 16.8137H20.6191V24.634H19.0078V22.4104L19.2549 16.8137ZM27.0591 23.3772V24.634H23.1221V23.3772H27.0591ZM23.6431 16.8137V24.634H22.0317V16.8137H23.6431Z" fill="white"/>
-</g>
-</g>
-<defs>
-<clipPath id="clip0_59_4893">
-<rect width="32" height="40" fill="white"/>
-</clipPath>
-<clipPath id="clip1_59_4893">
-<rect width="32" height="40" fill="white"/>
-</clipPath>
-</defs>
-</svg>
diff --git a/alfa-client/libs/design-system/src/index.ts b/alfa-client/libs/design-system/src/index.ts
index 66b042f3940d601ad165256fc1e8ab4aea9d2191..c89fdc18cbdb2a3a59d664a27d0a5800b1b6371c 100644
--- a/alfa-client/libs/design-system/src/index.ts
+++ b/alfa-client/libs/design-system/src/index.ts
@@ -1,4 +1,11 @@
+export * from './lib/attachment/attachment.component';
export * from './lib/testbtn/testbtn.component';
+export * from './lib/upoad-file-button/upload-file-button.component';
export * from './lib/form/radio-button-card/radio-button-card.component';
-export * from './lib/attachment/attachment.component';
+
export * from './lib/icons/download-icon/download-icon.component';
+export * from './lib/icons/close-icon/close-icon.component';
+export * from './lib/icons/file-icon/file-icon.component';
+export * from './lib/icons/notice-icon/notice-icon.component';
+export * from './lib/icons/spinner-icon/spinner-icon.component';
+export * from './lib/icons/stamp-icon/stamp-icon.component';
diff --git a/alfa-client/libs/design-system/src/lib/form/radio-button-card/radio-button-card.component.html b/alfa-client/libs/design-system/src/lib/form/radio-button-card/radio-button-card.component.html
index da2b3a9c1a6ac0a16bb5a96a69ce0fd1c57c05b5..a45343e7f65527e107ff0043d2cfd9acf564ec0c 100644
--- a/alfa-client/libs/design-system/src/lib/form/radio-button-card/radio-button-card.component.html
+++ b/alfa-client/libs/design-system/src/lib/form/radio-button-card/radio-button-card.component.html
@@ -1,20 +1,22 @@
-<input
- type="radio"
- class="peer hidden"
- id="{{ name }}_{{ value }}"
- name="{{ name }}"
- formControlName="{{ name }}"
- value="{{ value }}"
-/>
-<label
- for="{{ name }}_{{ value }}"
- class="flex flex-1 cursor-pointer select-none justify-center gap-2 rounded-lg border border-background bg-mainbg px-12 py-5 text-center align-middle text-base peer-checked:font-semibold"
- [ngClass]="
- label === 'bewilligt' ? 'peer-checked:border-bewilligt peer-checked:bg-bewilligt-100'
- : label === 'abgelehnt' ? 'peer-checked:border-abgelehnt peer-checked:bg-abgelehnt-100'
- : 'peer-checked:border-primary peer-checked:bg-background-100'
- "
->
- <ng-content />
- <span>{{ label }}</span>
-</label>
+<div class="flex flex-1">
+ <input
+ type="radio"
+ class="peer hidden"
+ id="{{ name }}_{{ value }}"
+ name="{{ name }}"
+ formControlName="{{ name }}"
+ value="{{ value }}"
+ />
+ <label
+ for="{{ name }}_{{ value }}"
+ class="flex flex-1 cursor-pointer select-none justify-center gap-2 rounded-lg border border-ozggray-700 bg-mainbg px-9 py-4 text-center align-middle text-base peer-checked:font-semibold peer-checked:shadow"
+ [ngClass]="
+ label === 'bewilligt' ? 'peer-checked:border-bewilligt peer-checked:bg-bewilligt-100'
+ : label === 'abgelehnt' ? 'peer-checked:border-abgelehnt peer-checked:bg-abgelehnt-100'
+ : 'peer-checked:border-primary peer-checked:bg-background-100'
+ "
+ >
+ <ng-content />
+ <span>{{ label }}</span>
+ </label>
+</div>
diff --git a/alfa-client/libs/design-system/src/lib/form/radio-button-card/radio-button-card.component.ts b/alfa-client/libs/design-system/src/lib/form/radio-button-card/radio-button-card.component.ts
index 896524b0bf917f6c09b84b6264f7bfab3f3f0c5d..d594f7ab1e1d14a179ca286edcb00e9ecec13006 100644
--- a/alfa-client/libs/design-system/src/lib/form/radio-button-card/radio-button-card.component.ts
+++ b/alfa-client/libs/design-system/src/lib/form/radio-button-card/radio-button-card.component.ts
@@ -7,12 +7,10 @@ import { FormGroupDirective, ControlContainer, ReactiveFormsModule } from '@angu
standalone: true,
imports: [CommonModule, ReactiveFormsModule],
templateUrl: './radio-button-card.component.html',
- styles: [':host {@apply flex flex-1}'],
viewProviders: [{ provide: ControlContainer, useExisting: FormGroupDirective }],
})
export class RadioButtonCardComponent {
@Input() label!: string;
@Input() name!: string;
@Input() value!: string;
- @Input() btnType: string = 'default';
}
diff --git a/alfa-client/libs/design-system/src/lib/icons/download-icon/download-icon.component.html b/alfa-client/libs/design-system/src/lib/icons/download-icon/download-icon.component.html
index 5fbd70e3aea72df8e0321fc16545dded0426c598..6b68517afa5b172234fd2ef9c03cbcedd99324af 100644
--- a/alfa-client/libs/design-system/src/lib/icons/download-icon/download-icon.component.html
+++ b/alfa-client/libs/design-system/src/lib/icons/download-icon/download-icon.component.html
@@ -5,7 +5,7 @@
fill="none"
xmlns="http://www.w3.org/2000/svg"
[attr.role]="isButton ? 'button' : null"
- (click)="isButton ? onClick() : null"
+ (click)="isButton ? handleClick($event) : null"
>
<path
d="M7.99732 12.0054L2.99732 7.00537L4.39732 5.55537L6.99732 8.15537V0.00537109H8.99732V8.15537L11.5973 5.55537L12.9973 7.00537L7.99732 12.0054ZM1.99732 16.0054C1.44731 16.0054 0.976481 15.8095 0.584815 15.4179C0.193148 15.0262 -0.00268555 14.5554 -0.00268555 14.0054V11.0054H1.99732V14.0054H13.9973V11.0054H15.9973V14.0054C15.9973 14.5554 15.8015 15.0262 15.4098 15.4179C15.0182 15.8095 14.5473 16.0054 13.9973 16.0054H1.99732Z"
diff --git a/alfa-client/libs/design-system/src/lib/icons/download-icon/download-icon.component.ts b/alfa-client/libs/design-system/src/lib/icons/download-icon/download-icon.component.ts
index c4ff019bfe69c70c2d64f6372a468c12ed3b9511..d97687cc805bfe3ae1e53711a8c25db3b329a065 100644
--- a/alfa-client/libs/design-system/src/lib/icons/download-icon/download-icon.component.ts
+++ b/alfa-client/libs/design-system/src/lib/icons/download-icon/download-icon.component.ts
@@ -1,4 +1,4 @@
-import { Component, Input } from '@angular/core';
+import { Component, EventEmitter, Input, Output } from '@angular/core';
import { CommonModule } from '@angular/common';
@Component({
@@ -9,9 +9,12 @@ import { CommonModule } from '@angular/common';
})
export class DownloadIconComponent {
@Input() fillColor: string = '#1C1B1F';
- @Input() onClick: () => void = () => {
- //noop
- };
@Input() size: string = '16';
@Input() isButton: boolean = false;
+
+ @Output() public clickHandler = new EventEmitter<MouseEvent>();
+
+ public handleClick(event: MouseEvent) {
+ this.clickHandler.emit(event);
+ }
}
diff --git a/alfa-client/libs/design-system/src/lib/tailwind-preset/tailwind.config.js b/alfa-client/libs/design-system/src/lib/tailwind-preset/tailwind.config.js
index 6acce99afbcb0fe047b4c79070f82b6550ebc30a..ba598aa2b791cdf3e0afe081fe3cfa445f4da26e 100644
--- a/alfa-client/libs/design-system/src/lib/tailwind-preset/tailwind.config.js
+++ b/alfa-client/libs/design-system/src/lib/tailwind-preset/tailwind.config.js
@@ -35,6 +35,7 @@ module.exports = {
100: 'hsl(0, 0%, 92%)',
200: 'hsla(0, 0%, 94%)',
600: 'hsla(0, 0%, 0%, 0.4)',
+ 700: 'hsl(213, 27%, 84%)',
DEFAULT: 'hsl(0, 0%, 98%)',
},
background: {
diff --git a/alfa-client/libs/design-system/src/lib/upoad-file-button/upload-file-button.component.html b/alfa-client/libs/design-system/src/lib/upoad-file-button/upload-file-button.component.html
index 08dea6fdd64cded91e06b54fca132f40c1de3f6d..a1791b0726f6812f47aa020ff630e1eefabc941d 100644
--- a/alfa-client/libs/design-system/src/lib/upoad-file-button/upload-file-button.component.html
+++ b/alfa-client/libs/design-system/src/lib/upoad-file-button/upload-file-button.component.html
@@ -32,7 +32,7 @@
role="button"
[ngClass]="{ 'border-3 border-ozgblue-750': selected }"
class="inline-flex items-center justify-start gap-4 whitespace-nowrap rounded-md bg-background-50 py-2 pl-6 pr-6 text-text hover:bg-background-100 focus:outline-none focus:ring-2 focus:ring-primary"
- (click)="onClick()"
+ (click)="handleClick($event)"
>
<ng-template [ngTemplateOutlet]="content"></ng-template>
</button>
diff --git a/alfa-client/libs/design-system/src/lib/upoad-file-button/upload-file-button.component.ts b/alfa-client/libs/design-system/src/lib/upoad-file-button/upload-file-button.component.ts
index 1589d9cb48e0b3481e33658d54bbb0f3838c1628..89e75b0c13cc4444e4b7b4b1c01b77470414a643 100644
--- a/alfa-client/libs/design-system/src/lib/upoad-file-button/upload-file-button.component.ts
+++ b/alfa-client/libs/design-system/src/lib/upoad-file-button/upload-file-button.component.ts
@@ -1,4 +1,4 @@
-import { Component, Input } from '@angular/core';
+import { Component, EventEmitter, Input, Output } from '@angular/core';
import { CommonModule } from '@angular/common';
import { NoticeIconComponent } from '../icons/notice-icon/notice-icon.component';
@@ -14,10 +14,14 @@ import { FileIconComponent } from '../icons/file-icon/file-icon.component';
export class UploadFileButtonComponent {
@Input() type!: 'button' | 'file';
@Input() text: string = '';
- @Input() iconType: 'attachment' | 'send' | 'save' | 'file-download' | 'auto-create' = 'attachment';
- @Input() selected: boolean = false;
- @Input() onClick: () => void = () => {
- //noop
- };
+ @Input() iconType: 'attachment' | 'send' | 'save' | 'file-download' | 'auto-create' =
+ 'attachment';
@Input() uploadInProgress: boolean = false;
+ @Input() selected: boolean = false;
+
+ @Output() public clickHandler = new EventEmitter<MouseEvent>();
+
+ public handleClick(event: MouseEvent) {
+ this.clickHandler.emit(event);
+ }
}