@alfresco/adf-process-services-cloud 8.4.0-19063861366 → 8.4.0-19066231420

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (26) hide show
  1. package/fesm2022/adf-process-services-cloud.mjs +48 -48
  2. package/fesm2022/adf-process-services-cloud.mjs.map +1 -1
  3. package/lib/form/components/form-cloud.component.scss +11 -2
  4. package/lib/form/components/spinner/form-spinner.component.scss +1 -1
  5. package/lib/form/components/widgets/attach-file/attach-file-cloud-widget.component.scss +20 -3
  6. package/lib/form/components/widgets/attach-file/file-properties-table/file-properties-table-cloud.component.scss +1 -1
  7. package/lib/form/components/widgets/data-table/data-table.widget.scss +1 -0
  8. package/lib/form/components/widgets/display-external-property/display-external-property.widget.scss +1 -0
  9. package/lib/form/components/widgets/display-rich-text/display-rich-text.widget.scss +9 -0
  10. package/lib/form/components/widgets/dropdown/dropdown-cloud.widget.scss +4 -0
  11. package/lib/form/components/widgets/properties-viewer/properties-viewer.widget.scss +1 -1
  12. package/lib/form/components/widgets/radio-buttons/radio-buttons-cloud.widget.scss +9 -0
  13. package/lib/group/components/group-cloud.component.scss +14 -3
  14. package/lib/people/components/people-cloud.component.scss +22 -3
  15. package/lib/process/process-filters/components/edit-process-filter/edit-process-filter-cloud.component.scss +23 -0
  16. package/lib/process/process-filters/components/process-filters/process-filters-cloud.component.scss +9 -8
  17. package/lib/process/process-header/components/process-header-cloud.component.scss +3 -0
  18. package/lib/process/start-process/components/start-process-cloud.component.scss +4 -0
  19. package/lib/task/task-filters/components/edit-task-filters/edit-service-task-filter/edit-service-task-filter-cloud.component.scss +24 -0
  20. package/lib/task/task-filters/components/edit-task-filters/edit-task-filter/edit-task-filter-cloud.component.scss +24 -0
  21. package/lib/task/task-filters/components/service-task-filters/service-task-filters-cloud.component.scss +8 -8
  22. package/lib/task/task-filters/components/task-assignment-filter/task-assignment-filter.component.scss +16 -0
  23. package/lib/task/task-filters/components/task-filters/task-filters-cloud.component.scss +11 -7
  24. package/lib/task/task-header/components/task-header-cloud.component.scss +2 -2
  25. package/package.json +4 -4
  26. package/lib/app/components/app-details-cloud/app-details-cloud.component.scss +0 -168
@@ -6,6 +6,7 @@
6
6
  .adf-full-screen {
7
7
  width: 100%;
8
8
  height: 100%;
9
+ background-color: var(--adf-theme-background-card-color);
9
10
  }
10
11
 
11
12
  .adf-cloud-form {
@@ -36,7 +37,7 @@
36
37
  top: 0;
37
38
  left: 0;
38
39
  z-index: 100000;
39
- background-color: var(--mat-sys-surface-container);
40
+ background-color: var(--adf-theme-mat-grey-color-a400);
40
41
  display: block;
41
42
  height: 100%;
42
43
  width: 100vw;
@@ -60,6 +61,13 @@
60
61
  }
61
62
  }
62
63
 
64
+ &-toolbar ::ng-deep {
65
+ #{ms.$mat-toolbar} {
66
+ background-color: var(--adf-theme-background-card-color-087);
67
+ border-radius: 14px 14px 0 0;
68
+ }
69
+ }
70
+
63
71
  &-fullscreen-button {
64
72
  position: absolute;
65
73
  right: 70px;
@@ -67,7 +75,7 @@
67
75
  }
68
76
 
69
77
  &__display-name {
70
- font-size: var(--mat-sys-title-small-size);
78
+ font-size: var(--theme-subheading-2-font-size);
71
79
  opacity: 0.87;
72
80
  line-height: 1.5;
73
81
  letter-spacing: -0.4px;
@@ -79,6 +87,7 @@
79
87
  overflow: hidden;
80
88
  display: inline-block;
81
89
  vertical-align: middle;
90
+ color: var(--adf-theme-foreground-text-color);
82
91
  }
