diff --git a/packages/html/src/components/AppBarInternal/AppBarInternal.stories.js b/packages/html/src/components/AppBarInternal/AppBarInternal.stories.js
index b939e172..6b2f3028 100644
--- 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
index 496fd834..a6afa47b 100644
--- 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
index e1c4654b..3a439e4d 100644
--- 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
index b6fbdd8d..aefbb5f0 100644
--- 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
index c001093b..09e2f025 100644
--- 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
index 3fd8a009..4daa53e7 100644
--- 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
index 3a7f0593..0103ee8f 100644
--- 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
index 4a1686b2..a1f5cc7b 100644
--- 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
index 7d5fae6b..4680a974 100644
--- 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
index fa13bbac..f6a6ccbf 100644
--- 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
index 8c2fd69e..6dd332e9 100644
--- 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
index 8422925b..eab3571a 100644
--- 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
index d7f28013..3c33f08c 100644
--- 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
index 805962fe..845f8c4a 100644
--- 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
index 67c9db16..ead33254 100644
--- 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
index b15deba0..92234630 100644
--- 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
index 05db1004..4afbcc72 100644
--- 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
index b4bc06bf..515e9c94 100644
--- 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
index 9c4a3784..bb08948e 100644
--- 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
index 3de2d7d1..fdd1474a 100644
--- 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
index 3cd49061..bbeb25da 100644
--- 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
index 3d8aa854..e3883dfb 100644
--- 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
index 739d843d..ec215d36 100644
--- 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
index f938c347..a4fce290 100644
--- 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
index 4e08eb64..1bc997e4 100644
--- 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
index 5edfcbe6..4aafaa5e 100644
--- 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
index bc1bfa88..95dd97e9 100644
--- 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
index 184555a1..967fe65a 100644
--- 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
index 5f67f91c..b11609aa 100644
--- 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
index 899ccfd8..2a979e66 100644
--- 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
index 41187125..2033843c 100644
--- 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
index 923d6c08..a5efe3f1 100644
--- 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',
diff --git a/packages/html/src/components/FormTextInput/FormTextInput.stories.js b/packages/html/src/components/FormTextInput/FormTextInput.stories.js
index ad78125a..264f0268 100644
--- a/packages/html/src/components/FormTextInput/FormTextInput.stories.js
+++ b/packages/html/src/components/FormTextInput/FormTextInput.stories.js
@@ -27,9 +27,9 @@ export default {
   }
 }
 
