@alfresco/adf-core 8.4.0-19062358161 → 8.4.0-19063861366

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 (67) hide show
  1. package/custom-theme/material-theme.scss +13 -13
  2. package/custom-theme/theme/custom-palette-creator.scss +25 -23
  3. package/custom-theme/theme/custom-theme-palettes.scss +7 -7
  4. package/custom-theme/theme/theme-data.scss +13 -13
  5. package/custom-theme/theme/typography.scss +5 -5
  6. package/fesm2022/adf-core.mjs +110 -110
  7. package/fesm2022/adf-core.mjs.map +1 -1
  8. package/fesm2022/alfresco-adf-core-breadcrumbs.mjs +2 -2
  9. package/fesm2022/alfresco-adf-core-breadcrumbs.mjs.map +1 -1
  10. package/fesm2022/alfresco-adf-core-feature-flags.mjs +2 -2
  11. package/fesm2022/alfresco-adf-core-feature-flags.mjs.map +1 -1
  12. package/lib/about/about-package/package-list.component.scss +0 -10
  13. package/lib/about/about-server-settings/about-server-settings.component.scss +0 -2
  14. package/lib/about/about.component.scss +0 -4
  15. package/lib/avatar/avatar.component.scss +7 -9
  16. package/lib/card-view/components/card-view/card-view.component.scss +2 -26
  17. package/lib/card-view/components/card-view-arrayitem/card-view-arrayitem.component.scss +1 -11
  18. package/lib/card-view/components/card-view-dateitem/card-view-dateitem.component.scss +0 -1
  19. package/lib/card-view/components/card-view-selectitem/card-view-selectitem.component.scss +2 -7
  20. package/lib/card-view/components/card-view-selectitem/select-filter-input/select-filter-input.component.scss +0 -3
  21. package/lib/card-view/components/card-view-textitem/card-view-textitem.component.scss +1 -28
  22. package/lib/clipboard/clipboard.theme.scss +3 -3
  23. package/lib/comments/comment-list/comment-list.component.scss +5 -7
  24. package/lib/comments/comments.component.scss +2 -31
  25. package/lib/datatable/components/columns-selector/columns-selector.component.scss +6 -13
  26. package/lib/datatable/components/datatable/datatable.component.scss +29 -42
  27. package/lib/dialogs/dialog/dialog.component.scss +2 -2
  28. package/lib/dialogs/unsaved-changes-dialog/unsaved-changes-dialog.component.scss +11 -8
  29. package/lib/directives/tooltip-card/tooltip-card.component.scss +3 -9
  30. package/lib/dynamic-chip-list/dynamic-chip-list.component.scss +0 -4
  31. package/lib/form/components/form-renderer.component.scss +3 -30
  32. package/lib/form/components/inplace-form-input/inplace-form-input.component.scss +0 -19
  33. package/lib/form/components/widgets/amount/amount.widget.scss +0 -6
  34. package/lib/form/components/widgets/date-time/date-time.widget.scss +1 -1
  35. package/lib/form/components/widgets/display-text/display-text.widget.scss +0 -3
  36. package/lib/form/components/widgets/form.theme.scss +6 -42
  37. package/lib/form/components/widgets/header/header.widget.scss +2 -4
  38. package/lib/form/components/widgets/hyperlink/hyperlink.widget.scss +1 -1
  39. package/lib/form/components/widgets/multiline-text/multiline-text.widget.scss +1 -1
  40. package/lib/header/header.component.scss +12 -12
  41. package/lib/header/navbar/navbar-item.component.scss +3 -11
  42. package/lib/identity-user-info/identity-user-info.component.scss +4 -4
  43. package/lib/info-drawer/info-drawer-layout.component.scss +1 -5
  44. package/lib/info-drawer/info-drawer.component.scss +1 -21
  45. package/lib/layout/components/header/header.component.scss +3 -3
  46. package/lib/layout/components/layout-container/layout-container.component.scss +1 -3
  47. package/lib/layout/components/sidebar-action/sidebar-action-menu.component.scss +2 -8
  48. package/lib/layout/components/sidenav-layout/sidenav-layout.component.scss +0 -1
  49. package/lib/login/components/login/login.component.scss +12 -70
  50. package/lib/notifications/components/notification-history.component.scss +3 -17
  51. package/lib/pagination/pagination.component.scss +0 -6
  52. package/lib/search-text/search-text-input.component.scss +1 -6
  53. package/lib/styles/_globals.scss +3 -32
  54. package/lib/styles/_mixins.scss +1 -1
  55. package/lib/templates/empty-content/empty-content.component.scss +4 -6
  56. package/lib/templates/error-content/error-content.component.scss +2 -3
  57. package/lib/toolbar/toolbar.component.scss +0 -3
  58. package/lib/viewer/components/img-viewer/img-viewer.component.scss +2 -14
  59. package/lib/viewer/components/pdf-viewer/pdf-viewer.component.scss +8 -9
  60. package/lib/viewer/components/pdf-viewer-password-dialog/pdf-viewer-password-dialog.scss +0 -4
  61. package/lib/viewer/components/pdf-viewer-thumbnails/pdf-viewer-thumbnails.component.scss +3 -3
  62. package/lib/viewer/components/txt-viewer/txt-viewer.component.scss +1 -1
  63. package/lib/viewer/components/unknown-format/unknown-format.component.scss +0 -1
  64. package/lib/viewer/components/viewer-render/viewer-render.component.scss +2 -2
  65. package/lib/viewer/components/viewer.component.scss +11 -23
  66. package/package.json +3 -3
  67. package/lib/button/button.component.scss +0 -13
