chore(dataviz): small storybook changes

prenda-school · Jun 18, 2024 · 4eaf8ad · 4eaf8ad
1 parent fb2ec17
commit 4eaf8ad
Show file tree

Hide file tree

Showing 6 changed files with 23 additions and 22 deletions.
diff --git a/packages/dataviz/examples/report-card/empowerment-metric/DualLinearGauge.stories.tsx b/packages/dataviz/examples/report-card/empowerment-metric/DualLinearGauge.stories.tsx
@@ -109,7 +109,7 @@ const ReportCardEmpowermentMetricDualLinearGauge = (props: {
                   },
                 }}
                 to={valuePrimary}
-                style={{ fill: Purple500 }}
+                fill={Purple500}
               />
 
               <BarUnits offset={thicknessSecondary + unitsOffset}>
@@ -138,7 +138,7 @@ const ReportCardEmpowermentMetricDualLinearGauge = (props: {
                   },
                 }}
                 to={valueSecondary}
-                style={{ fill: Purple200 }}
+                fill={Purple200}
               />
             </Bar>
           </BarScale>

diff --git a/packages/dataviz/examples/report-card/empowerment-metric/DualRadialGauge.stories.tsx b/packages/dataviz/examples/report-card/empowerment-metric/DualRadialGauge.stories.tsx
@@ -111,11 +111,8 @@ const ReportCardEmpowermentMetricDualRadialGauge = (props: {
                   ratio={radiusRatioPrimary}
                   cornerRadius={cornerRadius}
                 >
-                  <RadialBarSweep style={{ fill: Neutral70 }} />
-                  <RadialBarCircle
-                    at={valuePrimary}
-                    style={{ fill: Purple600 }}
-                  />
+                  <RadialBarSweep fill={Neutral70} />
+                  <RadialBarCircle at={valuePrimary} fill={Purple600} />
                   <RadialBarUnits offset={unitsOffset}>
                     <RadialBarUnitLabel
                       at={1}
@@ -142,11 +139,8 @@ const ReportCardEmpowermentMetricDualRadialGauge = (props: {
                   ratio={radiusRatioSecondary}
                   cornerRadius={cornerRadius}
                 >
-                  <RadialBarSweep style={{ fill: Neutral70 }} />
-                  <RadialBarCircle
-                    at={valueSecondary}
-                    style={{ fill: Purple200 }}
-                  />
+                  <RadialBarSweep fill={Neutral70} />
+                  <RadialBarCircle at={valueSecondary} fill={Purple200} />
                 </RadialBar>
               </RadialBarScale>
             </g>

diff --git a/packages/dataviz/examples/report-card/empowerment-metric/SegmentedCircularGauge.stories.tsx b/packages/dataviz/examples/report-card/empowerment-metric/SegmentedCircularGauge.stories.tsx
@@ -108,10 +108,10 @@ const ReportCardEmpowermentMetricSegmentedCircularGauge = (props: {
                     padAngle={padAngle}
                     cornerRadius={cornerRadius}
                   >
-                    <RadialBarSegmentsSweep style={{ fill: Neutral80 }} />
+                    <RadialBarSegmentsSweep fill={Neutral80} />
                     <RadialBarSegmentsSweep
                       to={valueContinuous === 0.9 ? value : valueContinuous}
-                      style={{ fill: Yellow500 }}
+                      fill={Yellow500}
                     />
                   </RadialBarSegments>
                 </RadialBar>

diff --git a/packages/dataviz/examples/report-card/mastery-goal/DualCircularGauge.stories.tsx b/packages/dataviz/examples/report-card/mastery-goal/DualCircularGauge.stories.tsx
@@ -79,18 +79,15 @@ const ReportCardMasteryGoalDualCircularGauge = (props: {
             ratio={radiusRatioPrimary}
             cornerRadius={cornerRadius}
           >
-            <RadialBarSweep style={{ fill: Neutral70 }} />
-            <RadialBarSweep
-              to={valuePrimary}
-              style={{ fill: primaryValueSweepFill }}
-            />
+            <RadialBarSweep fill={Neutral70} />
+            <RadialBarSweep to={valuePrimary} fill={primaryValueSweepFill} />
           </RadialBar>
           <RadialBar
             radius={radiusSecondary}
             ratio={radiusRatioSecondary}
             cornerRadius={cornerRadius}
           >
-            <RadialBarSweep to={valueSecondary} style={{ fill: Neutral90 }} />
+            <RadialBarSweep to={valueSecondary} fill={Neutral90} />
           </RadialBar>
         </RadialBarScale>
         <g>

diff --git a/packages/dataviz/examples/report-card/portfolio/BarChart.stories.tsx b/packages/dataviz/examples/report-card/portfolio/BarChart.stories.tsx
@@ -101,7 +101,7 @@ const ReportCardPortfolioBarChart = (props: {
                 thickness={barThickness}
                 cornerRadius={{ start: 4, end: '50%' }}
               >
-                <BarFill to={datum.value} style={{ fill: colors[i] }} />
+                <BarFill to={datum.value} fill={colors[i]} />
                 <BarLabel
                   offset={barLabelOffset}
                   position={barLabelPosition}

diff --git a/packages/dataviz/tsconfig.storybook.json b/packages/dataviz/tsconfig.storybook.json
@@ -26,6 +26,16 @@
     "src/**/*.stories.tsx",
     "src/**/*.stories.mdx",
     ".storybook/*.js",
-    ".storybook/*.ts"
+    ".storybook/*.ts",
+    "examples/**/*.stories.ts",
+    "examples/**/*.stories.js",
+    "examples/**/*.stories.jsx",
+    "examples/**/*.stories.tsx",
+    "examples/**/*.stories.mdx",
+    "decorators/**/*.stories.ts",
+    "decorators/**/*.stories.js",
+    "decorators/**/*.stories.jsx",
+    "decorators/**/*.stories.tsx",
+    "decorators/**/*.stories.mdx"
   ]
 }