minor changes

Author: tumms2021389

packages/angular-sdk-components/src/lib/_components/designSystemExtension/material-case-summary/material-case-summary.component.html

@@ -14,8 +14,8 @@
         <dd class="psdk-csf-primary-field-data" [ngSwitch]="field.type.toLowerCase()">
           <span *ngSwitchCase="'textinput'" class="psdk-csf-text-style">{{ field.config.value }}</span>
           <span *ngSwitchCase="'status'" class="psdk-csf-status-style">{{ field.config.value }}</span>
-          <a *ngSwitchCase="'phone'" class="details-communication-field" as="a" href="tel: {{ field.config.value }}">{{ field.config.value }}</a>
-          <a *ngSwitchCase="'email'" class="details-communication-field" href="mailto: {{ field.config.value }}">{{ field.config.value }}</a>
+          <a *ngSwitchCase="'phone'" class="psdk-primary-color" as="a" href="tel: {{ field.config.value }}">{{ field.config.value }}</a>
+          <a *ngSwitchCase="'email'" class="psdk-primary-color" href="mailto: {{ field.config.value }}">{{ field.config.value }}</a>
           <span *ngSwitchCase="'date'" class="psdk-csf-text-style">{{ field.config.value }}</span>
           <label *ngSwitchCase="'caseoperator'">operator</label>
           <span *ngSwitchDefault class="psdk-csf-text-style">{{ field.config.value }}</span>

packages/angular-sdk-components/src/lib/_components/designSystemExtension/material-case-summary/material-case-summary.component.scss

@@ -106,3 +106,7 @@ span.psdk-csf-status-style {
 .psdk-secondary-value {
   font-size: 1rem;
 }
+
+.psdk-primary-color {
+  color: var(--mat-sys-primary);
+}

packages/angular-sdk-components/src/lib/_components/designSystemExtension/material-details-fields/material-details-fields.component.html

@@ -17,10 +17,10 @@
         <div [ngSwitch]="field.type.toLowerCase()" class="psdk-csf-primary-field-value">
           <span *ngSwitchCase="'textinput'" class="psdk-details-text-style">{{ _getValue(field.config.value) }}</span>
           <span *ngSwitchCase="'status'" class="psdk-details-status-style">{{ _getValue(field.config.value) }}</span>
-          <a *ngSwitchCase="'phone'" class="details-communication-field" as="a" href="tel: {{ field.config.value }}">{{
+          <a *ngSwitchCase="'phone'" class="psdk-primary-color" as="a" href="tel: {{ field.config.value }}">{{
             _getValue(field.config.value)
           }}</a>
-          <a *ngSwitchCase="'email'" class="details-communication-field" href="mailto: {{ field.config.value }}">{{
+          <a *ngSwitchCase="'email'" class="psdk-primary-color" href="mailto: {{ field.config.value }}">{{
             _getValue(field.config.value)
           }}</a>
           <span *ngSwitchCase="'date'" class="psdk-details-text-style">{{ _formatDate(field.config.value, field.type) }}</span>

packages/angular-sdk-components/src/lib/_components/designSystemExtension/material-details-fields/material-details-fields.component.scss

@@ -28,3 +28,7 @@ span.psdk-details-status-style-hf {
 .psdk-csf-primary-field-value {
   margin: 8px 0;
 }
+
+.psdk-primary-color {
+  color: var(--mat-sys-primary);
+}

projects/angular-test-app/src/app/_samples/embedded/embedded.component.ts

@@ -15,8 +15,8 @@ import { MainScreenComponent } from './main-screen/main-screen.component';
 
 import { getSdkComponentMap } from 'packages/angular-sdk-components/src/lib/_bridge/helpers/sdk_component_map';
 import localSdkComponentMap from 'packages/angular-sdk-components/src/sdk-local-component-map';
-import { initializeAuthentication } from './utils';
 import { ThemeService } from 'packages/angular-sdk-components/src/lib/_services/theme.service';
+import { initializeAuthentication } from './utils';
 
 declare global {
   interface Window {

projects/angular-test-app/src/styles.scss

@@ -76,7 +76,3 @@ a.mat-mdc-menu-item > mat-icon {
 .mat-mdc-form-field {
   margin: 8px 0;
 }
-
-.details-communication-field {
-  color: var(--mat-sys-primary);
-}