package/lib/about/about-package/package-list.component.scss CHANGED
@@ -1,19 +1,9 @@
1
1
  .adf-package-list-table {
2
- background: var(--adf-theme-background-card-color);
3
-
4
2
  &__header-row {
5
3
  min-height: 56px;
6
4
  }
7
5
 
8
- &__header-cell {
9
- color: var(--adf-theme-foreground-secondary-text-color);
10
- }
11
-
12
6
  &__row {
13
7
  min-height: 48px;
14
-
15
- &-cell {
16
- color: var(--adf-theme-foreground-text-color);
17
- }
18
8
  }
19
9
  }
package/lib/about/about-server-settings/about-server-settings.component.scss CHANGED
@@ -1,7 +1,5 @@
1
1
  .adf-about-server-settings {
2
2
  &__card {
3
- background: var(--adf-theme-background-card-color);
4
- color: var(--adf-theme-foreground-text-color);
5
3
  border-radius: 4px;
6
4
  padding: 16px;
7
5
 
package/lib/about/about.component.scss CHANGED
@@ -1,9 +1,5 @@
1
1
  .adf-about-panel {
2
2
  &-header {
3
3
  height: 48px;
4
-
5
- &__title {
6
- color: var(--adf-theme-foreground-text-color);
7
- }
8
4
  }
9
5
  }
package/lib/avatar/avatar.component.scss CHANGED
@@ -3,18 +3,16 @@
3
3
  }
4
4
 
5
5
  .adf-avatar__image {
6
- cursor: var(--adf-avatar-cursor, auto);
6
+ cursor: auto;
7
7
  display: inline-block;
8
8
  overflow: hidden;
9
9
  line-height: 1;
10
- border-radius: var(--adf-avatar-border-radius, 50%);
11
- width: var(--adf-avatar-size, 32px);
12
- height: var(--adf-avatar-size, 32px);
13
- color: var(--adf-avatar-color, #333);
14
- background-color: var(--adf-avatar-background-color, #f3f3f3);
15
- box-shadow: 0 0 0 1px var(--adf-avatar-border-color, rgba(31, 35, 40, 0.15));
16
- font-size: var(--adf-avatar-font-size, 14px);
17
- font-weight: var(--adf-avatar-font-weight, 500);
10
+ border-radius: 50%;
11
+ width: 32px;
12
+ height: 32px;
13
+ color: var(--mat-sys-on-primary);
14
+ background-color: var(--mat-sys-primary);
15
+ box-shadow: var(--mat-sys-level2);
18
16
  text-align: center;
19
17
  align-content: center;
20
18
  }
package/lib/card-view/components/card-view/card-view.component.scss CHANGED
@@ -2,22 +2,13 @@
2
2
 
3
3
  .adf-property-list {
4
4
  border: unset;
5
- border-color: var(--adf-theme-foreground-divider-color);
5
+ border-color: var(--mat-sys-outline);
6
6
  border-radius: 0;
7
7
 
8
8
  .adf-property-label {
9
- color: var(--adf-metadata-property-panel-text-color);
10
9
  display: flex;
11
10
  line-height: 20px;
12
11
  margin-bottom: 4px;
13
-
14
- &.adf-property-readonly-value {
15
- color: var(--adf-metadata-property-panel-label-color);
16
- }
17
-
18
- &.adf-property-value-editable {
19
- color: var(--adf-metadata-property-panel-title-color);
20
- }
21
12
  }
22
13
 
23
14
  .adf-property-container {
@@ -38,10 +29,6 @@
38
29
 
39
30
  &.adf-property-value-editable {
40
31
  padding: 6px 0 6px 12px;
41
-
42
- &:disabled {
43
- color: var(--adf-metadata-property-panel-label-color);
44
- }
45
32
  }
46
33
  }
47
34
 
@@ -89,33 +76,22 @@
89
76
 
90
77
  .adf-property-value {
91
78
  &.adf-property-value-editable {
92
- background-color: var(--adf-metadata-buttons-background-color);
93
79
  box-sizing: border-box;
94
80
  border-radius: 6px;
95
81
  height: 32px;
96
82
  padding-left: 10px;
97
83
 
98
84
  #{ms.$mat-input-element} {
99
- color: var(--adf-metadata-action-button-clear-color);
100
85
  padding: 5px 0 6px 12px;
101
86
  margin: 5px 0 0;
102
87
  }
103
88
  }
104
89
 
105
90
  &.adf-property-readonly-value {
106
- color: var(--adf-metadata-property-panel-label-color);
107
-
108
- #{ms.$mat-input-element} {
109
- color: var(--adf-metadata-property-panel-label-color);
110
- }
111
- }
112
-
113
- &-has-error {
114
- border: 1px solid var(--theme-warn-color);
91
+ color: var(--mat-sys-surface-dim);
115
92
  }
116
93
 
117
94
  &-input {
118
- background-color: var(--adf-metadata-buttons-background-color);
119
95
  box-sizing: border-box;
120
96
  border-radius: 6px;
121
97
  padding: 6px 0;
package/lib/card-view/components/card-view-arrayitem/card-view-arrayitem.component.scss CHANGED
@@ -5,15 +5,6 @@
5
5
  margin-right: 5px;
6
6
  }
7
7
 
8
- &-array-item-action {
9
- color: var(--adf-theme-foreground-text-color-025);
10
- }
11
-
12
- &-array-item-action:hover,
13
- &-array-item-action:focus {
14
- color: var(--adf-theme-foreground-text-color);
15
- }
16
-
17
8
  &-card-array-item-default {
18
9
  overflow: hidden;
19
10
  text-overflow: ellipsis;
@@ -41,8 +32,7 @@
41
32
  display: flex;
42
33
  place-content: center space-between;
43
34
  align-items: center;
44
- background: var(--adf-theme-background-card-color);
45
- border-color: var(--adf-theme-foreground-divider-color);
35
+ border-color: var(--mat-sys-outline-variant);
46
36
  border-radius: 0;
47
37
 
48
38
  #{ms.$mat-chip}:hover {
package/lib/card-view/components/card-view-dateitem/card-view-dateitem.component.scss CHANGED
@@ -46,7 +46,6 @@
46
46
  padding-top: 6px;
47
47
  padding-bottom: 6px;
48
48
  line-height: 20px;
49
- color: var(--adf-metadata-property-panel-title-color);
50
49
  margin-top: 10px;
51
50
 
52
51
  &.adf-property-value-editable {
package/lib/card-view/components/card-view-selectitem/card-view-selectitem.component.scss CHANGED
@@ -6,7 +6,6 @@
6
6
  }
7
7
 
8
8
  .adf-select-filter-input {
9
- background: var(--adf-theme-background-card-color);
10
9
  position: sticky;
11
10
  top: 0;
12
11
  left: 0;
@@ -29,10 +28,6 @@
29
28
  margin-top: 0;
30
29
  border-radius: 6px;
31
30
 
32
- #{ms.$mat-select-value} {
33
- color: var(--adf-metadata-action-button-clear-color);
34
- }
35
-
36
31
  #{ms.$mat-select-trigger} {
37
32
  padding-left: 6px;
38
33
  padding-right: 6px;
@@ -54,7 +49,7 @@
54
49
  white-space: nowrap;
55
50
  cursor: default;
56
51
  padding: 6px 0;
57
- border-bottom: 1px solid var(--adf-metadata-property-panel-border-color);
52
+ border-bottom: 1px solid var(--mat-sys-outline-variant);
58
53
  }
59
54
 
60
55
  #{ms.$mat-line-ripple} {
@@ -62,7 +57,7 @@
62
57
  }
63
58
 
64
59
  .adf-property-readonly-value {
65
- color: var(--adf-metadata-property-panel-label-color);
60
+ color: var(--mat-sys-surface-dim);
66
61
  }
67
62
 
68
63
  .adf-property-label {
package/lib/card-view/components/card-view-selectitem/select-filter-input/select-filter-input.component.scss CHANGED
@@ -9,12 +9,9 @@ $select-filter-height: 4em !default;
9
9
  .adf-select-filter-input-container {
10
10
  width: 100%;
11
11
  z-index: 100;
12
- font-size: var(--theme-body-1-font-size);
13
- color: var(--adf-theme-foreground-text-color-087);
14
12
  line-height: 3em;
15
13
  height: $select-filter-height;
16
14
  padding: 5px 16px 0;
17
- background: var(--adf-theme-background-card-color);
18
15
  }
19
16
 
20
17
  #{ms.$mat-form-field} {
package/lib/card-view/components/card-view-textitem/card-view-textitem.component.scss CHANGED
@@ -2,7 +2,6 @@
2
2
 
3
3
  .adf-card-view-textitem {
4
4
  .adf-textitem-error {
5
- font-size: var(--theme-caption-font-size);
6
5
  padding-top: 6px;
7
6
 
8
7
  &::before {
@@ -26,12 +25,6 @@
26
25
  height: 30px;
27
26
  padding: 0;
28
27
  line-height: 20px;
29
- color: var(--adf-theme-foreground-text-color-025);
30
-
31
- &:hover,
32
- &:focus {
33
- color: var(--adf-theme-foreground-text-color);
34
- }
35
28
 
36
29
  #{ms.$mat-button-touch-target} {
37
30
  width: 30px;
@@ -62,30 +55,10 @@
62
55
  .adf-textitem-clickable {
63
56
  cursor: pointer;
64
57
  padding-top: 3px;
65
-
66
- .adf-textitem-action:hover {
67
- color: var(--adf-theme-foreground-text-color);
68
- }
69
-
70
- .adf-property-field {
71
- #{ms.$mat-input-element} {
72
- color: var(--theme-primary-color);
73
- cursor: pointer;
74
- }
75
- }
76
- }
77
-
78
- .adf-textitem-default-value {
79
- color: var(--adf-theme-foreground-text-color-054);
80
58
  }
81
59
 
82
60
  .adf-property-read-only:not(:has(.adf-property-readonly-value)) {
83
- border-bottom: 1px solid var(--adf-metadata-property-panel-border-color);
84
- }
85
-
86
- .adf-property-value-not-editable {
87
- /* stylelint-disable-next-line declaration-no-important */
88
- color: var(--adf-metadata-property-panel-title-color);
61
+ border-bottom: 1px solid var(--mat-sys-outline-variant);
89
62
  }
90
63
 
91
64
  .adf-property-value-has-icon-suffix {
package/lib/clipboard/clipboard.theme.scss CHANGED
@@ -1,8 +1,8 @@
1
1
  .adf-copy-tooltip {
2
2
  position: absolute;
3
- background: var(--theme-primary-color);
4
- color: var(--theme-primary-color-default-contrast);
5
- font-size: var(--theme-caption-font-size);
3
+ background: var(--mat-sys-primary);
4
+ color: var(--mat-sys-on-primary);
5
+ font-size: var(--mat-sys-body-small-size);
6
6
  padding: 2px 5px;
7
7
  border-radius: 5px;
8
8
  bottom: 93%;
package/lib/comments/comment-list/comment-list.component.scss CHANGED
@@ -1,5 +1,6 @@
1
1
  .adf-comment-list {
2
2
  padding-bottom: 0;
3
+
3
4
  .adf {
4
5
  &-comment-img-container {
5
6
  width: 40px;
@@ -10,6 +11,7 @@
10
11
  }
11
12
 
12
13
  &-comment-list-item:has(.adf-comment-img-container) {
14
+ /* stylelint-disable-next-line declaration-property-value-disallowed-list */
13
15
  white-space: initial;
14
16
  display: table-row-group;
15
17
  padding-top: 12px;
@@ -26,10 +28,8 @@
26
28
  width: 100%;
27
29
  padding: 2px 10px;
28
30
  white-space: pre-line;
29
- font-size: var(--theme-body-1-font-size);
30
31
  letter-spacing: -0.2px;
31
32
  line-height: 1.43;
32
- color: var(--adf-theme-foreground-text-color);
33
33
  }
34
34
  }
35
35
  }
@@ -37,10 +37,10 @@
37
37
  &-comment-user-icon {
38
38
  padding: 10px 5px;
39
39
  width: 30px;
40
- background-color: var(--theme-primary-color);
41
- color: var(--theme-primary-color-default-contrast);
40
+ background-color: var(--mat-sys-primary);
41
+ color: var(--mat-sys-on-primary);
42
42
  border-radius: 50%;
43
- font-size: var(--theme-subheading-2-font-size);
43
+ font-size: var(--mat-sys-title-small-size);
44
44
  text-align: center;
45
45
  height: 20px;
46
46
  background-size: cover;
@@ -50,7 +50,6 @@
50
50
  width: 100%;
51
51
  padding: 2px 10px;
52
52
  font-weight: 600;
53
- font-size: var(--theme-body-1-font-size);
54
53
  }
55
54
 
56
55
  &-comment-message-time {
@@ -58,7 +57,6 @@
58
57
  width: 100%;
59
58
  padding: 2px 10px;
60
59
  font-size: unset;
61
- color: var(--adf-theme-foreground-text-color);
62
60
  }
63
61
 
64
62
  &-people-img {
package/lib/comments/comments.component.scss CHANGED
@@ -10,35 +10,6 @@ adf-comments {
10
10
  width: 100%;
11
11
  padding-bottom: 8px;
12
12
 
13
- #{ms.$mat-form-field} {
14
- width: 100%;
15
-
16
- &#{ms.$mat-form-field-invalid} {
17
- #{ms.$mat-input-element} {
18
- &::placeholder,
19
- &:focus::placeholder {
20
- color: var(--theme-warn-color);
21
- }
22
- }
23
- }
24
- }
25
-
26
- #{ms.$mat-form-field-wrapper} {
27
- #{ms.$mat-form-field-flex} {
28
- #{ms.$mat-form-field-infix} {
29
- padding-bottom: 2px;
30
- padding-top: 25px;
31
- }
32
- }
33
-
34
- #{ms.$mat-input-element} {
35
- &:focus::placeholder {
36
- color: var(--theme-primary-color);
37
- -webkit-font-smoothing: subpixel-antialiased;
38
- }
39
- }
40
- }
41
-
42
13
  textarea {
43
14
  resize: vertical;
44
15
  height: 20px;
@@ -47,12 +18,12 @@ adf-comments {
47
18
  }
48
19
 
49
20
  .adf-comments-divider {
50
- border-bottom: 1px solid var(--adf-theme-foreground-divider-color);
21
+ border-bottom: 1px solid var(--mat-sys-outline);
51
22
  }
52
23
 
53
24
  .adf-comments-header {
54
25
  padding: 10px 0;
55
- font-size: var(--theme-body-1-font-size);
26
+ font-size: var(--mat-sys-body-medium-size);
56
27
  font-weight: 600;
57
28
  }
58
29
 
package/lib/datatable/components/columns-selector/columns-selector.component.scss CHANGED
@@ -21,10 +21,6 @@ $adf-columns-selector-space: 12px;
21
21
  align-items: center;
22
22
  }
23
23
 
24
- &-header-label {
25
- font-size: var(--theme-body-1-font-size);
26
- }
27
-
28
24
  &-list-container {
29
25
  max-height: 350px;
30
26
  overflow: hidden auto;
@@ -34,7 +30,7 @@ $adf-columns-selector-space: 12px;
34
30
  margin-top: 10px;
35
31
 
36
32
  &:hover {
37
- background-color: var(--adf-theme-background-hover-color);
33
+ background-color: var(--mat-sys-surface-container);
38
34
  }
39
35
  }
40
36
 
@@ -47,8 +43,8 @@ $adf-columns-selector-space: 12px;
47
43
  }
48
44
 
49
45
  &-subtitle {
50
- color: var(--adf-theme-foreground-text-color);
51
- font-size: var(--theme-caption-font-size);
46
+ color: var(--mat-sys-on-surface);
47
+ font-size: var(--mat-sys-body-small-size);
52
48
  opacity: 0.6;
53
49
  display: flex;
54
50
  column-gap: 3px;
@@ -57,9 +53,6 @@ $adf-columns-selector-space: 12px;
57
53
 
58
54
  &-subtitle-icon {
59
55
  margin-top: 3px;
60
- height: var(--theme-caption-font-size);
61
- width: var(--theme-caption-font-size);
62
- font-size: var(--theme-caption-font-size);
63
56
  }
64
57
 
65
58
  &-column-checkbox {
@@ -91,8 +84,7 @@ $adf-columns-selector-space: 12px;
91
84
  width: 100%;
92
85
  outline: 0;
93
86
  border-radius: 6px;
94
- border: 1px solid var(--theme-background-color);
95
- background: var(--theme-background-color);
87
+ border: 1px solid var(--mat-sys-surface);
96
88
 
97
89
  &:focus {
98
90
  outline: none;
@@ -103,6 +95,7 @@ $adf-columns-selector-space: 12px;
103
95
  position: absolute;
104
96
  left: 17px;
105
97
  top: 10px;
106
- font-size: var(--theme-adf-icon-1-font-size);
98
+ font-size: var(--mat-sys-label-large-size);
99
+ line-height: var(--mat-sys-label-large-line-height);
107
100
  }
108
101
  }