Because of how SCSS interpolation works, v() can’t be used in calc(), repeat() and some others.

.selector {
  left: calc(v(weeks, 3) * 7); // doesn’t work
  left: calc(var(--weeks, 3) * 7); // works
}

Two ideas: either create passthrough functions (like in true-hsl.scss) eit

если не указан атрибут ripple, не вызывать ripple-эффект при клике в полях ввода.

пример:

<material-input>        <!-- ripple-анимация не показывается при клике -->
<material-input ripple> <!-- ripple-анимация показывается при клике -->

• дополнительно: параметр атрибута (необязателен) можно использовать для настроек скорости эффекта (slow, fast, ...)