@alfresco/adf-process-services-cloud 7.1.0-15303058550 → 8.0.0

package/lib/app/components/app-list-cloud/app-list-cloud.component.scss

@@ -1,4 +1,4 @@
-@import 'styles/flex';
+@use '../../../flex' as flex;
 
 adf-cloud-app-list {
     width: 100%;
@@ -29,11 +29,11 @@ adf-cloud-app-list {
             flex: 1 1 100%;
             max-width: 33.3333%;
 
-            @include layout-bp(lt-md) {
+            @include flex.layout-bp(lt-md) {
                 max-width: 50%;
             }
 
-            @include layout-bp(lt-sm) {
+            @include flex.layout-bp(lt-sm) {
                 max-width: 100%;
             }
         }

package/lib/common/date-range-filter/date-range-filter.service.d.ts

@@ -3,7 +3,7 @@ import * as i0 from "@angular/core";
 export declare class DateRangeFilterService {
     currentDate: Date;
     getDateRange(type: DateCloudFilterType): DateRangeFilter;
-    isDateRangeType(type: DateCloudFilterType): boolean;
+    isDateRangeType(type: DateCloudFilterType): type is DateCloudFilterType.RANGE;
     private resetDateRange;
     private getNext7DaysDateRange;
     private getTomorrowDateRange;

package/lib/flex.scss

@@ -0,0 +1,81 @@
+@charset "UTF-8";
+/* stylelint-disable */
+
+// Non-overlapping Material Design breakpoints
+// @type map
+$breakpoints: (
+    xs: (
+        begin: 0,
+        end: 599.9px
+    ),
+    sm: (
+        begin: 600px,
+        end: 959.9px
+    ),
+    md: (
+        begin: 960px,
+        end: 1279.9px
+    ),
+    lg: (
+        begin: 1280px,
+        end: 1919.9px
+    ),
+    xl: (
+        begin: 1920px,
+        end: 4999.99px
+    )
+) !default;
+
+// Overlapping breakpoints that are greater than defined
+// Material Design breakpoints
+// @type map
+$overlapping-gt: (
+    gt-xs: 600px,
+    gt-sm: 960px,
+    gt-md: 1280px,
+    gt-lg: 1920px
+) !default;
+
+// Overlapping breakpoints that are less than defined
+// Material Design breakpoints
+// @type map
+$overlapping-lt: (
+    lt-sm: 599.9px,
+    lt-md: 959.9px,
+    lt-lg: 1279.9px,
+    lt-xl: 1919.9px
+) !default;
+
+// Media Query Mixin, takes a breakpoint and returns a wrapping
+// media query statement
+// e.g.
+//
+// @include layout-bp(xs) {
+//   background-color: red;
+// }
+//
+// becomes
+//
+// @media (min-width: 0px) and (max-width: 599px) {
+//   background-color: red;
+// }
+@mixin layout-bp($bp) {
+    @if map-has-key($breakpoints, $bp) {
+        $min: map-get(map-get($breakpoints, $bp), begin);
+        $max: map-get(map-get($breakpoints, $bp), end);
+        @media (min-width: $min) and (max-width: $max) {
+            @content;
+        }
+    } @else if map-has-key($overlapping-gt, $bp) {
+        $min: map-get($overlapping-gt, $bp);
+        @media (min-width: $min) {
+            @content;
+        }
+    } @else if map-has-key($overlapping-lt, $bp) {
+        $max: map-get($overlapping-lt, $bp);
+        @media (max-width: $max) {
+            @content;
+        }
+    }
+}
+/* stylelint-enable */

package/lib/form/components/form-cloud.component.d.ts

@@ -39,10 +39,10 @@ export declare class FormCloudComponent extends FormBaseComponent implements OnC
     taskId: string;
     /** Custom form values map to be used with the rendered form. */
     data: TaskVariableCloud[];
-    /**
-     * The available display configurations for the form
-     */
+    /** The available display configurations for the form */
     displayModeConfigurations: FormCloudDisplayModeConfiguration[];
+    /** Toggle rendering of the `Complete` button. */
+    showCompleteButton: boolean;
     /** Emitted when the form is submitted with the `Save` or custom outcomes. */
     formSaved: EventEmitter<FormModel>;
     /** Emitted when the form is submitted with the `Complete` outcome. */
@@ -111,5 +111,5 @@ export declare class FormCloudComponent extends FormBaseComponent implements OnC
     findDisplayConfiguration(displayMode?: string): FormCloudDisplayModeConfiguration;
     loadInjectedFieldValidators(injectedFieldValidators: FormFieldValidator[]): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<FormCloudComponent, [{ optional: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<FormCloudComponent, "adf-cloud-form", never, { "appName": { "alias": "appName"; "required": false; }; "appVersion": { "alias": "appVersion"; "required": false; }; "formId": { "alias": "formId"; "required": false; }; "processInstanceId": { "alias": "processInstanceId"; "required": false; }; "taskId": { "alias": "taskId"; "required": false; }; "data": { "alias": "data"; "required": false; }; "displayModeConfigurations": { "alias": "displayModeConfigurations"; "required": false; }; }, { "formSaved": "formSaved"; "formCompleted": "formCompleted"; "formLoaded": "formLoaded"; "formDataRefreshed": "formDataRefreshed"; "formContentClicked": "formContentClicked"; "displayModeOn": "displayModeOn"; "displayModeOff": "displayModeOff"; }, never, ["[empty-form]", "adf-cloud-form-custom-outcomes"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FormCloudComponent, "adf-cloud-form", never, { "appName": { "alias": "appName"; "required": false; }; "appVersion": { "alias": "appVersion"; "required": false; }; "formId": { "alias": "formId"; "required": false; }; "processInstanceId": { "alias": "processInstanceId"; "required": false; }; "taskId": { "alias": "taskId"; "required": false; }; "data": { "alias": "data"; "required": false; }; "displayModeConfigurations": { "alias": "displayModeConfigurations"; "required": false; }; "showCompleteButton": { "alias": "showCompleteButton"; "required": false; }; }, { "formSaved": "formSaved"; "formCompleted": "formCompleted"; "formLoaded": "formLoaded"; "formDataRefreshed": "formDataRefreshed"; "formContentClicked": "formContentClicked"; "displayModeOn": "displayModeOn"; "displayModeOff": "displayModeOff"; }, never, ["[empty-form]", "adf-cloud-form-custom-outcomes"], true, never>;
 }

package/lib/form/components/form-cloud.component.scss

@@ -1,4 +1,4 @@
-@import 'styles/mat-selectors';
+@use '../../mat-selectors' as ms;
 
 /* cspell: disable-next-line */
 /* stylelint-disable scss/at-extend-no-missing-placeholder */
@@ -17,6 +17,7 @@
             flex: 1;
             flex-direction: column;
             display: flex;
+            position: relative;
         }
     }
 
@@ -34,7 +35,7 @@
     }
 
     &-toolbar {
-        #{$mat-toolbar} {
+        #{ms.$mat-toolbar} {
             background-color: var(--adf-theme-background-card-color-087);
         }
     }
@@ -67,24 +68,35 @@
     }
 
     &-content-card {
+        padding-bottom: 2em;
         overflow-y: auto;
+        position: static;
+        height: 70%;
 
         &-fullscreen {
             padding: 0;
             height: 100%;
             width: 100%;
+            position: relative;
 
-            .adf-cloud-form-content-card-container {
+            &-container {
                 display: flex;
                 flex-direction: column;
                 height: 100%;
 
-                #{$mat-card-content} {
+                #{ms.$mat-card-content} {
                     height: 100%;
                     overflow: hidden auto;
                 }
             }
         }
+
+        &-container {
+            .adf-form-container-card-content {
+                padding-left: 1%;
+                padding-right: 1%;
+            }
+        }
     }
 
     &-sidebars {

package/lib/form/components/widgets/data-table/data-table-adapter.widget.d.ts

@@ -38,6 +38,5 @@ export declare class WidgetDataTableAdapter implements DataTableAdapter {
     setSorting(sorting: DataSorting): void;
     sort(key?: string, direction?: string): void;
     isDataSourceValid(): boolean;
-    private allMandatoryColumnPropertiesHaveValues;
-    private hasAllColumnsLinkedToData;
+    private allColumnsHaveKeys;
 }

package/lib/form/components/widgets/data-table/data-table.widget.d.ts

@@ -36,6 +36,7 @@ export declare class DataTableWidgetComponent extends WidgetComponent implements
     private getTableData;
     private initDataTable;
     private getRowsData;
+    private extractRowsData;
     private getDataFromVariable;
     private getVariableValueByName;
     private setPreviewState;

package/lib/form/components/widgets/data-table/data-table.widget.scss

@@ -1,3 +1,11 @@
 .adf-data-table-widget-failed-message {
     margin: 10px;
 }
+
+.adf-preview-placeholder {
+    background-color: var(--adf-theme-mat-grey-color-50);
+    height: 100%;
+    width: 100%;
+    min-height: 100px;
+    margin-bottom: 10px;
+}

package/lib/form/components/widgets/data-table/helpers/data-table-path-parser.helper.d.ts

@@ -14,10 +14,11 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
+import { DataRow } from '@alfresco/adf-core';
 export declare class DataTablePathParserHelper {
     private readonly removeSquareBracketsRegEx;
     private readonly indexReferencesRegEx;
-    retrieveDataFromPath(data: any, path: string): any[];
+    retrieveDataFromPath(data: any, path: string): DataRow[] | undefined;
     splitPathIntoProperties(path: string): string[];
     getIndexReferencesFromProperty(property: string): number[];
     extractPurePropertyName(property: string): string;

package/lib/form/components/widgets/date/date-cloud.widget.scss

@@ -1,24 +1,30 @@
 /* stylelint-disable selector-class-pattern */
-@import 'styles/mat-selectors';
+@use '../../../../mat-selectors' as ms;
 
 .adf {
     // eslint-disable-selector-class-pattern
     &-date-widget {
-        #{$mat-form-field-suffix} {
+        #{ms.$mat-form-field-suffix} {
             top: 26px;
         }
 
         .adf-label {
             top: 20px;
         }
+
+        &-container {
+            display: flex;
+            align-items: flex-start;
+            flex-direction: column;
+        }
     }
 
     &-left-label-input-datepicker {
-        #{$mat-form-field-suffix} {
+        #{ms.$mat-form-field-suffix} {
             top: 0;
         }
 
-        #{$mat-form-text-field-infix} {
+        #{ms.$mat-form-text-field-infix} {
             width: 100%;
         }
     }

package/lib/form/components/widgets/display-external-property/display-external-property.widget.scss

@@ -7,7 +7,7 @@
         }
 
         &-preview {
-            color: var(--adf-display-external-property-widget-preview-selection-color);
+            color: var(--adf-theme-foreground-secondary-text-color);
             word-break: break-all;
         }
     }

