@leabankab/component-library 5.6.1

package/CHANGELOG.md

@@ -0,0 +1,408 @@
+# Changelog
+
+## 5.6.1
+
+### Patch Changes
+
+- f7fb516: Tooltip now act differently when pointer device is touch instead of mouse, expanded radius of clickable tooltip
+
+## 5.6.0
+
+### Minor Changes
+
+- 1e60d08: `Alert` accepts a `size` prop (`"sm"` for tighter padding and smaller text, `"lg"` unchanged and still the default) and the non-semantic `color` values `"purple"` and `"grey"` for messages that shouldn't read as a status. Brand colours default `severity` to `"info"`. Status icons are Lucide glyphs (`CircleCheck`, `Info`, `TriangleAlert`, `CircleAlert`), overridable via `icon` or `iconMapping`.
+- 1e60d08: Library-owned labels now follow `LeaProvider`'s `language` instead of falling back to MUI's English or hardcoded Swedish text. Consumers no longer need wrappers like `LocalizedAutocompleteField`.
+
+  - `Autocomplete` (and `AutocompleteField`, `EmailInput`, `EmailField`) translate `noOptionsText`, `loadingText`, `openText`, `closeText` and `clearText`.
+  - `Alert`'s dismiss button (with `onClose`) gets a translated `closeText`.
+  - `DatePicker` passes MUI X's locale pack as `localeText`, so "Choose date", month navigation and the action bar are translated, and weekday labels come from the resolved `date-fns` locale rather than a fixed Norwegian array.
+  - `DownloadTrigger` defaults `children` to the translated word for "download".
+  - `StatusIcon`, `StatusAnimation` and `CheckAnimation` labels are translated; `CheckAnimation` and `PulseAnimation` gain a `label` prop.
+  - `Chip`'s delete affordance and `PulseAnimation`'s spinner get accessible names, and a field's `tooltip` now renders a focusable, named trigger button.
+
+  **Behaviour change:** default rendered strings differ for consumers who never set `language` — English MUI defaults and the Swedish animation labels become Norwegian. Every string stays overridable per-instance through the existing props.
+
+## 5.5.1
+
+### Patch Changes
+
+- ace8e6c: Datepicker is no longer hardcoded norwegian, and now accepts custom inputs
+
+## 5.5.0
+
+### Minor Changes
+
+- d69d15c: Fix email validation to reject domains ending with '.con', make the entire MultiSelect field clickable and add month/year picker with configurable order and update view renderers.
+
+## 5.4.0
+
+### Minor Changes
+
+- db5f223: `DevPanelPayload` now syntax-highlights JSON payloads in the preview: keys, strings, numbers, booleans and null each get a distinct design-token colour on the dark panel (every shade clears WCAG AA against it). Highlighting is on by default via a new `highlight` prop — set `highlight={false}` for the plain single-colour view. Non-JSON string payloads still render verbatim, and the highlighter builds React nodes (no `dangerouslySetInnerHTML`), so string values containing markup can never inject HTML. The clipboard copy is unchanged (raw serialised text).
+- db5f223: `DevPanelPayload` can now open beside the panel instead of inline. A new `placement` prop (`"inline"` default, or `"side"`) opens the payload as a floating dialog anchored to the `DevPanel`'s side: it is portalled out of the panel, positioned to the left (flipping to the right when there isn't room), and behaves as a dialog — focus moves in, Escape and outside clicks close it, and focus returns to the toggle. The side flyout adds an optional header `badge`, a full-width copy action, and `copyJsonLabel`/`closeLabel` overrides. The scrollable JSON regions are now keyboard-focusable. Existing inline usage is unchanged.
+- db5f223: `DevPanelSteps` now wraps long step labels within their cell (and breaks long single words) instead of letting them overflow into neighbouring steps. The jump-to-step grid also gains a `columns` prop to control how many step circles appear per row; it defaults to `4` (previously a fixed 5-column grid), giving each label more room.
+
+### Patch Changes
+
+- db5f223: Fix the ESM build so it no longer emits a `typeof require` shim that Turbopack and webpack reject. The library build now externalises its runtime `dependencies` (`@base-ui/react`, `motion`, `lucide-react`, `libphonenumber-js`) alongside the existing `peerDependencies`, so rolldown bundles only first-party source and stops inlining transitive CommonJS modules (e.g. `use-sync-external-store`, `framer-motion`) whose internal `require("react")` produced the shim. `component-library.es.js` now contains zero `typeof require` and imports `react` and friends as external ESM. These packages are declared in `dependencies`, so consumers already have them installed; no public API changes.
+
+## 5.3.0
+
+### Minor Changes
+
+- 266313e: Add `DevPanel`, a reusable, fully-controlled dev-tooling panel that form apps compose from typed sub-components: `DevPanelFlow`, `DevPanelCountry`, `DevPanelVariant`, `DevPanelSteps`, `DevPanelStepState`, `DevPanelStatus`, `DevPanelPayload`, and `DevPanelFooter` (plus the `DevPanelSection` wrapper). The panel owns layout and styling; consumers own all state via `value` + `onChange`/callback props and decide where to place it (it renders content only, with a built-in minimise/collapse affordance).
+
+  Accessibility is baked in: single-selects (country / variant / step state / application status) are labelled `radiogroup`s with roving `tabindex`, arrow / Home / End navigation and `aria-checked`; the step grid exposes `aria-current="step"` and spells out each step's status so it never relies on colour alone; the payload preview is a proper disclosure (`aria-expanded`/`aria-controls`); and copy actions confirm via a `role="status"` live region. Section labels, step labels and meta use `neutral[600]` to clear WCAG AA against the cream surface. Icon-button and status labels are translated (no/se/fi/es) and overridable per-instance.
+
+- 266313e: Add `PhoneNumberInput`, a phone number field with a searchable country-code picker on the left and a floating label. Clicking the country trigger opens a search popover that matches the width of the field and filters by country name, ISO code, or dialling code. The country trigger keeps a constant width across dialling codes so the floating label always stays aligned with the value. Lea Bank's core markets (Finland, Sweden, Norway, Spain) are pinned to the top of the list, the default country follows the active locale, and every country is validated and formatted with `libphonenumber-js` (Norwegian numbers are grouped 3-2-3, e.g. `400 12 345`). Both the country and the number can be controlled or left uncontrolled, and a `PhoneNumberField` wrapper connects it to react-hook-form.
+
+  This also switches the framework-agnostic `validatePhoneNumber` / `isValidPhoneNumber` validators over to `libphonenumber-js`, widening the accepted country from the four Lea Bank markets to any ISO country code. Validation results for NO/SE/FI/ES may differ slightly from the previous regex-based rules.
+
+- 266313e: Add `Tabs`, a segmented pill-style tabs control built on Base UI's accessible `Tabs` primitive. Compose it from `TabsList` + `Tab` (the bar) and, optionally, `TabPanel` for built-in content, or drive it as a bar only with `value`/`onValueChange`. Two variants control the active-tab pill: `brand` (purple, default) and `greyscale` (near-black). The list scrolls horizontally when the tabs overflow (e.g. on mobile) and the pill slide respects `prefers-reduced-motion`.
+
+  Accessibility is baked in: roles (`tablist`/`tab`/`tabpanel`), roving `tabindex`, arrow-key navigation, `aria-selected` and the auto-wired `tab`↔`tabpanel` links come from Base UI, and `TabsList` requires an accessible name (`aria-label` or `aria-labelledby`) in TypeScript so the `tablist` can never be nameless. Inactive tab labels use `neutral[600]` to clear WCAG AA contrast against the beige track.
+
+### Patch Changes
+
+- 266313e: Fix three component issues:
+
+  - **Text:** the `color` prop now applies through `sx`, so design-token palette paths (`text.base`, `purple.subtle`, `text.subtle`, …) and raw CSS colours resolve correctly. The MUI shorthands (`primary`, `secondary`, `error`, …) still map to their `.main` shade, and a consumer-provided `sx` is now merged instead of dropped.
+  - **DatePicker:** the month/year picker (`views={["year", "month"]}`) now renders its Måned / År segmented toggle (month first), opening on the month view and drilling month -> year, instead of falling back to the plain year list.
+  - **EmailInput:** reimplemented as a thin wrapper around `Autocomplete` with the `email` prop (same `@`-domain suggestions), replacing the bespoke dropdown. It remains deprecated in favour of `<Autocomplete email />`.
+
+## 5.2.0
+
+### Minor Changes
+
+- b7d8f93: Add `PhoneNumberInput`, a phone number field with a searchable country-code picker on the left and a floating label. Clicking the country trigger opens a search popover that matches the width of the field and filters by country name, ISO code, or dialling code. The country trigger keeps a constant width across dialling codes so the floating label always stays aligned with the value. Lea Bank's core markets (Finland, Sweden, Norway, Spain) are pinned to the top of the list, the default country follows the active locale, and every country is validated and formatted with `libphonenumber-js` (Norwegian numbers are grouped 3-2-3, e.g. `400 12 345`). Both the country and the number can be controlled or left uncontrolled, and a `PhoneNumberField` wrapper connects it to react-hook-form.
+
+  This also switches the framework-agnostic `validatePhoneNumber` / `isValidPhoneNumber` validators over to `libphonenumber-js`, widening the accepted country from the four Lea Bank markets to any ISO country code. Validation results for NO/SE/FI/ES may differ slightly from the previous regex-based rules.
+
+### Patch Changes
+
+- b7d8f93: Fix three component issues:
+
+  - **Text:** the `color` prop now applies through `sx`, so design-token palette paths (`text.base`, `purple.subtle`, `text.subtle`, …) and raw CSS colours resolve correctly. The MUI shorthands (`primary`, `secondary`, `error`, …) still map to their `.main` shade, and a consumer-provided `sx` is now merged instead of dropped.
+  - **DatePicker:** the month/year picker (`views={["year", "month"]}`) now renders its Måned / År segmented toggle (month first), opening on the month view and drilling month -> year, instead of falling back to the plain year list.
+  - **EmailInput:** reimplemented as a thin wrapper around `Autocomplete` with the `email` prop (same `@`-domain suggestions), replacing the bespoke dropdown. It remains deprecated in favour of `<Autocomplete email />`.
+
+## 5.1.0
+
+### Minor Changes
+
+- c7b9a0e: Refine the Accordion component.
+
+  - `Accordion` is now a real Lea wrapper component (previously a raw MUI re-export), which fixes the Storybook "prop type error" where `react-docgen-typescript` could not read docs from MUI's compiled output.
+  - Add a `variant` prop: `"outlined"` (default, keeps the border) and `"filled"` (borderless, white-filled panel). Note: this replaces the inherited Paper `variant` values, so `variant="elevation"` is no longer accepted (the theme already forces `elevation={0}`).
+  - Give the summary heading and details the same default font size (1rem) and font family so they read consistently.
+  - Accessibility: `AccordionDetails` no longer needs `id`/`aria-labelledby` — MUI auto-wires the content region from the summary's `id`/`aria-controls`. The stories were setting these manually, which produced a duplicate id; they now follow the correct wiring.
+
+- c7b9a0e: Add a reusable `Alert` component (and re-export `AlertTitle`). It wraps MUI's accessible `Alert`, applies Lea Bank status colours and border radius via the theme across the `standard`, `filled`, and `outlined` variants, and derives the ARIA `role` from `severity` (`error`/`warning` announce assertively, `info`/`success` politely).
+- c7b9a0e: Add a `navigation` category with two components for multi-step forms:
+
+  - `ProgressCircle` — an animated circular progress indicator (`purple` / `teal`), respecting `prefers-reduced-motion`. Decorative by default; pass `label` to expose it as a `role="progressbar"`.
+  - `FormStepper` — a step header with a heading-or-text title (levels `h1`-`h3`), an optional translated `"Next: ..."` subtitle, an optional back button (via `onBack`), and a decorative `ProgressCircle`. The step count is announced once as visually-hidden text on the title. Labels use the built-in i18n (`useStepperLabels`) with per-instance overrides via the `labels` prop.
+
+### Patch Changes
+
+- 901de05: Update description and script
+- c7b9a0e: Add JSDoc descriptions to `ActionButton`, `Button`, `Card`, `Chip`, `DataField`, `IconButton`, `Link`, and `Text` (relocating the existing blocks on `ActionButton`, `Button`, and `Link` so they attach to the component rather than the props type). This surfaces the descriptions in the generated type declarations and Storybook autodocs. No runtime or public API changes.
+- c7b9a0e: Fix the MUI theme type augmentation so the design tokens type-check against MUI v9.
+
+  - Type the semantic `palette.bg`, `palette.border`, `palette.status`, `palette.purple` and `palette.teal` groups with dedicated interfaces that match the actual tokens, instead of MUI's `SimplePaletteColorOptions` (which requires a `main` key the tokens don't have).
+  - Declare these groups on both `Palette` and `PaletteOptions`, so `palette.purple` / `palette.teal` are now typed on the resolved theme too, and `palette.border.strong` is included.
+  - Remove the conflicting `text: TypeText` and invalid `palette?: PaletteColor` declarations that broke module augmentation under MUI v9.
+
+## 5.0.0
+
+### Major Changes
+
+- 43ab566: Require MUI v9 and slim the peer-dependency contract.
+
+  - `peerDependencies` for `@mui/material`, `@mui/system` and `@mui/x-date-pickers` are now `^9.0.0`. The compiled `Autocomplete` reads `renderInput` params via `slotProps.input` / `slotProps.htmlInput`, which only exist in MUI v9; the previous peer range (`^6 || ^7`) allowed installs that crashed at runtime with "Cannot read properties of undefined (reading 'input')". Consumers must upgrade to MUI v9.
+  - Removed `mui-markdown` and `@mui/utils` from `peerDependencies`: `mui-markdown` is no longer used by the library, and `@mui/utils` is only needed transitively through `@mui/material`. Consumers no longer need to install either directly.
+  - Removed `@mui/icons-material` from `peerDependencies`: it was only used by Storybook stories, never by shipped components. Consumers that relied on it being pulled in transitively should add it to their own dependencies if they use MUI icons.
+
+### Patch Changes
+
+- 43ab566: Update manifest
+
+## 4.0.0
+
+### Major Changes
+
+- 2a4d006: Require MUI v9 and slim the peer-dependency contract.
+
+  - `peerDependencies` for `@mui/material`, `@mui/system` and `@mui/x-date-pickers` are now `^9.0.0`. The compiled `Autocomplete` reads `renderInput` params via `slotProps.input` / `slotProps.htmlInput`, which only exist in MUI v9; the previous peer range (`^6 || ^7`) allowed installs that crashed at runtime with "Cannot read properties of undefined (reading 'input')". Consumers must upgrade to MUI v9.
+  - Removed `mui-markdown` and `@mui/utils` from `peerDependencies`: `mui-markdown` is no longer used by the library, and `@mui/utils` is only needed transitively through `@mui/material`. Consumers no longer need to install either directly.
+  - Removed `@mui/icons-material` from `peerDependencies`: it was only used by Storybook stories, never by shipped components. Consumers that relied on it being pulled in transitively should add it to their own dependencies if they use MUI icons.
+
+### Minor Changes
+
+- 4e4c41e: Add `Link` component: a link-only (styling and behaviour) component with a polymorphic `component` prop for use with router links (React Router, Next.js) and a restricted `color` prop (`text.base`, `purple.700`, `teal.700`, `text.contrast`).
+
+### Patch Changes
+
+- 4e4c41e: Document the `Autocomplete` `multiple` variant (originally shipped in 3.6.0; its changeset was lost during a manual version bump). Passing `multiple` switches the value type to `string[]` and renders selections as removable chips, bounded by `min` (default 1) and `max`. Props are a discriminated union on `multiple`, so single-select usage and its `value: string` type are unchanged and backwards compatible. `AutocompleteField` forwards `multiple` and defaults the field value per mode.
+
+## 3.6.0
+
+### Minor Changes
+
+- ecb1ee8: Added tooltip, slider, changes to datepicker and numericalinput to use token measurements'
+- 6ddbc51: Add generic `Slider`, reusable `Tooltip` with built-in text / outlined / filled info trigger variants, new `DataField` for label/value summary rows, `NumberInput` external-label support via explicit `labelPlacement`, more generic `FormLabel` adjacent-content composition, and themed `DatePicker` support for day or month/year `views`.
+
+## 3.4.0
+
+### Minor Changes
+
+- 4e43b22: Expand the public API surface:
+
+  - Export `MultiSelectField` and `BooleanRadioCardField` from the form fields.
+  - Add `BrandDivider`, a decorative full-width divider in Lea Bank's brand colours.
+  - `RadioCardField` now accepts an optional `tooltip` prop that renders an info icon with contextual help next to the label.
+  - `SelectField` now validates on change and blur so errors clear as soon as a valid option is selected.
+
+## 3.3.0
+
+### Minor Changes
+
+- eec2b3e: Add a `Dialog` family under a new `feedback` export.
+
+  `SimpleDialog` is the ready-made modal: pass `title`, an optional `description`, and `children`, and it renders the Lea chrome (white, large-radius paper over a dark overlay) with a title row, a close button, and a content area. The title labels the dialog and the description (when present) describes it via internally managed ids, so consumers never wire `aria-labelledby` / `aria-describedby` themselves; the close button's accessible name is translated (`no` / `se` / `fi` / `es`) and overridable via `closeLabel`.
+
+  `Dialog` is a thin, unopinionated wrapper over MUI's `Dialog` that forwards every MUI prop and applies the surface styling, leaving the inner layout to the consumer.
+
+  Both open and close with a minimal, token-timed motion (a soft fade + scale) that respects `prefers-reduced-motion`. Sizing uses MUI's own `maxWidth` / `fullWidth`.
+
+- eec2b3e: Add a `Drawer` family under the `feedback` export, mirroring `Dialog`.
+
+  `SimpleDrawer` is the ready-made side panel: pass `title`, an optional `description`, and `children`, and it renders the Lea chrome (a white surface over a dark overlay) with a header row, a close button, and a scrollable content area. It is a labelled modal dialog (`role="dialog"`, `aria-modal`) whose title and description are wired via internally managed ids, so consumers never wire `aria-labelledby` / `aria-describedby` themselves; the close button's accessible name is translated (`no` / `se` / `fi` / `es`) and overridable via `closeLabel`. Defaults to `anchor="right"` with a sensible width; use MUI's `anchor` and `slotProps.paper` / `sx` to change side or size.
+
+  `Drawer` is a thin, unopinionated wrapper over MUI's `Drawer` that forwards every MUI prop and applies the surface styling, leaving the inner layout to the consumer.
+
+  Both keep MUI's native slide motion, now token-timed and reduced-motion-aware.
+
+- 01da847: Add `NumberInput` and its react-hook-form wrapper `NumberField` to the public API. The numeric input keeps Base UI's `NumberField` engine (value / min / max / step / formatting) but now follows the local form conventions: named exports, automatic `FormControl` id wiring, standalone and composed usage, `label` / `helperText` / `error` / `required` / `disabled` props, and stepper styling moved into the theme.
+
+  `NumberInput` also supports adornments for currency-style fields: `startIcon` (a decorative, `aria-hidden` leading glyph), `unit` (trailing text such as `kr` linked to the input via `aria-describedby`, so it is announced rather than baked into the placeholder), and `showSteppers` (default `true`) to hide the `+` / `-` buttons for open-ended amounts.
+
+- 01da847: Add a single `LeaProvider` that bundles the Lea Bank MUI theme (plus `CssBaseline`) and a language context, so consumers wrap once and forward only a `language` prop (`"no" | "se" | "fi" | "es"`, default `"no"`).
+
+  New public exports for co-located translations: `createTranslation` (a hook factory whose `no` key is the type-enforced fallback), `useLanguage`, `Language`, `LANGUAGES` and `DEFAULT_LANGUAGE`.
+
+  `NumberInput`'s stepper `aria-label`s are now translated (default changes from English to Norwegian), and `DatePicker`'s default `adapterLocale` follows the provider language (`no`->`nb`, `se`->`sv`, `fi`->`fi`, `es`->`es`); passing `adapterLocale` still overrides it.
+
+## 3.2.1
+
+### Patch Changes
+
+- 0d1b427: Fix the empty root type declaration. `vite-plugin-dts`'s `insertTypesEntry` (combined with a non-applied `outDir`/`entryRoot`) overwrote the real `dist/src/index.d.ts` with an empty `export {}`, so consumers saw no exports (`import { theme }` and everything else resolved to nothing). Removed `insertTypesEntry` and the non-working `outDir`/`entryRoot` options and set `clearPureImport: false` so the entry keeps its re-exports and the `import "./theme/mui-augmentation"` side-effect (which activates the `@mui/material/styles` augmentation). Also added an explicit `exports` map so type/runtime resolution is unambiguous.
+
+## 3.2.0
+
+### Minor Changes
+
+- 4c8258a: Add `Autocomplete` (and the react-hook-form `AutocompleteField`), a searchable select built on MUI's `Autocomplete` with the same standalone / composed `FormControl` behaviour and auto-wired ids as the other form controls. Pass `email` to turn it into an email field that suggests common domains (gmail, outlook, …) once the user types `@`.
+
+  `EmailInput` and `EmailField` are now deprecated in favour of `Autocomplete` / `AutocompleteField` with `email`, and will be removed in a future major release.
+
+  `MultiSelect` now renders its selected values as removable chips (kept on a single line, with any overflow collapsed into a trailing `+N` badge) and gains optional `min` (default 1, so the last value can't be removed) and `max` (unlimited by default) selection bounds — options that would breach either bound are disabled.
+
+- 98a2be6: Add `DatePicker` (and the react-hook-form `DatePickerField`) built on `@mui/x-date-pickers`, styled to the Lea Bank design. The day picker is MUI's `DateCalendar` day grid with a centered header — a prev/next month chevron either side of a clickable month-year label that switches to the year list — and lowercase Monday-first weekday labels, themed with Lea Bank tokens. A month/year-only picker (`views={["year", "month"]}`) shows a segmented `Måned / År` toggle (month first) over the month/year grids: it opens on the month tab, picking a month switches to the year tab, and picking a year commits. Selecting a value commits immediately (`closeOnSelect`). On desktop it opens as a popover sized to the input width; on mobile it opens in a bottom `Drawer` with a custom `eyebrow` + `title` header and a grab handle. The trigger field is themed to match the other form inputs, `views` defaults to `["year", "month", "day"]`, and it bundles its own `LocalizationProvider` + `date-fns` adapter (Norwegian `nb` locale by default).
+
+### Patch Changes
+
+- 4c8258a: Form fields now float their label on focus (keeping the existing inside-the-field floating style, not up on the border) and only show the input placeholder once the label has floated, so the label and placeholder no longer overlap in the resting state (most visible on `Autocomplete` with `email`). Applies to every field via the shared `FormControl`.
+
+  Internal: the outlined-field styling (fixed height, label padding, collapsed notch and hover / focus / error border states) is now shared from a single `field-base` module and consumed by the text input, select, autocomplete and date-picker themes, so field styling can be edited in one place.
+
+- 06d1b7e: Fix exports for types
+
+## 3.1.0
+
+### Minor Changes
+
+- b5969f5: Added validation checks for email, ssn, accountnumber, phonenumber
+
+## 3.0.0
+
+### Major Changes
+
+- a442bac: - **Removed legacy exports** — domain-specific and deprecated components (e.g. `AccountInfoCard`, `Calculator`, root-level inputs, `Modal`, `Sidebar`, `Slider`, `InputGroup`, feedback helpers, and related utils/types) are no longer published
+  - **Narrowed public API** — package now exports `animations`, `buttons`, `data-display`, `form`, `surfaces`, and `typography` only
+  - **Colour token swap** — `colors` is now brand scales (`colors.purple[600]`); semantic tokens live on `palette` (`palette.bg.base`, `palette.text.base`, …)
+  - **Brand semantic rename** — `palette.primary.*` → `palette.purple.*`, `palette.secondary.*` → `palette.teal.*` (MUI `primary`/`secondary` `main`/`light`/`dark` kept for `color="primary"` etc.)
+  - **Token renames** — `text.inverse` / `bg.inverse` → `contrast`; `radii` → `shape`; removed `primitives` (scales inlined in `colors.ts`)
+  - **Removed deprecated palette aliases** — `background`, `divider`, `action`, and other legacy MUI palette shims
+
+### Minor Changes
+
+- a442bac: Add `Chip` component with filled and outlined variants, five colour options (purple, blue, teal, orange, grey), and small/medium sizes. Defaults to purple, filled, small.
+- a442bac: Add country-aware formatting hooks: `CountryProvider`, `useCountry`, `useFormatCurrency`, `useFormatDate`, `useFormatNumber`, and `useFormatPercentage`. Supports Norway, Sweden, Finland, and Spain via the native `Intl` API.
+- a442bac: Add react-hook-form field components: `InputField`, `SelectField`, `RadioField`, `RadioCardField`, and `CheckboxField`. Each wraps the existing form primitive with a `Controller`, accepts an optional `control` prop or reads from `FormProvider`, and supports typed `name` via generics.
+
+### Patch Changes
+
+- a442bac: Switch ClashGrotesk `@font-face` declarations from `font-display: swap` to `font-display: optional`. This stops a system fallback (e.g. Arial) flashing in before the brand font is ready. Also removes the dead `'ClashGroteskVariable'` entry from the font-family stack.
+- a442bac: Fix `PulseAnimation` leaking the non-standard `enableTrackSlot` prop onto a DOM element. The prop only exists in MUI ≥ 7.3, but the library's peer range allows older MUI versions where it falls through to the underlying `<span>`, triggering a React "unknown DOM attribute" console error. The internal `CircularProgress` no longer sets it.
+- 78985f8: Update pipeline
+
+## 2.3.0
+
+### Minor Changes
+
+- 6254d13: Add animations
+- 6254d13: Styling:
+  RadioGroup: Add size prop
+  RadioCard: Add small variant
+  Input: Fix some styling issues
+  SkipLink: new component
+  Text: add default color
+  Select: Update styling
+
+### Patch Changes
+
+- 6254d13: Declare `@mui/system` and `@mui/utils` as peer dependencies. They were
+  already imported directly but only resolved transitively via `@mui/material`,
+  which broke type-checking/builds in stricter, non-hoisted installs.
+- 6254d13: Styling updates for various inputs
+
+## 2.2.0
+
+### Minor Changes
+
+- d92c4e7: Styling:
+  RadioGroup: Add size prop
+  RadioCard: Add small variant
+  Input: Fix some styling issues
+  SkipLink: new component
+  Text: add default color
+  Select: Update styling
+
+### Patch Changes
+
+- d92c4e7: Declare `@mui/system` and `@mui/utils` as peer dependencies. They were
+  already imported directly but only resolved transitively via `@mui/material`,
+  which broke type-checking/builds in stricter, non-hoisted installs.
+- d92c4e7: Styling updates for various inputs
+
+## 2.1.0
+
+### Minor Changes
+
+- cd89d44: Styling:
+  RadioGroup: Add size prop
+  RadioCard: Add small variant
+  Input: Fix some styling issues
+  SkipLink: new component
+  Text: add default color
+  Select: Update styling
+
+### Patch Changes
+
+- cd89d44: Declare `@mui/system` and `@mui/utils` as peer dependencies. They were
+  already imported directly but only resolved transitively via `@mui/material`,
+  which broke type-checking/builds in stricter, non-hoisted installs.
+
+## 2.0.1
+
+### Patch Changes
+
+- 27f3f4f: RadioCard: Small styling changes
+
+## 2.0.0
+
+### Major Changes
+
+- dc07fa4: New component: RadioCard
+  Breaking: Changed input, checkbox and radio
+
+### Minor Changes
+
+- dc07fa4: Add strategy for tokens
+  - Old tokens will still work
+
+### Patch Changes
+
+- b03a48d: RadioCard: Small styling changes
+
+## 1.0.1
+
+### Patch Changes
+
+- d941381: Fix export for Field (again)
+
+## 1.0.0
+
+### Major Changes
+
+- 1c2d5c6: Update List component (breaking)
+
+### Minor Changes
+
+- 281c144: Add Field component
+- bb77897: ### Fixed
+
+  - `dist/types/**/*.d.ts` no longer emit relative imports into `node_modules`
+    (e.g. `from '../../node_modules/react'`). External type imports are now
+    bare specifiers, fixing `Property 'children' does not exist on type
+'IntrinsicAttributes & CardProps'` and similar errors that consumers
+    hit on every `<Card>` (and many other components') usage.
+  - Root cause: `"baseUrl": "."` in `tsconfig.json` (added in 0.7.0) caused
+    `vite-plugin-dts` to rewrite bare `react` imports as paths relative to
+    the source file, walking into `node_modules/react`. Removed `baseUrl`;
+    `paths` continues to work without it since TypeScript 4.1.
+
+  - Next.js 16 / React 19 / MUI 7 / `@mui/x-date-pickers` 8 compatibility
+    (widened peer ranges to `^18 || ^19`, `^6 || ^7`, `^7 || ^8`).
+  - ESLint 9 flat config (`eslint.config.mjs`); removed `.eslintrc.json`.
+  - Vite 7 upgrade.
+  - Added `"use client"` directive at the package entry for React Server
+    Components compatibility (preserved through bundling via
+    `rollup-preserve-directives`).
+  - Consolidated asset module declarations into `src/assets.d.ts`.
+  - Removed unused dependencies: `yup`, `se-bank-account`.
+  - Add Changesets for version control
+  - `mui-markdown` is now a peer dependency (`^2.0.0`). Consumers must
+    install it themselves: `yarn add mui-markdown`. Previously it was
+    bundled into `dist/`; externalizing it shrinks the published bundle
+    and lets package managers dedupe across consumer apps.
+
+### Patch Changes
+
+- 448f4b3: Fix exports for Field
+
+All notable changes to `@leabank/component-library` are documented here.
+
+The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.1.0/),
+and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
+
+> Adding an entry? See [docs/deployment/releasing.md](docs/deployment/releasing.md)
+> for the section template, style rules, and the full release checklist.
+
+## [0.7.1] - 2026-04-29
+
+### Fixed
+
+- `dist/types/**/*.d.ts` no longer emit relative imports into `node_modules`
+  (e.g. `from '../../node_modules/react'`). External type imports are now
+  bare specifiers, fixing `Property 'children' does not exist on type
+'IntrinsicAttributes & CardProps'` and similar errors that consumers
+  hit on every `<Card>` (and many other components') usage.
+- Root cause: `"baseUrl": "."` in `tsconfig.json` (added in 0.7.0) caused
+  `vite-plugin-dts` to rewrite bare `react` imports as paths relative to
+  the source file, walking into `node_modules/react`. Removed `baseUrl`;
+  `paths` continues to work without it since TypeScript 4.1.
+
+## [0.7.0]
+
+- Next.js 16 / React 19 / MUI 7 / `@mui/x-date-pickers` 8 compatibility
+  (widened peer ranges to `^18 || ^19`, `^6 || ^7`, `^7 || ^8`).
+- ESLint 9 flat config (`eslint.config.mjs`); removed `.eslintrc.json`.
+- Vite 7 upgrade.
+- Added `"use client"` directive at the package entry for React Server
+  Components compatibility (preserved through bundling via
+  `rollup-preserve-directives`).
+- Consolidated asset module declarations into `src/assets.d.ts`.
+- Removed unused dependencies: `yup`, `se-bank-account`.

package/README.md

@@ -0,0 +1,22 @@
+# Lea Bank Storybook
+
+Welcome to the lea bank storybook project!
+
+The goal of this repo is to create a npm-package of components used for Lea Bank products.
+
+## Development
+
+1. [Getting started](docs/development/gettingStarted.md)
+1. [❗️ Quirks and Caveats ❗️](docs/development/quirks.md)
+1. [FAQ](docs/development/faq.md)
+
+## Releasing
+
+1. [Day-to-day release checklist](docs/deployment/releasing.md)
+1. [Changesets reference (config, snapshots, troubleshooting)](docs/deployment/changesets.md)
+1. [Pipelines and what they do](docs/deployment/pipelines.md)
+1. [How to use the npm package in projects](docs/deployment/howToUse.md)
+
+## Authenticate your user to use lea-bank-storybook package
+
+[Follow this guide](https://dev.azure.com/NewBankCorp/Lea%20Bank/_wiki/wikis/LEA-FUNDING.wiki/348/Lea-Bank-Storybook)