-export const BaseStory = FormTextInputTemplate.bind({})
-BaseStory.storyName = 'TextInput'
-BaseStory.args = {
+export const Default = FormTextInputTemplate.bind({})
+Default.storyName = 'TextInput'
+Default.args = {
   label: 'Label',
   placeholder: 'placeholder text',
   inputName: 'text_input',
diff --git a/packages/html/src/components/HeaderInternal/HeaderInternal.stories.js b/packages/html/src/components/HeaderInternal/HeaderInternal.stories.js
index 20bd735e..e16c34c8 100644
--- a/packages/html/src/components/HeaderInternal/HeaderInternal.stories.js
+++ b/packages/html/src/components/HeaderInternal/HeaderInternal.stories.js
@@ -37,9 +37,9 @@ export default {
   }
 }
 
-export const BaseStory = HeaderInternalTemplate.bind({})
-BaseStory.storyName = 'With Navigation'
-BaseStory.args = HeaderInternalData
+export const Default = HeaderInternalTemplate.bind({})
+Default.storyName = 'With Navigation'
+Default.args = HeaderInternalData
 
 export const WithSignIn = HeaderInternalTemplate.bind({})
 WithSignIn.args = {
diff --git a/packages/html/src/components/HeroLarge/HeroLarge.stories.js b/packages/html/src/components/HeroLarge/HeroLarge.stories.js
index 56423ca0..f43172f1 100644
--- a/packages/html/src/components/HeroLarge/HeroLarge.stories.js
+++ b/packages/html/src/components/HeroLarge/HeroLarge.stories.js
@@ -31,9 +31,9 @@ export default {
   }
 }
 
-export const BaseStory = HeroLargeTemplate.bind({})
-BaseStory.storyName = 'Large'
-BaseStory.args = {
+export const Default = HeroLargeTemplate.bind({})
+Default.storyName = 'Large'
+Default.args = {
   eyebrow: 'Robotics at JPL',
   title: 'FreeClimber: LEMUR 3',
   summary:
diff --git a/packages/html/src/components/HeroMedia/HeroMedia.stories.js b/packages/html/src/components/HeroMedia/HeroMedia.stories.js
index f7bc1f72..b93f58e6 100644
--- a/packages/html/src/components/HeroMedia/HeroMedia.stories.js
+++ b/packages/html/src/components/HeroMedia/HeroMedia.stories.js
@@ -54,8 +54,8 @@ export const HeroMediaData = {
   url: '/images/image-123/'
 }
 
-export const BaseStory = HeroMediaTemplate.bind({})
-BaseStory.args = HeroMediaData
+export const Default = HeroMediaTemplate.bind({})
+Default.args = HeroMediaData
 
 export const NoCaption = HeroMediaTemplate.bind({})
 NoCaption.args = {
diff --git a/packages/html/src/components/HeroMedium/HeroMedium.stories.js b/packages/html/src/components/HeroMedium/HeroMedium.stories.js
index c65c24e4..becec9e0 100644
--- a/packages/html/src/components/HeroMedium/HeroMedium.stories.js
+++ b/packages/html/src/components/HeroMedium/HeroMedium.stories.js
@@ -62,8 +62,8 @@ const HeroMediumData = {
   }
 }
 
-export const BaseStory = HeroMediumTemplate.bind({})
-BaseStory.args = HeroMediumData
+export const Default = HeroMediumTemplate.bind({})
+Default.args = HeroMediumData
 
 export const Video = HeroMediumTemplate.bind({})
 Video.args = {
diff --git a/packages/html/src/components/HeroSmall/HeroSmall.stories.js b/packages/html/src/components/HeroSmall/HeroSmall.stories.js
index e9d98f05..057f494c 100644
--- a/packages/html/src/components/HeroSmall/HeroSmall.stories.js
+++ b/packages/html/src/components/HeroSmall/HeroSmall.stories.js
@@ -62,8 +62,8 @@ const HeroSmallData = {
   }
 }
 
-export const BaseStory = HeroSmallTemplate.bind({})
-BaseStory.args = HeroSmallData
+export const Default = HeroSmallTemplate.bind({})
+Default.args = HeroSmallData
 
 export const Video = HeroSmallTemplate.bind({})
 Video.args = {
diff --git a/packages/html/src/components/LogoJPL/LogoJPL.stories.js b/packages/html/src/components/LogoJPL/LogoJPL.stories.js
index 13d4bf02..ba3f3942 100644
--- a/packages/html/src/components/LogoJPL/LogoJPL.stories.js
+++ b/packages/html/src/components/LogoJPL/LogoJPL.stories.js
@@ -26,9 +26,9 @@ const Stories = {
   }
 }
 
-export const BaseStory = LogoJPLTemplate.bind({})
-BaseStory.storyName = 'Standard'
-BaseStory.args = { colorClass: 'text-jpl-red' }
+export const Default = LogoJPLTemplate.bind({})
+Default.storyName = 'Standard'
+Default.args = { colorClass: 'text-jpl-red' }
 
 export const Black = LogoJPLTemplate.bind({})
 Black.args = { colorClass: 'text-black' }
diff --git a/packages/html/src/components/MixinAnimationCaret/MixinAnimationCaret.stories.js b/packages/html/src/components/MixinAnimationCaret/MixinAnimationCaret.stories.js
index 26615a97..6e53f609 100644
--- a/packages/html/src/components/MixinAnimationCaret/MixinAnimationCaret.stories.js
+++ b/packages/html/src/components/MixinAnimationCaret/MixinAnimationCaret.stories.js
@@ -29,8 +29,8 @@ export default {
   }
 }
 
-export const BaseStory = MixinAnimationCaretTemplate.bind({})
-BaseStory.args = { text: 'Hover for animation', inline: false }
+export const Default = MixinAnimationCaretTemplate.bind({})
+Default.args = { text: 'Hover for animation', inline: false }
 
 export const Inline = MixinAnimationCaretTemplate.bind({})
 Inline.args = { text: 'Longer text to demonstrate text wrap', inline: true }
diff --git a/packages/html/src/components/MixinCarousel/MixinCarousel.stories.js b/packages/html/src/components/MixinCarousel/MixinCarousel.stories.js
index 7bc86550..192de4c1 100644
--- a/packages/html/src/components/MixinCarousel/MixinCarousel.stories.js
+++ b/packages/html/src/components/MixinCarousel/MixinCarousel.stories.js
@@ -64,8 +64,8 @@ export default {
   excludeStories: /.*Data$/
 }
 
-export const BaseStory = MixinCarouselTemplate.bind({})
-BaseStory.args = {
+export const Default = MixinCarouselTemplate.bind({})
+Default.args = {
   heading: 'Heading',
   variant: '-tiles',
   items: [
diff --git a/packages/html/src/components/MixinVideoBg/MixinVideoBg.stories.js b/packages/html/src/components/MixinVideoBg/MixinVideoBg.stories.js
index ea0549e6..1ec34784 100644
--- a/packages/html/src/components/MixinVideoBg/MixinVideoBg.stories.js
+++ b/packages/html/src/components/MixinVideoBg/MixinVideoBg.stories.js
@@ -36,5 +36,5 @@ export default {
   }
 }
 
-export const BaseStory = MixinVideoBgTemplate.bind({})
-BaseStory.args = MixinVideoBgData
+export const Default = MixinVideoBgTemplate.bind({})
+Default.args = MixinVideoBgData
diff --git a/packages/html/src/components/NavInternal/NavInternal.stories.js b/packages/html/src/components/NavInternal/NavInternal.stories.js
index cbef904c..d461c843 100644
--- a/packages/html/src/components/NavInternal/NavInternal.stories.js
+++ b/packages/html/src/components/NavInternal/NavInternal.stories.js
@@ -63,6 +63,6 @@ export const NavInternalData = {
   ]
 }
 
-export const BaseStory = NavInternalTemplate.bind({})
-BaseStory.storyName = 'Navigation'
-BaseStory.args = NavInternalData
+export const Default = NavInternalTemplate.bind({})
+Default.storyName = 'Navigation'
+Default.args = NavInternalData
diff --git a/packages/html/src/components/NavInternal/NavInternalHighlight.stories.js b/packages/html/src/components/NavInternal/NavInternalHighlight.stories.js
index 3e2831ec..e704df83 100644
--- a/packages/html/src/components/NavInternal/NavInternalHighlight.stories.js
+++ b/packages/html/src/components/NavInternal/NavInternalHighlight.stories.js
@@ -31,6 +31,6 @@ export const NavInternalHighlightData = {
   ariaLabel: 'Go to this Highlight'
 }
 
-export const BaseStory = NavInternalHighlightTemplate.bind({})
-BaseStory.storyName = 'Highlight'
-BaseStory.args = NavInternalHighlightData
+export const Default = NavInternalHighlightTemplate.bind({})
+Default.storyName = 'Highlight'
+Default.args = NavInternalHighlightData
diff --git a/packages/html/src/components/NavInternal/NavInternalPanel.stories.js b/packages/html/src/components/NavInternal/NavInternalPanel.stories.js
index bfdbc0f2..88140e4b 100644
--- a/packages/html/src/components/NavInternal/NavInternalPanel.stories.js
+++ b/packages/html/src/components/NavInternal/NavInternalPanel.stories.js
@@ -231,9 +231,9 @@ export const NavInternalPanelCombinationData = {
   allowSectionColumns: true
 }
 
-export const BaseStory = NavInternalPanelTemplate.bind({})
-BaseStory.storyName = 'Basic'
-BaseStory.args = NavInternalPanelBasicData
+export const Default = NavInternalPanelTemplate.bind({})
+Default.storyName = 'Basic'
+Default.args = NavInternalPanelBasicData
 
 export const NoHighlights = NavInternalPanelTemplate.bind({})
 NoHighlights.args = NavInternalPanelNoHighlightsData
diff --git a/packages/html/src/components/NavInternal/NavInternalSection.stories.js b/packages/html/src/components/NavInternal/NavInternalSection.stories.js
index 3ae990ad..1d264c74 100644
--- a/packages/html/src/components/NavInternal/NavInternalSection.stories.js
+++ b/packages/html/src/components/NavInternal/NavInternalSection.stories.js
@@ -44,9 +44,9 @@ ${Story()}
   ]
 }
 
-export const BaseStory = NavInternalSectionTemplate.bind({})
-BaseStory.storyName = 'Basic Heading'
-BaseStory.args = menuItemsNestedData[0]
+export const Default = NavInternalSectionTemplate.bind({})
+Default.storyName = 'Basic Heading'
+Default.args = menuItemsNestedData[0]
 
 export const WithHeadingLink = NavInternalSectionTemplate.bind({})
 WithHeadingLink.args = { ...menuItemsNestedData[0], url: '#' }
diff --git a/packages/html/src/components/SearchInput/SearchInput.stories.js b/packages/html/src/components/SearchInput/SearchInput.stories.js
index eb3a5c8c..6feab75f 100644
--- a/packages/html/src/components/SearchInput/SearchInput.stories.js
+++ b/packages/html/src/components/SearchInput/SearchInput.stories.js
@@ -17,9 +17,9 @@ export default {
   }
 }
 
