Более очевидные disabled значения прозрачности компонента Button

[some-dudes-work-account]

Не уверен, что это подходящее место для обсуждения дизайна VKUI, но не могу придумать где было бы более уместно.

Когда кнопка содержит текст и стоит рядом с другими кнопками, когда у них есть не прозрачный бэкграунд, у меня нет претензий к их disabled состояниям. Однако, если без фона, если есть только иконки или кнопка это часть тулбара из нескольких тернарных третичных кнопок, где все они имеют только иконку, во многих комбинациях disabled состояние визуально сложно отличимо от активных кнопок.

Я собрал демку https://stackblitz.com/edit/vitejs-vite-5goobx?file=src%2FToolbar.tsx,src%2FApp.tsx&terminal=dev

Например, какие из кнопок здесь не кликабельны?

больше примеров состояний где оно выглядит недостаточно контрастно

Примеры состояний где оно выглядит хорошо

Я вижу, что значение переопределяется в 0.64 с дефолтных 0.4 для большинства из комбинаций, кроме link.

VKUI/packages/vkui/src/components/Button/Button.module.css

Lines 69 to 80 in bc8cd42

	.Button[disabled] {
	opacity: var(--vkui--opacity_disable);
	}
	.Button--mode-primary[disabled]:not(.Button--appearance-overlay):not(
	.Button--appearance-negative
	):not(.Button--appearance-positive),
	.Button--mode-secondary[disabled]:not(.Button--appearance-overlay),
	.Button--mode-tertiary[disabled]:not(.Button--appearance-overlay),
	.Button--mode-outline[disabled]:not(.Button--appearance-overlay) {
	opacity: 0.64;
	}

Может быть можно к селекторам дописать :not(.Button--singleIcon), чтобы оно не сливалось так сильно?

Или отдельно сами иконки в before и after слотах таргетить и делать дополнительно более прозрачными когда сама кнопка 0.64?

[inomdzhon]

Спасибо за предложение 🙏

Закинул @VKCOM/vkui-design