@leabankab/component-library 8.12.1 → 8.13.0

package/CHANGELOG.md

@@ -1,5 +1,24 @@
 # Changelog
 
+## 8.13.0
+
+### Minor Changes
+
+- 8a9dc22: New `ActionButtonProvider`, which sets `iconOnly` for the `ActionButton`s inside it, also one rendered by a component of the app's own; a button's own `iconOnly` wins. `ExpandingCardsItem` (`@leabankab/component-library/website`) now uses it, so a closed card shows only the arrow of any `ActionButton` in its `action`, not only of one passed directly.
+- 8a9dc22: `ExpandingCardsItem` (`@leabankab/component-library/website`): new `imageAsBackground` prop. The photo fills the whole card, open as well as closed, and the title, text and action sit in a box of the card's `surface` colour, 16px in from the bottom-start corner; closed, the box fades with the text and the arrow stays on the photo. The new `imageMotion` prop picks how the photo follows a card that opens in the row: `"zoom"` (the default) keeps it cropped to the card, so it grows as the card widens; `"expand"` keeps it the size of the open card and centred, so opening uncovers its sides without scaling it. Below 640px the box spans the card under a 2 : 1 view of the photo. Both props take effect only with `src`; cards without them are unchanged.
+- 8a9dc22: `FeaturedImage`: new `ratio` prop, a width : height (`ratio={8 / 3}`) to crop the photo to from 1024px, for a photo that stands on its own rather than in a row of a grid. Without it nothing changes: in a row the photo fills the row's height, and outside one it shows at the photo's own ratio. Below 1024px it stays 1 : 0.7.
+- 8a9dc22: New `SearchInput`: an `Input` of `type="search"` with a search icon and, once there is text, a button that empties the field ("Tøm søket", "Rensa sökningen", "Tyhjennä haku", "Borrar la búsqueda", or `clearLabel`). The browser's own clear button is hidden. It takes `Input`'s props and value contract and needs a `label` or an `aria-label`.
+- 8a9dc22: `Slider`: new `formatValue` prop, `(value: number) => string`, for a unit `Intl.NumberFormat` has no style for, such as "kr/måned". It writes the value above the track, `min` and `max` under it and the range input's `aria-valuetext`, and wins over `format` and `locale`.
+- 8a9dc22: `Slider`: the range input now fires a bubbling `input` event on every change made with the pointer or the keyboard, and `change` when the change is committed, as a native range input does, so a listener on the page (analytics) sees them without a callback. Setting `value` fires neither, and `onValueChange` is still called once per change.
+- 8a9dc22: `tailwind.css`: new `lea-button` and `lea-input` utilities with the looks of `Button` (solid, primary, `md`) and `Input` (label outside), for markup the app doesn't render itself, such as a third-party form: `<div class="[&_input]:lea-input [&_button]:lea-button">`.
+
+### Patch Changes
+
+- 8a9dc22: `ExpandingCards` (`@leabankab/component-library/website`): a card in the row opens and closes faster, in 1.3 times the emphasis duration instead of twice it.
+- 8a9dc22: `PaymentFeature` (`@leabankab/component-library/website`): the logos are now 48px tall (32px below 768px) with the width their ratio gives, instead of at most that tall. An SVG logo with only a `viewBox`, such as Apple Pay's, no longer collapses to 0 × 0. A logo smaller than 48px tall is scaled up to it.
+- 8a9dc22: `Slider`: Page Up / Page Down and Shift with an arrow key now move a tenth of the range rounded to the step grid, instead of Base UI's fixed 10, which left the grid on a slider with a `step` of 1000. From 0 to 100 by 1 it is still 10. Pass `largeStep` to choose another distance.
+- 8a9dc22: `Slider` and `AmountSlider` no longer log "Base UI: The `render` prop received a function named `Tr`…" in development.
+
 ## 8.12.1
 
 ### Patch Changes