wip: add details on appearance

src/woly/atoms/button-icon/specification.mdx

@@ -1,23 +1,27 @@
-`Кнопка-иконка` — это компонент, который имеет такую же функциональность как и компонент `Кнопка`, но в отличии от него описывает свое предназначение лишь одной иконкой.
+`Кнопка-иконка` — это компонент, который представляет собой кнопку с svg-иконкой.
 
-Кнопки-иконки указывают пользователю, что он может выполнить на этой странице какое-нибудь действие, например:
+Кнопки-иконки используют, чтобы:
 
 - применить действие к объекту, к примеру, удалить, изменить, добавить новый элемент
 - показать новую информацию, например, открыть модальное окно с информацией
 
-### Поведение
-
-Повторяет поведение компонента (`Кнопка`)[#href]
+Чаще всего они нужны для того, чтобы сохранить пространство, но ценою узнаваемости, поскольку из-за отсутствия текстового описания трудно понять их действие. Поэтому очень важно использовать такие иконки для кнопки, чтобы по ним и по окружающему контексту было максимально понятно о действии кнопки.
 
-### Оформление
+### Поведение
 
-Повторяет оформление компонента (`Кнопка`)[#href]
+Компонент имеет стандартное поведение для интерактивных элементов, такие как:
+– изменение оформления для индикации состояний, таких как `default`, `hover`, `active`, `focus`, `disabled`
+– запускает действие через манипуляции мышки / клавиатуры, если не находится в состоянии `disabled`
 
 ### Иконка
 
 Иконка должна ясно отражать действие этой кнопки, то есть не иметь разные интерпретации. Если в силу каких-нибудь ограничений этого не избежать, то нужно дополнить кнопку-иконку компонентом "Тултип", где будет описание о действии кнопки:
 
 - Не более 2-3 слов.
-- Сначала используйте глаголы, например, "Сохранить" или "Отправить"
+- В начале описания используйте глаголы, например, "Сохранить" или "Отправить"
+
+Иконка должна иметь консистентный дизайн, и также быть читабельной и четкой при любых размерах.
+
+### Оформление
 
-Иконка должна иметь консистемный дизайн, и также быть читабельной и четкой при любых рамерах.
+Для комфортной интеракции с компонентом она должна быть как минимум 42 пикселя по ширине и по высоте, и как минимум 10 px от другой кнопки-иконки. Эти правила больше касается мобильных пользователей, чьи устройства имеют touch экраны.