Fixed story component names in stories.

civictheme · Jun 15, 2024 · cc2b545 · cc2b545
1 parent 40ec61a
commit cc2b545
Show file tree

Hide file tree

Showing 14 changed files with 37 additions and 23 deletions.
diff --git a/components/00-base/about-civictheme/about-civictheme.stories.js b/components/00-base/about-civictheme/about-civictheme.stories.js
@@ -1,4 +1,4 @@
-import AboutCivicThemeExample from './about-civictheme.stories.twig';
+import AboutCivicThemeStoryTemplate from './about-civictheme.stories.twig';
 
 export default {
   title: 'About CivicTheme',
@@ -9,7 +9,7 @@ export default {
   },
 };
 
-export const AboutCivicTheme = () => AboutCivicThemeExample({
+export const AboutCivicTheme = () => AboutCivicThemeStoryTemplate({
   logos: {
     primary: {
       mobile: {

diff --git a/components/00-base/about-civictheme/about-civictheme.stories.twig b/components/00-base/about-civictheme/about-civictheme.stories.twig
@@ -1,3 +1,10 @@
+{#
+/**
+ * @file
+ * About CivicTheme story template.
+ */
+#}
+
 <div class="story-about-civictheme ct-vertical-spacing-inset--both">
 	<div class="container">
 		<div class="row">

diff --git a/components/00-base/collapsible/collapsible.stories.js b/components/00-base/collapsible/collapsible.stories.js
@@ -1,4 +1,4 @@
-import CivicThemeCollapsible from './collapsible.stories.twig';
+import CollapsibleStoryTemplate from './collapsible.stories.twig';
 import './collapsible';
 
 export default {
@@ -8,4 +8,4 @@ export default {
   },
 };
 
-export const Collapsible = CivicThemeCollapsible;
+export const Collapsible = CollapsibleStoryTemplate;
diff --git a/components/00-base/collapsible/collapsible.stories.twig b/components/00-base/collapsible/collapsible.stories.twig
@@ -1,8 +1,8 @@
 {#
 /**
-* @file
-* Collapsible component story.
-*/
+ * @file
+ * Collapsible story template.
+ */
 #}
 
 <style>

diff --git a/components/00-base/colors/colors.stories.js b/components/00-base/colors/colors.stories.js
@@ -1,4 +1,4 @@
-import CivicThemeColors from './colors.stories.twig';
+import ColorsStoryTemplate from './colors.stories.twig';
 import { getThemes } from '../base.utils';
 
 export default {
@@ -115,7 +115,7 @@ export const Colors = () => {
     }
   }
 
-  return CivicThemeColors({
+  return ColorsStoryTemplate({
     sections,
   });
 };
diff --git a/components/00-base/colors/colors.stories.twig b/components/00-base/colors/colors.stories.twig
@@ -1,8 +1,8 @@
 {#
 /**
-* @file
-* Colors component story.
-*/
+ * @file
+ * Colors story template.
+ */
 #}
 
 <div class="story-container story-container--columns story-container--columns--2">

diff --git a/components/00-base/flyout/flyout.stories.js b/components/00-base/flyout/flyout.stories.js
@@ -1,5 +1,5 @@
 import './flyout';
-import CivicThemeFlyout from './flyout.stories.twig';
+import FlyoutStoryTemplate from './flyout.stories.twig';
 import { knobBoolean, knobNumber, knobRadios, shouldRender } from '../base.utils';
 
 export default {
@@ -27,5 +27,5 @@ export const Flyout = (parentKnobs = {}) => {
     duration: knobNumber('Duration (ms)', 500, undefined, parentKnobs.duration, parentKnobs.knobTab),
   };
 
-  return shouldRender(parentKnobs) ? CivicThemeFlyout(knobs) : knobs;
+  return shouldRender(parentKnobs) ? FlyoutStoryTemplate(knobs) : knobs;
 };
diff --git a/components/00-base/flyout/flyout.stories.twig b/components/00-base/flyout/flyout.stories.twig
@@ -1,7 +1,7 @@
 {#
 /**
  * @file
- * Flyout component stories.
+ * Flyout story template.
  */
 #}
 

diff --git a/components/00-base/responsive/responsive.stories.js b/components/00-base/responsive/responsive.stories.js
@@ -1,4 +1,4 @@
-import CivicThemeResponsive from './responsive.stories.twig';
+import ResponsiveStoryTemplate from './responsive.stories.twig';
 import './responsive';
 import '../collapsible/collapsible';
 
@@ -12,4 +12,4 @@ export default {
   },
 };
 
-export const Responsive = () => CivicThemeResponsive();
+export const Responsive = () => ResponsiveStoryTemplate();
diff --git a/components/00-base/responsive/responsive.stories.twig b/components/00-base/responsive/responsive.stories.twig
@@ -1,7 +1,7 @@
 {#
 /**
  * @file
- * Responsive component story.
+ * Responsive story template.
  */
 #}
 

diff --git a/components/00-base/typography/typography.stories.js b/components/00-base/typography/typography.stories.js
@@ -1,4 +1,4 @@
-import CivicThemeTypography from './typography.stories.twig';
+import TypographyStoryTemplate from './typography.stories.twig';
 
 export default {
   title: 'Base/Typography',
@@ -9,4 +9,4 @@ export default {
   },
 };
 
-export const Typography = () => CivicThemeTypography();
+export const Typography = () => TypographyStoryTemplate();
diff --git a/components/00-base/typography/typography.stories.twig b/components/00-base/typography/typography.stories.twig
@@ -1,7 +1,7 @@
 {#
 /**
  * @file
- * Typography.
+ * Typography story template.
  */
 #}
 

diff --git a/components/00-base/welcome/welcome.stories.js b/components/00-base/welcome/welcome.stories.js
@@ -1,5 +1,5 @@
 import './welcome.stories.scss';
-import WelcomeExample from './welcome.stories.twig';
+import WelcomeStoryTemplate from './welcome.stories.twig';
 
 export default {
   title: 'Welcome',
@@ -10,7 +10,7 @@ export default {
   },
 };
 
-export const Welcome = () => WelcomeExample({
+export const Welcome = () => WelcomeStoryTemplate({
   logos: {
     primary: {
       mobile: {

diff --git a/components/00-base/welcome/welcome.stories.twig b/components/00-base/welcome/welcome.stories.twig
@@ -1,3 +1,10 @@
+{#
+/**
+ * @file
+ * Welcome story template.
+ */
+#}
+
 <div class="story-welcome">
 	<div class="story-welcome__inner">
 		{% include '@molecules/logo/logo.twig' with {