Update leaderboard chart (#45480)

* Add unresponsive leaderboard to exports

* Stop leaderboard expanding vertically

* Add changelog

Author: adamwoodnz

projects/js-packages/charts/changelog/update-leaderboard-layout

@@ -0,0 +1,4 @@
+Significance: minor
+Type: changed
+
+Leaderboard chart: Update exports and layout flex behaviour

projects/js-packages/charts/src/components/leaderboard-chart/leaderboard-chart.tsx

@@ -242,15 +242,7 @@ const LeaderboardChartInternal: FC< LeaderboardChartProps > = ( {
 					gap: showLegend ? '16px' : '0',
 				} }
 			>
-				<Grid
-					className={ styles.leaderboardGrid }
-					templateColumns="minmax(0, 1fr) auto"
-					rowGap={ rowGap }
-					columnGap={ columnGap }
-					style={ {
-						flex: 1,
-					} }
-				>
+				<Grid templateColumns="minmax(0, 1fr) auto" rowGap={ rowGap } columnGap={ columnGap }>
 					{ data.map( entry => {
 						const colorIndex = Math.sign( entry.delta ) + 1;
 						const deltaColor = deltaColors[ colorIndex ];

projects/js-packages/charts/src/index.ts

@@ -7,7 +7,7 @@ export {
 	PieSemiCircleChartUnresponsive,
 } from './components/pie-semi-circle-chart';
 export { BarListChart, BarListChartUnresponsive } from './components/bar-list-chart';
-export { LeaderboardChart } from './components/leaderboard-chart';
+export { LeaderboardChart, LeaderboardChartUnresponsive } from './components/leaderboard-chart';
 export { ConversionFunnelChart } from './components/conversion-funnel-chart';
 
 // Chart components