@joanroucoux/cairn-ui 0.7.0 → 0.7.2

package/CHANGELOG.md

@@ -1,5 +1,84 @@
 # Changelog
 
+## 0.7.2
+
+### Added
+
+- `uiStaleLink` `size` input: `caption` (default, 12/17) or `label` (14/20), both at weight 500, for the dashboard
+  total's "1 cours en retard ›". The hit area stays 44px high, 40px with a mouse. `STALE_LINK_SIZES` and
+  `StaleLinkSize` are exported.
+- `ui-line-chart` `rangeKey` input (`string | null`, default `null`): when bound, a new series interpolates and
+  fades "Départ" and the dashed line only if it comes with a new key. A new series under the same key (a reload
+  after a buy) is drawn at once, with no fade. The key may change before its series arrives; the interpolation
+  runs when the series does. Unbound, every new series interpolates, as before.
+- `holdTransitionsUntilRendered()`: called in a constructor, it holds the transitions of the host and of everything
+  inside it until two frames after its first render, through `data-ui-settling` and the matching rule of
+  `styles/motion.css`. For a consumer element whose bound classes carry a transition.
+
+### Changed
+
+- `ui-button` (and the `ui-async` retry button) no longer fades its opacity when it becomes disabled, busy or
+  enabled, and a `ui-segmented` option switches its label colour at once: MOUVEMENT.md animates neither. The press
+  scale and the hover fill keep their transitions.
+- `uiAvatarLink` draws its current-page halo as a background image, so it appears at once when the route changes;
+  the hover glow keeps its 180 ms fade.
+- `ui-nav-item` switches its active fill (now a background image) and its text colour at once on navigation, as
+  MOUVEMENT.md §4.1 asks of the sidebar; only the hover fill keeps its 180 ms fade, and the press scale stays.
+  `ui-tab` already switched at once (scale transition only); a story now checks it.
+
+### Fixed
+
+- Nothing transitions on page open any more. A route's elements are created a tick before their classes are bound,
+  and a layout read in between (the router's scroll to the top, a view transition) turned the bound fill, colour
+  or switch track into a 180 ms transition. `ui-button`, `ui-async`, `ui-back-link`, `ui-nav-item`, `ui-row`,
+  `uiSwitch`, `ui-segmented` and `uiTable` now hold their transitions until rendered. Consumers already import
+  `styles/motion.css`, which carries the rule.
+- `ui-menu` items stay on one line, left aligned (`whitespace-nowrap`, `text-left`). The menu places itself from
+  its layout size instead of its box scaled by the entry animation, and frees its right and bottom edges, so a
+  menu opened beside the right edge of a phone no longer narrows and wraps a long label.
+
+## 0.7.1
+
+### Added
+
+- `uiFlipItem`: marks an item of the nearest `uiFlipList` at any depth. Once one item is marked, the list follows
+  its marked items instead of its direct children, so a page made of groups slides as one: put `uiFlipList` on the
+  element around every group (the `table`, the page column) and `uiFlipItem` on each group heading and row. A
+  removal then slides the rows below in the same group and the groups below. An item inside another item (a row
+  inside a card) moves by its own share, the card carrying the rest. A destroyed item stays followed until it
+  leaves the page (its `animate.leave` fade), and a live item that is briefly out of the list is followed again
+  once back.
+- `ui-dialog` `busy` input (boolean, default `false`): while an action runs, Escape, a click on the backdrop and
+  a drag of the sheet leave the dialog open, the cross is disabled and the dialog carries `aria-busy`. The native
+  `cancel` and the Escape `keydown` are prevented, and a close the platform makes without asking reopens the
+  dialog. The owner disables its own buttons and still closes it through `open`.
+- `ui-tab-bar` publishes its height as `--tab-bar-height` (`calc(52px + env(safe-area-inset-bottom))`) on the
+  root element while it is on the page. Use it instead of restating 52px for anything that must clear the bar,
+  e.g. `pb-(--tab-bar-height)`.
+
+### Changed
+
+- `uiFlipList` slides only when an item is added or removed. A change inside an item (a row that grows, content
+  toggled in a cell) re-measures without sliding, as MOUVEMENT.md asks of layout changes. A list without
+  `uiFlipItem` keeps following its direct children, as in 0.7.0.
+- `ui-toaster` and `ui-action-bar` sit above `var(--tab-bar-height)`, falling back to the former
+  `calc(52px + env(safe-area-inset-bottom))` when no tab bar is on the page.
+
+### Fixed
+
+- `uiFlipList` measures every item from the top of the list itself, no longer from the nearest positioned
+  ancestor: a list that moved on the page without resizing (the holdings list when the detail panel lays out)
+  slides by the gap only, not from a stale place. Containers no longer need `position: relative` for it; drop
+  the `relative` added as a workaround. Positions leave out the translate of any animation running inside the
+  list (a slide in progress, an enter fade-up). A move interrupted by the next change restarts from where the
+  item is displayed.
+- `uiHighlight` and `animate.enter` on the same element both play: the highlight starts on the next frame and,
+  while the element or a painted cell still runs a finite animation of its own, once that animation has
+  finished, waiting no longer than `--duration-base`. Angular kept the 1400 ms highlight as the longest
+  animation and dropped the enter class after one frame. The enter fade no longer needs to sit on an inner
+  element.
+- `uiStaleLink`: the link keeps its 12/17 caption size but now extends its hit area with a `::before` pseudo-element to 44 px high (40 px with `pointer: fine`), centred on the text, so it meets the touch target of the handoff. Its `::after` chevron is unchanged.
+
 ## 0.7.0
 
 Motion release: every animation of the Cairn V3 handoff (MOUVEMENT.md), on shared tokens, with a reduced-motion path.