@alfresco/adf-core 8.1.0-14614292306 → 8.1.0-14621393037

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 (23) hide show
  1. package/esm2022/lib/about/about-package/package-list.component.mjs +3 -3
  2. package/esm2022/lib/about/about-server-settings/about-server-settings.component.mjs +3 -3
  3. package/esm2022/lib/about/about.component.mjs +3 -3
  4. package/esm2022/lib/card-view/components/card-view/card-view.component.mjs +3 -3
  5. package/esm2022/lib/card-view/components/card-view-arrayitem/card-view-arrayitem.component.mjs +3 -3
  6. package/esm2022/lib/identity-user-info/identity-user-info.component.mjs +3 -3
  7. package/esm2022/lib/info-drawer/info-drawer.component.mjs +3 -3
  8. package/esm2022/lib/layout/components/header/header.component.mjs +3 -3
  9. package/fesm2022/adf-core.mjs +16 -16
  10. package/fesm2022/adf-core.mjs.map +1 -1
  11. package/lib/about/about-package/package-list.component.scss +5 -5
  12. package/lib/about/about-server-settings/about-server-settings.component.scss +5 -5
  13. package/lib/about/about.component.scss +3 -3
  14. package/lib/card-view/components/card-view/card-view.component.scss +3 -3
  15. package/lib/card-view/components/card-view-arrayitem/card-view-arrayitem.component.scss +3 -3
  16. package/lib/identity-user-info/identity-user-info.component.scss +8 -7
  17. package/lib/info-drawer/info-drawer.component.scss +11 -11
  18. package/lib/layout/components/header/header.component.scss +5 -5
  19. package/lib/styles/_colors.scss +4 -171
  20. package/lib/styles/_index.scss +14 -3
  21. package/package.json +3 -3
  22. package/lib/styles/_components-variables.scss +0 -105
  23. package/lib/styles/_reference-variables.scss +0 -33
package/lib/about/about-package/package-list.component.scss CHANGED
@@ -1,19 +1,19 @@
1
1
  .adf-package-list-table {
2
- background: var(--adf-package-list-table-background);
2
+ background: var(--adf-theme-background-card-color);
3
3
 
4
4
  &__header-row {
5
- min-height: var(--adf-package-list-table-header-min-height);
5
+ min-height: 56px;
6
6
  }
7
7
 
8
8
  &__header-cell {
9
- color: var(--adf-package-list-table-header-cell-color);
9
+ color: var(--adf-theme-foreground-secondary-text-color);
10
10
  }
11
11
 
12
12
  &__row {
13
- min-height: var(--adf-package-list-table-row-min-height);
13
+ min-height: 48px;
14
14
 
15
15
  &-cell {
16
- color: var(--adf-package-list-table-row-cell-color);
16
+ color: var(--adf-theme-foreground-text-color);
17
17
  }
18
18
  }
19
19
  }
