@leabankab/component-library 8.8.0 → 8.9.1

package/CHANGELOG.md

@@ -1,5 +1,35 @@
 # Changelog
 
+## 8.9.1
+
+### Patch Changes
+
+- 8f4a4ed: `Carousel` in `@leabankab/component-library/website`: the previous and next buttons and the dots now scroll the track smoothly, over 0.6s with the `standard` easing, where the browser's own smooth scroll crossed most of a slide in a few frames and read as a jump. A swipe, a wheel or a key during the scroll takes over from it. Under reduced motion the buttons still jump.
+- a0895af: Every component now sits in a folder of its own, with its stylesheet and story. Nothing you import changes: the package root and the `date-picker`, `dev-panel`, `react-hook-form` and `cookie-consent` subpaths export the same names, and the bundles and CSS are the same. Only the type declarations you would reach through `@leabankab/component-library/dist/*` moved one folder down (`dist/components/form/input.d.ts` is now `dist/components/form/input/input.d.ts`); import the types from `@leabankab/component-library` instead.
+- 2bab4ca: Storybook: every component page is now titled with the component's name as you import it (`Buttons/ActionButton`, `Website/CtaBanner`), and `Text`, `Link` and `List` moved from "Data Display" to "Typography". The URLs of those pages changed, so update any bookmarks. The Getting Started, Quirks & Caveats and FAQ pages now show the same text as `docs/development/`. Nothing you import changed; only files you would reach through `@leabankab/component-library/dist/*` moved: the type declarations of `AppHeader` and `BrandDivider` (from `dist/components/ui/` to `dist/components/navigation/` and `dist/components/data-display/`) and of the formatting helpers in `dist/utils/` (now kebab-case, e.g. `download-file.d.ts`).
+- 0caac37: Every website section now sits in a folder of its own, with its stylesheet and story. Nothing you import from `@leabankab/component-library/website` changes, and the bundle and `website.css` are the same. Only the type declarations you would reach through `@leabankab/component-library/dist/*` moved one folder down (`dist/website/hero.d.ts` is now `dist/website/hero/hero.d.ts`); import the types from `@leabankab/component-library/website` instead.
+
+## 8.9.0
+
+### Minor Changes
+
+- 783e06d: `SiteFooter`, `SideNav` and `AlertBanner` in `@leabankab/component-library/website`, and a compact `Select` with icons on its options.
+
+  - `SiteFooter`: the footer of leabank.no. The white logo in a link to the start page (`logo`, `homeRender`), the columns of links (`columns`, each a `title` and `links`, links as in `SiteHeader`), the market select (`market`: the four markets with their flags, sorted by name, calling `onValueChange` with the market's code), the social links (`social`), a button that opens the cookie settings (`onOpenCookieSettings`) and the copyright line (`copyright`), on a near-black band. The titles are `h2` (`titleRender` for another element).
+  - `SideNav`: the two-column page of the Investor Relations pages. A beige sidebar of links (`items`, the current page marked `current`, with `aria-current="page"` and a purple arrow), a `nav` named by `label`, beside a white `Panel size="sm"` with the `breadcrumbs` and the page's content. From 1024px the sidebar is 280px wide (360 from 1312px) and stays in view.
+  - `AlertBanner`: the website's notice, a 48px icon (`icon`, Lucide's `TriangleAlert` by default) beside a `title` and a `text`, in the colour of its `Section`. Not announced and not closable.
+  - `Select`: `size="sm"`, a compact 32px field with its `label` above it; `size="md"` (the default) is unchanged. An option can take an `icon` (20px, decoration), shown before its label in the list and, once chosen, in the field, unless `startAdornment` is given. `SelectSize` is exported.
+
+  New strings: "Marked", "Sosiale medier", "Cookie-innstillinger" and "Sidemeny", in Norwegian, Swedish, Finnish and Spanish.
+
+- 4356e2e: `SiteHeader` in `@leabankab/component-library/website`: the header of leabank.no.
+
+  - A white bar over the brand stripe with the logo (`logo`, in a link to the start page, `homeRender` for a router link), the items (`items`, and `endItems` at the end of the row), the account icon (`account`) and the call to action (`action`, an `ActionButton size="sm"`).
+  - An item is a link (`href`, or a router link in `render`) or a menu of `groups`, each with a `title`, `links` and a `cta`. From 1312px the items are pills and a menu opens under its pill on hover, on a click or from the keyboard, as a panel of links (Base UI's `NavigationMenu`, no `role="menu"`). The closed menus are in the server's markup, hidden, so crawlers find their links.
+  - Below 1312px a menu button opens the items in a dialog from the top (Base UI's `Drawer`): the focus moves into it and back to the button, the page behind does not scroll, and each menu is a row that opens under itself with the item's own page as its first link, one at a time. Its links are not in the page while it is closed, and following a link closes it.
+
+  New strings: "Hovedmeny", "Meny", "Lukk meny" and "Lea Bank, forside", in Norwegian, Swedish, Finnish and Spanish.
+
 ## 8.8.0
 
 ### Minor Changes