-export const BaseStory = SearchInputTemplate.bind({})
-BaseStory.storyName = 'SearchInput'
-BaseStory.args = {
+export const Default = SearchInputTemplate.bind({})
+Default.storyName = 'SearchInput'
+Default.args = {
   placeholder: 'Search this site&hellip;'
 }
 
diff --git a/packages/html/src/components/SearchResultCard/SearchResultCard.stories.js b/packages/html/src/components/SearchResultCard/SearchResultCard.stories.js
index 0f8a8bd4..8b19445f 100644
--- a/packages/html/src/components/SearchResultCard/SearchResultCard.stories.js
+++ b/packages/html/src/components/SearchResultCard/SearchResultCard.stories.js
@@ -78,9 +78,9 @@ export const SearchResultCardData = {
   featured: false
 }
 
-export const BaseStory = SearchResultCardTemplate.bind({})
-BaseStory.storyName = 'Standard Result'
-BaseStory.args = SearchResultCardData
+export const Default = SearchResultCardTemplate.bind({})
+Default.storyName = 'Standard Result'
+Default.args = SearchResultCardData
 
 export const FeaturedResult = SearchResultCardTemplate.bind({})
 FeaturedResult.args = { ...SearchResultCardData, featured: true }
diff --git a/packages/html/src/docs/foundation/themes.stories.ts b/packages/html/src/docs/foundation/themes.stories.ts
index 7b1be49a..1c9dd6f7 100644
--- a/packages/html/src/docs/foundation/themes.stories.ts
+++ b/packages/html/src/docs/foundation/themes.stories.ts
@@ -21,7 +21,7 @@ const InternalTemplate = () => `<div>
       <a
         class="group cursor-pointer -default underline text-action can-hover:hover:text-action-hover"
       >
-        BaseStory Theme: BaseLink
+        Default Theme: BaseLink
       </a>
     </div>
     <!-- /BaseLink -->
diff --git a/packages/html/src/docs/overviews/forms.example.stories.ts b/packages/html/src/docs/overviews/forms.example.stories.ts
index 8840f12f..80b77b98 100644
--- a/packages/html/src/docs/overviews/forms.example.stories.ts
+++ b/packages/html/src/docs/overviews/forms.example.stories.ts
@@ -40,6 +40,6 @@ const ExampleFormTemplate = () => `<form>
   </button>
 </form>`
 
-export const BaseStory = {
+export const Default = {
   render: ExampleFormTemplate.bind({})
 }