Kendo-angular: Error when using SCSS themes with Angular 8

[tsvetomir]

Problem
Importing the SCSS versions of the Kendo UI themes in an Angular 8 CLI project results in a compilation error:

ERROR in ./src/styles.scss (./node_modules/@angular-devkit/build-angular/src/angular-cli-files/plugins/raw-css-loader.js!./node_modules/postcss-loader/src??embedded!./node_modules/sass-loader/lib/loader.js??ref--13-3!./src/styles.scss)
Module build failed (from ./node_modules/sass-loader/lib/loader.js):

                @extend .k-button::before;
                       ^
      Compound selectors may no longer be extended.
Consider `@extend .k-button, ::before` instead.
See http://bit.ly/ExtendCompound for details.

    ╷
105 │                 @extend .k-button::before;
    │                         ^^^^^^^^^^^^^^^^^
    ╵
  node_modules/@progress/kendo-theme-default/scss/toolbar/_layout.scss 105:25  root stylesheet
      in /private/tmp/ng8-scss/node_modules/@progress/kendo-theme-default/scss/toolbar/_layout.scss (line 105, column 25)

Workarounds

• Install node-sass to revert back to the old compilation pipeline:
  npm install node-sass --save-dev
• Use Precompiled CSS when no customization is necessary.
• Customize themes Using the Build Process of the Themes.

See also

• Related bug report in https://github.com/telerik/kendo-themes/issues/722

Apologies for the caused inconvenience.

[joneff]

telerik/kendo-themes#775 targets dart compilation.

[meriturva]

Any ETA here related to @progress/kendo-theme-default and @progress/kendo-theme-bootstrap package releases?

[joneff]

The themes are now in the dev channel:

• @progress/kendo-theme-default v3.8.0-dev.ee54ef17
• @progress/kendo-theme-bootstrap v3.5.0-dev.ee54ef17
• @progress/kendo-theme-material v2.6.0-dev.ee54ef17

Note that the next non dev release will bump the major version.

[tsvetomir]

Fix released in:

• @progress/kendo-theme-default v4.0.0
• @progress/kendo-theme-bootstrap v4.0.0
• @progress/kendo-theme-material v3.0.0

[jbennie]

how long until npm updates

[prabh-62]

how long until npm updates

It's already available in NPM registry

> npm view @progress/kendo-theme-default

@progress/[email protected] | Apache-2.0 | deps: none | versions: 1075
SASS resources for the default Kendo UI theme
https://github.com/telerik/kendo-themes#readme

> npm install @progress/kendo-theme-default
# should install v4 in node_modules