83
92
 
84
93
  &__form-title {
@@ -13,7 +13,7 @@
13
13
  align-items: center;
14
14
 
15
15
  &-message {
16
- font-size: var(--mat-sys-body-large-size);
16
+ font-size: var(--theme-body-4-font-size);
17
17
  }
18
18
  }
19
19
  }
@@ -25,6 +25,15 @@
25
25
  align-items: center;
26
26
  margin-right: 8px;
27
27
  word-break: normal;
28
+
29
+ .adf-attach-widget__menu-upload__button {
30
+ line-height: 28px;
31
+ font-size: var(--theme-caption-font-size);
32
+ }
33
+
34
+ button span {
35
+ font-size: var(--theme-caption-font-size);
36
+ }
28
37
  }
29
38
 
30
39
  &-attach-widget__input-type {
@@ -46,13 +55,14 @@
46
55
  word-break: break-all;
47
56
  padding: 0.4375em;
48
57
  border-bottom: none;
49
- background: var(--mat-sys-surface-variant);
58
+ background: var(--adf-theme-mat-grey-color-a200);
50
59
  min-height: 27px;
51
60
  margin-bottom: 12px;
52
61
 
53
62
  .adf-label {
54
63
  width: 100%;
55
- font: var(--mat-sys-body-small);
64
+ font-size: var(--theme-caption-font-size);
65
+ line-height: var(--theme-headline-line-height);
56
66
  text-align: left;
57
67
  white-space: normal;
58
68
  margin-left: 8px;
@@ -61,6 +71,13 @@
61
71
  }
62
72
  }
63
73
 
74
+ &-attach-widget__icon {
75
+ font-size: var(--theme-adf-picture-1-font-size);
76
+ height: var(--theme-adf-picture-1-font-size);
77
+ width: var(--theme-adf-picture-1-font-size);
78
+ line-height: calc(var(--theme-adf-picture-1-font-size) - 2px);
79
+ }
80
+
64
81
  &-attach-widget__reset {
65
82
  margin-top: -2px;
66
83
  }