package/lib/form/components/widgets/display-rich-text/display-rich-text.widget.scss

@@ -1,6 +1,4 @@
 .adf-display-rich-text-widget {
-    padding: 10px;
-
     pre {
         min-height: 100px;
         font-family: Menlo, Monaco, Consolas, 'Courier New', monospace;

package/lib/form/components/widgets/dropdown/dropdown-cloud.widget.d.ts

@@ -59,6 +59,8 @@ export declare class DropdownCloudWidgetComponent extends WidgetComponent implem
     private subscribeToInputChanges;
     private setFormControlValue;
     private updateFormControlState;
+    private updateDropdownValidationRules;
+    private updateDropdownReadonlyRules;
     private handleErrors;
     private initFilter;
     private checkFieldOptionsSource;

package/lib/form/components/widgets/dropdown/dropdown-cloud.widget.scss

@@ -1,4 +1,4 @@
-@import 'styles/mat-selectors';
+@use '../../../../mat-selectors' as ms;
 
 .adf {
     &-dropdown-widget {
@@ -27,7 +27,7 @@
             margin-top: 1px;
         }
 
-        #{$mat-select-arrow-wrapper} {
+        #{ms.$mat-select-arrow-wrapper} {
             height: auto;
         }
     }

package/lib/form/components/widgets/radio-buttons/radio-buttons-cloud.widget.scss

@@ -9,7 +9,6 @@
     }
 
     &-radio-button-container {
-        margin-bottom: 15px;
         display: flex;
         flex-direction: column;
 
@@ -23,7 +22,7 @@
     &-radio-button-container-horizontal {
         margin-bottom: 15px;
         display: flex;
-        flex-flow: row wrap;
+        flex-flow: column wrap;
         align-items: flex-start;
         justify-content: flex-start;
 

package/lib/group/components/group-cloud.component.d.ts

@@ -23,6 +23,8 @@ import { IdentityGroupService } from '../services/identity-group.service';
 import * as i0 from "@angular/core";
 export declare class GroupCloudComponent implements OnInit, OnChanges {
     private identityGroupService;
+    /** Label for the user selection component. */
+    label: string;
     /** Name of the application. If specified this shows the groups who have access to the app. */
     appName: string;
     /** Title of the field */
@@ -118,5 +120,5 @@ export declare class GroupCloudComponent implements OnInit, OnChanges {
     getValidationMinLength(): string;
     getGroupNameInitials(group: IdentityGroupModel): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<GroupCloudComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<GroupCloudComponent, "adf-cloud-group", never, { "appName": { "alias": "appName"; "required": false; }; "title": { "alias": "title"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "preSelectGroups": { "alias": "preSelectGroups"; "required": false; }; "validate": { "alias": "validate"; "required": false; }; "readOnly": { "alias": "readOnly"; "required": false; }; "required": { "alias": "required"; "required": false; }; "groupChipsCtrl": { "alias": "groupChipsCtrl"; "required": false; }; "searchGroupsControl": { "alias": "searchGroupsControl"; "required": false; }; "roles": { "alias": "roles"; "required": false; }; }, { "selectGroup": "selectGroup"; "removeGroup": "removeGroup"; "changedGroups": "changedGroups"; "warning": "warning"; }, never, ["[label]"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<GroupCloudComponent, "adf-cloud-group", never, { "label": { "alias": "label"; "required": false; }; "appName": { "alias": "appName"; "required": false; }; "title": { "alias": "title"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "preSelectGroups": { "alias": "preSelectGroups"; "required": false; }; "validate": { "alias": "validate"; "required": false; }; "readOnly": { "alias": "readOnly"; "required": false; }; "required": { "alias": "required"; "required": false; }; "groupChipsCtrl": { "alias": "groupChipsCtrl"; "required": false; }; "searchGroupsControl": { "alias": "searchGroupsControl"; "required": false; }; "roles": { "alias": "roles"; "required": false; }; }, { "selectGroup": "selectGroup"; "removeGroup": "removeGroup"; "changedGroups": "changedGroups"; "warning": "warning"; }, never, never, true, never>;
 }

package/lib/group/components/group-cloud.component.scss

@@ -22,24 +22,24 @@
         width: 100%;
 
         &-title {
-            color: var(--adf-group-cloud-input-label-default-color);
+            color: var(--adf-theme-foreground-secondary-text-color);
 
             &--focus {
-                color: var(--adf-group-cloud-input-label-focus-color);
+                color: var(--theme-primary-color);
             }
         }
 
         &-option-active:not(&:disabled) {
-            color: var(--adf-group-cloud-autosuggest-result-active-color);
+            color: var(--adf-theme-foreground-text-color);
         }
 
         &-option-not-active:not(&:active) {
             background: inherit;
-            color: var(--adf-group-cloud-autosuggest-result-disabled-color);
+            color: var(--adf-theme-foreground-secondary-text-color);
         }
 
         &-error {
-            color: var(--adf-group-cloud-input-caption-error-color);
+            color: var(--theme-warn-color);
             margin-top: -10px;
             position: absolute;
             height: 20px;

package/lib/mat-selectors.scss

@@ -0,0 +1,9 @@
+/* Variables in this file are used in the Angular Material library. Do not modify them unless you know what you are doing. */
+
+$mat-toolbar: '.mat-toolbar';
+$mat-card-content: '.mat-mdc-card-content';
+$mat-form-field-suffix: '.mat-mdc-form-field-text-suffix';
+$mat-form-text-field-infix: '.mat-mdc-form-text-infix';
+$mat-select-arrow-wrapper: '.mat-mdc-select-arrow-wrapper';
+$mat-button: '.mat-mdc-button';
+$mat-button-label: '.mdc-button__label';

package/lib/models/constant-values.type.d.ts

@@ -0,0 +1,19 @@
+/*!
+ * @license
+ * Copyright © 2005-2025 Hyland Software, Inc. and its affiliates. All rights reserved.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+export interface ConstantValues {
+    unauthorizedStart: string;
+}

package/lib/models/process-definition-cloud.model.d.ts

@@ -14,6 +14,7 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
+import { ConstantValues } from './constant-values.type';
 import { ProcessVariableDefinition } from './variable-definition';
 export declare class ProcessDefinitionCloud {
     id: string;
@@ -26,5 +27,6 @@ export declare class ProcessDefinitionCloud {
     category: string;
     description: string;
     variableDefinitions?: ProcessVariableDefinition[];
+    constantValues?: ConstantValues;
     constructor(obj?: any);
 }

package/lib/models/task-cloud.model.d.ts

@@ -18,6 +18,7 @@ import { Pagination } from '@alfresco/js-api';
 import { IdentityGroupModel } from '../group/models/identity-group.model';
 import { IdentityUserModel } from '../people/models/identity-user.model';
 import { ProcessInstanceVariable } from './process-instance-variable.model';
+import { ConstantValues } from './constant-values.type';
 export declare class TaskCloudNodePaging {
     list: TaskCloudPagingList;
 }
@@ -52,4 +53,5 @@ export interface TaskCloudModel {
     status: string;
     taskDefinitionKey: string;
     processVariables?: ProcessInstanceVariable[];
+    constantValues?: ConstantValues;
 }

package/lib/people/components/people-cloud.component.d.ts

@@ -24,6 +24,8 @@ import { IdentityUserService } from '../services/identity-user.service';
 import * as i0 from "@angular/core";
 export declare class PeopleCloudComponent implements OnInit, OnChanges, AfterViewInit {
     private identityUserService;
+    /** Label for the user selection component. */
+    label: string;
     /** Name of the application. If specified, this shows the users who have access to the app. */
     appName: string;
     /** User selection mode (single/multiple). */
@@ -162,5 +164,5 @@ export declare class PeopleCloudComponent implements OnInit, OnChanges, AfterVie
     getValidationMaxLength(): string;
     getValidationMinLength(): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<PeopleCloudComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PeopleCloudComponent, "adf-cloud-people", never, { "appName": { "alias": "appName"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "roles": { "alias": "roles"; "required": false; }; "validate": { "alias": "validate"; "required": false; }; "readOnly": { "alias": "readOnly"; "required": false; }; "required": { "alias": "required"; "required": false; }; "preSelectUsers": { "alias": "preSelectUsers"; "required": false; }; "excludedUsers": { "alias": "excludedUsers"; "required": false; }; "groupsRestriction": { "alias": "groupsRestriction"; "required": false; }; "userChipsCtrl": { "alias": "userChipsCtrl"; "required": false; }; "searchUserCtrl": { "alias": "searchUserCtrl"; "required": false; }; "title": { "alias": "title"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "hideInputOnSingleSelection": { "alias": "hideInputOnSingleSelection"; "required": false; }; "formFieldAppearance": { "alias": "formFieldAppearance"; "required": false; }; "formFieldSubscriptSizing": { "alias": "formFieldSubscriptSizing"; "required": false; }; "showErrors": { "alias": "showErrors"; "required": false; }; "showFullNameOnHover": { "alias": "showFullNameOnHover"; "required": false; }; }, { "selectUser": "selectUser"; "removeUser": "removeUser"; "changedUsers": "changedUsers"; "warning": "warning"; }, never, ["[label]"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PeopleCloudComponent, "adf-cloud-people", never, { "label": { "alias": "label"; "required": false; }; "appName": { "alias": "appName"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "roles": { "alias": "roles"; "required": false; }; "validate": { "alias": "validate"; "required": false; }; "readOnly": { "alias": "readOnly"; "required": false; }; "required": { "alias": "required"; "required": false; }; "preSelectUsers": { "alias": "preSelectUsers"; "required": false; }; "excludedUsers": { "alias": "excludedUsers"; "required": false; }; "groupsRestriction": { "alias": "groupsRestriction"; "required": false; }; "userChipsCtrl": { "alias": "userChipsCtrl"; "required": false; }; "searchUserCtrl": { "alias": "searchUserCtrl"; "required": false; }; "title": { "alias": "title"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "hideInputOnSingleSelection": { "alias": "hideInputOnSingleSelection"; "required": false; }; "formFieldAppearance": { "alias": "formFieldAppearance"; "required": false; }; "formFieldSubscriptSizing": { "alias": "formFieldSubscriptSizing"; "required": false; }; "showErrors": { "alias": "showErrors"; "required": false; }; "showFullNameOnHover": { "alias": "showFullNameOnHover"; "required": false; }; }, { "selectUser": "selectUser"; "removeUser": "removeUser"; "changedUsers": "changedUsers"; "warning": "warning"; }, never, never, true, never>;
 }

package/lib/people/components/people-cloud.component.scss

@@ -4,14 +4,14 @@
 
         &-option-not-active:not(&:active) {
             background: inherit;
-            color: var(--adf-group-cloud-autosuggest-result-disabled-color);
+            color: var(--adf-theme-foreground-secondary-text-color);
         }
 
         &-title {
-            color: var(--adf-people-cloud-input-label-default-color);
+            color: var(--adf-theme-foreground-secondary-text-color);
 
             &--focus {
-                color: var(--adf-people-cloud-input-label-focus-color);
+                color: var(--theme-primary-color);
             }
         }
     }
@@ -22,11 +22,11 @@
     }
 
     &-people-cloud-option-active:not(&:disabled) {
-        color: var(--adf-people-cloud-autosuggest-result-active-color);
+        color: var(--adf-theme-foreground-text-color);
     }
 
     &-people-cloud-option-not-active:not(&:active) {
-        color: var(--adf-people-cloud-autosuggest-result-disabled-color);
+        color: var(--adf-theme-foreground-secondary-text-color);
     }
 
     &-people-cloud-row {
@@ -62,6 +62,6 @@
     &-error,
     &-error-text,
     &-error-icon {
-        color: var(--adf-people-cloud-input-caption-error-color);
+        color: var(--theme-warn-color);
     }
 }

package/lib/process/process-filters/components/edit-process-filter/edit-process-filter-cloud.component.scss

@@ -1,4 +1,4 @@
-@import 'styles/flex';
+@use '../../../../flex' as flex;
 
 .adf-edit-process-filter-date-error-container {
     position: absolute;
@@ -50,7 +50,7 @@
             max-width: 23%;
         }
 
-        @include layout-bp(lt-sm) {
+        @include flex.layout-bp(lt-sm) {
             flex-flow: column;
 
             :not(:last-child) {
@@ -62,25 +62,25 @@
 
     &-edit-process-filter {
         &-header {
-            height: var(--adf-edit-process-filter-header-height);
+            height: 48px;
 
             &__title {
-                color: var(--adf-edit-process-filter-header-title-color);
+                color: var(--adf-theme-foreground-text-color);
             }
 
             &__description {
-                color: var(--adf-edit-process-filter-header-description-color);
+                color: var(--adf-theme-foreground-secondary-text-color);
                 place-content: center space-between;
             }
         }
 
         &-content {
             &__text-label {
-                color: var(--adf-edit-process-filter-content-text-label-color);
+                color: var(--adf-theme-foreground-secondary-text-color);
             }
 
             &__select-label {
-                color: var(--adf-edit-process-filter-content-select-label-color);
+                color: var(--adf-theme-foreground-secondary-text-color);
             }
         }
     }

package/lib/process/process-filters/models/process-filter-cloud.model.d.ts

@@ -44,6 +44,7 @@ export declare class ProcessFilterCloudModel {
     suspendedDateType: DateCloudFilterType;
     completedDate: Date;
     environmentId?: string;
+    showCounter: boolean;
     processDefinitionNames: string[] | null;
     processNames: string[] | null;
     processInstanceIds: string[] | null;

package/lib/process/process-header/components/process-header-cloud.component.scss

@@ -1,3 +1,3 @@
 .adf-process-header-cloud-card {
-    background-color: var(--adf-process-header-cloud-card-background);
+    background-color: var(--adf-theme-background-card-color);
 }

package/lib/process/start-process/components/start-process-cloud.component.d.ts

@@ -24,12 +24,10 @@ import { Observable } from 'rxjs';
 import { ProcessDefinitionCloud } from '../../../models/process-definition-cloud.model';
 import { TaskVariableCloud } from '../../../form/models/task-variable-cloud.model';
 import { FormCloudDisplayModeConfiguration } from '../../../services/form-fields.interfaces';
-import { FormCloudComponent } from '../../../form/components/form-cloud.component';
 import * as i0 from "@angular/core";
 export declare class StartProcessCloudComponent implements OnChanges, OnInit {
     private translateService;
     inputAutocomplete: MatAutocompleteTrigger;
-    startForm: FormCloudComponent;
     /** (required) Name of the app. */
     appName: string;
     /** Maximum length of the process name. */
@@ -88,6 +86,9 @@ export declare class StartProcessCloudComponent implements OnChanges, OnInit {
     private readonly localizedDatePipe;
     private readonly displayStartSubject;
     private readonly hasVisibleOutcomesSubject;
+    private readonly dialog;
+    showSaveButton: boolean;
+    showCompleteButton: boolean;
     get isProcessFormValid(): boolean;
     get disableStartButton(): boolean;
     get isProcessDefinitionsEmpty(): boolean;
@@ -113,6 +114,7 @@ export declare class StartProcessCloudComponent implements OnChanges, OnInit {
     private getProcessDefinition;
     buildProcessCloudPayload(): void;
     onCustomOutcomeClicked(outcome: string): void;
+    startProcessWithoutConfirmation(): void;
     startProcess(): void;
     private unifyErrorResponse;
     cancelStartProcess(): void;

package/lib/process-services-cloud.module.d.ts

@@ -44,6 +44,18 @@ import * as i22 from "./task/task-form/components/task-form-cloud/task-form-clou
 import * as i23 from "./task/task-form/components/user-task-cloud/user-task-cloud.component";
 import * as i24 from "./people/components/people-cloud.component";
 export declare const PROCESS_SERVICES_CLOUD_DIRECTIVES: readonly [typeof import("@alfresco/adf-process-services-cloud").AppListCloudComponent, typeof import("@alfresco/adf-process-services-cloud").AppDetailsCloudComponent, typeof RichTextEditorComponent, typeof import("@alfresco/adf-process-services-cloud").FormSpinnerComponent, typeof import("@alfresco/adf-process-services-cloud").PropertiesViewerWrapperComponent, typeof import("@alfresco/adf-process-services-cloud").PropertiesViewerWidgetComponent, typeof import("@alfresco/adf-process-services-cloud").DisplayRichTextWidgetComponent, typeof import("@alfresco/adf-process-services-cloud").FileViewerWidgetComponent, typeof import("@alfresco/adf-process-services-cloud").FilePropertiesTableCloudComponent, typeof import("@alfresco/adf-process-services-cloud").FormCustomOutcomesComponent, typeof import("@alfresco/adf-process-services-cloud").FormDefinitionSelectorCloudComponent, typeof import("@alfresco/adf-process-services-cloud").RadioButtonsCloudWidgetComponent, typeof import("@alfresco/adf-process-services-cloud").AttachFileCloudWidgetComponent, typeof import("@alfresco/adf-process-services-cloud").UploadCloudWidgetComponent, typeof import("@alfresco/adf-process-services-cloud").PeopleCloudWidgetComponent, typeof import("@alfresco/adf-process-services-cloud").GroupCloudWidgetComponent, typeof import("@alfresco/adf-process-services-cloud").FormCloudComponent, typeof import("@alfresco/adf-process-services-cloud").UserTaskCloudButtonsComponent, typeof import("@alfresco/adf-process-services-cloud").TaskFormCloudComponent, typeof import("@alfresco/adf-process-services-cloud").UserTaskCloudComponent, typeof PeopleCloudComponent, typeof RichTextEditorComponent];
+/**
+ * @deprecated this module is deprecated and will be removed in the future versions
+ *
+ * Instead, import the standalone components directly, or use the following provider API to replicate the behaviour:
+ *
+ * providers: [
+ *      provideTranslations('adf-process-services-cloud', 'assets/adf-process-services-cloud')
+ *      provideCloudPreferences()
+ *      provideCloudFormRenderer(),
+ *      { provide: TASK_LIST_CLOUD_TOKEN, useClass: TaskListCloudService }
+ * ]
+ */
 export declare class ProcessServicesCloudModule {
     static forRoot(filterPreferenceServiceInstance?: PreferenceCloudServiceInterface, listPreferenceServiceInstance?: PreferenceCloudServiceInterface): ModuleWithProviders<ProcessServicesCloudModule>;
     static forChild(): ModuleWithProviders<ProcessServicesCloudModule>;