@nice2dev/ui 1.0.18 → 1.0.19

package/CHANGELOG.md

@@ -1,3 +1,67 @@
+# [1.0.19] — 2026-05-26
+
+### Fixed — NiceNavShell breakpoint sync
+
+- **`mobileBreakpoint` default obniżony 960 → 720** żeby zgrać moment
+  zniknięcia desktopowego sidebar z momentem pojawienia się hamburgera
+  w `NiceTopNav` (oba komponenty domyślnie 720). Eliminuje „martwą
+  strefę" 720–960, w której sidebar już nie był widoczny a hamburger
+  jeszcze się nie pokazał.
+- **`NiceNavShellApi.isMobile`** — render-prop slot consumers
+  (`topNav={(api) => ...}`) otrzymują flagę `isMobile` żeby przekazać
+  `forceMobileLayout={api.isMobile}` do własnego `NiceTopNav`. JSDoc na
+  `mobileBreakpoint` przypomina by zmienić ten prop na obu komponentach
+  jednocześnie, jeśli konsument chce inną wartość.
+
+### Fixed / Added — NiceTopNav narrow mode polish
+
+- **Mobile panel header** — nowe propsy `showMobilePanelSelector`,
+  `mobilePanels`, `activeMobilePanelId`, `onMobilePanelChange`,
+  `showMobilePanelModes`, `mobilePanelModes` pozwalają wstrzyknąć dwa
+  opcjonalne wiersze nad menu w pull-down panelu hamburgera: natywny
+  `<select>` z workspace'ami i pasek trybów (ikony + etykiety reużywające
+  `SIDEBAR_MODE_META`). Widoczność obu wierszy sterowana wyłącznie
+  propsami (gate dodatkowo wymaga zalogowanego `user`).
+- **Ghost variant** dla `NiceLanguagePicker`, `NiceThemePicker`,
+  `NiceCountryPicker`, `NiceNotifications` i `NiceTopNavExtraActionButton`
+  (Settings/extraActions). Aktywuje się automatycznie w narrow mode topnav
+  — borderless trigger, ikona-only, bez chevron arrow.
+- **Narrow-mode 3-wiersz layout** — header w narrow mode (`isMobile ||
+forceMobileLayout`) renderuje trzy edge-to-edge wiersze: brand
+  (transparent), accessories (`--bg-secondary`), hamburger (`--bg-tertiary`).
+  `padding: 0` na headerze + `max-width: none; margin-inline: 0` na inner
+  → pasek 100 % szerokości niezależnie od propa `maxWidth`.
+- **Hamburger row hover** — cały wiersz hamburgera jest teraz klikalny;
+  przycisk rozciąga się na 100% szerokości wiersza, hover/focus podświetla
+  cały pasek a nie tylko niewielki box wokół ikony.
+- **Pull-down panel anchoring** — `hamburgerDrawer` przeniesiony WEWNĄTRZ
+  `.nice-top-nav__inner` (zamiast pod `<header>`). `__inner` dostał
+  `position: relative` → panel `position: absolute; top: 100%` wysuwa się
+  dokładnie spod widocznego paska.
+- **Picker dropdowny w narrow mode** anchorują się teraz do
+  `.nice-top-nav__row--accessories` (`position: relative` na wierszu +
+  `position: static` na pickerach + `left/right: 0` na dropdownach) →
+  rozwijają się na 100% szerokości kontenera, bez przycinania lewą
+  krawędzią.
+- **Hamburger ↔ pickery — mutual exclusion**: klik hamburgera zamyka
+  `activeCluster` (lang/theme/search); otwarcie pickera zamyka
+  `mobileOpen`. Dropdowny nie nakładają się już na panel mobilny.
+- **Notification badge w ghost variant** ma teraz mniejszy font (9 px),
+  węższy ring i pozycję `top/right: 0` — nie wystaje poza ghost trigger.
+- **NiceAuthButtons w narrow mode** wymusza `size="sm"` + CSS override
+  zmniejsza `.nice-user-menu__avatar` do 28 px, pasuje do reszty ikon ghost.
+- **NiceTopNav `rightCluster` swap** — kolejność w toolbarze: notifications
+  → extraActions → settings → auth/avatar → rightContent (zarówno desktop
+  jak i narrow). Settings przed loginem dla spójności z innymi shellami.
+
+### Internal
+
+- `NiceTopNavExtraActionButton` dostał prop `variant?: 'default' | 'ghost'`.
+- Wszystkie picker triggery w ghost mają teraz `background: transparent`
+  na hover/focus/open (zero podświetlenia "kontenera").
+
+---
+
 # [1.1.0] — 2026-05-21 (cd. — batch 6: number/rate/file/search/tag/prompt/palette/lightbox)
 
 ### Added — Numeric input / rating / async search / tag input / overlays / command palette