[RFC][Button] Параметр для задания отрицательных отступов

[inomdzhon]

Задача

В Banner кнопка Button mode="tertiary" должен быть смещён влево, чтобы выравнить её по левому краю.

Как сейчас?

Сейчас это сделано через каскад

VKUI/src/components/Button/Button.css

Lines 545 to 548 in 289eda6

	.Banner__actions > .Button:not(.Button--lvl-tertiary) + .Button--lvl-tertiary {
	margin-top: 2px;
	margin-left: -16px;
	}

Как надо?

По возможности мы уходим от обращения из одного блока к другому, поэтому в рамках задачи #2469 я удаляю каскад от Banner.

Соотвественно столкнулся с проблемой, что теперь Button mode="tertiary" не выравнивается по левому краю

Возможные решения

Во всех вариантах пользователь сам будет регулировать выравнивание по левому краю внутри Banner.

1. Добавить Button параметр negXOffset, который будет задавать отрицательный margin равный padding слева и справа.
2. Добавить Button параметр noXGap, который будет обнулять padding слева и справа. ⚠️ при hasHover={true} будет некрасивое при наведении
3. Создать новый компонент :) Типа как Button, но без отступов слева и справа и со своим поведением на наведения

---

Я пока склоняюсь к первому. Что думаете? Видите ли иные способы решения?

[Fliqle]

Из предложенных я тоже за 1. Возможно еще пригодится где-нибудь

[inomdzhon]

Summary

Решили отказаться Button mode="tertiary" внутри Banner.

Вместо него, следует использовать Button mode="secondary"

[inomdzhon]

Будет создан новый тип кнопки, у которого

1. Нет боковых отступов
2. Hover/Active меняют цвет шрифта

[inomdzhon]

Добавлен mode="link" (см. https://vkcom.github.io/VKUI/5.9.3/#/Button)