@leabankab/component-library 7.2.0 → 7.3.0

package/CHANGELOG.md

@@ -1,5 +1,46 @@
 # Changelog
 
+## 7.3.0
+
+### Minor Changes
+
+- 7c1ba83: `Alert` no longer wraps MUI. It is styled with a CSS Module from the design tokens, so it renders without `LeaProvider`. It looks the same, and `severity`, `color` (including `purple` and `grey`), `variant`, `size`, `icon`, `action`, `onClose` and `role` work as before.
+
+  Breaking:
+
+  - MUI-only props are gone: `sx`, `iconMapping`, `slots`, `slotProps`, `components` and `componentsProps`. Use `className` or `style` for one-off styling, and `icon` to replace the icon.
+  - `closeText` is renamed to `closeLabel`, the name `SimpleDialog` and `SimpleDrawer` use.
+  - `AlertTitle` is now a plain `<div>` rather than MUI's `AlertTitle`, so it no longer accepts MUI `Typography` props.
+  - The close button is the library's `CloseButton` rather than MUI's `IconButton`, and the markup no longer carries `MuiAlert-*` class names. Stylesheets that target those classes need updating.
+
+  Add `GlobalAlert`, a full-width `Alert` for page- or session-wide messages, placed directly above or below `AppHeader`. It takes the same props and styling as `Alert`, without the rounded corners, and its content follows the `Container` breakpoints and side padding. `fluid` lets the content span the full width, like `AppHeader`'s `fluid`.
+
+- 7c1ba83: Add `AppHeader`, a page header with the Lea Bank logo. The brand divider sits underneath by default; with `brandDivider={false}` the header gets a bottom border instead. Children fill the right-hand side (e.g. buttons); without children the logo is centred. The content follows the `Container` breakpoints and side padding, and `fluid` lets it span the full width.
+
+  Add a `size` prop (`"sm" | "md" | "lg"`) to `BrandDivider`. The default is `"sm"`, which is half the previous height; pass `size="md"` to keep the old look.
+
+- 7c1ba83: Rename the `variant` values of `Button`, `IconButton`, `CloseButton` and `DownloadTrigger` to describe how they look: `"primary"` becomes `"solid"`, `"secondary"` becomes `"outline"` and `"tertiary"` becomes `"ghost"`. The default is now `"solid"`, and `CloseButton` defaults to `"ghost"`. The rendered `data-variant` attribute uses the new names too, so stylesheets that target `[data-variant="primary"]` and the like need updating.
+
+  ```tsx
+  // Before
+  <Button variant="secondary">Avbryt</Button>
+  <IconButton aria-label="Meny" variant="tertiary">…</IconButton>
+
+  // After
+  <Button variant="outline">Avbryt</Button>
+  <IconButton aria-label="Meny" variant="ghost">…</IconButton>
+  ```
+
+  Outline and ghost buttons now hover with translucent white plus a hint of their text colour, instead of an opaque light fill. On a coloured background the hover lightens the surface rather than painting a flat patch over it, and on white it looks as before. This applies to every `color`.
+
+  `Accordion`'s `ghost` and `divided` variants hover and press the same way.
+
+  Add three tokens that set the strength of those states: `--lea-opacity-highlight` (`0.6`, the white layer), `--lea-opacity-hover` (`0.08`) and `--lea-opacity-pressed` (`0.12`), the amount of text colour mixed in on hover and press.
+
+- 7c1ba83: Add `LinearFormStepper`, a form-step header with a linear progress bar, the step title and an optional back button, for flows whose steps aren't all known up front. `totalSteps` may change between renders and the bar animates to the new value.
+
+  Add a generic step-progress context so a flow layout can keep one persistent header while its pages change: `StepProgressProvider`, `useReportStepProgress`, `useStepProgress` and `StepProgressHeader`. Apps report the step they've already resolved (`currentStep`, `totalSteps`, `title`); the library never defines the steps. `FormStepper` is unchanged.
+
 ## 7.2.0
 
 ### Minor Changes