Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

bug(slider): $weight: Passing a number without unit % (60) is deprecated

See original GitHub issue

Is this a regression?

Yes, this behavior used to work in the previous version

The previous version in which this bug was not present was

No response

Description

Getting below error after migrating angular from v14 to v15rc

[build:demothemes] DEPRECATION WARNING[build:demothemes] : $weight: Passing a number without unit % (60) is deprecated.

To preserve current behavior: $weight * 1%

More info: https://sass-lang.com/d/function-units

   ╷
77 │ ┌     color.mix(
78 │ │       $value-indicator-color,
79 │ │       theme-color.prop-value(on-primary),
80 │ │       $value-indicator-opacity * 100
81 │ │     ),
   │ └─────^
   ╵
[build:demothemes]     node_modules\@material\slider\_slider-theme.scss 77:5                       @use
    node_modules\@angular\material\slider\_slider-theme.scss 3:1                @use
    node_modules\@angular\material\core\density\private\_all-density.scss 25:1  @forward
    node_modules\@angular\material\_index.scss 18:1                             @use
    libs\material\styles\all-theme.scss 1:1                                     @forward
    libs\material\index.scss 4:1                                                @use
    apps\ruf-app\src\app\demo.scss 27:1                                         @use
    apps\ruf-app\src\app\custom-themes\gold.scss 1:1                        root stylesheet

Reproduction

Steps to reproduce: 1. 2.

Expected Behavior

Throwing warning

Actual Behavior

Should not throw warning

Environment

Angular: 15.0.0-rc.4
CDK/Material: 15.0.0-rc.3
Browser(s): Chrome
Operating System (e.g. Windows, macOS, Ubuntu): Windows

Issue Analytics

State:
Created 10 months ago
Reactions:19
Comments:6 (2 by maintainers)

Top GitHub Comments

16reactions

crisbetocommented, Nov 18, 2022

I’ve sent a fix upstream to MDC.

6reactions

iKrishnaSahucommented, Nov 17, 2022

Reproducible demo - https://stackblitz.com/edit/angular-wmnbjm?file=src/theme.scss

Top Results From Across the Web

Passing a number without unit % (100) is deprecated - Stack ...

I use Bootstrap v5.2.2 with Sass v1.56.0. There is my full package.json { "name": "xx", "version" ...

Bug #1995813 “Deprecated Sass warning: $weight without unit”

Deprecation Warning: $weight: Passing a number without unit % (100) is deprecated. To preserve current behavior: $weight * 1%.

Deprecation $weight: Passing a number without unit % (100) i

node_modules/sass-loader/dist/cjs.js):Deprecation $weight: Passing a number without unit % (100) is deprecated. To preserve current behavior: $weight * 1%.

androidx.wear.compose.material - Android Developers

Specifies the number of discrete values, excluding min and max values, evenly distributed across the whole value range. Must not be negative. If...

Remove deprecated jQuery UI components and fork ... - Drupal

Problem /Motivation In [#3051352], we established a plan to reduce the amount of jQuery UI code shipped in Drupal 9 core and exposed...