@provoly/dashboard 0.19.4 → 0.19.6

package/lib/core/i18n/en.translations.d.ts

@@ -66,6 +66,7 @@ export declare const enTranslations: {
                 description: string;
                 saved: string;
                 saveErrorCode: {
+                    UNKNOWN: string;
                     FORBIDDEN: string;
                     NAME_ALREADY_USED: string;
                     SAVE_METADATA: string;
@@ -89,6 +90,7 @@ export declare const enTranslations: {
                 };
                 saved: string;
                 saveErrorCode: {
+                    UNKNOWN: string;
                     NAME_ALREADY_USED: string;
                 };
             };
@@ -332,6 +334,7 @@ export declare const enTranslations: {
                 value: string;
                 values: string;
                 validate: string;
+                limit: string;
             };
             attributes: {
                 datasource: string;

package/lib/core/i18n/fr.translations.d.ts

@@ -66,6 +66,7 @@ export declare const frTranslations: {
                 description: string;
                 saved: string;
                 saveErrorCode: {
+                    UNKNOWN: string;
                     FORBIDDEN: string;
                     NAME_ALREADY_USED: string;
                     SAVE_METADATA: string;
@@ -88,6 +89,7 @@ export declare const frTranslations: {
                     name: string;
                 };
                 saveErrorCode: {
+                    UNKNOWN: string;
                     NAME_ALREADY_USED: string;
                 };
                 saved: string;
@@ -332,6 +334,7 @@ export declare const frTranslations: {
                 value: string;
                 values: string;
                 validate: string;
+                limit: string;
             };
             attributes: {
                 datasource: string;

package/lib/core/model/display-options.interface.d.ts

@@ -1,3 +1,4 @@
+import { ViewMode } from '../../dashboard/store/dashboard.actions';
 export interface DisplayOptions {
     presentationTitle: boolean;
     search: boolean;
@@ -15,11 +16,5 @@ export interface ToolboxDisplayOptions {
     refresh_datasets: boolean;
     automate_refresh: boolean;
 }
-export declare enum DisplayMode {
-    CONSULT = "CONSULT",
-    CREATE = "CREATE",
-    EDIT = "EDIT",
-    SEARCH = "SEARCH",
-    CUSTOM = "CUSTOM"
-}
-export declare function getDisplayOptions(mode?: DisplayMode): DisplayOptions;
+export declare const BASE_DISPLAY_OPTIONS: DisplayOptions;
+export declare function getDisplayOptions(mode?: ViewMode): DisplayOptions;

package/lib/core/model/filter.interface.d.ts

@@ -12,6 +12,7 @@ export interface Filter {
     value?: string | number;
     possibleValues?: string;
     hasDateRange?: boolean;
+    limit?: number;
 }
 export interface FilterContext {
     attribute: string;

package/lib/core/store/search/search.service.d.ts

@@ -45,7 +45,7 @@ export declare class SearchService {
         name: string;
         label: string;
         datasource: string;
-    }[] | undefined, search: string): Observable<string[]>;
+    }[] | undefined, search: string, limit?: number): Observable<string[]>;
     static ɵfac: i0.ɵɵFactoryDeclaration<SearchService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<SearchService>;
 }

package/lib/dashboard/store/dashboard.actions.d.ts

@@ -1,6 +1,6 @@
 import { PryVisibility } from '../../core/components/share/share.model';
 import { PrySnackMessage } from '../../core/components/snackbar/snack.interface';
-import { DisplayMode, DisplayOptions } from '../../core/model/display-options.interface';
+import { DisplayOptions } from '../../core/model/display-options.interface';
 import { Filter } from '../../core/model/filter.interface';
 import { Item } from '../../core/model/item.interface';
 import { DashboardGridLayout, DashboardManifest, GlobalManifest, ManifestDescription, WidgetManifest } from '../../core/model/manifest.interface';
@@ -25,7 +25,9 @@ export declare enum ViewMode {
     CONSULT = "consult",
     CREATION = "creation",
     EDITION = "edition",
-    EDITOR = "editor"
+    EDITOR = "editor",
+    SEARCH = "search",
+    CUSTOM = "custom"
 }
 export declare const DashboardActions: {
     join: import("@ngrx/store").ActionCreator<"[Dashboard] joined", (props: {
@@ -148,9 +150,9 @@ export declare const DashboardActions: {
         viewMode?: ViewMode | undefined;
     } & import("@ngrx/store/src/models").TypedAction<"[Dashboard] (bus) selectPresentation">>;
     setInitialPresentation: import("@ngrx/store").ActionCreator<"[Dashboard] (bus) set initial presentation", (props: {
-        initial: GlobalManifest;
+        initial?: GlobalManifest | undefined;
     }) => {
-        initial: GlobalManifest;
+        initial?: GlobalManifest | undefined;
     } & import("@ngrx/store/src/models").TypedAction<"[Dashboard] (bus) set initial presentation">>;
     declareSenderId: import("@ngrx/store").ActionCreator<"[Dashboard] self-updating manifest", (props: {
         tenants: string[];
@@ -452,10 +454,10 @@ export declare const DashboardActions: {
         features: any;
     } & import("@ngrx/store/src/models").TypedAction<"[Widget map] Set Wms layer features">>;
     updateDisplayOptions: import("@ngrx/store").ActionCreator<"[Dashboard/Display] (bus) Update displayed dashboard management features", (props: {
-        mode: DisplayMode;
+        mode: ViewMode;
         customDisplay?: DisplayOptions | undefined;
     }) => {
-        mode: DisplayMode;
+        mode: ViewMode;
         customDisplay?: DisplayOptions | undefined;
     } & import("@ngrx/store/src/models").TypedAction<"[Dashboard/Display] (bus) Update displayed dashboard management features">>;
     getCapability: import("@ngrx/store").ActionCreator<"[Widget map] Get Wms capability", (props: {

package/lib/dashboard/store/dashboard.effects.d.ts

@@ -10,6 +10,7 @@ import { SearchService } from '../../core/store/search/search.service';
 import { ToolboxManifestService } from '../../core/toolbox/toolbox-manifest.service';
 import { BusService } from '../action-bus/service/bus.service';
 import { DashboardInitService } from './dashboard-init.service';
+import { ViewMode } from './dashboard.actions';
 import { ManifestService } from './manifest.service';
 import { RefreshService } from './refresh.service';
 import { PryTitleService } from './title.service';
@@ -43,7 +44,7 @@ export declare class DashboardEffects {
         presentation?: {
             current?: import("../../core/model/manifest.interface").ManifestDescription | undefined;
             initial?: GlobalManifest | undefined;
-            viewMode?: import("./dashboard.actions").ViewMode | undefined;
+            viewMode?: ViewMode | undefined;
         } | undefined;
         display?: import("@provoly/dashboard").DisplayOptions | undefined;
     } & import("@ngrx/store/src/models").TypedAction<"[Dashboard] (bus) updating manifest after tenant join">> & import("@ngrx/effects").CreateEffectMetadata;
@@ -143,7 +144,7 @@ export declare class DashboardEffects {
         presentation?: {
             current?: import("../../core/model/manifest.interface").ManifestDescription | undefined;
             initial?: GlobalManifest | undefined;
-            viewMode?: import("./dashboard.actions").ViewMode | undefined;
+            viewMode?: ViewMode | undefined;
         } | undefined;
         display?: import("@provoly/dashboard").DisplayOptions | undefined;
     } & import("@ngrx/store/src/models").TypedAction<"[Dashboard] (bus) updating manifest after tenant join">) | ({
@@ -166,7 +167,7 @@ export declare class DashboardEffects {
         filters?: import("@provoly/dashboard").Filter[] | undefined;
     }]> & import("@ngrx/effects").CreateEffectMetadata;
     saveManifest$: import("rxjs").Observable<import("@ngrx/store/src/models").TypedAction<"[Dashboard] (bus) fetching available manifests"> | ({
-        initial: GlobalManifest;
+        initial?: GlobalManifest | undefined;
     } & import("@ngrx/store/src/models").TypedAction<"[Dashboard] (bus) set initial presentation">)> & import("@ngrx/effects").CreateEffectMetadata;
     listManifests$: import("rxjs").Observable<{
         manifests: import("../../core/model/manifest.interface").ManifestDescription[];
@@ -243,8 +244,11 @@ export declare class DashboardEffects {
         manifestId?: string | undefined;
         selectedIds: string[];
     } & import("@ngrx/store/src/models").TypedAction<"[Dashboard] (bus) updating manifest">) | ({
-        initial: GlobalManifest;
-    } & import("@ngrx/store/src/models").TypedAction<"[Dashboard] (bus) set initial presentation">)> & import("@ngrx/effects").CreateEffectMetadata;
+        initial?: GlobalManifest | undefined;
+    } & import("@ngrx/store/src/models").TypedAction<"[Dashboard] (bus) set initial presentation">) | ({
+        mode: ViewMode;
+        customDisplay?: import("@provoly/dashboard").DisplayOptions | undefined;
+    } & import("@ngrx/store/src/models").TypedAction<"[Dashboard/Display] (bus) Update displayed dashboard management features">)> & import("@ngrx/effects").CreateEffectMetadata;
     constructor(dashboardInitService: DashboardInitService, actions$: Actions, store: Store<any>, manifestService: ManifestService, itemService: ItemService, titleService: PryTitleService, translateService: PryI18nService, snackBar: PrySnackbarService, router: Router, refreshService: RefreshService, toolboxManifestService: ToolboxManifestService, busService: BusService, searchService: SearchService, pryDialog: PryDialogService, wmsService: WmsService, widgetFactoryService: WidgetFactoryService);
     static ɵfac: i0.ɵɵFactoryDeclaration<DashboardEffects, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<DashboardEffects>;

package/lib/dashboard/store/dashboard.selectors.d.ts

@@ -349,7 +349,7 @@ export declare const DashboardSelectors: {
         [datasourceId: string]: FilterContext[];
     }>;
     wmsFeatures: MemoizedSelector<object, any[], (s1: DashboardState) => any[]>;
-    displayOptions: MemoizedSelector<object, import("@provoly/dashboard").DisplayOptions | undefined, (s1: DashboardState) => import("@provoly/dashboard").DisplayOptions | undefined>;
+    displayOptions: MemoizedSelector<object, import("../../core/model/display-options.interface").DisplayOptions, (s1: DashboardState) => import("../../core/model/display-options.interface").DisplayOptions>;
     capabilities: MemoizedSelector<object, {
         [url: string]: import("@provoly/dashboard").GetCapabilitiesResponse | null;
     }, (s1: DashboardState) => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@provoly/dashboard",
-  "version": "0.19.4",
+  "version": "0.19.6",
   "type": "commonjs",
   "peerDependencies": {
     "@angular/cdk": "14.x || 15.x || 16.x",
@@ -139,36 +139,6 @@
       "esm": "./esm2022/toolbox/provoly-dashboard-toolbox.mjs",
       "default": "./fesm2022/provoly-dashboard-toolbox.mjs"
     },
-    "./filters/autocomplete": {
-      "types": "./filters/autocomplete/index.d.ts",
-      "esm2022": "./esm2022/filters/autocomplete/provoly-dashboard-filters-autocomplete.mjs",
-      "esm": "./esm2022/filters/autocomplete/provoly-dashboard-filters-autocomplete.mjs",
-      "default": "./fesm2022/provoly-dashboard-filters-autocomplete.mjs"
-    },
-    "./filters/date": {
-      "types": "./filters/date/index.d.ts",
-      "esm2022": "./esm2022/filters/date/provoly-dashboard-filters-date.mjs",
-      "esm": "./esm2022/filters/date/provoly-dashboard-filters-date.mjs",
-      "default": "./fesm2022/provoly-dashboard-filters-date.mjs"
-    },
-    "./filters/list": {
-      "types": "./filters/list/index.d.ts",
-      "esm2022": "./esm2022/filters/list/provoly-dashboard-filters-list.mjs",
-      "esm": "./esm2022/filters/list/provoly-dashboard-filters-list.mjs",
-      "default": "./fesm2022/provoly-dashboard-filters-list.mjs"
-    },
-    "./filters/number": {
-      "types": "./filters/number/index.d.ts",
-      "esm2022": "./esm2022/filters/number/provoly-dashboard-filters-number.mjs",
-      "esm": "./esm2022/filters/number/provoly-dashboard-filters-number.mjs",
-      "default": "./fesm2022/provoly-dashboard-filters-number.mjs"
-    },
-    "./filters/text": {
-      "types": "./filters/text/index.d.ts",
-      "esm2022": "./esm2022/filters/text/provoly-dashboard-filters-text.mjs",
-      "esm": "./esm2022/filters/text/provoly-dashboard-filters-text.mjs",
-      "default": "./fesm2022/provoly-dashboard-filters-text.mjs"
-    },
     "./components/card": {
       "types": "./components/card/index.d.ts",
       "esm2022": "./esm2022/components/card/provoly-dashboard-components-card.mjs",
@@ -223,6 +193,36 @@
       "esm": "./esm2022/components/stepper/provoly-dashboard-components-stepper.mjs",
       "default": "./fesm2022/provoly-dashboard-components-stepper.mjs"
     },
+    "./filters/autocomplete": {
+      "types": "./filters/autocomplete/index.d.ts",
+      "esm2022": "./esm2022/filters/autocomplete/provoly-dashboard-filters-autocomplete.mjs",
+      "esm": "./esm2022/filters/autocomplete/provoly-dashboard-filters-autocomplete.mjs",
+      "default": "./fesm2022/provoly-dashboard-filters-autocomplete.mjs"
+    },
+    "./filters/date": {
+      "types": "./filters/date/index.d.ts",
+      "esm2022": "./esm2022/filters/date/provoly-dashboard-filters-date.mjs",
+      "esm": "./esm2022/filters/date/provoly-dashboard-filters-date.mjs",
+      "default": "./fesm2022/provoly-dashboard-filters-date.mjs"
+    },
+    "./filters/list": {
+      "types": "./filters/list/index.d.ts",
+      "esm2022": "./esm2022/filters/list/provoly-dashboard-filters-list.mjs",
+      "esm": "./esm2022/filters/list/provoly-dashboard-filters-list.mjs",
+      "default": "./fesm2022/provoly-dashboard-filters-list.mjs"
+    },
+    "./filters/number": {
+      "types": "./filters/number/index.d.ts",
+      "esm2022": "./esm2022/filters/number/provoly-dashboard-filters-number.mjs",
+      "esm": "./esm2022/filters/number/provoly-dashboard-filters-number.mjs",
+      "default": "./fesm2022/provoly-dashboard-filters-number.mjs"
+    },
+    "./filters/text": {
+      "types": "./filters/text/index.d.ts",
+      "esm2022": "./esm2022/filters/text/provoly-dashboard-filters-text.mjs",
+      "esm": "./esm2022/filters/text/provoly-dashboard-filters-text.mjs",
+      "default": "./fesm2022/provoly-dashboard-filters-text.mjs"
+    },
     "./pipeline-components/filter": {
       "types": "./pipeline-components/filter/index.d.ts",
       "esm2022": "./esm2022/pipeline-components/filter/provoly-dashboard-pipeline-components-filter.mjs",

package/presentation/components/add-edit-presentation/add-edit-presentation.component.d.ts

@@ -2,7 +2,7 @@ import { AfterViewInit, EventEmitter, OnInit } from '@angular/core';
 import { FormGroup } from '@angular/forms';
 import { Router } from '@angular/router';
 import { Store } from '@ngrx/store';
-import { DashboardGridLayout, GlobalManifest, LibraryTypes, ManifestDescription, SubscriptionnerDirective } from '@provoly/dashboard';
+import { DashboardGridLayout, GlobalManifest, IMetadata, LibraryTypes, ManifestDescription, SubscriptionnerDirective } from '@provoly/dashboard';
 import { BehaviorSubject, Observable } from 'rxjs';
 import { MetaEventType } from '@provoly/dashboard/components/metadata-editor';
 import * as i0 from "@angular/core";
@@ -18,7 +18,11 @@ export declare class PryAddEditPresentationComponent extends SubscriptionnerDire
     goBack: EventEmitter<void>;
     type: LibraryTypes;
     chosenLayout: DashboardGridLayout;
+    possibleThemes: string[];
+    metadataDefs: IMetadata[] | undefined;
+    metadataThemeId: string;
     set selectedPresentation(presentation: ManifestDescription | null);
+    mode: 'theme' | 'meta';
     constructor(store: Store, router: Router);
     ngOnInit(): void;
     ngAfterViewInit(): void;
@@ -28,6 +32,10 @@ export declare class PryAddEditPresentationComponent extends SubscriptionnerDire
     addMetadata(metadata: MetaEventType): void;
     removeMetadata(metadata: MetaEventType): void;
     close(): void;
+    metadata(): {
+        metadataDef: IMetadata;
+        value: any;
+    }[];
     static ɵfac: i0.ɵɵFactoryDeclaration<PryAddEditPresentationComponent, [null, { optional: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PryAddEditPresentationComponent, "pry-add-edit-presentation", never, { "edition": { "alias": "edition"; "required": false; }; "editionStartUrl": { "alias": "editionStartUrl"; "required": false; }; "selectedPresentation": { "alias": "selectedPresentation"; "required": false; }; }, { "goBack": "goBack"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PryAddEditPresentationComponent, "pry-add-edit-presentation", never, { "edition": { "alias": "edition"; "required": false; }; "editionStartUrl": { "alias": "editionStartUrl"; "required": false; }; "selectedPresentation": { "alias": "selectedPresentation"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; }, { "goBack": "goBack"; }, never, never, false, never>;
 }

package/presentation/components/presentation.component.d.ts

@@ -1,5 +1,5 @@
 import { Overlay, OverlayRef } from '@angular/cdk/overlay';
-import { ElementRef, TemplateRef, ViewContainerRef } from '@angular/core';
+import { ElementRef, NgZone, TemplateRef, ViewContainerRef } from '@angular/core';
 import { ActivatedRoute, Router } from '@angular/router';
 import { Store } from '@ngrx/store';
 import { DashboardManifest, ManifestDescription, PryTitleService, PryVisibility, PryVisibilityType, SubscriptionnerDirective, ViewMode } from '@provoly/dashboard';
@@ -12,6 +12,7 @@ export declare class PryPresentationComponent extends SubscriptionnerDirective {
     protected router: Router;
     protected titleService: PryTitleService;
     protected activatedRoute: ActivatedRoute;
+    protected ngZone: NgZone;
     manifests$: Observable<ManifestDescription[]>;
     selectedPresentation$: BehaviorSubject<ManifestDescription | null>;
     presentation?: ManifestDescription;
@@ -36,8 +37,9 @@ export declare class PryPresentationComponent extends SubscriptionnerDirective {
     search$: BehaviorSubject<string>;
     filteredPresentations$: Observable<ManifestDescription[]>;
     listOfManifests$: BehaviorSubject<ManifestDescription[] | null>;
+    mode: 'theme' | 'meta';
     set listOfManifests(manifests: ManifestDescription[] | null);
-    constructor(store: Store<any>, overlay: Overlay, viewContainerRef: ViewContainerRef, router: Router, titleService: PryTitleService, activatedRoute: ActivatedRoute);
+    constructor(store: Store<any>, overlay: Overlay, viewContainerRef: ViewContainerRef, router: Router, titleService: PryTitleService, activatedRoute: ActivatedRoute, ngZone: NgZone);
     closeRestitution(): void;
     fetch(presentation: ManifestDescription): void;
     creation(): void;
@@ -49,5 +51,5 @@ export declare class PryPresentationComponent extends SubscriptionnerDirective {
     focusCrossElement(): void;
     focusValidation(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<PryPresentationComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PryPresentationComponent, "pry-presentation", never, { "editionStartUrl": { "alias": "editionStartUrl"; "required": false; }; "consultStartUrl": { "alias": "consultStartUrl"; "required": false; }; "meAsOwner": { "alias": "meAsOwner"; "required": false; }; "listOfManifests": { "alias": "listOfManifests"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PryPresentationComponent, "pry-presentation", never, { "editionStartUrl": { "alias": "editionStartUrl"; "required": false; }; "consultStartUrl": { "alias": "consultStartUrl"; "required": false; }; "meAsOwner": { "alias": "meAsOwner"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "listOfManifests": { "alias": "listOfManifests"; "required": false; }; }, {}, never, never, false, never>;
 }

package/styles/components/_a-btn.scss

@@ -7,11 +7,8 @@
   align-items: center;
   justify-content: center;
   width: max-content;
-  height: toRem(44);
-  padding: toRem(8) toRem(22);
   border: 0 solid transparent;
   background-color: transparent;
-  font-size: inherit;
   text-align: center;
   white-space: normal;
   letter-spacing: 0;
@@ -19,6 +16,17 @@
   cursor: pointer;
   user-select: none;
   transition: all 0.24s ease-in-out;
+
+  gap: toRem(3);
+  height: toRem(30);
+  padding: toRem(8) toRem(12);
+  font-size: toRem(12);
+  line-height: toRem(13);
+
+  &.-circle {
+    width: toRem(34);
+    height: toRem(34);
+  }
 }
 
 .a-btn {
@@ -164,20 +172,6 @@
     }
   }
 
-  &.-size-sm {
-    gap: toRem(3);
-    height: toRem(30);
-    padding-left: toRem(12);
-    padding-right: toRem(12);
-    font-size: toRem(10);
-    line-height: toRem(13);
-
-    &.-circle {
-      width: toRem(34);
-      height: toRem(34);
-    }
-  }
-
   &.-size-md {
     gap: toRem(5);
     height: toRem(34);

package/styles-theme/base-theme/_typography.theme.scss

@@ -2,12 +2,13 @@
 @use '../abstracts-theme/variables.theme' as *;
 
 body {
-  color: themed($theme-map, 'color', 'primary', 700);
+  color: themed($theme-map, 'color', 'graph', 01);
   @include typography-level(themed($theme-map, 'typography', 'body'));
 }
 
 .a-h1,
 h1 {
+  color: themed($theme-map, 'color', 'graph', 02);
   @include typography-level(themed($theme-map, 'typography', 'title-1'));
 }
 

package/styles-theme/components-theme/_a-btn.theme.scss

@@ -9,6 +9,7 @@
 
   // Default btn settings
   border-radius: $btn-radius-default;
+  color: themed($theme-map, 'color', 'graph', 01);
   @include typography-level(themed($theme-map, 'typography', 'button'));
 
   &--primary,
@@ -37,12 +38,12 @@
   &--secondary,
   &.a-btn--secondary.-circle {
     border: 1px solid themed($theme-map, 'color', 'primary', 500);
-    color: themed($theme-map, 'color', 'primary', 700);
+    color: themed($theme-map, 'color', 'graph', 01);
     background-color: transparent;
 
     &:hover {
       border: 1px solid themed($theme-map, 'color', 'primary', 600);
-      color: themed($theme-map, 'color', 'primary', 700);
+      color: themed($theme-map, 'color', 'graph', 01);
     }
 
     &:focus,
@@ -147,7 +148,7 @@
 
   // Action add item, circled icon on left + text on right
   &--iconcircle-text {
-    color: themed($theme-map, 'color', 'primary', 700);
+    color: themed($theme-map, 'color', 'graph', 01);
     font-weight: 400;
     font-size: 14px;
 

package/styles-theme/components-theme/_a-form-field.theme.scss

@@ -7,7 +7,7 @@
   @include typography-level(themed($theme-map, 'typography', 'form-field'));
   border-color: themed($theme-map, 'color', 'primary', 400);
   border-radius: toRem(4);
-  color: themed($theme-map, 'color', 'primary', 700);
+  color: themed($theme-map, 'color', 'graph', 01);
   background-color: themed($theme-map, 'color', 'primary', 'contrast', 700);
 
   &[aria-invalid='true'] {

package/styles-theme/components-theme/_a-label.theme.scss

@@ -6,7 +6,7 @@
   @include typography-level(themed($theme-map, 'typography', 'label'));
 
   &--help {
-    color: themed($theme-map, 'color', 'primary', 700);
+    color: themed($theme-map, 'color', 'graph', 01);
     font-size: toRem(13);
   }
 

package/styles-theme/components-theme/_a-pry-select.theme.scss

@@ -35,7 +35,7 @@
 
   &.ng-select .ng-select-container {
     border-color: themed($theme-map, 'color', 'primary', 400);
-    color: themed($theme-map, 'color', 'primary', 700);
+    color: themed($theme-map, 'color', 'graph', 01);
     background-color: themed($theme-map, 'color', 'primary', 'contrast', 700);
   }
 

package/styles-theme/components-theme/_a-table.theme.scss

@@ -9,7 +9,7 @@
 
   thead {
     tr {
-      border-bottom-color: themed($theme-map, 'color', 'primary', 700);
+      border-bottom-color: themed($theme-map, 'color', 'graph', 01);
 
       th {
         color: themed($theme-map, 'color', 'primary', 600);
@@ -28,7 +28,7 @@
       &.is-selected,
       &:hover {
         td {
-          color: themed($theme-map, 'color', 'primary', 700);
+          color: themed($theme-map, 'color', 'graph', 01);
           background-color: themed($theme-map, 'color', 'primary', 200);
 
           &.view-details {

package/styles-theme/components-theme/_m-context-menu.theme.scss

@@ -13,7 +13,7 @@
     &__item {
       a[href],
       .a-btn {
-        color: themed($theme-map, 'color', 'primary', 700);
+        color: themed($theme-map, 'color', 'graph', 01);
         font-size: toRem(14);
         font-weight: 400;
 

package/styles-theme/components-theme/_m-filter.theme.scss

@@ -9,7 +9,7 @@
 
   &__input-wrapper {
     border: 1px solid themed($theme-map, 'color', 'primary', 400);
-    color: themed($theme-map, 'color', 'primary', 700);
+    color: themed($theme-map, 'color', 'graph', 01);
     background-color: themed($theme-map, 'color', 'primary', 'contrast', 700);
 
     .pry-select {

package/styles-theme/components-theme/_m-time-picker.theme.scss

@@ -10,7 +10,7 @@
   &__list {
     &__item {
       button {
-        color: themed($theme-map, 'color', 'primary', 700);
+        color: themed($theme-map, 'color', 'graph', 01);
 
         &:hover {
           background-color: themed($theme-map, 'color', 'primary', 50);

package/styles-theme/components-theme/_o-date-picker.theme.scss

@@ -23,7 +23,7 @@
     }
 
     .a-time {
-      color: themed($theme-map, 'color', 'primary', 700);
+      color: themed($theme-map, 'color', 'graph', 01);
     }
   }
 

package/styles-theme/components-theme/_o-pry-card-menu.theme.scss

@@ -21,7 +21,7 @@
 
       &:hover,
       &:active {
-        color: themed($theme-map, 'color', 'primary', 700);
+        color: themed($theme-map, 'color', 'graph', 01);
         background-color: themed($theme-map, 'color', 'primary', 200);
         font-weight: 500;
       }

package/styles-theme/components-theme/_o-pry-presentation.theme.scss

@@ -15,8 +15,6 @@
     }
 
     &__txt {
-      color: themed($theme-map, 'color', 'primary', 600);
-
       .a-p {
         &.-date {
           color: themed($theme-map, 'color', 'primary', 500);

package/styles-theme/components-theme/_o-search-fulltext.theme.scss

@@ -4,11 +4,11 @@
 /* Organism - Search full text */
 .o-search-fulltext {
   &__classes {
-    color: themed($theme-map, 'color', 'primary', 700);
+    color: themed($theme-map, 'color', 'graph', 01);
     background-color: themed($theme-map, 'color', 'primary', 'contrast', 700);
 
     &__content {
-      color: themed($theme-map, 'color', 'primary', 700);
+      color: themed($theme-map, 'color', 'graph', 01);
       background-color: themed($theme-map, 'color', 'primary', 300);
     }
 
@@ -23,7 +23,7 @@
   &__classes-overlay {
     &__item {
       &:hover {
-        color: themed($theme-map, 'color', 'primary', 700);
+        color: themed($theme-map, 'color', 'graph', 01);
         background-color: themed($theme-map, 'color', 'primary', 300);
       }
 
@@ -40,11 +40,11 @@
       box-shadow: 1px 0 5px -2px rgba(0, 0, 0, 0.2);
 
       &__item {
-        color: themed($theme-map, 'color', 'primary', 700);
+        color: themed($theme-map, 'color', 'graph', 01);
         background-color: themed($theme-map, 'color', 'primary', 50);
 
         &:hover {
-          border-color: themed($theme-map, 'color', 'primary', 700);
+          border-color: themed($theme-map, 'color', 'graph', 01);
         }
 
         .pry-icon {
@@ -52,12 +52,12 @@
         }
 
         &__selected {
-          border-color: themed($theme-map, 'color', 'primary', 700);
+          border-color: themed($theme-map, 'color', 'graph', 01);
           background-color: themed($theme-map, 'color', 'primary', 50);
           font-weight: 700;
 
           .pry-icon {
-            background-color: themed($theme-map, 'color', 'primary', 700);
+            background-color: themed($theme-map, 'color', 'graph', 01);
           }
         }
       }

package/styles-theme/components-theme/_o-settings.theme.scss

@@ -11,7 +11,7 @@
 
     &__header {
       .a-h2 {
-        color: themed($theme-map, 'color', 'primary', 700);
+        color: themed($theme-map, 'color', 'graph', 01);
         font-size: toRem(18);
       }
 

package/styles-theme/components-theme/_o-widget.theme.scss

@@ -10,9 +10,7 @@
     border-bottom: 1px themed($theme-map, 'color', 'primary', 300) solid;
 
     &__content {
-      &__title {
-        color: themed($theme-map, 'color', 'primary', 800);
-      }
+      color: #113B6E; //themed($theme-map, 'color', 'primary', 800);
     }
   }