hisd3-ui-kit 5.4.0 → 5.5.0

package/README.md

@@ -152,7 +152,7 @@ const menuItems = [
 | `HISD3HeaderActions` | Spacing wrapper for the top-right controls; `divided` inserts a rule before the last child. |
 | `HISD3NotificationButton` | Soft-grey circular button with a solid bell glyph and a count pill on its top-right edge; tints to the primary color while its panel is open. Pass `icon` to swap the glyph. Props: `items` (`{ id, title, description, time, unread, avatarSrc, icon, onClick }`), `count` (defaults to the unread tally), `loading`, `size` (default 40), `icon`, `onMarkAllRead`, `onSeeAll`, `emptyText`. |
 | `HISD3AvatarMenu` | Circular avatar button with a small chevron badge (Facebook-style); clicking it opens a menu with the signed-in identity plus Settings and Logout (confirm dialog by default). Falls back to initials on a grey circle when there is no photo. Props: `account`, `avatarSrc`, `settingsUrl` / `onSettings`, `onLogout`, `confirmLogout`, `extraItems`, `shape` (`circle` \| `square`), `size` (default 40), `hideChevron`. |
-| `HISD3LoginPage` | Split-screen sign-in: a brand panel in the app's primary colour plus a floating form card. Per-app: `appName` (the module name shown on the card), `tagline`, `logoSrc`, `title`/`subtitle`, `panelTitle`/`panelSubtitle`, `panelImage`, `variant` (`"soft"` default, or `"square"`), `side` (`"right"` default, or `"left"`). Form: `onSubmit({ identifier, password, remember })`, `loading`, `error`, `onForgotPassword`, `hideRemember`, the label/placeholder props, and `footer`. The HISD3 watermark on the panel is fixed, so every module still reads as one system. |
+| `HISD3LoginPage` | Split-screen sign-in: a brand panel in the app's primary colour plus a floating form card. Per-app: `appName` (the module name shown on the card), `tagline`, `logoSrc`, `title`/`subtitle`, `panelTitle`/`panelSubtitle`, `panelImage`, `variant` (`"soft"` default, `"square"`, or `"sheet"`: the panel and the form inside one bordered sheet on the page ground, the form with no card of its own, and the panel's headline over an illustration built from the brand), `side` (`"right"` default, or `"left"`). Form: `onSubmit({ identifier, password, remember })`, `loading`, `error`, `onForgotPassword`, `hideRemember`, the label/placeholder props, and `footer`. The HISD3 watermark on the panel is fixed, so every module still reads as one system. |
 | `UserMenu` | The sidebar-footer account card, on its own. |
 
 Theme utilities: `createHisd3Theme`, `hisd3AntdTheme` (red default),
@@ -404,6 +404,17 @@ again — and the instance unmounts once the animation finishes.
 
 ## Migrating
 
+### from 5.4.0
+
+Nothing to change. 5.5.0 adds `HISD3LoginPage`'s `variant="sheet"`: the
+panel and the form side by side inside one bordered sheet on the page
+ground. The form stands on the sheet with no card of its own, a small
+brand line in its corner, a larger title and a compact button; the panel
+carries a short rule, the headline and the tagline over an illustration
+built from the brand (clouds, the HISD3 mark, two record tiles), or
+`panelImage` when given. Below 1024px the sheet frames the form alone; on
+a phone it is the hero-and-sheet layout the other variants use.
+
 ### from 5.3.1
 
 Nothing to change. 5.4.0 adds `HISD3PageStatus`, the whole-page 404, 403