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

package/custom-theme/material-theme.scss

@@ -1,36 +1,36 @@
 @use 'sass:map';
 @use '@angular/material' as mat;
-@use './theme/theme-data' as theme;
+@import './theme/theme-data';
 
 $custom-theme: mat.m2-define-light-theme(
     (
         color: (
-            primary: map.get(theme.$palettes, primary),
-            accent: map.get(theme.$palettes, accent),
-            warn: map.get(theme.$palettes, warning)
+            primary: map.get($palettes, primary),
+            accent: map.get($palettes, accent),
+            warn: map.get($palettes, warning)
         ),
-        typography: theme.$app-typography
+        typography: $app-typography
     )
 );
 
-@if theme.$background-color {
-    $custom-theme: theme.get-custom-background-color(theme.$background-color, $custom-theme);
+@if $background-color {
+    $custom-theme: get-custom-background-color($background-color, $custom-theme);
 }
 
-@if theme.$text-color {
-    $custom-theme: theme.get-custom-text-color(theme.$text-color, $custom-theme);
+@if $text-color {
+    $custom-theme: get-custom-text-color($text-color, $custom-theme);
 }
 
-@if theme.$base-font-size {
+@if $base-font-size {
     body,
     html {
-        font-size: theme.$base-font-size;
+        font-size: $base-font-size;
     }
 }
 
-@if theme.$font-family {
+@if $font-family {
     body,
     html {
-        font-family: theme.$font-family;
+        font-family: $font-family;
     }
 }

package/custom-theme/theme/custom-palette-creator.scss

@@ -15,7 +15,7 @@
     $colors: (
         red: color.red($color),
         green: color.green($color),
-        blue: color.blue($color)
+        blue: color.blue($color),
     );
 
     @each $name, $value in $colors {
@@ -32,7 +32,7 @@
         $colors: map.merge(
             $colors,
             (
-                $name: $value
+                $name: $value,
             )
         );
     }
@@ -91,10 +91,10 @@
     $color900: color.mix($dark, $color, 75%);
 
     /* stylelint-disable scss/dollar-variable-pattern */
-    $colorA100: color.adjust(color.adjust(color.mix($dark, $color, 15%), $saturation: 80%), $lightness: 45.6%);
-    $colorA200: color.adjust(color.adjust(color.mix($dark, $color, 15%), $saturation: 80%), $lightness: 35.6%);
-    $colorA400: color.adjust(color.adjust(color.mix($dark, $color, 15%), $saturation: 100%), $lightness: 25.6%);
-    $colorA700: color.adjust(color.adjust(color.mix($dark, $color, 15%), $saturation: 100%), $lightness: 20.5%);
+    $colorA100: color.adjust(saturate(color.mix($dark, $color, 15%), 80%), $lightness: 45.6%);
+    $colorA200: color.adjust(saturate(color.mix($dark, $color, 15%), 80%), $lightness: 35.6%);
+    $colorA400: color.adjust(saturate(color.mix($dark, $color, 15%), 100%), $lightness: 25.6%);
+    $colorA700: color.adjust(saturate(color.mix($dark, $color, 15%), 100%), $lightness: 20.5%);
     /* stylelint-enable scss/dollar-variable-pattern */
 
     $contrast50: create-text-color($color50, $colorType);
@@ -126,28 +126,30 @@
         700: $color700,
         800: $color800,
         900: $color900,
-        /* stylelint-disable value-keyword-case */ A100: $colorA100,
+        /* stylelint-disable value-keyword-case */
+        A100: $colorA100,
         A200: $colorA200,
         A400: $colorA400,
         A700: $colorA700,
         /* stylelint-enable value-keyword-case */
         contrast: (
-                50: $contrast50,
-                100: $contrast100,
-                200: $contrast200,
-                300: $contrast300,
-                400: $contrast400,
-                500: $contrast500,
-                600: $contrast600,
-                700: $contrast700,
-                800: $contrast800,
-                900: $contrast900,
-                /* stylelint-disable value-keyword-case */ A100: $contrastA100,
-                A200: $contrastA200,
-                A400: $contrastA400,
-                A700: $contrastA700,
-                /* stylelint-enable value-keyword-case */
-            )
+            50: $contrast50,
+            100: $contrast100,
+            200: $contrast200,
+            300: $contrast300,
+            400: $contrast400,
+            500: $contrast500,
+            600: $contrast600,
+            700: $contrast700,
+            800: $contrast800,
+            900: $contrast900,
+            /* stylelint-disable value-keyword-case */
+            A100: $contrastA100,
+            A200: $contrastA200,
+            A400: $contrastA400,
+            A700: $contrastA700,
+            /* stylelint-enable value-keyword-case */
+        ),
     );
 
     @return $palette;

package/custom-theme/theme/custom-theme-palettes.scss

@@ -1,27 +1,27 @@
 @use '@angular/material' as mat;
-@use 'default-colors';
-@use 'custom-palette-creator';
+@import './default-colors';
+@import './custom-palette-creator';
 
 @function get-mat-palettes($primary-color, $accent-color) {
     $mat-primary-palette: null;
 
     @if ($primary-color) {
-        $custom-theme-primary-palette: custom-palette-creator.create-color-palette($primary-color, 'primary');
+        $custom-theme-primary-palette: create-color-palette($primary-color, 'primary');
         $mat-primary-palette: mat.m2-define-palette($custom-theme-primary-palette, 500);
     } @else {
-        $mat-primary-palette: mat.m2-define-palette(default-colors.$default-primary, A100);
+        $mat-primary-palette: mat.m2-define-palette($default-primary, A100);
     }
 
     $mat-accent-palette: null;
 
     @if ($accent-color) {
-        $custom-theme-accent-palette: custom-palette-creator.create-color-palette($accent-color, 'accent');
+        $custom-theme-accent-palette: create-color-palette($accent-color, 'accent');
         $mat-accent-palette: mat.m2-define-palette($custom-theme-accent-palette, 500);
     } @else {
-        $mat-accent-palette: mat.m2-define-palette(default-colors.$default-accent);
+        $mat-accent-palette: mat.m2-define-palette($default-accent);
     }
 
-    $mat-warn-palette: mat.m2-define-palette(default-colors.$default-warn, A100);
+    $mat-warn-palette: mat.m2-define-palette($default-warn, A100);
 
     @return (primary: $mat-primary-palette, accent: $mat-accent-palette, warning: $mat-warn-palette);
 }

package/custom-theme/theme/theme-data.scss

@@ -1,18 +1,18 @@
 @use 'sass:map';
-@use 'theme-configuration';
-@use 'typography';
-@use 'custom-theme-palettes';
-@use 'custom-background-color';
-@use 'custom-text-color';
+@import './theme-configuration';
+@import './typography';
+@import './custom-theme-palettes';
+@import './custom-background-color';
+@import './custom-text-color';
 
-$primary-color: map.get(theme-configuration.$theme-config, 'primaryColor');
-$accent-color: map.get(theme-configuration.$theme-config, 'accentColor');
-$background-color: map.get(theme-configuration.$theme-config, 'backgroundColor');
+$primary-color: map.get($theme-config, 'primaryColor');
+$accent-color: map.get($theme-config, 'accentColor');
+$background-color: map.get($theme-config, 'backgroundColor');
 
-$text-color: map.get(theme-configuration.$theme-config, 'textColor');
-$base-font-size: map.get(theme-configuration.$theme-config, 'baseFontSize');
-$font-family: map.get(theme-configuration.$theme-config, 'fontFamily');
+$text-color: map.get($theme-config, 'textColor');
+$base-font-size: map.get($theme-config, 'baseFontSize');
+$font-family: map.get($theme-config, 'fontFamily');
 
-$app-typography: typography.get-mat-typography($base-font-size, $font-family);
+$app-typography: get-mat-typography($base-font-size, $font-family);
 
-$palettes: custom-theme-palettes.get-mat-palettes($primary-color, $accent-color);
+$palettes: get-mat-palettes($primary-color, $accent-color);

package/custom-theme/theme/typography.scss

@@ -1,7 +1,6 @@
 @use 'sass:map';
 @use '@angular/material' as mat;
-@use 'sass:meta';
-@use '../variables/font-family';
+@import '../variables/font-family';
 
 @function get-mat-typography($base-font-size, $font-family) {
     $custom-typography: mat.m2-define-typography-config(
@@ -17,7 +16,8 @@
         $subtitle-2: mat.m2-define-typography-level(14px, 24px, 500),
         $body-2: mat.m2-define-typography-level(14px, 20px, 400),
         $caption: mat.m2-define-typography-level(12px, 20px, 400),
-        $button: mat.m2-define-typography-level(14px, 14px, 500) // Line-height must be unit-less fraction of the font-size.
+        $button: mat.m2-define-typography-level(14px, 14px, 500),
+        // Line-height must be unit-less fraction of the font-size.
     );
 
     @if $base-font-size {
@@ -34,14 +34,14 @@
             $body-2: mat.m2-define-typography-level(1rem, 1.42rem, 400),
             $caption: mat.m2-define-typography-level(0.86rem, 1.42rem, 400),
             $button: mat.m2-define-typography-level(1rem, 1rem, 500),
-            $font-family: font-family.$default-font-family
+            $font-family: $default-font-family
         );
     }
 
     @if $font-family {
         @each $key, $level in $custom-typography {
             /* stylelint-disable-next-line scss/no-global-function-names */
-            @if meta.type-of($level) == 'map' {
+            @if type-of($level) == 'map' {
                 $new-level: map.merge(
                     $level,
                     (