@@ -76,7 +93,7 @@
76
93
  &-attach-selected-file-row {
77
94
  > div:first-child {
78
95
  .adf-datatable-selected {
79
- color: var(--mat-sys-primary);
96
+ color: var(--theme-primary-color);
80
97
  padding-right: 6px;
81
98
  }
82
99
  }
@@ -1,7 +1,7 @@
1
1
  .adf-file-properties-table-container {
2
2
  .adf-file-properties-table.adf-properties-table table {
3
3
  width: 100%;
4
- border: 1px solid var(--mat-sys-outline-variant);
4
+ border: 1px solid var(--adf-theme-foreground-text-color-007);
5
5
  box-shadow: none;
6
6
 
7
7
  .adf-file {
@@ -3,6 +3,7 @@
3
3
  }
4
4
 
5
5
  .adf-preview-placeholder {
6
+ background-color: var(--adf-theme-mat-grey-color-50);
6
7
  height: 100%;
7
8
  width: 100%;
8
9
  min-height: 100px;
@@ -7,6 +7,7 @@
7
7
  }
8
8
 
9
9
  &-preview {
10
+ color: var(--adf-theme-foreground-secondary-text-color);
10
11
  word-break: break-all;
11
12
  }
12
13
  }
@@ -1,10 +1,19 @@
1
1
  .adf-display-rich-text-widget {
2
2
  pre {
3
3
  min-height: 100px;
4
+ font-family: Menlo, Monaco, Consolas, 'Courier New', monospace;
5
+ color: #41314e;
6
+ line-height: 1.6em;
7
+ font-size: 12px;
8
+ background: #f8f7fa;
9
+ border: 1px solid #f1f1f4;
10
+ box-shadow: none;
4
11
  white-space: pre;
5
12
  word-wrap: normal;
6
13
  overflow-x: auto;
7
14
  resize: vertical;
15
+ border-radius: 3px;
16
+ outline: none;
8
17
  width: 100%;
9
18
  }
10
19
  }
@@ -9,6 +9,10 @@
9
9
  width: 100%;
10
10
  }
11
11
 
12
+ .adf-select-filter {
13
+ font-size: var(--theme-body-1-font-size);
14
+ }
15
+
12
16
  &-select {
13
17
  width: 100%;
14
18
  }
@@ -6,7 +6,7 @@ adf-properties-viewer-widget {
6
6
  display: block;
7
7
  height: 100%;
8
8
  width: 100%;
9
- border: 1px solid var(--mat-sys-outline-variant);
9
+ border: 1px solid var(--adf-theme-foreground-text-color-007);
10
10
  border-radius: 6px;
11
11
 
12
12
  .adf-properties-viewer-wrapper-loading {
@@ -1,4 +1,13 @@
1
1
  .adf {
2
+ &-radio-buttons-widget-cloud {
3
+ .adf-label {
4
+ font-size: var(--adf-radio-buttons-font-size, var(--adf-form-label-font-size, var(--theme-caption-font-size)));
5
+ font-weight: var(--adf-radio-buttons-font-weight, var(--adf-form-label-font-weight, var(--theme-font-weight)));
6
+ color: var(--adf-radio-buttons-color, var(--adf-form-label-color, var(--adf-theme-foreground-secondary-text-color)));
7
+ line-height: normal;
8
+ }
9
+ }
10
+
2
11
  &-radio-button-container {
3
12
  display: flex;
4
13
  flex-direction: column;
@@ -10,8 +10,10 @@
10
10
 
11
11
  .adf-group-short-name {
12
12
  margin-right: 20px;
13
+ background: var(--theme-primary-color);
13
14
  width: 40px;
14
15
  height: 40px;
16
+ box-shadow: none;
15
17
  }
16
18
  }
17
19
  }
@@ -20,15 +22,24 @@
20
22
  width: 100%;
21
23
 
22
24
  &-title {
23
- color: var(--mat-sys-on-surface-variant);
25
+ color: var(--adf-theme-foreground-secondary-text-color);
24
26
 
25
27
  &--focus {
26
- color: var(--mat-sys-primary);
28
+ color: var(--theme-primary-color);
27
29
  }
28
30
  }
29
31
 
32
+ &-option-active:not(&:disabled) {
33
+ color: var(--adf-theme-foreground-text-color);
34
+ }
35
+
36
+ &-option-not-active:not(&:active) {
37
+ background: inherit;
38
+ color: var(--adf-theme-foreground-secondary-text-color);
39
+ }
40
+
30
41
  &-error {
31
- color: var(--mat-sys-error);
42
+ color: var(--theme-warn-color);
32
43
  margin-top: -10px;
33
44
  position: absolute;
34
45
  height: 20px;
@@ -2,11 +2,16 @@
2
2
  &-people-cloud {
3
3
  width: 100%;
4
4
 
5
+ &-option-not-active:not(&:active) {
6
+ background: inherit;
7
+ color: var(--adf-theme-foreground-secondary-text-color);
8
+ }
9
+
5
10
  &-title {
6
- color: var(--mat-sys-on-surface-variant);
11
+ color: var(--adf-theme-foreground-secondary-text-color);
7
12
 
8
13
  &--focus {
9
- color: var(--mat-sys-primary);
14
+ color: var(--theme-primary-color);
10
15
  }
11
16
  }
12
17
  }
@@ -16,6 +21,14 @@
16
21
  padding: 10px 0;
17
22
  }
18
23
 
24
+ &-people-cloud-option-active:not(&:disabled) {
25
+ color: var(--adf-theme-foreground-text-color);
26
+ }
27
+
28
+ &-people-cloud-option-not-active:not(&:active) {
29
+ color: var(--adf-theme-foreground-secondary-text-color);
30
+ }
31
+
19
32
  &-people-cloud-row {
20
33
  display: flex;
21
34
  align-items: center;
@@ -23,7 +36,7 @@
23
36
  }
24
37
 
25
38
  &-people-cloud-pic {
26
- background: var(--mat-sys-primary);
39
+ background: var(--theme-primary-color);
27
40
  display: flex;
28
41
  justify-content: center;
29
42
  align-items: center;
@@ -45,4 +58,10 @@
45
58
  width: auto;
46
59
  }
47
60
  }
61
+
62
+ &-error,
63
+ &-error-text,
64
+ &-error-icon {
65
+ color: var(--theme-warn-color);
66
+ }
48
67
  }
@@ -15,8 +15,16 @@
15
15
  .adf-error-text {
16
16
  padding-right: 8px;
17
17
  height: 16px;
18
+ font-size: var(--theme-caption-font-size);
19
+ line-height: 1.33;
20
+ color: var(--theme-warn-color);
18
21
  width: auto;
19
22
  }
23
+
24
+ .adf-error-icon {
25
+ font-size: var(--theme-subheading-2-font-size);
26
+ color: var(--theme-warn-color);
27
+ }
20
28
  }