package/lib/about/about-server-settings/about-server-settings.component.scss CHANGED
@@ -1,15 +1,15 @@
1
1
  .adf-about-server-settings {
2
2
  &__card {
3
- background: var(--adf-about-server-settings-background);
4
- color: var(--adf-about-server-settings-color);
5
- border-radius: var(--adf-about-server-settings-border-radius);
6
- padding: var(--adf-about-server-settings-padding);
3
+ background: var(--adf-theme-background-card-color);
4
+ color: var(--adf-theme-foreground-text-color);
5
+ border-radius: 4px;
6
+ padding: 16px;
7
7
 
8
8
  &:has(p) {
9
9
  border: none;
10
10
 
11
11
  p {
12
- margin: 0 0 10px 0;
12
+ margin: 0 0 10px;
13
13
 
14
14
  &:last-child {
15
15
  margin: 0;
package/lib/about/about.component.scss CHANGED
@@ -1,9 +1,9 @@
1
1
  .adf-about-panel {
2
2
  &-header {
3
- height: var(--adf-about-panel-header-height);
3
+ height: 48px;
4
4
 
5
5
  &__title {
6
- color: var(--adf-about-panel-header-title-color);
6
+ color: var(--adf-theme-foreground-text-color);
7
7
  }
8
8
  }
9
- }
9
+ }
package/lib/card-view/components/card-view/card-view.component.scss CHANGED
@@ -1,9 +1,9 @@
1
1
  @import 'styles/mat-selectors';
2
2
 
3
3
  .adf-property-list {
4
- border: var(--adf-card-view-border);
5
- border-color: var(--adf-card-view-border-color);
6
- border-radius: var(--adf-card-view-border-radius);
4
+ border: unset;
5
+ border-color: var(--adf-theme-foreground-divider-color);
6
+ border-radius: 0;
7
7
 
8
8
  .adf-property-label {
9
9
  color: var(--adf-metadata-property-panel-text-color);
package/lib/card-view/components/card-view-arrayitem/card-view-arrayitem.component.scss CHANGED
@@ -41,9 +41,9 @@
41
41
  display: flex;
42
42
  place-content: center space-between;
43
43
  align-items: center;
44
- background: var(--adf-card-view-array-item-background);
45
- border-color: var(--adf-card-view-array-item-border-color);
46
- border-radius: var(--adf-card-view-array-item-border-radius);
44
+ background: var(--adf-theme-background-card-color);
45
+ border-color: var(--adf-theme-foreground-divider-color);
46
+ border-radius: 0;
47
47
 
48
48
  #{$mat-chip}:hover {
49
49
  cursor: pointer;
package/lib/identity-user-info/identity-user-info.component.scss CHANGED
@@ -13,23 +13,24 @@
13
13
 
14
14
  &-userinfo-name {
15
15
  padding: 0 5px;
16
+
16
17
  @include layout-bp(lt-md) {
17
18
  display: none;
18
19
  }
19
20
  }
20
21
 
21
22
  &-userinfo-pic {
22
- background: var(--adf-identity-user-info-background);
23
+ background: var(--adf-theme-primary-300);
23
24
  display: inline-block;
24
- width: var(--adf-identity-user-info-width);
25
- height: var(--adf-identity-user-info-height);
25
+ width: 40px;
26
+ height: 40px;
26
27
  border-radius: 100px;
27
28
  text-align: center;
28
29
  font-weight: bolder;
29
- font-size: var(--adf-identity-user-info-font-size);
30
+ font-size: var(--theme-adf-picture-1-font-size);
30
31
  text-transform: uppercase;
31
32
  vertical-align: middle;
32
- line-height: var(--adf-identity-user-info-line-height);
33
+ line-height: 40px;
33
34
  }
34
35
 
35
36
  &-userinfo-profile-container {
@@ -74,7 +75,7 @@
74
75
  }
75
76
 
76
77
  &-userinfo-profile-picture {
77
- background: var(--adf-identity-user-info-background);
78
+ background: var(--adf-theme-primary-300);
78
79
  background-size: cover;
79
80
  border-radius: 50%;
80
81
  height: 80px;
@@ -90,7 +91,7 @@
90
91
  }
91
92
  }
92
93
 
93
- @media only screen and (min-device-width: 480px) {
94
+ @media only screen and (device-width >= 480px) {
94
95
  .adf-identity-userinfo-menu.adf-userinfo-menu {
95
96
  max-height: 450px;
96
97
  min-width: 450px;
package/lib/info-drawer/info-drawer.component.scss CHANGED
@@ -70,9 +70,9 @@
70
70
  }
71
71
 
72
72
  div[role='tab'].adf-info-drawer-tab {
73
- color: var(--adf-info-drawer-tab-default-color);
74
- background-color: var(--adf-info-drawer-tab-default-background);
75
- border-bottom: var(--adf-info-drawer-tab-default-bottom-line);
73
+ color: var(--theme-accent-color);
74
+ background-color: var(--adf-theme-background-card-color);
75
+ border-bottom: unset;
76
76
  opacity: 1;
77
77
 
78
78
  &#{$mat-tab-label} {
@@ -84,20 +84,20 @@
84
84
  }
85
85
 
86
86
  &--active {
87
- color: var(--adf-info-drawer-tab-active-unfocused-color);
88
- background-color: var(--adf-info-drawer-tab-active-unfocused-background);
89
- border-bottom: 1px solid var(--adf-info-drawer-tab-active-unfocused-bottom-line);
87
+ color: var(--theme-primary-color);
88
+ background-color: var(--adf-theme-background-card-color);
89
+ border-bottom: 1px solid unset;
90
90
 
91
91
  &:focus {
92
- color: var(--adf-info-drawer-tab-active-focused-color);
93
- border-bottom: var(--adf-info-drawer-tab-active-focused-bottom-line);
92
+ color: var(--adf-theme-foreground-text-color);
93
+ border-bottom: unset;
94
94
  }
95
95
  }
96
96
 
97
97
  &:hover:not([class*='--disabled'], [class*='--active']) {
98
- color: var(--adf-info-drawer-tab-hover-color);
99
- background-color: var(--adf-info-drawer-tab-hover-background);
100
- border-bottom: var(--adf-info-drawer-tab-hover-bottom-line);
98
+ color: var(--theme-accent-color);
99
+ background-color: var(--adf-theme-background-card-color);
100
+ border-bottom: unset;
101
101
  }
102
102
 
103
103
  &--disabled {
package/lib/layout/components/header/header.component.scss CHANGED
@@ -59,15 +59,15 @@ adf-layout-header .adf-toolbar-container-row {
59
59
  }
60
60
 
61
61
  .adf-header-icon-button {
62
- color: var(--adf-header-icon-button-default-color);
63
- border-radius: var(--adf-header-icon-button-default-border-radius);
62
+ color: inherit;
63
+ border-radius: 50%;
64
64
 
65
65
  &:hover {
66
- color: var(--adf-header-icon-button-hover-color);
66
+ color: inherit;
67
67
  }
68
68
 
69
69
  &:active {
70
- color: var(--adf-header-icon-button-pressed-color);
70
+ color: inherit;
71
71
  }
72
72
  }
73
73
  }
@@ -116,7 +116,7 @@ adf-layout-header .adf-toolbar-container-row {
116
116
  }
117
117
 
118
118
  .adf-userinfo-container {
119
- margin-right: var(--adf-user-info-container-margin-right);
119
+ margin-right: 8px;
120
120
  }
121
121
 
122
122
  .adf-userinfo-name {
package/lib/styles/_colors.scss CHANGED
@@ -2,143 +2,8 @@
2
2
  // Accent color palette
3
3
  $black-87-opacity: rgba(black, 0.87);
4
4
  $white-87-opacity: rgba(white, 0.87);
5
- $black-12-opacity: rgba(black, 0.12);
6
- $white-12-opacity: rgba(white, 0.12);
7
- $black-6-opacity: rgba(black, 0.06);
8
- $white-6-opacity: rgba(white, 0.06);
9
-
10
- $alfresco-ecm-cyan: (
11
- 50: #e0f7fa,
12
- 100: #b2ebf2,
13
- 200: #80deea,
14
- 300: #4dd0e1,
15
- 400: #26c6da,
16
- 500: #00bcd4,
17
- 600: #00acc1,
18
- 700: #0097a7,
19
- 800: #00838f,
20
- 900: #006064,
21
- A100: #84ffff,
22
- A200: #18ffff,
23
- A400: #00e5ff,
24
- A700: #00b8d4,
25
- contrast: (
26
- 50: $black-87-opacity,
27
- 100: $black-87-opacity,
28
- 200: $black-87-opacity,
29
- 300: $black-87-opacity,
30
- 400: $black-87-opacity,
31
- 500: white,
32
- 600: white,
33
- 700: white,
34
- 800: white,
35
- 900: $white-87-opacity,
36
- A100: $black-87-opacity,
37
- A200: $black-87-opacity,
38
- A400: $black-87-opacity,
39
- A700: $black-87-opacity,
40
- )
41
- );
42
-
43
- $alfresco-dev-teal: (
44
- 50: #e0f2f1,
45
- 100: #b2dfdb,
46
- 200: #80cbc4,
47
- 300: #4db6ac,
48
- 400: #26a69a,
49
- 500: #009688,
50
- 600: #00897b,
51
- 700: #00796b,
52
- 800: #00695c,
53
- 900: #004d40,
54
- A100: #a7ffeb,
55
- A200: #64ffda,
56
- A400: #1de9b6,
57
- A700: #00bfa5,
58
- contrast: (
59
- 50: $black-87-opacity,
60
- 100: $black-87-opacity,
61
- 200: $black-87-opacity,
62
- 300: $black-87-opacity,
63
- 400: $black-87-opacity,
64
- 500: white,
65
- 600: white,
66
- 700: white,
67
- 800: $white-87-opacity,
68
- 900: $white-87-opacity,
69
- A100: $black-87-opacity,
70
- A200: $black-87-opacity,
71
- A400: $black-87-opacity,
72
- A700: $black-87-opacity,
73
- )
74
- );
75
-
76
- $alfresco-ecm-blue: (
77
- 50: #e3f2fd,
78
- 100: #bbdefb,
79
- 200: #90caf9,
80
- 300: #64b5f6,
81
- 400: #42a5f5,
82
- 500: #2196f3,
83
- 600: #1e88e5,
84
- 700: #1976d2,
85
- 800: #1565c0,
86
- 900: #0d47a1,
87
- A100: #82b1ff,
88
- A200: #448aff,
89
- A400: #2979ff,
90
- A700: #2962ff,
91
- contrast: (
92
- 50: $black-87-opacity,
93
- 100: $black-87-opacity,
94
- 200: $black-87-opacity,
95
- 300: $black-87-opacity,
96
- 400: $black-87-opacity,
97
- 500: white,
98
- 600: white,
99
- 700: white,
100
- 800: $white-87-opacity,
101
- 900: $white-87-opacity,
102
- A100: $black-87-opacity,
103
- A200: white,
104
- A400: white,
105
- A700: white,
106
- )
107
- );
108
-
109
- $alfresco-bpm-green: (
110
- 50: #f1f8e9,
111
- 100: #dcedc8,
112
- 200: #c5e1a5,
113
- 300: #aed581,
114
- 400: #9ccc65,
115
- 500: #8bc34a,
116
- 600: #7cb342,
117
- 700: #689f38,
118
- 800: #558b2f,
119
- 900: #33691e,
120
- A100: #ccff90,
121
- A200: #b2ff59,
122
- A400: #76ff03,
123
- A700: #64dd17,
124
- contrast: (
125
- 50: $black-87-opacity,
126
- 100: $black-87-opacity,
127
- 200: $black-87-opacity,
128
- 300: $black-87-opacity,
129
- 400: $black-87-opacity,
130
- 500: $black-87-opacity,
131
- 600: $black-87-opacity,
132
- 700: $black-87-opacity,
133
- 800: white,
134
- 900: white,
135
- A100: $black-87-opacity,
136
- A200: $black-87-opacity,
137
- A400: $black-87-opacity,
138
- A700: $black-87-opacity,
139
- )
140
- );
141
5
 
6
+ // [AAE-34457] TODO: move to the alfresco-applications: apps/admin-cc/src/custom-style.scss
142
7
  $alfresco-warn: (
143
8
  50: #ffebee,
144
9
  100: #ffcdd2,
@@ -168,43 +33,11 @@ $alfresco-warn: (
168
33
  A100: $black-87-opacity,
169
34
  A200: white,
170
35
  A400: white,
171
- A700: white,
172
- )
173
- );
174
-
175
- $alfresco-accent-purple: (
176
- 50: #e8eaf6,
177
- 100: #c5cae9,
178
- 200: #9fa8da,
179
- 300: #7986cb,
180
- 400: #5c6bc0,
181
- 500: #3f51b5,
182
- 600: #3949ab,
183
- 700: #303f9f,
184
- 800: #283593,
185
- 900: #1a237e,
186
- A100: #8c9eff,
187
- A200: #536dfe,
188
- A400: #3d5afe,
189
- A700: #304ffe,
190
- contrast: (
191
- 50: $black-87-opacity,
192
- 100: $black-87-opacity,
193
- 200: $black-87-opacity,
194
- 300: white,
195
- 400: white,
196
- 500: $white-87-opacity,
197
- 600: $white-87-opacity,
198
- 700: $white-87-opacity,
199
- 800: $white-87-opacity,
200
- 900: $white-87-opacity,
201
- A100: $black-87-opacity,
202
- A200: white,
203
- A400: white,
204
- A700: $white-87-opacity,
36
+ A700: white
205
37
  )
206
38
  );
207
39
 
40
+ // [AAE-34458] TODO: move to HxP: apps/admin-apa/src/custom-style.scss
208
41
  $alfresco-accent-orange: (
209
42
  50: #fff3e0,
210
43
  100: #ffe0b2,
@@ -234,7 +67,7 @@ $alfresco-accent-orange: (
234
67
  A100: $black-87-opacity,
235
68
  A200: $black-87-opacity,
236
69
  A400: $black-87-opacity,
237
- A700: black,
70
+ A700: black
238
71
  )
239
72
  );
240
73
  /* stylelint-enable */
package/lib/styles/_index.scss CHANGED
@@ -10,7 +10,6 @@
10
10
  @import '../clipboard/clipboard.theme';
11
11
  @import './snackbar.theme';
12
12
  @import './material.theme';
13
- @import './components-variables';
14
13
  @import '../../../../../node_modules/@mat-datetimepicker/core/datetimepicker/datetimepicker-theme';
15
14
 
16
15
  @mixin alfresco-material-theme($theme) {
@@ -93,7 +92,20 @@
93
92
  --adf-theme-mat-grey-color-a400: mat.get-color-from-palette(mat.$grey-palette, A400),
94
93
  --adf-theme-mat-grey-color-50: mat.get-color-from-palette(mat.$grey-palette, 50),
95
94
  // spacing
96
- --adf-theme-spacing: map-get($custom-css-variables, 'theme-adf-spacing')
95
+ --adf-theme-spacing: map-get($custom-css-variables, 'theme-adf-spacing'),
96
+ // components
97
+ --adf-metadata-property-panel-border-color: rgba(0, 0, 0, 0.12),
98
+ --adf-metadata-buttons-background-color: rgba(33, 33, 33, 0.05),
99
+ --adf-metadata-action-button-clear-color: rgba(33, 35, 40, 0.698),
100
+ --adf-metadata-property-panel-text-color: rgba(33, 35, 40, 0.7),
101
+ --adf-metadata-property-panel-label-color: rgba(33, 33, 33, 0.24),
102
+ --adf-metadata-property-panel-title-color: rgb(33, 33, 33),
103
+ --adf-error-color: #ba1b1b,
104
+ --adf-secondary-button-background: #2121210d,
105
+ --adf-secondary-modal-text-color: #212121,
106
+ --adf-disabled-button-background: rgba(0, 0, 0, 0.12),
107
+ --adf-chip-border-color: #757575,
108
+ --adf-sidenav-active-text-color: rgba(0, 48, 100, 1)
97
109
  );
98
110
 
99
111
  // propagates SCSS variables into the CSS variables scope
@@ -106,7 +118,6 @@
106
118
  @include mat-datetimepicker-theme($theme);
107
119
  @include adf-snackbar-theme;
108
120
  @include adf-material-theme;
109
- @include adf-components-variables($theme);
110
121
  }
111
122
 
112
123
  $adf-custom-theme-sizes: (
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@alfresco/adf-core",
3
3
  "description": "Alfresco ADF core",
4
- "version": "8.1.0-14614292306",
4
+ "version": "8.1.0-14621393037",
5
5
  "author": "Hyland Software, Inc. and its affiliates",
6
6
  "repository": {
7
7
  "type": "git",
@@ -75,8 +75,8 @@
75
75
  "@angular/router": ">=16.0.0",
76
76
  "@mat-datetimepicker/core": ">=12.0.1",
77
77
  "@ngx-translate/core": ">=14.0.0",
78
- "@alfresco/js-api": ">=9.1.0-14614292306",
79
- "@alfresco/adf-extensions": ">=8.1.0-14614292306",
78
+ "@alfresco/js-api": ">=9.1.0-14621393037",
79
+ "@alfresco/adf-extensions": ">=8.1.0-14621393037",
80
80
  "minimatch": ">=10.0.0",
81
81
  "pdfjs-dist": ">=3.3.122",
82
82
  "ts-morph": ">=20.0.0"
package/lib/styles/_components-variables.scss DELETED
@@ -1,105 +0,0 @@
1
- /* stylelint-disable value-list-max-empty-lines */
2
- /* stylelint-disable scss/no-global-function-names */
3
- @use './reference-variables' as *;
4
- @use '@angular/material' as mat;
5
-
6
- @mixin adf-components-variables($theme) {
7
- $primary: map-get($theme, primary);
8
- $accent: map-get($theme, accent);
9
- $warn: map-get($theme, warn);
10
- $foreground: map-get($theme, foreground);
11
- $background: map-get($theme, background);
12
-
13
- $defaults: (
14
- --adf-card-view-background: mat.get-color-from-palette($background, card),
15
- --adf-card-view-border: $adf-ref-card-border,
16
- --adf-card-view-border-color: mat.get-color-from-palette($foreground, divider),
17
- --adf-card-view-border-radius: $adf-ref-card-border-radius-slim,
18
- --adf-card-view-array-item-background: mat.get-color-from-palette($background, card),
19
- --adf-card-view-array-item-border: $adf-ref-card-border,
20
- --adf-card-view-array-item-border-color: mat.get-color-from-palette($foreground, divider),
21
- --adf-card-view-array-item-border-radius: $adf-ref-card-border-radius-slim,
22
- --adf-edit-task-and-service-filter-header-title-color: mat.get-color-from-palette($foreground, text),
23
- --adf-edit-task-and-service-filter-header-description-color: mat.get-color-from-palette($foreground, secondary-text),
24
- --adf-edit-task-and-service-filter-content-text-label-color: mat.get-color-from-palette($foreground, secondary-text),
25
- --adf-edit-task-and-service-filter-content-select-label-color: mat.get-color-from-palette($foreground, secondary-text),
26
- --adf-edit-task-and-service-filter-header-height: $adf-ref-height-48,
27
- --adf-about-panel-header-height: $adf-ref-height-48,
28
- --adf-about-panel-header-title-color: mat.get-color-from-palette($foreground, text),
29
- --adf-edit-process-filter-header-height: $adf-ref-height-48,
30
- --adf-edit-process-filter-header-title-color: mat.get-color-from-palette($foreground, text),
31
- --adf-edit-process-filter-header-description-color: mat.get-color-from-palette($foreground, secondary-text),
32
- --adf-edit-process-filter-content-text-label-color: mat.get-color-from-palette($foreground, secondary-text),
33
- --adf-edit-process-filter-content-select-label-color: mat.get-color-from-palette($foreground, secondary-text),
34
- --adf-about-server-settings-background: mat.get-color-from-palette($background, card),
35
- --adf-about-server-settings-color: mat.get-color-from-palette($foreground, text),
36
- --adf-about-server-settings-border-radius: $adf-ref-card-border-radius-normal,
37
- --adf-about-server-settings-padding: $adf-ref-card-padding,
38
- --adf-package-list-table-background: mat.get-color-from-palette($background, card),
39
- --adf-package-list-table-header-min-height: $adf-ref-table-header-min-height,
40
- --adf-package-list-table-header-cell-color: mat.get-color-from-palette($foreground, secondary-text),
41
- --adf-package-list-table-row-min-height: $adf-ref-table-row-min-height,
42
- --adf-package-list-table-row-cell-color: mat.get-color-from-palette($foreground, text),
43
- --adf-identity-user-info-background: var(--adf-theme-primary-300),
44
- --adf-identity-user-info-height: $adf-ref-height,
45
- --adf-identity-user-info-width: $adf-ref-width,
46
- --adf-identity-user-info-line-height: $adf-ref-line-height,
47
- --adf-identity-user-info-font-size: var(--theme-adf-picture-1-font-size),
48
- --adf-user-info-container-margin-right: $adf-ref-margin-right,
49
- --adf-info-drawer-tab-default-color: mat.get-color-from-palette($accent),
50
- --adf-info-drawer-tab-default-background: mat.get-color-from-palette($background, card),
51
- --adf-info-drawer-tab-default-bottom-line: $adf-ref-tab-bottom-line-default,
52
- --adf-info-drawer-tab-hover-color: mat.get-color-from-palette($accent),
53
- --adf-info-drawer-tab-hover-background: mat.get-color-from-palette($background, card),
54
- --adf-info-drawer-tab-hover-bottom-line: $adf-ref-tab-bottom-line-default,
55
- --adf-info-drawer-tab-active-unfocused-color: mat.get-color-from-palette($primary),
56
- --adf-info-drawer-tab-active-unfocused-background: mat.get-color-from-palette($background, card),
57
- --adf-info-drawer-tab-active-unfocused-bottom-line: $adf-ref-tab-bottom-line-default,
58
- --adf-info-drawer-tab-active-focused-color: mat.get-color-from-palette($foreground, text),
59
- --adf-info-drawer-tab-active-focused-background: mat.get-color-from-palette($primary),
60
- --adf-info-drawer-tab-active-focused-bottom-line: $adf-ref-tab-bottom-line-active,
61
-
62
- --adf-people-cloud-input-label-default-color: mat.get-color-from-palette($foreground, secondary-text),
63
- --adf-people-cloud-input-label-focus-color: mat.get-color-from-palette($primary),
64
- --adf-people-cloud-autosuggest-result-active-color: mat.get-color-from-palette($foreground, text),
65
- --adf-people-cloud-autosuggest-result-disabled-color: mat.get-color-from-palette($foreground, secondary-text),
66
- --adf-people-cloud-input-caption-error-color: mat.get-color-from-palette($warn),
67
- --adf-metadata-property-panel-border-color: $adf-ref-metadata-property-panel-border-color,
68
- --adf-metadata-buttons-background-color: $adf-ref-metadata-buttons-background-color,
69
- --adf-metadata-action-button-clear-color: $adf-ref-metadata-action-button-clear-color,
70
- --adf-metadata-property-panel-text-color: $adf-ref-metadata-property-panel-text-color,
71
- --adf-metadata-property-panel-label-color: $adf-ref-metadata-property-panel-label-color,
72
- --adf-metadata-property-panel-title-color: $adf-ref-metadata-property-panel-title-color,
73
-
74
- --adf-group-cloud-input-label-default-color: mat.get-color-from-palette($foreground, secondary-text),
75
- --adf-group-cloud-input-label-focus-color: mat.get-color-from-palette($primary),
76
- --adf-group-cloud-autosuggest-result-active-color: mat.get-color-from-palette($foreground, text),
77
- --adf-group-cloud-autosuggest-result-disabled-color: mat.get-color-from-palette($foreground, secondary-text),
78
- --adf-group-cloud-input-caption-error-color: mat.get-color-from-palette($warn),
79
- --adf-task-assignment-filter-option-default-color: mat.get-color-from-palette($foreground, text),
80
- --adf-task-assignment-filter-option-selected-color: mat.get-color-from-palette($primary),
81
- --adf-task-assignment-filter-label-default-color: mat.get-color-from-palette($foreground, secondary-text),
82
- --adf-task-assignment-filter-label-focus-color: mat.get-color-from-palette($primary),
83
- --adf-process-header-cloud-card-background: mat.get-color-from-palette($background, card),
84
- --adf-header-icon-button-default-color: $adf-ref-header-icon-color,
85
- --adf-header-icon-button-default-border-radius: $adf-ref-header-icon-border-radius,
86
- --adf-header-icon-button-hover-color: $adf-ref-header-icon-color,
87
- --adf-header-icon-button-pressed-color: $adf-ref-header-icon-color,
88
- --adf-header-icon-button-disabled-color: $adf-ref-header-icon-color,
89
- --adf-error-color: $adf-error-color,
90
- --adf-secondary-button-background: $adf-secondary-button-background,
91
- --adf-secondary-modal-text-color: $adf-secondary-modal-text-color,
92
- --adf-disabled-button-background: $adf-disabled-button-background,
93
- --adf-chip-border-color: $adf-chip-border-color,
94
- --adf-sidenav-active-text-color: $adf-sidenav-active-text-color,
95
-
96
- --adf-display-external-property-widget-preview-selection-color: mat.get-color-from-palette($foreground, secondary-text)
97
- );
98
-
99
- // propagates SCSS variables into the CSS variables scope
100
- :root {
101
- @each $name, $value in $defaults {
102
- #{$name}: #{$value};
103
- }
104
- }
105
- }
package/lib/styles/_reference-variables.scss DELETED
@@ -1,33 +0,0 @@
1
- $adf-ref-card-border: unset;
2
- $adf-ref-card-border-radius-slim: 0;
3
- $adf-ref-height-48: 48px;
4
- $adf-ref-card-padding: 16px;
5
- $adf-ref-card-border-radius-normal: 4px;
6
- $adf-ref-table-header-border-style: solid;
7
- $adf-ref-table-header-border-bottom-width: 1px;
8
- $adf-ref-table-header-border-width: 0;
9
- $adf-ref-table-header-min-height: 56px;
10
- $adf-ref-table-row-border-style: solid;
11
- $adf-ref-table-row-border-bottom-width: 1px;
12
- $adf-ref-table-row-border-width: 0;
13
- $adf-ref-table-row-min-height: 48px;
14
- $adf-ref-height: 40px;
15
- $adf-ref-width: 40px;
16
- $adf-ref-line-height: 40px;
17
- $adf-ref-margin-right: 8px;
18
- $adf-ref-tab-bottom-line-default: unset;
19
- $adf-ref-tab-bottom-line-active: unset;
20
- $adf-ref-metadata-property-panel-border-color: rgba(0, 0, 0, 0.12);
21
- $adf-ref-metadata-buttons-background-color: rgba(33, 33, 33, 0.05);
22
- $adf-ref-metadata-action-button-clear-color: rgba(33, 35, 40, 0.698);
23
- $adf-ref-metadata-property-panel-text-color: rgba(33, 35, 40, 0.7);
24
- $adf-ref-metadata-property-panel-label-color: rgba(33, 33, 33, 0.24);
25
- $adf-ref-metadata-property-panel-title-color: rgb(33, 33, 33);
26
- $adf-ref-header-icon-color: inherit;
27
- $adf-ref-header-icon-border-radius: 50%;
28
- $adf-error-color: #ba1b1b;
29
- $adf-secondary-button-background: #2121210d;
30
- $adf-secondary-modal-text-color: #212121;
31
- $adf-disabled-button-background: rgba(0, 0, 0, 0.12);
32
- $adf-chip-border-color: #757575;
33
- $adf-sidenav-active-text-color: rgba(0, 48, 100, 1);