AAE-40649 Material Design 3 migration (#11286)

* AAE-38957 Cleanup code from color assignments on Material elements (#11266)

* AAE-38646   cleanup core lib from custom variables (#11259)

* AAE-38646 General cleanup of custom variables from core lib

* AAE-38646 Cleanup some of the remaining variables

* AAE-38646 Last color-mix removal

* AAE-38646 Reduce amount of customizations

* AAE-38646 apply overrides, reduce customization

* AAE-38646 modify remaining styles

* AAE-38646 Fix override assignemnts

* AAE-38646 Address comments, cleanup unused

* AAE-38978 Cleanup process-services-cloud lib from custom css variables (#11295)

* AAE-38978 Cleanup custom variables inside process-services-cloud lib

* AAE-38978 Adjust rich text widget styling

* AAE-38978 Comment fixes

* AAE-38980 Cleanup insights lib from custom css variables (#11314)

* AAE-38980 Cleanup insights lib from custom css variables

* AAE-38980 Removed unnecessarily specific selector

* AAE-38979 Cleanup content-services lib from custom css variables (#11313)

* AAE-38979 Remove/replace variable and hardcoded customizations

* AAE-38979 Cleanup unused @use and @import statements

* AAE-39159 Cleanup process-services lib from custom css variables (#11316)

* AAE-39159 Cleanup process-services lib from custom css variables

* AAE-39159 Fix import and build

* Fix build

* Remove leftover button customization

* fix missing brace

* AAE-39748 Pagination font size match md3

* fix incorrect html templates after rebase

* swap leftover variables

* fix units

* copilot comments

* visual regression result fixes

* CSX-204 Update card view components (#11358)

* CSX-535 Update background color on readonly for card view selectitem (#11799)

* remove invalid color test

* add stylelint rule

---------

Co-authored-by: Ehsan Rezaei <ehsan.rezaei@hyland.com>
Co-authored-by: Ricardo Dias <ricardo.dias@hyland.com>
This commit is contained in:
Wojciech Duda
2026-04-22 10:02:17 +01:00
committed by GitHub
co-authored by Ehsan Rezaei Ricardo Dias
parent 423c646bac
commit 64826c3a99
236 changed files with 838 additions and 1780 deletions
@@ -104,8 +104,7 @@
<div *ngIf="!report.hasDatasets()">{{ 'ANALYTICS.MESSAGES.NO-DATA-FOUND' | translate }}</div>
<div *ngIf="report.hasDatasets()">
<mat-checkbox
color="primary"
[id]="'stacked-id'"
[id]="'stacked-id'"
[checked]="report.options.scales.xAxes[0].stacked"
[(ngModel)]="report.options.scales.xAxes[0].stacked"
(change)="refresh(report)"
@@ -3,12 +3,12 @@
cursor: pointer;
.adf-active {
color: var(--theme-primary-color);
color: var(--mat-sys-primary);
}
}
.adf-activiti-filters__entry-icon {
color: var(--theme-primary-color);
color: var(--mat-sys-primary);
position: relative;
top: 5px;
}
@@ -32,7 +32,6 @@
position: relative;
min-height: 200px;
overflow: hidden;
background-color: var(--theme-background-color);
display: flex;
flex-direction: column;
cursor: pointer;
@@ -44,8 +43,7 @@
z-index: 6;
&-icon {
font-size: 70px;
color: var(--theme-accent-color);
font-size: var(--mat-sys-headline-large-size);
width: 1em;
height: 1em;
display: inline-block;
@@ -57,7 +55,7 @@
z-index: 7;
.adf-application-title {
font-size: var(--theme-headline-font-size);
font-size: var(--mat-sys-headline-small-size);
margin: 0;
}
}
@@ -68,18 +66,10 @@
}
&-actions {
border-top: 1px solid var(--adf-theme-foreground-divider-color);
border-top: 1px solid var(--mat-sys-outline);
padding: 8px;
box-sizing: border-box;
height: 40px;
&-icon {
color: var(--adf-theme-foreground-text-color-054);
&:hover {
color: var(--adf-theme-foreground-text-color-087);
}
}
}
}
}
@@ -130,11 +130,10 @@
</div>
</div>
<div class="adf-report-dialog-actions" mat-dialog-actions>
<button mat-button color="accent" type="button" id="close-dialog-button" (click)="closeDialog()">Close</button>
<button mat-button type="button" id="close-dialog-button" (click)="closeDialog()">Close</button>
<button
mat-button
color="primary"
type="button"
type="button"
id="action-dialog-button"
(click)="performAction(action, reportParamQuery)"
>
@@ -7,15 +7,15 @@
}
.adf-dropdown-widget__invalid .adf-dropdown-widget__select {
border-color: var(--theme-warn-color);
border-color: var(--mat-sys-error);
}
.adf-dropdown-widget__invalid .adf-dropdown-widget__label {
color: var(--theme-warn-color);
color: var(--mat-sys-error);
}
.adf-dropdown-widget__invalid .adf-dropdown-widget__label::after {
background-color: var(--theme-warn-color);
background-color: var(--mat-sys-error);
}
.adf-full-width-input {
@@ -23,7 +23,7 @@
.adf-edit-report-title[type='text'] {
float: left;
font-size: var(--theme-title-font-size);
font-size: var(--mat-sys-title-medium-size);
padding-top: 19px;
}
}
@@ -40,7 +40,7 @@
margin-bottom: 12px;
:hover .adf-report-icon {
color: var(--theme-primary-color);
color: var(--mat-sys-primary);
visibility: visible;
}
}
@@ -56,7 +56,7 @@
}
.adf-report-report-container {
border-bottom: solid 1px var(--adf-theme-foreground-divider-color);
border-bottom: solid 1px var(--mat-sys-outline);
padding-top: 10px;
.adf-toolbar-container.adf-toolbar-container-row {
@@ -74,7 +74,7 @@
}
.adf-export-message {
background-color: var(--theme-background-color);
background-color: var(--mat-sys-surface);
}
.adf-save-export-input {
@@ -1,5 +1,3 @@
@use '../../mat-selectors' as ms;
.adf-buttons-menu {
margin-right: 10px;
@@ -15,17 +13,13 @@
display: flex;
button {
color: black;
padding: 0;
color: var(--mat-sys-on-surface);
margin: 0 10px;
}
button > span {
display: none;
}
button > #{ms.$material-icons} {
color: black;
margin: 0 10px;
}
}
}
@@ -1,6 +1,5 @@
<div [formGroup]="formGroup">
<mat-checkbox
color="primary"
formControlName="{{controllerName}}"
[id]="field.id"
[checked]="field.value"
@@ -1,3 +1,3 @@
.adf-date-range-analytics-text-danger {
color: var(--theme-warn-color);
color: var(--mat-sys-error);
}
@@ -7,13 +7,13 @@
}
.adf-dropdown-widget__invalid .adf-dropdown-widget__select {
border-color: var(--theme-warn-color);
border-color: var(--mat-sys-error);
}
.adf-dropdown-widget__invalid .adf-dropdown-widget__label {
color: var(--theme-warn-color);
color: var(--mat-sys-error);
}
.adf-dropdown-widget__invalid .adf-dropdown-widget__label::after {
background-color: var(--theme-warn-color);
background-color: var(--mat-sys-error);
}
@@ -1,12 +1,12 @@
<div #tooltipContent class="adf-diagram-tooltip">
<div class="adf-diagram-tooltip-header">{{ data.type }} {{ data.name || data.id }}</div>
<b class="adf-diagram-tooltip-header">{{ data.type }} {{ data.name || data.id }}</b>
<div class="adf-diagram-tooltip-body">
<div *ngIf="data.value" class="adf-diagram-heat-value">
<span class="adf-diagram-value">{{ data.value }}</span>
<span class="adf-diagram-valuetype"> {{ data.dataType }}</span>
</div>
<div *ngIf="data.name" class="adf-diagram-name-property">
<span class="adf-diagram-propertyName">Name:</span>
<b class="adf-diagram-propertyName">Name:</b>
<span class="adf-diagram-propertyValue">{{ data.name }}</span>
</div>
<div *ngFor="let property of data.properties" class="adf-diagram-general-property">
@@ -4,16 +4,14 @@
transform-origin: top center;
z-index: 999;
display: inline-block;
font-weight: 500;
line-height: 14px;
font-size: var(--theme-body-1-font-size);
font-size: var(--mat-sys-body-medium-size);
max-width: 300px;
position: fixed;
top: -500px;
left: -500px;
text-align: left;
will-change: unset;
border: 1px solid #c5c5c5;
border: 1px solid var(--mat-sys-outline);
word-wrap: break-word;
}
@@ -22,17 +20,17 @@
}
&-diagram-tooltip-header {
background-color: rgba(43, 65, 79, 0.95);
color: #fff;
background-color: var(--mat-sys-surface-container-high);
color: var(--mat-sys-on-surface);
padding: 8px;
font-weight: bold;
font: var(--mat-sys-title-medium);
min-width: 200px;
line-height: 20px;
display: block;
}
&-diagram-tooltip-body {
color: #4a4a4a;
background-color: rgba(255, 255, 255, 0.95);
color: var(--mat-sys-on-surface);
background-color: var(--mat-sys-surface);
}
&-diagram-tooltip-body > div {
@@ -48,7 +46,6 @@
}
&-diagram-propertyName {
font-weight: bold;
margin-right: 5px;
}