21
29
 
22
30
  .adf {
@@ -56,9 +64,24 @@
56
64
  &-header {
57
65
  height: 48px;
58
66
 
67
+ &__title {
68
+ color: var(--adf-theme-foreground-text-color);
69
+ }
70
+
59
71
  &__description {
72
+ color: var(--adf-theme-foreground-secondary-text-color);
60
73
  place-content: center space-between;
61
74
  }
62
75
  }
76
+
77
+ &-content {
78
+ &__text-label {
79
+ color: var(--adf-theme-foreground-secondary-text-color);
80
+ }
81
+
82
+ &__select-label {
83
+ color: var(--adf-theme-foreground-secondary-text-color);
84
+ }
85
+ }
63
86
  }
64
87
  }
@@ -1,17 +1,18 @@
1
1
  .adf-process-filters {
2
- margin-right: -16px;
2
+ margin-right: calc(-1 * var(--adf-theme-spacing));
3
3
 
4
4
  &__entry {
5
- color: var(--mat-sys-on-surface-variant);
5
+ font-size: var(--theme-body-1-font-size);
6
+ color: var(--adf-theme-foreground-text-color-054);
6
7
  display: flex;
7
8
  align-items: center;
8
9
  justify-content: space-between;
9
10
  flex: 1;
10
11
  height: 100%;
11
- gap: 16px;
12
+ gap: var(--adf-theme-spacing);
12
13
 
13
14
  &:hover {
14
- color: var(--mat-sys-primary);
15
+ color: var(--theme-primary-color);
15
16
  }
16
17
 
17
18
  &-counter {
@@ -19,16 +20,16 @@
19
20
  border-radius: 15px;
20
21
 
21
22
  &.adf-active {
22
- background-color: var(--mat-sys-secondary);
23
- color: var(--mat-sys-on-secondary);
24
- font: var(--mat-sys-body-small);
23
+ background-color: var(--theme-accent-color);
24
+ color: var(--theme-accent-color-default-contrast);
25
+ font-size: smaller;
25
26
  }
26
27
  }
27
28
  }
28
29
 
29
30
  .adf-active {
30
31
  .adf-process-filters__entry {
31
- color: var(--mat-sys-primary);
32
+ color: var(--theme-primary-color);
32
33
  }
33
34
  }
34
35
  }
