reverting name change of story in html components

nasa-jpl · Jul 16, 2024 · e148efb · e148efb
1 parent 2c075b6
commit e148efb
Show file tree

Hide file tree

Showing 50 changed files with 137 additions and 137 deletions.
diff --git a/packages/html/src/components/AppBarInternal/AppBarInternal.stories.js b/packages/html/src/components/AppBarInternal/AppBarInternal.stories.js
@@ -14,13 +14,13 @@ export default {
   }
 }
 
-export const BaseStory = AppBarInternalTemplate.bind({})
-BaseStory.storyName = 'AppBar'
-BaseStory.args = AppBarInternalTemplate.stories.BaseStory.args
+export const Default = AppBarInternalTemplate.bind({})
+Default.storyName = 'AppBar'
+Default.args = AppBarInternalTemplate.stories.Default.args
 
 export const AppBarInternalStoryMeta = {
   stories: {
-    BaseStory: {
+    Default: {
       storyName: 'AppBar',
       args: {
         orgNumber: '18x',

diff --git a/packages/html/src/components/BackToTop/BackToTop.stories.js b/packages/html/src/components/BackToTop/BackToTop.stories.js
@@ -41,6 +41,6 @@ export default {
   }
 }
 
-export const BaseStory = BackToTopTemplate.bind({})
-BaseStory.storyName = 'BackToTop'
-BaseStory.args = { alwaysVisible: true, threshold: 300, scrollTo: 0 }
+export const Default = BackToTopTemplate.bind({})
+Default.storyName = 'BackToTop'
+Default.args = { alwaysVisible: true, threshold: 300, scrollTo: 0 }
diff --git a/packages/html/src/components/BaseButton/BaseButton.stories.js b/packages/html/src/components/BaseButton/BaseButton.stories.js
@@ -110,9 +110,9 @@ export default {
   }
 }
 
-export const BaseStory = BaseButtonTemplate.bind({})
-BaseStory.storyName = 'Primary Button'
-BaseStory.args = {
+export const Default = BaseButtonTemplate.bind({})
+Default.storyName = 'Primary Button'
+Default.args = {
   label: 'Explore',
   variant: 'primary',
   link: '#',

diff --git a/packages/html/src/components/BaseHeading/BaseHeading.stories.js b/packages/html/src/components/BaseHeading/BaseHeading.stories.js
@@ -42,9 +42,9 @@ export default {
   }
 }
 
-export const BaseStory = BaseHeadingTemplate.bind({})
-BaseStory.storyName = 'H1'
-BaseStory.args = { text: 'Heading 1', size: 'h1', tag: 'h1' }
+export const Default = BaseHeadingTemplate.bind({})
+Default.storyName = 'H1'
+Default.args = { text: 'Heading 1', size: 'h1', tag: 'h1' }
 
 export const H2 = BaseHeadingTemplate.bind({})
 H2.storyName = 'H2'

diff --git a/packages/html/src/components/BaseIframe/BaseIframe.stories.js b/packages/html/src/components/BaseIframe/BaseIframe.stories.js
@@ -36,6 +36,6 @@ const BaseIframeData = {
   height: 400
 }
 
-export const BaseStory = BaseIframeTemplate.bind({})
-BaseStory.storyName = 'BaseIframe'
-BaseStory.args = BaseIframeData
+export const Default = BaseIframeTemplate.bind({})
+Default.storyName = 'BaseIframe'
+Default.args = BaseIframeData
diff --git a/packages/html/src/components/BaseImage/BaseImage.stories.js b/packages/html/src/components/BaseImage/BaseImage.stories.js
@@ -61,8 +61,8 @@ export const BaseImageData = {
   imageClass: '',
   objectFitClass: 'object-contain'
 }
-export const BaseStory = BaseImageTemplate.bind({})
-BaseStory.args = BaseImageData
+export const Default = BaseImageTemplate.bind({})
+Default.args = BaseImageData
 
 export const LazyLoading = BaseImageTemplate.bind({})
 LazyLoading.args = BaseImageData

diff --git a/packages/html/src/components/BaseImageCaption/BaseImageCaption.stories.js b/packages/html/src/components/BaseImageCaption/BaseImageCaption.stories.js
@@ -40,6 +40,6 @@ export const BaseImageCaptionData = {
   linkText: 'Full Image Details'
 }
 
-export const BaseStory = BaseImageCaptionTemplate.bind({})
-BaseStory.storyName = 'BaseImageCaption'
-BaseStory.args = BaseImageCaptionData
+export const Default = BaseImageCaptionTemplate.bind({})
+Default.storyName = 'BaseImageCaption'
+Default.args = BaseImageCaptionData
diff --git a/packages/html/src/components/BaseImagePlaceholder/BaseImagePlaceholder.stories.js b/packages/html/src/components/BaseImagePlaceholder/BaseImagePlaceholder.stories.js
@@ -114,8 +114,8 @@ Basic.args = {
   noLogo: false,
   ...BaseImageData
 }
-export const BaseStory = BaseImagePlaceholderTemplate.bind({})
-BaseStory.args = {
+export const Default = BaseImagePlaceholderTemplate.bind({})
+Default.args = {
   aspectRatio: 'aspect-ratio-two-one',
   noLogo: false
 }

diff --git a/packages/html/src/components/BaseLink/BaseLink.stories.js b/packages/html/src/components/BaseLink/BaseLink.stories.js
@@ -68,9 +68,9 @@ export default {
   }
 }
 
-export const BaseStory = BaseLinkTemplate.bind({})
-BaseStory.storyName = 'Primary'
-BaseStory.args = {
+export const Default = BaseLinkTemplate.bind({})
+Default.storyName = 'Primary'
+Default.args = {
   text: 'Explore',
   variant: 'primary',
   link: '#',

diff --git a/packages/html/src/components/BasePlaceholder/BasePlaceholder.stories.js b/packages/html/src/components/BasePlaceholder/BasePlaceholder.stories.js
@@ -12,5 +12,5 @@ export default {
   }
 }
 
-export const BaseStory = BasePlaceholderTemplate.bind()
-BaseStory.storyName = 'BasePlaceholder'
+export const Default = BasePlaceholderTemplate.bind()
+Default.storyName = 'BasePlaceholder'
diff --git a/packages/html/src/components/BlockAccordion/BlockAccordion.stories.js b/packages/html/src/components/BlockAccordion/BlockAccordion.stories.js
@@ -67,6 +67,6 @@ export const BlockAccordionData = {
   ]
 }
 
-export const BaseStory = BlockAccordionTemplate.bind({})
-BaseStory.storyName = 'BlockAccordion'
-BaseStory.args = BlockAccordionData
+export const Default = BlockAccordionTemplate.bind({})
+Default.storyName = 'BlockAccordion'
+Default.args = BlockAccordionData
diff --git a/packages/html/src/components/BlockCard/BlockCard.stories.js b/packages/html/src/components/BlockCard/BlockCard.stories.js
@@ -35,9 +35,9 @@ export default {
   }
 }
 
-export const BaseStory = BlockCardTemplate.bind({})
-BaseStory.storyName = 'BlockCard'
-BaseStory.args = {
+export const Default = BlockCardTemplate.bind({})
+Default.storyName = 'BlockCard'
+Default.args = {
   type: 'Factoid',
   title: 'Nimble Limbs',
   text: 'The robot has four limbs, each with seven degrees of freedom.',

diff --git a/packages/html/src/components/BlockCardGroup/BlockCardGroup.stories.js b/packages/html/src/components/BlockCardGroup/BlockCardGroup.stories.js
@@ -84,8 +84,8 @@ const BlockCardGroupData = [
   }
 ]
 
-export const BaseStory = BlockCardGroupTemplate.bind({})
-BaseStory.storyName = 'BlockCardGroup'
-BaseStory.args = {
+export const Default = BlockCardGroupTemplate.bind({})
+Default.storyName = 'BlockCardGroup'
+Default.args = {
   items: BlockCardGroupData
 }
diff --git a/packages/html/src/components/BlockCircleImageCard/BlockCircleImageCard.stories.js b/packages/html/src/components/BlockCircleImageCard/BlockCircleImageCard.stories.js
@@ -44,9 +44,9 @@ export default {
   }
 }
 
-export const BaseStory = BlockCircleImageCardTemplate.bind({})
-BaseStory.storyName = 'BlockCircleImageCard'
-BaseStory.args = {
+export const Default = BlockCircleImageCardTemplate.bind({})
+Default.storyName = 'BlockCircleImageCard'
+Default.args = {
   imageOnRight: false,
   title: 'First Flight of Technology for Returning Warheads from Space',
   label: 'September 20, 1956',

diff --git a/packages/html/src/components/BlockIframeEmbed/BlockIframeEmbed.stories.js b/packages/html/src/components/BlockIframeEmbed/BlockIframeEmbed.stories.js
@@ -41,9 +41,9 @@ const BlockIframeEmbedData = {
     '<p>Click (or touch) and drag to interact with this 3D model of the Mars 2020 Perseverance Rover. Learn more about the mission at <a href="mars.nasa.gov/mars2020/">mars.nasa.gov/mars2020/</a>.</p>'
 }
 
-export const BaseStory = BlockIframeEmbedTemplate.bind({})
-BaseStory.args = BlockIframeEmbedData
-BaseStory.decorators = [(Story) => `<div id="storyRoot" class="mx-auto container">${Story()}</div>`]
+export const Default = BlockIframeEmbedTemplate.bind({})
+Default.args = BlockIframeEmbedData
+Default.decorators = [(Story) => `<div id="storyRoot" class="mx-auto container">${Story()}</div>`]
 
 export const CustomHeight = BlockIframeEmbedTemplate.bind({})
 CustomHeight.args = { ...BlockIframeEmbedData, height: 400 }

diff --git a/packages/html/src/components/BlockImage/BlockImage.stories.js b/packages/html/src/components/BlockImage/BlockImage.stories.js
@@ -53,10 +53,10 @@ export const BlockImageData = {
   }
 }
 
-export const BaseStory = BlockImageStandardTemplate.bind({})
-BaseStory.storyName = 'Standard'
-BaseStory.args = { image: BlockImageData.image, fullBleed: false }
-BaseStory.parameters = {
+export const Default = BlockImageStandardTemplate.bind({})
+Default.storyName = 'Standard'
+Default.args = { image: BlockImageData.image, fullBleed: false }
+Default.parameters = {
   docs: {
     storyDescription:
       'Standard image block that has a fluid width to fill any container. Most popular variant of `BlockImage`.'

diff --git a/packages/html/src/components/BlockImageCarousel/BlockImageCarousel.stories.js b/packages/html/src/components/BlockImageCarousel/BlockImageCarousel.stories.js
@@ -83,6 +83,6 @@ export const BlockImageCarouselData = {
   ]
 }
 
-export const BaseStory = BlockImageCarouselTemplate.bind({})
-BaseStory.storyName = 'BlockImageCarousel'
-BaseStory.args = BlockImageCarouselData
+export const Default = BlockImageCarouselTemplate.bind({})
+Default.storyName = 'BlockImageCarousel'
+Default.args = BlockImageCarouselData
diff --git a/packages/html/src/components/BlockImageGallery/BlockImageGallery.stories.js b/packages/html/src/components/BlockImageGallery/BlockImageGallery.stories.js
@@ -30,9 +30,9 @@ export default {
   }
 }
 
-export const BaseStory = BlockImageCarouselTemplate.bind({})
-BaseStory.storyName = 'BlockImageGallery'
-BaseStory.args = {
+export const Default = BlockImageCarouselTemplate.bind({})
+Default.storyName = 'BlockImageGallery'
+Default.args = {
   ...BlockImageCarouselData,
   galleryCoverImage: {
     label: 'Mars',

diff --git a/packages/html/src/components/BlockInlineImage/BlockInlineImage.stories.js b/packages/html/src/components/BlockInlineImage/BlockInlineImage.stories.js
@@ -23,9 +23,9 @@ export const BlockInlineImageData = {
   image: BlockImageData.image
 }
 
-export const BaseStory = BlockInlineImageTemplate.bind({})
-BaseStory.storyName = 'Align Right'
-BaseStory.args = BlockInlineImageData
+export const Default = BlockInlineImageTemplate.bind({})
+Default.storyName = 'Align Right'
+Default.args = BlockInlineImageData
 
 export const AlignLeft = BlockInlineImageTemplate.bind({})
 AlignLeft.args = {

diff --git a/packages/html/src/components/BlockKeyPoints/BlockKeyPoints.stories.js b/packages/html/src/components/BlockKeyPoints/BlockKeyPoints.stories.js
@@ -26,6 +26,6 @@ export const BlockKeyPointsData = {
   ]
 }
 
-export const BaseStory = BlockKeyPointsTemplate.bind({})
-BaseStory.storyName = 'BlockKeyPoints'
-BaseStory.args = BlockKeyPointsData
+export const Default = BlockKeyPointsTemplate.bind({})
+Default.storyName = 'BlockKeyPoints'
+Default.args = BlockKeyPointsData
diff --git a/packages/html/src/components/BlockLinkCard/BlockLinkCard.stories.js b/packages/html/src/components/BlockLinkCard/BlockLinkCard.stories.js
@@ -47,9 +47,9 @@ export default {
   }
 }
 
-export const BaseStory = BlockLinkCardTemplate.bind({})
-BaseStory.storyName = 'BlockLinkCard'
-BaseStory.args = {
+export const Default = BlockLinkCardTemplate.bind({})
+Default.storyName = 'BlockLinkCard'
+Default.args = {
   url: '#',
   title: 'How engineers at NASA-JPL persevered to develop a ventilator',
   label: 'Solar System',

diff --git a/packages/html/src/components/BlockLinkCarousel/BlockLinkCarousel.stories.js b/packages/html/src/components/BlockLinkCarousel/BlockLinkCarousel.stories.js
@@ -89,9 +89,9 @@ const BlockLinkCarouselData = [
   }
 ]
 
-export const BaseStory = BlockLinkCarouselTemplate.bind({})
-BaseStory.storyName = 'Carousel'
-BaseStory.args = {
+export const Default = BlockLinkCarouselTemplate.bind({})
+Default.storyName = 'Carousel'
+Default.args = {
   heading: 'Related Pages',
   items: BlockLinkCarouselData
 }

diff --git a/packages/html/src/components/BlockLinkTile/BlockLinkTile.stories.js b/packages/html/src/components/BlockLinkTile/BlockLinkTile.stories.js
@@ -48,9 +48,9 @@ export default {
   }
 }
 
-export const BaseStory = BlockLinkTileTemplate.bind({})
-BaseStory.storyName = 'BlockLinkTile'
-BaseStory.args = {
+export const Default = BlockLinkTileTemplate.bind({})
+Default.storyName = 'BlockLinkTile'
+Default.args = {
   url: '#',
   title: 'How engineers at NASA-JPL persevered to develop a ventilator',
   label: 'Solar System',

diff --git a/packages/html/src/components/BlockQuote/BlockQuote.stories.js b/packages/html/src/components/BlockQuote/BlockQuote.stories.js
@@ -40,8 +40,8 @@ export const BlockQuoteData = {
   }
 }
 
-export const BaseStory = BlockQuoteTemplate.bind({})
-BaseStory.args = {
+export const Default = BlockQuoteTemplate.bind({})
+Default.args = {
   quote: BlockQuoteData.quote,
   attribution: BlockQuoteData.attribution
 }

diff --git a/packages/html/src/components/BlockRelatedLinks/BlockRelatedLinks.stories.js b/packages/html/src/components/BlockRelatedLinks/BlockRelatedLinks.stories.js
@@ -51,9 +51,9 @@ export const BlockRelatedLinksData = {
   ]
 }
 
-export const BaseStory = BlockRelatedLinksTemplate.bind({})
-BaseStory.storyName = 'Block'
-BaseStory.args = {
+export const Default = BlockRelatedLinksTemplate.bind({})
+Default.storyName = 'Block'
+Default.args = {
   heading: BlockRelatedLinksData.heading,
   links: BlockRelatedLinksData.links
 }
diff --git a/packages/html/src/components/BlockRelatedLinks/RelatedLink.stories.js b/packages/html/src/components/BlockRelatedLinks/RelatedLink.stories.js
@@ -35,8 +35,8 @@ export default {
   }
 }
 
-export const BaseStory = RelatedLinkTemplate.bind({})
-BaseStory.storyName = 'SingleLink'
-BaseStory.args = {
+export const Default = RelatedLinkTemplate.bind({})
+Default.storyName = 'SingleLink'
+Default.args = {
   ...BlockRelatedLinksData.links[0]
 }
diff --git a/packages/html/src/components/BlockTable/BlockTable.stories.js b/packages/html/src/components/BlockTable/BlockTable.stories.js
@@ -22,9 +22,9 @@ export default {
   }
 }
 
-export const BaseStory = BlockTableTemplate.bind({})
-BaseStory.storyName = 'BlockTable'
-BaseStory.args = {
+export const Default = BlockTableTemplate.bind({})
+Default.storyName = 'BlockTable'
+Default.args = {
   caption: 'Third row intentionally blank to test parsing.',
   table: {
     data: [

diff --git a/packages/html/src/components/BlockTeaser/BlockTeaser.stories.js b/packages/html/src/components/BlockTeaser/BlockTeaser.stories.js
@@ -72,8 +72,8 @@ export const BlockTeaserData = {
   link: '#'
 }
 
-export const BaseStory = BlockTeaserTemplate.bind({})
-BaseStory.args = BlockTeaserData
+export const Default = BlockTeaserTemplate.bind({})
+Default.args = BlockTeaserData
 
 export const FullWidth = BlockTeaserTemplate.bind({})
 FullWidth.args = {

diff --git a/packages/html/src/components/BlockText/BlockText.stories.js b/packages/html/src/components/BlockText/BlockText.stories.js
@@ -30,9 +30,9 @@ export default {
   }
 }
 
-export const BaseStory = BlockTextTemplate.bind({})
-BaseStory.storyName = 'BlockText'
-BaseStory.args = {
+export const Default = BlockTextTemplate.bind({})
+Default.storyName = 'BlockText'
+Default.args = {
   variant: 'large',
   text: `<p>AVIRIS is the first full spectral range imaging spectrometer and dedicated to <a href="https://en.wikipedia.org/wiki/Remote_sensing" target="_blank">Earth Remote Measurement</a>. Test <a href="#">preventlongurlsfrombreakingoutofcontainerpreventlongurlsfrombreakingoutofcontainerpreventlongurlsfrombreakingoutofcontainerpreventlongurlsfrombreakingoutofcontainer</a>. It is a unique optical sensor that continues to deliver calibrated images of the upwelling spectral radiance in 224 contiguous spectral channels (bands) with wavelengths from 380 to 2510 nanometers.</p> <h2>Heading level 2</h2> <p>AVIRIS has been flown on four aircraft platforms: NASA's high altitude ER-2 jet, Twin Otter International's turboprop, Scaled Composites' Proteus, and NASA's WB-57. The ER-2 flies at approximately 20 km above sea level, at about 730 km/hr. The Twin Otter aircraft flies at 4km above ground level at 130km/hr. AVIRIS has flown North America including Alaska, Hawaii, Europe, Brazil, and Argentina.</p> <h3>Heading level 3</h3> <p>The objective of the AVIRIS project is to support advanced NASA science and applications research. AVIRIS uses imaging spectroscopy to detect, identify, measure, and monitor constituents and processes of the Earth's surface and atmosphere based on measured constituent absorption and scattering signatures. Science and applications research with AVIRIS data spans a wide range of discipline across the Earth system.</p> <hr> <h4>Heading level 4</h4> <ul><li>Lorem ipsum dolor sit amet consectatur adipscing</li><li>Lorem ipsum dolor sit amet <strong>consectatur adipscing</strong></li><li>Lorem ipsum dolor sit amet consectatur adipscing</li></ul> <h5>Heading level 5</h5> <p>Lorem ipsum dolor sit amet paragraph text</p> <ol><li>Lorem ipsum dolor sit amet consectatur adipscing</li><li>Lorem ipsum dolor sit amet consectatur adipscing</li><li>Lorem ipsum dolor <strong>sit amet</strong> consectatur adipscing</li><li>Lorem <strong>ipsum dolor</strong> sit amet consectatur adipscing</li></ol> <hr /> <h6>Heading level 6</h6> <p>Lorem ipsum dolor sit amet consectatur adipscing</p>`
 }
diff --git a/packages/html/src/components/BlockVideoEmbed/BlockVideoEmbed.stories.js b/packages/html/src/components/BlockVideoEmbed/BlockVideoEmbed.stories.js
@@ -25,9 +25,9 @@ export default {
   }
 }
 
-export const BaseStory = BlockVideoEmbedTemplate.bind({})
-BaseStory.storyName = 'BlockVideoEmbed'
-BaseStory.args = {
+export const Default = BlockVideoEmbedTemplate.bind({})
+Default.storyName = 'BlockVideoEmbed'
+Default.args = {
   embed: `<iframe title="Meet NASA's Diana Trujillo" width="480" height="270" src="https://www.youtube.com/embed/vUuUyYqI83Q?feature=oembed" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>`,
   caption: `<p>Get to know some of the diverse team of engineers and scientists working on NASA's next Mars rover, Perseverance.</p>`,
   credit: 'ISRO/NASA/JPL-Caltech/Brown University/USGS'

diff --git a/packages/html/src/components/FooterInternal/FooterInternal.stories.js b/packages/html/src/components/FooterInternal/FooterInternal.stories.js
@@ -33,9 +33,9 @@ export default {
   }
 }
 
-export const BaseStory = FooterInternalTemplate.bind({})
-BaseStory.storyName = 'For Internal Sites'
-BaseStory.args = {
+export const Default = FooterInternalTemplate.bind({})
+Default.storyName = 'For Internal Sites'
+Default.args = {
   siteEditors: contactListData,
   siteManagers: contactListData,
   dateUpdated: 'July 28, 2022',

diff --git a/packages/html/src/components/FormTextArea/FormTextArea.stories.js b/packages/html/src/components/FormTextArea/FormTextArea.stories.js
@@ -27,9 +27,9 @@ export default {
   }
 }
 
-export const BaseStory = FormTextAreaTemplate.bind({})
-BaseStory.storyName = 'TextArea'
-BaseStory.args = {
+export const Default = FormTextAreaTemplate.bind({})
+Default.storyName = 'TextArea'
+Default.args = {
   label: 'Label',
   placeholder: 'placeholder text...',
   inputName: 'message_input',