Bump stylelint from 13.13.1 to 14.2.0 (#7431)

* Bump stylelint from 13.13.1 to 14.2.0

Bumps [stylelint](https://github.com/stylelint/stylelint) from 13.13.1 to 14.2.0.
- [Release notes](https://github.com/stylelint/stylelint/releases)
- [Changelog](https://github.com/stylelint/stylelint/blob/main/CHANGELOG.md)
- [Commits](https://github.com/stylelint/stylelint/compare/13.13.1...14.2.0)

---
updated-dependencies:
- dependency-name: stylelint
  dependency-type: direct:development
  update-type: version-update:semver-major
...

Signed-off-by: dependabot[bot] <support@github.com>

* upgrade to newest stylelint

* fix style issues

* fix color function rules to match old Angular

* rollback modern color func

Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
Co-authored-by: Denys Vuika <denys.vuika@gmail.com>

lib/core/styles/_colors.scss

@@ -1,4 +1,4 @@
-
+/* stylelint-disable */
 // Accent color palette
 $black-87-opacity: rgba(black, 0.87);
 $white-87-opacity: rgba(white, 0.87);
@@ -237,3 +237,4 @@ $alfresco-accent-orange: (
         A700: black,
     )
 );
+/* stylelint-enable */

lib/core/styles/_index.scss

@@ -1,10 +1,14 @@
+/* stylelint-disable value-keyword-case */
+/* stylelint-disable value-list-max-empty-lines */
+/* stylelint-disable scss/no-global-function-names */
+/* stylelint-disable scss/at-import-partial-extension */
 @import './default-class';
 @import './theming';
 @import '../form/components/widgets/form.theme';
 @import '../clipboard/clipboard.theme';
 @import './snackbar.theme';
 @import './material.theme';
-@import '~@mat-datetimepicker/core/datetimepicker/datetimepicker-theme.scss';
+@import '~@mat-datetimepicker/core/datetimepicker/datetimepicker-theme';
 
 @mixin alfresco-material-theme($theme) {
     @include adf-core-theme($theme);
@@ -98,11 +102,11 @@
     // propagates SCSS variables into the CSS variables scope
     :root {
         @each $name, $value in $defaults {
-        #{$name}: #{$value};
+            #{$name}: #{$value};
         }
     }
 
     @include mat-datetimepicker-theme($theme);
-    @include adf-snackbar-theme();
-    @include adf-material-theme();
+    @include adf-snackbar-theme;
+    @include adf-material-theme;
 }

lib/core/styles/_mixins.scss

@@ -1,9 +1,12 @@
+/* stylelint-disable font-family-no-missing-generic-family-keyword */
 @mixin adf-no-select {
+    /* stylelint-disable */
     -webkit-touch-callout: none;
     -webkit-user-select: none;
     -khtml-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
+    /* stylelint-enable */
     user-select: none;
 }
 
@@ -18,8 +21,6 @@
     display: inline-block;
     word-wrap: normal;
     font-feature-settings: 'liga';
-    -webkit-font-feature-settings: 'liga';
-    -webkit-font-smoothing: antialiased;
 }
 
 @mixin material-animation-default($duration: 0.2s) {

lib/core/styles/material.theme.scss

@@ -1,5 +1,4 @@
 @mixin adf-material-theme() {
-
     .mat-expansion-panel {
         & .mat-expansion-panel-header.cdk-keyboard-focused,
         & .mat-expansion-panel-header.cdk-program-focused,
@@ -20,6 +19,7 @@
                 }
             }
         }
+
         .mat-calendar-content {
             .mat-calendar-table-header th {
                 color: var(--theme-text-color);

lib/core/styles/prebuilt/adf-blue-orange.scss

@@ -1,17 +1,18 @@
 @import '../theming';
 @import './all-theme';
-
 @include mat-core($alfresco-typography);
 
 $primary: mat-palette($alfresco-ecm-blue);
-$accent:  mat-palette($alfresco-accent-orange);
-$warn:    mat-palette($alfresco-warn);
-$theme:   mat-light-theme((
-    color: (
-        primary: $primary,
-        accent: $accent,
+$accent: mat-palette($alfresco-accent-orange);
+$warn: mat-palette($alfresco-warn);
+$theme: mat-light-theme(
+    (
+        color: (
+            primary: $primary,
+            accent: $accent,
+        )
     )
-));
+);
 
 @include angular-material-theme($theme);
 @include alfresco-material-theme($theme);

lib/core/styles/prebuilt/adf-blue-purple.scss

@@ -1,17 +1,18 @@
 @import '../theming';
 @import './all-theme';
-
 @include mat-core($alfresco-typography);
 
 $primary: mat-palette($mat-pink, 700, 500, 900);
-$accent:  mat-palette($alfresco-accent-purple);
-$warn:    mat-palette($alfresco-warn);
-$theme:   mat-light-theme((
-    color: (
-        primary: $primary,
-        accent: $accent,
+$accent: mat-palette($alfresco-accent-purple);
+$warn: mat-palette($alfresco-warn);
+$theme: mat-light-theme(
+    (
+        color: (
+            primary: $primary,
+            accent: $accent,
+        )
     )
-));
+);
 
 @include angular-material-theme($theme);
 @include alfresco-material-theme($theme);

lib/core/styles/prebuilt/adf-cyan-orange.scss

@@ -1,17 +1,18 @@
 @import '../theming';
 @import './all-theme';
-
 @include mat-core($alfresco-typography);
 
 $primary: mat-palette($alfresco-ecm-cyan);
-$accent:  mat-palette($alfresco-accent-orange);
-$warn:    mat-palette($alfresco-warn);
-$theme:   mat-light-theme((
-    color: (
-        primary: $primary,
-        accent: $accent,
+$accent: mat-palette($alfresco-accent-orange);
+$warn: mat-palette($alfresco-warn);
+$theme: mat-light-theme(
+    (
+        color: (
+            primary: $primary,
+            accent: $accent,
+        )
     )
-));
+);
 
 @include angular-material-theme($theme);
 @include alfresco-material-theme($theme);

lib/core/styles/prebuilt/adf-cyan-purple.scss

@@ -1,17 +1,18 @@
 @import '../theming';
 @import './all-theme';
-
 @include mat-core($alfresco-typography);
 
 $primary: mat-palette($alfresco-ecm-cyan);
-$accent:  mat-palette($alfresco-accent-purple);
-$warn:    mat-palette($alfresco-warn);
-$theme:   mat-light-theme((
-    color: (
-        primary: $primary,
-        accent: $accent,
+$accent: mat-palette($alfresco-accent-purple);
+$warn: mat-palette($alfresco-warn);
+$theme: mat-light-theme(
+    (
+        color: (
+            primary: $primary,
+            accent: $accent,
+        )
     )
-));
+);
 
 @include angular-material-theme($theme);
 @include alfresco-material-theme($theme);

lib/core/styles/prebuilt/adf-green-orange.scss

@@ -1,17 +1,18 @@
 @import '../theming';
 @import './all-theme';
-
 @include mat-core($alfresco-typography);
 
 $primary: mat-palette($alfresco-bpm-green);
-$accent:  mat-palette($alfresco-accent-orange);
-$warn:    mat-palette($alfresco-warn);
-$theme:   mat-light-theme((
-    color: (
-        primary: $primary,
-        accent: $accent,
+$accent: mat-palette($alfresco-accent-orange);
+$warn: mat-palette($alfresco-warn);
+$theme: mat-light-theme(
+    (
+        color: (
+            primary: $primary,
+            accent: $accent,
+        )
     )
-));
+);
 
 @include angular-material-theme($theme);
 @include alfresco-material-theme($theme);

lib/core/styles/prebuilt/adf-green-purple.scss

@@ -1,17 +1,18 @@
 @import '../theming';
 @import './all-theme';
-
 @include mat-core($alfresco-typography);
 
 $primary: mat-palette($alfresco-bpm-green);
-$accent:  mat-palette($alfresco-accent-purple);
-$warn:    mat-palette($alfresco-warn);
-$theme:   mat-light-theme((
-    color: (
-        primary: $primary,
-        accent: $accent,
+$accent: mat-palette($alfresco-accent-purple);
+$warn: mat-palette($alfresco-warn);
+$theme: mat-light-theme(
+    (
+        color: (
+            primary: $primary,
+            accent: $accent,
+        )
     )
-));
+);
 
 @include angular-material-theme($theme);
 @include alfresco-material-theme($theme);

lib/core/styles/prebuilt/adf-indigo-pink.scss

@@ -1,17 +1,19 @@
+/* stylelint-disable value-keyword-case */
 @import '../theming';
 @import './all-theme';
-
 @include mat-core($alfresco-typography);
 
 $primary: mat-palette($mat-indigo);
-$accent:  mat-palette($mat-pink, A200, A100, A400);
-$warn:    mat-palette($alfresco-warn);
-$theme:   mat-light-theme((
-    color: (
-        primary: $primary,
-        accent: $accent,
+$accent: mat-palette($mat-pink, A200, A100, A400);
+$warn: mat-palette($alfresco-warn);
+$theme: mat-light-theme(
+    (
+        color: (
+            primary: $primary,
+            accent: $accent,
+        )
     )
-));
+);
 
 @include angular-material-theme($theme);
 @include alfresco-material-theme($theme);

lib/core/styles/prebuilt/adf-pink-bluegrey.scss

@@ -1,17 +1,19 @@
+/* stylelint-disable value-keyword-case */
 @import '../theming';
 @import './all-theme';
-
 @include mat-core($alfresco-typography);
 
 $primary: mat-palette($mat-pink, 700, 500, 900);
-$accent:  mat-palette($mat-blue-grey, A200, A100, A400);
-$warn:    mat-palette($alfresco-warn);
-$theme:   mat-dark-theme((
-    color: (
-        primary: $primary,
-        accent: $accent,
+$accent: mat-palette($mat-blue-grey, A200, A100, A400);
+$warn: mat-palette($alfresco-warn);
+$theme: mat-dark-theme(
+    (
+        color: (
+            primary: $primary,
+            accent: $accent,
+        )
     )
-));
+);
 
 @include angular-material-theme($theme);
 @include alfresco-material-theme($theme);

lib/core/styles/prebuilt/adf-purple-green.scss

@@ -1,17 +1,19 @@
+/* stylelint-disable value-keyword-case */
 @import '../theming';
 @import './all-theme';
-
 @include mat-core($alfresco-typography);
 
 $primary: mat-palette($mat-purple, 700, 500, 800);
-$accent:  mat-palette($mat-green, A200, A100, A400);
-$warn:    mat-palette($alfresco-warn);
-$theme:   mat-dark-theme((
-    color: (
-        primary: $primary,
-        accent: $accent,
+$accent: mat-palette($mat-green, A200, A100, A400);
+$warn: mat-palette($alfresco-warn);
+$theme: mat-dark-theme(
+    (
+        color: (
+            primary: $primary,
+            accent: $accent,
+        )
     )
-));
+);
 
 @include angular-material-theme($theme);
 @include alfresco-material-theme($theme);