@@ -0,0 +1,3 @@
1
+ .adf-process-header-cloud-card {
2
+ background-color: var(--adf-theme-background-card-color);
3
+ }
@@ -1,5 +1,9 @@
1
1
  .adf {
2
2
  &-start-process {
3
+ .adf-start-process-input-label {
4
+ color: var(--adf-theme-mat-grey-color-a200-dark);
5
+ }
6
+
3
7
  &-cloud-actions {
4
8
  display: flex;
5
9
  justify-content: flex-end;
@@ -1,6 +1,7 @@
1
1
  @use '../../../../../flex' as flex;
2
2
 
3
3
  .adf-edit-task-filter-checkbox {
4
+ font-size: var(--theme-subheading-2-font-size);
4
5
  padding-top: 10px;
5
6
  text-align: center;
6
7
  flex: 1 23%;
@@ -21,8 +22,16 @@
21
22
  .adf-error-text {
22
23
  padding-right: 8px;
23
24
  height: 16px;
25
+ font-size: 10px;
26
+ line-height: 1.33;
27
+ color: var(--theme-warn-color);
24
28
  width: auto;
25
29
  }
30
+
31
+ .adf-error-icon {
32
+ font-size: 16px;
33
+ color: var(--theme-warn-color);
34
+ }
26
35
  }
27
36
 
28
37
  .adf-edit-task-filter-dateRange mat-grid-list {
@@ -65,9 +74,24 @@
65
74
  &-header {
66
75
  height: 48px;
67
76
 
77
+ &__title {
78
+ color: var(--adf-theme-foreground-text-color);
79
+ }
80
+
68
81
  &__description {
82
+ color: var(--adf-theme-foreground-secondary-text-color);
69
83
  place-content: center space-between;
70
84
  }
71
85
  }
86
+
87
+ &-content {
88
+ &__text-label {
89
+ color: var(--adf-theme-foreground-secondary-text-color);
90
+ }
91
+
92
+ &__select-label {
93
+ color: var(--adf-theme-foreground-secondary-text-color);
94
+ }
95
+ }
72
96
  }
73
97
  }
@@ -1,6 +1,7 @@
1
1
  @use '../../../../../flex' as flex;
2
2
 
3
3
  .adf-edit-task-filter-checkbox {
4
+ font-size: var(--theme-subheading-2-font-size);
4
5
  padding-top: 10px;
5
6
  text-align: center;
6
7
  flex: 1 23%;
@@ -21,8 +22,16 @@
21
22
  .adf-error-text {
22
23
  padding-right: 8px;
23
24
  height: 16px;
25
+ font-size: 10px;
26
+ line-height: 1.33;
27
+ color: var(--theme-warn-color);
24
28
  width: auto;
25
29
  }
30
+
31
+ .adf-error-icon {
32
+ font-size: 16px;
33
+ color: var(--theme-warn-color);
34
+ }
26
35
  }
27
36
 
28
37
  .adf-edit-task-filter-dateRange mat-grid-list {
@@ -65,9 +74,24 @@
65
74
  &-header {
66
75
  height: 48px;
67
76
 
77
+ &__title {
78
+ color: var(--adf-theme-foreground-text-color);
79
+ }
80
+
68
81
  &__description {
82
+ color: var(--adf-theme-foreground-secondary-text-color);
69
83
  place-content: center space-between;
70
84
  }
71
85
  }
86
+
87
+ &-content {
88
+ &__text-label {
89
+ color: var(--adf-theme-foreground-secondary-text-color);
90
+ }
91
+
92
+ &__select-label {
93
+ color: var(--adf-theme-foreground-secondary-text-color);
94
+ }
95
+ }
72
96
  }
73
97
  }
@@ -1,9 +1,9 @@
1
1
  .adf-task-filters {
2
- margin-right: -16px;
2
+ margin-right: calc(-1 * var(--adf-theme-spacing));
3
3
 
4
4
  &__entry {
5
- font-size: var(--mat-sys-body-medium-size);
6
- color: var(--mat-sys-on-surface-variant);
5
+ font-size: var(--theme-body-1-font-size);
6
+ color: var(--adf-theme-foreground-text-color-054);
7
7
  display: flex;
8
8
  justify-content: space-between;
9
9
  align-items: center;
@@ -11,7 +11,7 @@
11
11
  height: 100%;
12
12
 
13
13
  &:hover {
14
- color: var(--mat-sys-primary);
14
+ color: var(--theme-primary-color);
15
15
  }
16
16
  }
17
17
 
@@ -19,7 +19,7 @@
19
19
  display: flex;
20
20
  flex: 1;
21
21
  align-items: center;
22
- gap: 16px;
22
+ gap: var(--adf-theme-spacing);
23
23
  }
24
24
 
25
25
  &__entry-counter {
@@ -27,13 +27,13 @@
27
27
  border-radius: 15px;
28
28
 
29
29
  &.adf-active {
30
- background-color: var(--mat-sys-secondary);
31
- color: var(--mat-sys-on-secondary);
30
+ background-color: var(--theme-accent-color);
31
+ color: var(--theme-accent-color-default-contrast);
32
32
  font-size: smaller;
33
33
  }
34
34
  }
35
35
 
36
36
  .adf-active .adf-task-filters__entry-label {
37
- color: var(--mat-sys-primary);
37
+ color: var(--theme-primary-color);
38
38
  }
39
39
  }
