From ff2a881c2c6206713336744d9fba549be4a83eca Mon Sep 17 00:00:00 2001 From: annacmc Date: Wed, 18 Dec 2024 11:11:36 +1100 Subject: [PATCH] add legendOrientation to default args in storybook --- .../charts/src/components/bar-chart/stories/index.stories.tsx | 1 + .../js-packages/charts/src/components/legend/legend.module.scss | 2 +- .../charts/src/components/line-chart/stories/index.stories.tsx | 1 + .../charts/src/components/pie-chart/stories/index.stories.tsx | 1 + .../components/pie-semi-circle-chart/stories/index.stories.tsx | 1 + 5 files changed, 5 insertions(+), 1 deletion(-) diff --git a/projects/js-packages/charts/src/components/bar-chart/stories/index.stories.tsx b/projects/js-packages/charts/src/components/bar-chart/stories/index.stories.tsx index 4959d277fea84..5712257d6d35e 100644 --- a/projects/js-packages/charts/src/components/bar-chart/stories/index.stories.tsx +++ b/projects/js-packages/charts/src/components/bar-chart/stories/index.stories.tsx @@ -28,6 +28,7 @@ Default.args = { data: data[ 0 ].data, seriesLabel: data[ 0 ].group, showLegend: false, + legendOrientation: 'horizontal', }; export const WithTooltips = Template.bind( {} ); diff --git a/projects/js-packages/charts/src/components/legend/legend.module.scss b/projects/js-packages/charts/src/components/legend/legend.module.scss index e6b654d5896d5..4158534e0b2dc 100644 --- a/projects/js-packages/charts/src/components/legend/legend.module.scss +++ b/projects/js-packages/charts/src/components/legend/legend.module.scss @@ -25,7 +25,7 @@ } .legend-item-label { - color: var(--jp-gray-80); + color: var(--jp-gray-80, #2c3338); display: flex; align-items: center; gap: 0.5rem; diff --git a/projects/js-packages/charts/src/components/line-chart/stories/index.stories.tsx b/projects/js-packages/charts/src/components/line-chart/stories/index.stories.tsx index aa909fc534a47..8dcd69849cac8 100644 --- a/projects/js-packages/charts/src/components/line-chart/stories/index.stories.tsx +++ b/projects/js-packages/charts/src/components/line-chart/stories/index.stories.tsx @@ -27,6 +27,7 @@ Default.args = { margin: { top: 20, right: 20, bottom: 30, left: 40 }, data: sampleData, showLegend: false, + legendOrientation: 'horizontal', }; // Story with single data series diff --git a/projects/js-packages/charts/src/components/pie-chart/stories/index.stories.tsx b/projects/js-packages/charts/src/components/pie-chart/stories/index.stories.tsx index 036dd326f169f..2276a61b39c35 100644 --- a/projects/js-packages/charts/src/components/pie-chart/stories/index.stories.tsx +++ b/projects/js-packages/charts/src/components/pie-chart/stories/index.stories.tsx @@ -48,6 +48,7 @@ export const Default: StoryType = { theme: 'default', innerRadius: 0, showLegend: false, + legendOrientation: 'horizontal', }, }; diff --git a/projects/js-packages/charts/src/components/pie-semi-circle-chart/stories/index.stories.tsx b/projects/js-packages/charts/src/components/pie-semi-circle-chart/stories/index.stories.tsx index b59d9e28ab693..6878a91700544 100644 --- a/projects/js-packages/charts/src/components/pie-semi-circle-chart/stories/index.stories.tsx +++ b/projects/js-packages/charts/src/components/pie-semi-circle-chart/stories/index.stories.tsx @@ -66,6 +66,7 @@ Default.args = { thickness: 0.4, clockwise: true, showLegend: false, + legendOrientation: 'horizontal', }; export const WithTooltips = Template.bind( {} );