feat: примитивы Checkbox, Spinner, IconButton, Dialog, Link (0.10.0)

Набор B перекраски форм: брендовые адаптивные примитивы + иконки
arrow-up/arrow-down/swap/refresh + токен $amber-50.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
This commit is contained in:
Тимур Городецкий
2026-08-25 18:28:50 +05:00
parent 2958ab7320
commit fa6fe8dbe1
20 changed files with 740 additions and 1 deletions
+49
View File
@@ -0,0 +1,49 @@
@import '../tokens/tokens';
.btn {
display: inline-flex;
align-items: center;
justify-content: center;
width: 32px;
height: 32px;
padding: 0;
border: 0;
border-radius: $r-sm;
background: transparent;
color: $gray-700;
cursor: pointer;
transition: background .15s, color .15s;
&:hover {
background: $navy-50;
color: $navy-800;
}
&:focus-visible {
outline: 0;
box-shadow: 0 0 0 3px rgba(212, 160, 30, .25);
}
&:disabled {
color: $gray-400;
background: transparent;
cursor: default;
}
}
.sm {
width: 26px;
height: 26px;
}
// Акцент удаления.
.danger:hover {
background: $red-50;
color: $red-500;
}
// Тач-таргет на узких экранах.
@include below($bp-md) {
.btn { width: 36px; height: 36px; }
.sm { width: 32px; height: 32px; }
}