@@ -9,6 +9,22 @@
9
9
  &-container {
10
10
  width: 100%;
11
11
  }
12
+
13
+ &-label {
14
+ color: var(--adf-theme-foreground-secondary-text-color);
15
+
16
+ &.adf-task-assignment-filter-label--focus {
17
+ color: var(--theme-primary-color);
18
+ }
19
+ }
20
+
21
+ &-option {
22
+ color: var(--adf-theme-foreground-text-color);
23
+
24
+ &.adf-task-assignment-filter-option--selected:not(&:disabled) {
25
+ color: var(--theme-primary-color);
26
+ }
27
+ }
12
28
  }
13
29
 
14
30
  .adf-group-cloud-filter {
@@ -1,9 +1,9 @@
1
1
  .adf-task-filters {
2
- margin-right: -16px;
2
+ margin-right: calc(-1 * var(--adf-theme-spacing));
3
3
 
4
4
  &__entry {
5
- font-size: var(--mat-sys-body-medium-size);
6
- color: var(--mat-sys-on-surface-variant);
5
+ font-size: var(--theme-body-1-font-size);
6
+ color: var(--adf-theme-foreground-text-color-054);
7
7
  display: flex;
8
8
  justify-content: space-between;
9
9
  align-items: center;
@@ -11,7 +11,7 @@
11
11
  height: 100%;
12
12
 
13
13
  &:hover {
14
- color: var(--mat-sys-primary);
14
+ color: var(--theme-primary-color);
15
15
  }
16
16
  }
17
17
 
@@ -19,7 +19,7 @@
19
19
  display: flex;
20
20
  flex: 1;
21
21
  align-items: center;
22
- gap: 16px;
22
+ gap: var(--adf-theme-spacing);
23
23
  }
24
24
 
25
25
  &__entry-counter {
@@ -27,9 +27,13 @@
27
27
  border-radius: 15px;
28
28
 
29
29
  &.adf-active {
30
- background-color: var(--mat-sys-secondary);
31
- color: var(--mat-sys-on-secondary);
30
+ background-color: var(--theme-accent-color);
31
+ color: var(--theme-accent-color-default-contrast);
32
32
  font-size: smaller;
33
33
  }
34
34
  }
35
+
36
+ .adf-active .adf-task-filters__entry-label {
37
+ color: var(--theme-primary-color);
38
+ }
35
39
  }
@@ -14,12 +14,12 @@
14
14
 
15
15
  &-switch-to-edit-mode,
16
16
  &-save-edit-mode {
17
- color: var(--mat-sys-primary);
17
+ color: var(--theme-primary-color);
18
18
  }
19
19
 
20
20
  &-cancel-edit-mode,
21
21
  &-claim-controls {
22
- color: var(--mat-sys-on-surface-variant);
22
+ color: rgb(131, 131, 131);
23
23
  }
24
24
 
25
25
  &-task-header-loading {
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@alfresco/adf-process-services-cloud",
3
3
  "description": "Alfresco ADF process services cloud",
4
- "version": "8.4.0-19063861366",
4
+ "version": "8.4.0-19066231420",
5
5
  "author": "Hyland Software, Inc. and its affiliates",
6
6
  "repository": {
7
7
  "type": "git",
@@ -21,9 +21,9 @@
21
21
  "@angular/platform-browser": ">=14.1.3",
22
22
  "@angular/platform-browser-dynamic": ">=14.1.3",
23
23
  "@angular/router": ">=14.1.3",
24
- "@alfresco/js-api": ">=9.4.0-19063861366",
25
- "@alfresco/adf-core": ">=8.4.0-19063861366",
26
- "@alfresco/adf-content-services": ">=8.4.0-19063861366",
24
+ "@alfresco/js-api": ">=9.4.0-19066231420",
25
+ "@alfresco/adf-core": ">=8.4.0-19066231420",
26
+ "@alfresco/adf-content-services": ">=8.4.0-19066231420",
27
27
  "@apollo/client": ">=3.7.2",
28
28
  "@ngx-translate/core": ">=14.0.0",
29
29
  "apollo-angular": ">=4.0.1",