0.9.24 Fixes (#1645)

- `Avatar` will consistently maintain it's 1:1 aspect ratio within flex layouts
- `CodeBlock` should now uses `overflow-y: auto` instead of `overflow-y: scroll`
- `DataTable` with number columns now properly aligns the cell content
- `DataTableHeaderCell` properly aligns sort direction icon when column `size` is specified
- `DataTableItem` supports a single column
- `DialogContent` now will only enter "overflow" state exactly once per render lifecycle
- `DialogFooterLayout` is no longer exported
- DataTableColumn width again supports `number` for percentage-based column widths
- DataTableCell refinements
- Fix default column sizing behavior bug

Author: Luke Bowerman

packages/components/CHANGELOG.md

@@ -5,11 +5,25 @@ All notable changes to this project will be documented in this file.
 The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 
-## [UNRELEASED]
+## [0.9.24]
 
 ### Added
 
 - `ExtendComponentsProvider`
+- `useDataTable` hook for simple `DataTable` rendering (used for testing)
+
+### Fixed
+
+- `Avatar` will consistently maintain it's 1:1 aspect ratio within flex layouts
+- `CodeBlock` should now uses `overflow-y: auto` instead of `overflow-y: scroll`
+- `DataTable` with number columns now properly aligns the cell content
+- `DataTableCell` truncates `description` appropriately now
+- `DataTableCell` with a link is presented properly when it gains focus via keyboard
+- `DataTableColumn` `width` again supports `number` for percentage-based column widths
+- `DataTableHeaderCell` properly aligns sort direction icon when column `size` is specified
+- `DataTableItem` supports a single column
+- `DialogContent` now will only enter "overflow" state exactly once per render lifecycle
+- `DialogFooterLayout` is no longer exported
 
 ## [0.9.23]
 

packages/components/snapshots/DataTable/Basic-snap.png

@@ -120,6 +120,7 @@ export const avatarCSS = css`
   align-items: center;
   border-radius: 100%;
   display: grid;
+  flex-shrink: 0;
   justify-items: center;
   overflow: hidden;