AAE-40040 Asterisk required issues for radio button and checkboxes

lib/core/src/lib/form/components/widgets/checkbox/checkbox.widget.html

@@ -4,7 +4,7 @@
     <mat-checkbox [id]="field.id"
                   color="primary"
                   class="adf-checkbox"
-                  [required]="isRequired()"
+                  [required]="field.required"
                   [disabled]="field.readOnly || readOnly"
                   [(ngModel)]="field.value"
                   (ngModelChange)="onFieldChanged(field)"

lib/core/src/lib/form/components/widgets/checkbox/checkbox.widget.scss

@@ -8,4 +8,8 @@
             }
         }
     }
+
+    &-asterisk {
+        color: var(--adf-error-color);
+    }
 }

lib/process-services-cloud/src/lib/form/components/widgets/radio-buttons/radio-buttons-cloud.widget.scss

@@ -1,6 +1,13 @@
 .adf {
+    &-asterisk {
+        color: var(--adf-error-color);
+    }
+
     &-radio-buttons-widget-cloud {
         .adf-label {
+            display: flex;
+            align-items: center;
+            gap: 4px;
             font-size: var(--adf-radio-buttons-font-size, var(--adf-form-label-font-size, var(--theme-caption-font-size)));
             font-weight: var(--adf-radio-buttons-font-weight, var(--adf-form-label-font-weight, var(--theme-font-weight)));
             color: var(--adf-radio-buttons-color, var(--adf-form-label-color, var(--adf-theme-foreground-secondary-text-color)));