@konce-pt/angular 0.7.5 → 0.7.6

package/CHANGELOG.md

@@ -1,5 +1,69 @@
 # @konce-pt/angular
 
+## 0.7.6
+
+### Minor Changes
+
+- 1e20c5e: `kpt-badge` — nowe wejście `size` (`'sm' | 'md' | 'lg'`, domyślnie `'md'`).
+
+  Wysokość (`1rem` / `1.25rem` / `1.5rem`) steruje resztą geometrii: krój to `calc(--_size * 0.6)`,
+  wcięcie boczne i średnica kropki skalują się razem z nią. `md` wychodzi identycznie jak dotąd
+  (0.75rem kroju, kropka 0.65rem), więc istniejące użycia nie zmieniają wyglądu.
+
+  `sm` jest po to, żeby wstawić odznakę w wiersz tekstu — przy etykiecie, w pozycji menu, w komórce
+  tabeli — bez rozpychania wiersza.
+
+- 8dd8e41: `KptMenuItem` — wiersz nagłówkowy i odznaka na pozycji.
+
+  - `header: true` zamienia pozycję w nieklikalny blok tekstu: `avatar` (`{ src?, name?, icon? }`,
+    renderowany przez `kpt-avatar`), `label` w półgrubym kroju i `description` drugą linią. Pokrywa
+    oba typowe zastosowania nagłówka menu: dane zalogowanego użytkownika (nazwa + e-mail) i opis
+    funkcji menu. To `<div role="presentation">`, więc nie wchodzi do nawigacji klawiaturą i nie
+    narusza kontraktu dzieci `role="menu"`.
+  - `badge` (`string | number`) plus `badgeVariant` dokładają odznakę wyrównaną do prawej krawędzi
+    pozycji — licznik powiadomień, status. Renderuje ją `kpt-badge`, więc wartości powyżej `max`
+    skracają się do `99+`, a wartość wchodzi w nazwę dostępną pozycji.
+  - `description` działa też na zwykłych pozycjach — dwuwierszowa pozycja menu.
+
+  Pola honorują `kpt-menu`, `kpt-context-menu` i `kpt-split-button`. `kpt-menubar`, `kpt-megamenu`
+  i `kpt-speed-dial` dzielą typ, ale renderowania nie zmieniają. Wszystkie pola są opcjonalne —
+  istniejące `items` działają bez zmian.
+
+- d67fde2: `kpt-sidenav` — slot stopki `kptSidenavFooter` przyklejonej do dołu panelu.
+
+  Element z tym atrybutem trafia poza obszar przewijany, więc zostaje na dole niezależnie od długości
+  nawigacji — blok zalogowanego użytkownika, przełącznik motywu czy numer wersji nie odjeżdżają razem
+  z listą pozycji. Stopka dostaje górną kreskę na pełną szerokość panelu i ten sam padding co nawigacja.
+  W szynie ikon (`sidenavRailBreakpoint`) tekst stopki chowa się tym samym atrybutem `kptNavLabel`
+  co etykiety pozycji.
+
+  Wewnątrz komponentu `padding`, `gap` i `overflow-y` przeniosły się z hosta do obszaru przewijanego —
+  panele bez stopki wyglądają identycznie jak dotąd. Zmiana dotyka tylko aplikacji, które celowały
+  w `kpt-sidenav > *` selektorem dziecka bezpośredniego.
+
+### Patch Changes
+
+- Migotanie przycisków i paneli na pierwszej klatce — poprawki `kpt-button`, `kpt-drawer`
+  i `kpt-bottom-sheet`.
+
+  Wspólna przyczyna: reguły stylu warunkowane atrybutem `[attr.data-*]`, który Angular ustawia
+  dopiero w przebiegu aktualizacji. Przez jedną klatkę komponent stał więc w stanie bazowym
+  i dopiero potem animował się do właściwego.
+
+  - **Przyciski** — sprzężenie zwrotne hovera i aktywności niesie pseudoelement `::after`
+    (`opacity` 0 → 1) zamiast animowanego `background-color`. Warstwa startuje przezroczysta,
+    więc zmiana jej koloru na pierwszej klatce jest niewidoczna. `inset: 0` trzyma ją wewnątrz
+    ramki, dzięki czemu obrys wariantu `outline` zostaje widoczny pod kursorem. Ten sam wzorzec
+    dostają `kpt-icon-button`, `kpt-fab` i `kpt-split-button`.
+  - **`kpt-drawer`** — geometria pozycji domyślnej i przesunięcie poza ekran wróciły do reguły
+    bazowej, więc zamknięty panel nie pokazuje się na moment przed animacją.
+  - **`kpt-drawer` i `kpt-bottom-sheet`** — zamknięty panel wypada z kolejki Tab i z drzewa
+    dostępności przez `visibility: hidden`, nie przez `inert`. Jest poprawny już na pierwszej
+    klatce, bez czekania na JavaScript, a animacja wjazdu zostaje (czego `display: none`
+    by nie pozwolił).
+
+  Wszystkie trzy komponenty honorują teraz `prefers-reduced-motion: reduce`.
+
 ## 0.7.5
 
 ### Minor Changes