Изменения в версии 5.4.0link

Здесь отражены изменения, которые произошли в версии 5.4.0.

Нужно будет эти изменения добавить во фреймворк и описание

Цветlink

• Удалены роли Success и Warning
• Добавлена роль Code

Codelink

Добавилась новая роль code. Эта роль будет использоваться для оформления тега code.

Переменные для роли Mark:

Переменная	Значение (light)	Значение (dark)
--sf-mark	--sf-warning-50--alfa-24	--sf-warning-90--alfa-24

Теньlink

• Добавлена тень по умолчанию

Переменная для тени по умолчанию:

Переменная	Значение (light)	Значение (dark)
--sf-mark	--sf-warning-50--alfa-24	--sf-warning-90--alfa-24

Закругление границlink

Нужно добавить закругление границ по умолчанию в ядро

Переменная	Значение	Пояснение
--sf-radius--ui	var(--sf-radius-1/3)	Закругление по умолчанию для UI элементов (кнопки, инпуты, дропдауны и т.д)

Эта переменна должна использоваться для установки закругления по умолчанию для всех мелких UI элементов интерфейса (кнопки, инпуты, дропдауны и т.д).

Например для кнопок будет своя переменная --sf-button--radius равная var(--sf-radius--ui) а уже для компонентов используются в стилях их “родная” переменная:

// ядро
:root {
--sf-radius--ui: var(--sf-radius-1/3);
}
// Компонент кнопка
button {
	--sf-button--radius: var(--sf-radius--ui)
	// тут другие переменные для кнопки
border-radius: var(--sf-button--radius);
}