@alfresco/adf-core 8.4.0-19067731876 → 8.4.0-19105977344

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 (6) hide show
  1. package/custom-theme/material-theme.scss +13 -13
  2. package/custom-theme/theme/custom-palette-creator.scss +23 -25
  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/package.json +3 -3
package/custom-theme/material-theme.scss CHANGED
@@ -1,36 +1,36 @@
1
1
  @use 'sass:map';
2
2
  @use '@angular/material' as mat;
3
- @import './theme/theme-data';
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($palettes, primary),
9
- accent: map.get($palettes, accent),
10
- warn: map.get($palettes, warning)
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: $app-typography
12
+ typography: theme.$app-typography
13
13
  )
14
14
  );
15
15
 
16
- @if $background-color {
17
- $custom-theme: get-custom-background-color($background-color, $custom-theme);
16
+ @if theme.$background-color {
17
+ $custom-theme: theme.get-custom-background-color(theme.$background-color, $custom-theme);
18
18
  }
19
19
 
20
- @if $text-color {
21
- $custom-theme: get-custom-text-color($text-color, $custom-theme);
20
+ @if theme.$text-color {
21
+ $custom-theme: theme.get-custom-text-color(theme.$text-color, $custom-theme);
22
22
  }
23
23
 
24
- @if $base-font-size {
24
+ @if theme.$base-font-size {
25
25
  body,
26
26
  html {
27
- font-size: $base-font-size;
27
+ font-size: theme.$base-font-size;
28
28
  }
29
29
  }
30
30
 
31
- @if $font-family {
31
+ @if theme.$font-family {
32
32
  body,
33
33
  html {
34
- font-family: $font-family;
34
+ font-family: theme.$font-family;
35
35
  }
36
36
  }
package/custom-theme/theme/custom-palette-creator.scss CHANGED
@@ -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(saturate(color.mix($dark, $color, 15%), 80%), $lightness: 45.6%);
95
- $colorA200: color.adjust(saturate(color.mix($dark, $color, 15%), 80%), $lightness: 35.6%);
96
- $colorA400: color.adjust(saturate(color.mix($dark, $color, 15%), 100%), $lightness: 25.6%);
97
- $colorA700: color.adjust(saturate(color.mix($dark, $color, 15%), 100%), $lightness: 20.5%);
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
- 50: $contrast50,
137
- 100: $contrast100,
138
- 200: $contrast200,
139
- 300: $contrast300,
140
- 400: $contrast400,
141
- 500: $contrast500,
142
- 600: $contrast600,
143
- 700: $contrast700,
144
- 800: $contrast800,
145
- 900: $contrast900,
146
- /* stylelint-disable value-keyword-case */
147
- A100: $contrastA100,
148
- A200: $contrastA200,
149
- A400: $contrastA400,
150
- A700: $contrastA700,
151
- /* stylelint-enable value-keyword-case */
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;
package/custom-theme/theme/custom-theme-palettes.scss CHANGED
@@ -1,27 +1,27 @@
1
1
  @use '@angular/material' as mat;
2
- @import './default-colors';
3
- @import './custom-palette-creator';
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($default-primary, A100);
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($default-accent);
21
+ $mat-accent-palette: mat.m2-define-palette(default-colors.$default-accent);
22
22
  }
23
23
 
24
- $mat-warn-palette: mat.m2-define-palette($default-warn, A100);
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
  }
package/custom-theme/theme/theme-data.scss CHANGED
@@ -1,18 +1,18 @@
1
1
  @use 'sass:map';
2
- @import './theme-configuration';
3
- @import './typography';
4
- @import './custom-theme-palettes';
5
- @import './custom-background-color';
6
- @import './custom-text-color';
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($theme-config, 'primaryColor');
9
- $accent-color: map.get($theme-config, 'accentColor');
10
- $background-color: map.get($theme-config, 'backgroundColor');
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($theme-config, 'textColor');
13
- $base-font-size: map.get($theme-config, 'baseFontSize');
14
- $font-family: map.get($theme-config, 'fontFamily');
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);
package/custom-theme/theme/typography.scss CHANGED
@@ -1,6 +1,7 @@
1
1
  @use 'sass:map';
2
2
  @use '@angular/material' as mat;
3
- @import '../variables/font-family';
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: $default-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
  (
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.4.0-19067731876",
4
+ "version": "8.4.0-19105977344",
5
5
  "author": "Hyland Software, Inc. and its affiliates",
6
6
  "repository": {
7
7
  "type": "git",
@@ -63,8 +63,8 @@
63
63
  "@angular/router": ">=16.0.0",
64
64
  "@mat-datetimepicker/core": ">=12.0.1",
65
65
  "@ngx-translate/core": ">=16.0.0",
66
- "@alfresco/js-api": ">=9.4.0-19067731876",
67
- "@alfresco/adf-extensions": ">=8.4.0-19067731876",
66
+ "@alfresco/js-api": ">=9.4.0-19105977344",
67
+ "@alfresco/adf-extensions": ">=8.4.0-19105977344",
68
68
  "minimatch": ">=10.0.0",
69
69
  "pdfjs-dist": ">=3.3.122"
70
70
  },