@alfresco/adf-core 8.4.0-19032555024 → 8.4.0-19062358161
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.
- package/bundles/assets/adf-core/i18n/ar.json +0 -5
- package/bundles/assets/adf-core/i18n/cs.json +0 -5
- package/bundles/assets/adf-core/i18n/da.json +0 -5
- package/bundles/assets/adf-core/i18n/de.json +0 -5
- package/bundles/assets/adf-core/i18n/en.json +0 -5
- package/bundles/assets/adf-core/i18n/es.json +0 -5
- package/bundles/assets/adf-core/i18n/fi.json +0 -5
- package/bundles/assets/adf-core/i18n/fr.json +0 -5
- package/bundles/assets/adf-core/i18n/it.json +0 -5
- package/bundles/assets/adf-core/i18n/ja.json +0 -5
- package/bundles/assets/adf-core/i18n/nb.json +0 -5
- package/bundles/assets/adf-core/i18n/nl.json +0 -5
- package/bundles/assets/adf-core/i18n/pl.json +0 -5
- package/bundles/assets/adf-core/i18n/pt-BR.json +0 -5
- package/bundles/assets/adf-core/i18n/pt.json +0 -5
- package/bundles/assets/adf-core/i18n/ru.json +0 -5
- package/bundles/assets/adf-core/i18n/sv.json +0 -5
- package/bundles/assets/adf-core/i18n/zh-CN.json +0 -5
- package/custom-theme/material-theme.scss +13 -13
- package/custom-theme/theme/custom-palette-creator.scss +23 -25
- package/custom-theme/theme/custom-theme-palettes.scss +7 -7
- package/custom-theme/theme/theme-data.scss +13 -13
- package/custom-theme/theme/typography.scss +5 -5
- package/fesm2022/adf-core.mjs +7 -90
- package/fesm2022/adf-core.mjs.map +1 -1
- package/lib/core.module.d.ts +44 -45
- package/lib/login/login.module.d.ts +3 -5
- package/lib/login/public-api.d.ts +0 -2
- package/package.json +3 -3
- package/lib/login/components/login-dialog/login-dialog-component-data.interface.d.ts +0 -22
- package/lib/login/components/login-dialog/login-dialog.component.d.ts +0 -16
- package/lib/login/components/login-dialog/login-dialog.component.scss +0 -4
|
@@ -1,36 +1,36 @@
|
|
|
1
1
|
@use 'sass:map';
|
|
2
2
|
@use '@angular/material' as mat;
|
|
3
|
-
@
|
|
3
|
+
@use './theme/theme-data' as theme;
|
|
4
4
|
|
|
5
5
|
$custom-theme: mat.m2-define-light-theme(
|
|
6
6
|
(
|
|
7
7
|
color: (
|
|
8
|
-
primary: map.get(
|
|
9
|
-
accent: map.get(
|
|
10
|
-
warn: map.get(
|
|
8
|
+
primary: map.get(theme.$palettes, primary),
|
|
9
|
+
accent: map.get(theme.$palettes, accent),
|
|
10
|
+
warn: map.get(theme.$palettes, warning)
|
|
11
11
|
),
|
|
12
|
-
typography:
|
|
12
|
+
typography: theme.$app-typography
|
|
13
13
|
)
|
|
14
14
|
);
|
|
15
15
|
|
|
16
|
-
@if
|
|
17
|
-
$custom-theme: get-custom-background-color(
|
|
16
|
+
@if theme.$background-color {
|
|
17
|
+
$custom-theme: theme.get-custom-background-color(theme.$background-color, $custom-theme);
|
|
18
18
|
}
|
|
19
19
|
|
|
20
|
-
@if
|
|
21
|
-
$custom-theme: get-custom-text-color(
|
|
20
|
+
@if theme.$text-color {
|
|
21
|
+
$custom-theme: theme.get-custom-text-color(theme.$text-color, $custom-theme);
|
|
22
22
|
}
|
|
23
23
|
|
|
24
|
-
@if
|
|
24
|
+
@if theme.$base-font-size {
|
|
25
25
|
body,
|
|
26
26
|
html {
|
|
27
|
-
font-size:
|
|
27
|
+
font-size: theme.$base-font-size;
|
|
28
28
|
}
|
|
29
29
|
}
|
|
30
30
|
|
|
31
|
-
@if
|
|
31
|
+
@if theme.$font-family {
|
|
32
32
|
body,
|
|
33
33
|
html {
|
|
34
|
-
font-family:
|
|
34
|
+
font-family: theme.$font-family;
|
|
35
35
|
}
|
|
36
36
|
}
|
|
@@ -15,7 +15,7 @@
|
|
|
15
15
|
$colors: (
|
|
16
16
|
red: color.red($color),
|
|
17
17
|
green: color.green($color),
|
|
18
|
-
blue: color.blue($color)
|
|
18
|
+
blue: color.blue($color)
|
|
19
19
|
);
|
|
20
20
|
|
|
21
21
|
@each $name, $value in $colors {
|
|
@@ -32,7 +32,7 @@
|
|
|
32
32
|
$colors: map.merge(
|
|
33
33
|
$colors,
|
|
34
34
|
(
|
|
35
|
-
$name: $value
|
|
35
|
+
$name: $value
|
|
36
36
|
)
|
|
37
37
|
);
|
|
38
38
|
}
|
|
@@ -91,10 +91,10 @@
|
|
|
91
91
|
$color900: color.mix($dark, $color, 75%);
|
|
92
92
|
|
|
93
93
|
/* stylelint-disable scss/dollar-variable-pattern */
|
|
94
|
-
$colorA100: color.adjust(
|
|
95
|
-
$colorA200: color.adjust(
|
|
96
|
-
$colorA400: color.adjust(
|
|
97
|
-
$colorA700: color.adjust(
|
|
94
|
+
$colorA100: color.adjust(color.adjust(color.mix($dark, $color, 15%), $saturation: 80%), $lightness: 45.6%);
|
|
95
|
+
$colorA200: color.adjust(color.adjust(color.mix($dark, $color, 15%), $saturation: 80%), $lightness: 35.6%);
|
|
96
|
+
$colorA400: color.adjust(color.adjust(color.mix($dark, $color, 15%), $saturation: 100%), $lightness: 25.6%);
|
|
97
|
+
$colorA700: color.adjust(color.adjust(color.mix($dark, $color, 15%), $saturation: 100%), $lightness: 20.5%);
|
|
98
98
|
/* stylelint-enable scss/dollar-variable-pattern */
|
|
99
99
|
|
|
100
100
|
$contrast50: create-text-color($color50, $colorType);
|
|
@@ -126,30 +126,28 @@
|
|
|
126
126
|
700: $color700,
|
|
127
127
|
800: $color800,
|
|
128
128
|
900: $color900,
|
|
129
|
-
/* stylelint-disable value-keyword-case */
|
|
130
|
-
A100: $colorA100,
|
|
129
|
+
/* stylelint-disable value-keyword-case */ A100: $colorA100,
|
|
131
130
|
A200: $colorA200,
|
|
132
131
|
A400: $colorA400,
|
|
133
132
|
A700: $colorA700,
|
|
134
133
|
/* stylelint-enable value-keyword-case */
|
|
135
134
|
contrast: (
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
),
|
|
135
|
+
50: $contrast50,
|
|
136
|
+
100: $contrast100,
|
|
137
|
+
200: $contrast200,
|
|
138
|
+
300: $contrast300,
|
|
139
|
+
400: $contrast400,
|
|
140
|
+
500: $contrast500,
|
|
141
|
+
600: $contrast600,
|
|
142
|
+
700: $contrast700,
|
|
143
|
+
800: $contrast800,
|
|
144
|
+
900: $contrast900,
|
|
145
|
+
/* stylelint-disable value-keyword-case */ A100: $contrastA100,
|
|
146
|
+
A200: $contrastA200,
|
|
147
|
+
A400: $contrastA400,
|
|
148
|
+
A700: $contrastA700,
|
|
149
|
+
/* stylelint-enable value-keyword-case */
|
|
150
|
+
)
|
|
153
151
|
);
|
|
154
152
|
|
|
155
153
|
@return $palette;
|
|
@@ -1,27 +1,27 @@
|
|
|
1
1
|
@use '@angular/material' as mat;
|
|
2
|
-
@
|
|
3
|
-
@
|
|
2
|
+
@use 'default-colors';
|
|
3
|
+
@use 'custom-palette-creator';
|
|
4
4
|
|
|
5
5
|
@function get-mat-palettes($primary-color, $accent-color) {
|
|
6
6
|
$mat-primary-palette: null;
|
|
7
7
|
|
|
8
8
|
@if ($primary-color) {
|
|
9
|
-
$custom-theme-primary-palette: create-color-palette($primary-color, 'primary');
|
|
9
|
+
$custom-theme-primary-palette: custom-palette-creator.create-color-palette($primary-color, 'primary');
|
|
10
10
|
$mat-primary-palette: mat.m2-define-palette($custom-theme-primary-palette, 500);
|
|
11
11
|
} @else {
|
|
12
|
-
$mat-primary-palette: mat.m2-define-palette(
|
|
12
|
+
$mat-primary-palette: mat.m2-define-palette(default-colors.$default-primary, A100);
|
|
13
13
|
}
|
|
14
14
|
|
|
15
15
|
$mat-accent-palette: null;
|
|
16
16
|
|
|
17
17
|
@if ($accent-color) {
|
|
18
|
-
$custom-theme-accent-palette: create-color-palette($accent-color, 'accent');
|
|
18
|
+
$custom-theme-accent-palette: custom-palette-creator.create-color-palette($accent-color, 'accent');
|
|
19
19
|
$mat-accent-palette: mat.m2-define-palette($custom-theme-accent-palette, 500);
|
|
20
20
|
} @else {
|
|
21
|
-
$mat-accent-palette: mat.m2-define-palette(
|
|
21
|
+
$mat-accent-palette: mat.m2-define-palette(default-colors.$default-accent);
|
|
22
22
|
}
|
|
23
23
|
|
|
24
|
-
$mat-warn-palette: mat.m2-define-palette(
|
|
24
|
+
$mat-warn-palette: mat.m2-define-palette(default-colors.$default-warn, A100);
|
|
25
25
|
|
|
26
26
|
@return (primary: $mat-primary-palette, accent: $mat-accent-palette, warning: $mat-warn-palette);
|
|
27
27
|
}
|
|
@@ -1,18 +1,18 @@
|
|
|
1
1
|
@use 'sass:map';
|
|
2
|
-
@
|
|
3
|
-
@
|
|
4
|
-
@
|
|
5
|
-
@
|
|
6
|
-
@
|
|
2
|
+
@use 'theme-configuration';
|
|
3
|
+
@use 'typography';
|
|
4
|
+
@use 'custom-theme-palettes';
|
|
5
|
+
@use 'custom-background-color';
|
|
6
|
+
@use 'custom-text-color';
|
|
7
7
|
|
|
8
|
-
$primary-color: map.get(
|
|
9
|
-
$accent-color: map.get(
|
|
10
|
-
$background-color: map.get(
|
|
8
|
+
$primary-color: map.get(theme-configuration.$theme-config, 'primaryColor');
|
|
9
|
+
$accent-color: map.get(theme-configuration.$theme-config, 'accentColor');
|
|
10
|
+
$background-color: map.get(theme-configuration.$theme-config, 'backgroundColor');
|
|
11
11
|
|
|
12
|
-
$text-color: map.get(
|
|
13
|
-
$base-font-size: map.get(
|
|
14
|
-
$font-family: map.get(
|
|
12
|
+
$text-color: map.get(theme-configuration.$theme-config, 'textColor');
|
|
13
|
+
$base-font-size: map.get(theme-configuration.$theme-config, 'baseFontSize');
|
|
14
|
+
$font-family: map.get(theme-configuration.$theme-config, 'fontFamily');
|
|
15
15
|
|
|
16
|
-
$app-typography: get-mat-typography($base-font-size, $font-family);
|
|
16
|
+
$app-typography: typography.get-mat-typography($base-font-size, $font-family);
|
|
17
17
|
|
|
18
|
-
$palettes: get-mat-palettes($primary-color, $accent-color);
|
|
18
|
+
$palettes: custom-theme-palettes.get-mat-palettes($primary-color, $accent-color);
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
@use 'sass:map';
|
|
2
2
|
@use '@angular/material' as mat;
|
|
3
|
-
@
|
|
3
|
+
@use 'sass:meta';
|
|
4
|
+
@use '../variables/font-family';
|
|
4
5
|
|
|
5
6
|
@function get-mat-typography($base-font-size, $font-family) {
|
|
6
7
|
$custom-typography: mat.m2-define-typography-config(
|
|
@@ -16,8 +17,7 @@
|
|
|
16
17
|
$subtitle-2: mat.m2-define-typography-level(14px, 24px, 500),
|
|
17
18
|
$body-2: mat.m2-define-typography-level(14px, 20px, 400),
|
|
18
19
|
$caption: mat.m2-define-typography-level(12px, 20px, 400),
|
|
19
|
-
$button: mat.m2-define-typography-level(14px, 14px, 500)
|
|
20
|
-
// Line-height must be unit-less fraction of the font-size.
|
|
20
|
+
$button: mat.m2-define-typography-level(14px, 14px, 500) // Line-height must be unit-less fraction of the font-size.
|
|
21
21
|
);
|
|
22
22
|
|
|
23
23
|
@if $base-font-size {
|
|
@@ -34,14 +34,14 @@
|
|
|
34
34
|
$body-2: mat.m2-define-typography-level(1rem, 1.42rem, 400),
|
|
35
35
|
$caption: mat.m2-define-typography-level(0.86rem, 1.42rem, 400),
|
|
36
36
|
$button: mat.m2-define-typography-level(1rem, 1rem, 500),
|
|
37
|
-
$font-family:
|
|
37
|
+
$font-family: font-family.$default-font-family
|
|
38
38
|
);
|
|
39
39
|
}
|
|
40
40
|
|
|
41
41
|
@if $font-family {
|
|
42
42
|
@each $key, $level in $custom-typography {
|
|
43
43
|
/* stylelint-disable-next-line scss/no-global-function-names */
|
|
44
|
-
@if type-of($level) == 'map' {
|
|
44
|
+
@if meta.type-of($level) == 'map' {
|
|
45
45
|
$new-level: map.merge(
|
|
46
46
|
$level,
|
|
47
47
|
(
|