From dbc17dc23e687665b24f7fb3b867dcb527a281d6 Mon Sep 17 00:00:00 2001 From: Stephanie Smith Date: Tue, 16 Jul 2024 14:56:19 -0700 Subject: [PATCH] finish sorting stray stories --- .../.storybook/manager-head.html | 6 --- apps/vue-storybook/.storybook/preview.ts | 11 +++- .../EventDetailHero.stories.js | 2 +- .../HomepageCarousel.stories.js | 2 +- .../HomepageCarouselItem.stories.js | 2 +- .../HomepageEmbedBlock.stories.js | 2 +- .../HomepageFeaturedRobot.stories.js | 2 +- .../HomepageMissionsCarousel.stories.js | 2 +- .../HomepageStats/HomepageStats.stories.js | 2 +- .../HomepageTeaserBlock.stories.js | 2 +- .../vue/src/components/Icons/Icons.stories.ts | 2 +- .../LogoCaltech/LogoCaltech.stories.js | 2 +- .../LogoTribrand/LogoTribrand.stories.js | 2 +- .../MissionDetailAbout.stories.js | 2 +- .../MissionDetailHero.stories.js | 2 +- .../MissionDetailHighlights.stories.js | 2 +- .../MissionDetailInlineImage.stories.js | 2 +- .../MissionDetailStats.stories.js | 2 +- .../MissionDetailStreamfield.stories.js | 2 +- .../NavDesktop/NavDesktop.stories.js | 2 +- .../NavHeading/NavHeading.stories.js | 2 +- .../NavHighlight/NavHighlight.stories.js | 2 +- .../NavLinkList/NavLinkList.stories.js | 2 +- .../NavLogoLinks/NavLogoLinks.stories.js | 2 +- .../components/NavMobile/NavMobile.stories.js | 2 +- .../NavSearchForm/NavSearchForm.stories.js | 2 +- .../NavSecondary/NavSecondary.stories.js | 2 +- .../components/NavSocial/NavSocial.stories.js | 2 +- .../NewsDetailMediaContact.stories.js | 2 +- .../PodcastSeriesCarousel.stories.js | 2 +- .../RoboticsDetailStats.stories.js | 2 +- .../components/SkipLink/SkipLink.stories.js | 2 +- .../components/TheFooter/TheFooter.stories.js | 9 +++- .../TopicDetailMissionCarousel.stories.js | 2 +- .../TopicDetailMissionCarouselItem.stories.js | 2 +- .../TopicDetailMissionSpotlight.stories.js | 2 +- .../TopicDetailMore.stories.js | 2 +- .../TopicDetailMoreItem.stories.js | 2 +- .../TopicDetailStreamfield.stories.js | 2 +- .../vue/src/docs/foundation/color.docs.mdx | 2 +- .../vue/src/docs/foundation/grid.stories.js | 2 +- .../foundation/grid_layouthelpers.stories.js | 2 +- .../vue/src/docs/foundation/themes.stories.js | 2 +- .../src/docs/foundation/typography.stories.js | 5 +- ...ocks.docs.mdx => blocks.docs.mdx.disabled} | 39 +++++++------- .../vue/src/docs/overviews/global.docs.mdx | 9 ++-- .../docs/overviews/global_footers.docs.mdx | 4 +- .../docs/overviews/global_headers.docs.mdx | 16 +++--- .../docs/overviews/global_internal.docs.mdx | 53 ------------------- packages/vue/src/docs/roadmap.docs.mdx | 25 +++++++++ 50 files changed, 117 insertions(+), 140 deletions(-) rename packages/vue/src/docs/overviews/{blocks.docs.mdx => blocks.docs.mdx.disabled} (79%) delete mode 100644 packages/vue/src/docs/overviews/global_internal.docs.mdx create mode 100644 packages/vue/src/docs/roadmap.docs.mdx diff --git a/apps/vue-storybook/.storybook/manager-head.html b/apps/vue-storybook/.storybook/manager-head.html index db1aee5f..d5f24a75 100644 --- a/apps/vue-storybook/.storybook/manager-head.html +++ b/apps/vue-storybook/.storybook/manager-head.html @@ -12,13 +12,7 @@ color: inherit !important; } - /* www should be in uppercase */ - .sidebar-item#www { - text-transform: uppercase; - } - /* create illusion of hrs between sidebar sections */ - .sidebar-item#www, .sidebar-item#appendix { border-radius: 0; border-top: 2px solid rgba(0, 0, 0, 0.1); diff --git a/apps/vue-storybook/.storybook/preview.ts b/apps/vue-storybook/.storybook/preview.ts index d84ef0ca..1f16bf37 100644 --- a/apps/vue-storybook/.storybook/preview.ts +++ b/apps/vue-storybook/.storybook/preview.ts @@ -104,7 +104,7 @@ const preview: Preview = { 'Getting Started', ['Developer'], 'Guides', - 'Foundation', + 'Foundations', [ 'Colors', 'Typography', @@ -115,6 +115,15 @@ const preview: Preview = { ['Docs'], 'Responsive Design' ], + 'Navigation', + [ + 'Overview', + 'Headers', + ['Overview', 'WWW'], + 'Footers', + ['Overview', 'WWW'], + 'Secondary Navigation' + ], 'Global Layout', [ 'Overview', diff --git a/packages/vue/src/components/EventDetailHero/EventDetailHero.stories.js b/packages/vue/src/components/EventDetailHero/EventDetailHero.stories.js index 8ca79413..fb201389 100644 --- a/packages/vue/src/components/EventDetailHero/EventDetailHero.stories.js +++ b/packages/vue/src/components/EventDetailHero/EventDetailHero.stories.js @@ -1,7 +1,7 @@ import EventDetailHero from './EventDetailHero.vue' export default { - title: 'WWW/EventDetail/EventDetailHero', + title: 'Components/WWW/EventDetail/EventDetailHero', component: EventDetailHero, decorators: [ () => ({ diff --git a/packages/vue/src/components/HomepageCarousel/HomepageCarousel.stories.js b/packages/vue/src/components/HomepageCarousel/HomepageCarousel.stories.js index d2d729ad..77be780c 100644 --- a/packages/vue/src/components/HomepageCarousel/HomepageCarousel.stories.js +++ b/packages/vue/src/components/HomepageCarousel/HomepageCarousel.stories.js @@ -2,7 +2,7 @@ import { HomepageCarouselItemData } from './../HomepageCarouselItem/HomepageCaro import HomepageCarousel from './HomepageCarousel.vue' export default { - title: 'WWW/Homepage/HomepageCarousel', + title: 'Components/WWW/Homepage/HomepageCarousel', component: HomepageCarousel, excludeStories: /.*Data$/, parameters: { diff --git a/packages/vue/src/components/HomepageCarouselItem/HomepageCarouselItem.stories.js b/packages/vue/src/components/HomepageCarouselItem/HomepageCarouselItem.stories.js index b0b538e5..b8dc9c24 100644 --- a/packages/vue/src/components/HomepageCarouselItem/HomepageCarouselItem.stories.js +++ b/packages/vue/src/components/HomepageCarouselItem/HomepageCarouselItem.stories.js @@ -2,7 +2,7 @@ import { BaseVideoData } from './../BaseVideo/BaseVideo.stories' import HomepageCarouselItem from './HomepageCarouselItem.vue' export default { - title: 'WWW/Homepage/HomepageCarousel/HomepageCarouselItem', + title: 'Components/WWW/Homepage/HomepageCarousel/HomepageCarouselItem', component: HomepageCarouselItem, decorators: [ () => ({ diff --git a/packages/vue/src/components/HomepageEmbedBlock/HomepageEmbedBlock.stories.js b/packages/vue/src/components/HomepageEmbedBlock/HomepageEmbedBlock.stories.js index 6a47d598..d1a79adf 100644 --- a/packages/vue/src/components/HomepageEmbedBlock/HomepageEmbedBlock.stories.js +++ b/packages/vue/src/components/HomepageEmbedBlock/HomepageEmbedBlock.stories.js @@ -2,7 +2,7 @@ import { BlockVideoEmbedData } from './../BlockVideoEmbed/BlockVideoEmbed.storie import HomepageEmbedBlock from './HomepageEmbedBlock.vue' export default { - title: 'WWW/Homepage/HomepageEmbedBlock', + title: 'Components/WWW/Homepage/HomepageEmbedBlock', component: HomepageEmbedBlock, decorators: [ () => ({ diff --git a/packages/vue/src/components/HomepageFeaturedRobot/HomepageFeaturedRobot.stories.js b/packages/vue/src/components/HomepageFeaturedRobot/HomepageFeaturedRobot.stories.js index 908764bf..d17c8729 100644 --- a/packages/vue/src/components/HomepageFeaturedRobot/HomepageFeaturedRobot.stories.js +++ b/packages/vue/src/components/HomepageFeaturedRobot/HomepageFeaturedRobot.stories.js @@ -1,6 +1,6 @@ import HomepageFeaturedRobot from './HomepageFeaturedRobot.vue' export default { - title: 'WWW/Homepage/HomepageFeaturedRobot', + title: 'Components/WWW/Homepage/HomepageFeaturedRobot', component: HomepageFeaturedRobot, excludeStories: /.*Data$/, parameters: { diff --git a/packages/vue/src/components/HomepageMissionsCarousel/HomepageMissionsCarousel.stories.js b/packages/vue/src/components/HomepageMissionsCarousel/HomepageMissionsCarousel.stories.js index 21becb02..fdf69425 100644 --- a/packages/vue/src/components/HomepageMissionsCarousel/HomepageMissionsCarousel.stories.js +++ b/packages/vue/src/components/HomepageMissionsCarousel/HomepageMissionsCarousel.stories.js @@ -7,7 +7,7 @@ import HomepageMissionsCarousel from './HomepageMissionsCarousel.vue' import HomepageMissionsCarouselItem from './HomepageMissionsCarouselItem.vue' export default { - title: 'WWW/Homepage/HomepageMissionsCarousel', + title: 'Components/WWW/Homepage/HomepageMissionsCarousel', component: HomepageMissionsCarousel, excludeStories: /.*Data$/, parameters: { diff --git a/packages/vue/src/components/HomepageStats/HomepageStats.stories.js b/packages/vue/src/components/HomepageStats/HomepageStats.stories.js index 4f049df7..0a0b96db 100644 --- a/packages/vue/src/components/HomepageStats/HomepageStats.stories.js +++ b/packages/vue/src/components/HomepageStats/HomepageStats.stories.js @@ -1,7 +1,7 @@ import HomepageStats from './HomepageStats.vue' export default { - title: 'WWW/Homepage/HomepageStats', + title: 'Components/WWW/Homepage/HomepageStats', component: HomepageStats, excludeStories: /.*Data$/, parameters: { diff --git a/packages/vue/src/components/HomepageTeaserBlock/HomepageTeaserBlock.stories.js b/packages/vue/src/components/HomepageTeaserBlock/HomepageTeaserBlock.stories.js index 68955c6c..b762c4a3 100644 --- a/packages/vue/src/components/HomepageTeaserBlock/HomepageTeaserBlock.stories.js +++ b/packages/vue/src/components/HomepageTeaserBlock/HomepageTeaserBlock.stories.js @@ -1,7 +1,7 @@ import HomepageTeaserBlock from './HomepageTeaserBlock.vue' export default { - title: 'WWW/Homepage/HomepageTeaserBlock', + title: 'Components/WWW/Homepage/HomepageTeaserBlock', component: HomepageTeaserBlock, excludeStories: /.*(Data|Decorator)$/, parameters: { diff --git a/packages/vue/src/components/Icons/Icons.stories.ts b/packages/vue/src/components/Icons/Icons.stories.ts index ba73673d..3cd9dd56 100644 --- a/packages/vue/src/components/Icons/Icons.stories.ts +++ b/packages/vue/src/components/Icons/Icons.stories.ts @@ -53,7 +53,7 @@ import IconUser from './IconUser.vue' import IconVolume from './IconVolume.vue' export default { - title: 'Foundation/Icons', + title: 'Foundations/Icons', component: IconArrows, subcomponents: { IconArrow, diff --git a/packages/vue/src/components/LogoCaltech/LogoCaltech.stories.js b/packages/vue/src/components/LogoCaltech/LogoCaltech.stories.js index 93c00358..e102db5f 100644 --- a/packages/vue/src/components/LogoCaltech/LogoCaltech.stories.js +++ b/packages/vue/src/components/LogoCaltech/LogoCaltech.stories.js @@ -1,7 +1,7 @@ import LogoCaltech from './LogoCaltech.vue' export default { - title: 'Foundation/Logos/LogoCaltech', + title: 'Foundations/Logos/LogoCaltech', component: LogoCaltech, argTypes: { size: { diff --git a/packages/vue/src/components/LogoTribrand/LogoTribrand.stories.js b/packages/vue/src/components/LogoTribrand/LogoTribrand.stories.js index f82bcdba..dd18b949 100644 --- a/packages/vue/src/components/LogoTribrand/LogoTribrand.stories.js +++ b/packages/vue/src/components/LogoTribrand/LogoTribrand.stories.js @@ -3,7 +3,7 @@ import LogoWhite from '@explorer-1/common/src/images/svg/logo-tribrand-white.svg import LogoTribrand from './LogoTribrand.vue' export default { - title: 'Foundation/Logos/LogoTribrand', + title: 'Foundations/Logos/LogoTribrand', component: LogoTribrand, excludeStories: /.*Data$/, parameters: { diff --git a/packages/vue/src/components/MissionDetailAbout/MissionDetailAbout.stories.js b/packages/vue/src/components/MissionDetailAbout/MissionDetailAbout.stories.js index 89badf07..73a2def7 100644 --- a/packages/vue/src/components/MissionDetailAbout/MissionDetailAbout.stories.js +++ b/packages/vue/src/components/MissionDetailAbout/MissionDetailAbout.stories.js @@ -1,7 +1,7 @@ import MissionDetailAbout from './MissionDetailAbout.vue' export default { - title: 'WWW/MissionDetail/MissionDetailAbout', + title: 'Components/WWW/MissionDetail/MissionDetailAbout', component: MissionDetailAbout, decorators: [ () => ({ diff --git a/packages/vue/src/components/MissionDetailHero/MissionDetailHero.stories.js b/packages/vue/src/components/MissionDetailHero/MissionDetailHero.stories.js index 94f1b2db..b50f511d 100644 --- a/packages/vue/src/components/MissionDetailHero/MissionDetailHero.stories.js +++ b/packages/vue/src/components/MissionDetailHero/MissionDetailHero.stories.js @@ -13,7 +13,7 @@ import imageInstrumentOco2WebP from '@explorer-1/common-storybook/src/images/mis import MissionDetailHero from './MissionDetailHero.vue' export default { - title: 'WWW/MissionDetail/MissionDetailHero', + title: 'Components/WWW/MissionDetail/MissionDetailHero', component: MissionDetailHero, argTypes: { templateStyle: { diff --git a/packages/vue/src/components/MissionDetailHighlights/MissionDetailHighlights.stories.js b/packages/vue/src/components/MissionDetailHighlights/MissionDetailHighlights.stories.js index e641857f..1f3c6bc1 100644 --- a/packages/vue/src/components/MissionDetailHighlights/MissionDetailHighlights.stories.js +++ b/packages/vue/src/components/MissionDetailHighlights/MissionDetailHighlights.stories.js @@ -7,7 +7,7 @@ import imagePlanetMarsB from '@explorer-1/common-storybook/src/images/mission-hi import MissionDetailHighlights from './MissionDetailHighlights.vue' export default { - title: 'WWW/MissionDetail/MissionHighlights', + title: 'Components/WWW/MissionDetail/MissionHighlights', component: MissionDetailHighlights, parameters: { viewMode: 'canvas' diff --git a/packages/vue/src/components/MissionDetailInlineImage/MissionDetailInlineImage.stories.js b/packages/vue/src/components/MissionDetailInlineImage/MissionDetailInlineImage.stories.js index d3a27599..a8fe87ec 100644 --- a/packages/vue/src/components/MissionDetailInlineImage/MissionDetailInlineImage.stories.js +++ b/packages/vue/src/components/MissionDetailInlineImage/MissionDetailInlineImage.stories.js @@ -2,7 +2,7 @@ import { BaseImageCaptionData } from './../BaseImageCaption/BaseImageCaption.sto import MissionDetailInlineImage from './MissionDetailInlineImage.vue' export default { - title: 'WWW/MissionDetail/MissionDetailInlineImage', + title: 'Components/WWW/MissionDetail/MissionDetailInlineImage', component: MissionDetailInlineImage, argTypes: { alignTo: { diff --git a/packages/vue/src/components/MissionDetailStats/MissionDetailStats.stories.js b/packages/vue/src/components/MissionDetailStats/MissionDetailStats.stories.js index d04f049a..4c6040f9 100644 --- a/packages/vue/src/components/MissionDetailStats/MissionDetailStats.stories.js +++ b/packages/vue/src/components/MissionDetailStats/MissionDetailStats.stories.js @@ -4,7 +4,7 @@ import MissionDetailStatsMicro from './MissionDetailStatsMicro.vue' import { distanceTypes } from './DistanceStats.vue' export default { - title: 'WWW/MissionDetail/MissionDetailStats', + title: 'Components/WWW/MissionDetail/MissionDetailStats', component: MissionDetailStats, subcomponents: { MissionDetailStatsMini, MissionDetailStatsMicro }, decorators: [ diff --git a/packages/vue/src/components/MissionDetailStreamfield/MissionDetailStreamfield.stories.js b/packages/vue/src/components/MissionDetailStreamfield/MissionDetailStreamfield.stories.js index 9fb9c0bd..6bc81889 100644 --- a/packages/vue/src/components/MissionDetailStreamfield/MissionDetailStreamfield.stories.js +++ b/packages/vue/src/components/MissionDetailStreamfield/MissionDetailStreamfield.stories.js @@ -3,7 +3,7 @@ import { BlockIframeEmbedData } from './../BlockIframeEmbed/BlockIframeEmbed.sto import MissionDetailStreamfield from './MissionDetailStreamfield.vue' export default { - title: 'WWW/MissionDetail/MissionDetailStreamfield', + title: 'Components/WWW/MissionDetail/MissionDetailStreamfield', component: MissionDetailStreamfield, excludeStories: /.*Data$/ } diff --git a/packages/vue/src/components/NavDesktop/NavDesktop.stories.js b/packages/vue/src/components/NavDesktop/NavDesktop.stories.js index 75ac6ac2..4c12a14a 100644 --- a/packages/vue/src/components/NavDesktop/NavDesktop.stories.js +++ b/packages/vue/src/components/NavDesktop/NavDesktop.stories.js @@ -7,7 +7,7 @@ import NavDesktopDropdownContent from './NavDesktopDropdownContent.vue' import NavDesktopDropdownMore from './NavDesktopDropdownMore.vue' export default { - title: 'WWW/Header & Footer/Elements/NavDesktop', + title: 'Navigation/Headers/WWW/NavDesktop', component: NavDesktop, excludeStories: /.*Data$/, parameters: { diff --git a/packages/vue/src/components/NavHeading/NavHeading.stories.js b/packages/vue/src/components/NavHeading/NavHeading.stories.js index cbc706e4..ee0645de 100644 --- a/packages/vue/src/components/NavHeading/NavHeading.stories.js +++ b/packages/vue/src/components/NavHeading/NavHeading.stories.js @@ -2,7 +2,7 @@ import { MenuLinkColumnWithHeaderData } from './../NavLinkList/NavLinkList.stori import NavHeading from './NavHeading.vue' export default { - title: 'WWW/Header & Footer/Elements/NavHeading', + title: 'Navigation/Elements/NavHeading', component: NavHeading, decorators: [ () => ({ diff --git a/packages/vue/src/components/NavHighlight/NavHighlight.stories.js b/packages/vue/src/components/NavHighlight/NavHighlight.stories.js index bbde58ca..3798f692 100644 --- a/packages/vue/src/components/NavHighlight/NavHighlight.stories.js +++ b/packages/vue/src/components/NavHighlight/NavHighlight.stories.js @@ -1,7 +1,7 @@ import NavHighlight from './NavHighlight.vue' export default { - title: 'WWW/Header & Footer/Elements/NavHighlight', + title: 'Navigation/Elements/NavHighlight', component: NavHighlight, decorators: [ () => ({ diff --git a/packages/vue/src/components/NavLinkList/NavLinkList.stories.js b/packages/vue/src/components/NavLinkList/NavLinkList.stories.js index f355d3aa..336fd9ab 100644 --- a/packages/vue/src/components/NavLinkList/NavLinkList.stories.js +++ b/packages/vue/src/components/NavLinkList/NavLinkList.stories.js @@ -1,7 +1,7 @@ import NavLinkList from './NavLinkList.vue' export default { - title: 'WWW/Header & Footer/Elements/NavLinkList', + title: 'Navigation/Elements/NavLinkList', component: NavLinkList, decorators: [ () => ({ diff --git a/packages/vue/src/components/NavLogoLinks/NavLogoLinks.stories.js b/packages/vue/src/components/NavLogoLinks/NavLogoLinks.stories.js index b6726e75..0b87f639 100644 --- a/packages/vue/src/components/NavLogoLinks/NavLogoLinks.stories.js +++ b/packages/vue/src/components/NavLogoLinks/NavLogoLinks.stories.js @@ -2,7 +2,7 @@ import LogoColor from '@explorer-1/common/src/images/svg/logo-tribrand-color.svg import NavLogoLinks from './NavLogoLinks.vue' export default { - title: 'WWW/Header & Footer/Elements/NavLogoLinks', + title: 'Navigation/Elements/NavLogoLinks', component: NavLogoLinks, excludeStories: /.*Data$/ } diff --git a/packages/vue/src/components/NavMobile/NavMobile.stories.js b/packages/vue/src/components/NavMobile/NavMobile.stories.js index 207c7aaa..b8d4e2f6 100644 --- a/packages/vue/src/components/NavMobile/NavMobile.stories.js +++ b/packages/vue/src/components/NavMobile/NavMobile.stories.js @@ -4,7 +4,7 @@ import NavMobileDropdown from './NavMobileDropdown.vue' import NavMobileLink from './NavMobileLink.vue' export default { - title: 'WWW/Header & Footer/Elements/NavMobile', + title: 'Navigation/Headers/WWW/NavMobile', component: NavMobile, excludeStories: /.*Data$/, parameters: { diff --git a/packages/vue/src/components/NavSearchForm/NavSearchForm.stories.js b/packages/vue/src/components/NavSearchForm/NavSearchForm.stories.js index a3f580ef..a5aefd14 100644 --- a/packages/vue/src/components/NavSearchForm/NavSearchForm.stories.js +++ b/packages/vue/src/components/NavSearchForm/NavSearchForm.stories.js @@ -1,7 +1,7 @@ import NavSearchForm from './NavSearchForm.vue' export default { - title: 'WWW/Header & Footer/Elements/NavSearchForm', + title: 'Navigation/Elements/NavSearchForm', component: NavSearchForm, excludeStories: /.*Data$/ } diff --git a/packages/vue/src/components/NavSecondary/NavSecondary.stories.js b/packages/vue/src/components/NavSecondary/NavSecondary.stories.js index f7996197..678449a9 100644 --- a/packages/vue/src/components/NavSecondary/NavSecondary.stories.js +++ b/packages/vue/src/components/NavSecondary/NavSecondary.stories.js @@ -1,7 +1,7 @@ import NavSecondary from './NavSecondary.vue' export default { - title: 'WWW/Header & Footer/Elements/NavSecondary', + title: 'Navigation/Secondary Navigation/NavSecondary', component: NavSecondary, excludeStories: /.*Data$/, parameters: { diff --git a/packages/vue/src/components/NavSocial/NavSocial.stories.js b/packages/vue/src/components/NavSocial/NavSocial.stories.js index f315a541..5d84aa89 100644 --- a/packages/vue/src/components/NavSocial/NavSocial.stories.js +++ b/packages/vue/src/components/NavSocial/NavSocial.stories.js @@ -1,7 +1,7 @@ import NavSocial from './NavSocial.vue' export default { - title: 'WWW/Header & Footer/Elements/NavSocial', + title: 'Navigation/Elements/NavSocial', component: NavSocial, excludeStories: /.*Data$/ } diff --git a/packages/vue/src/components/NewsDetailMediaContact/NewsDetailMediaContact.stories.js b/packages/vue/src/components/NewsDetailMediaContact/NewsDetailMediaContact.stories.js index f56c1c55..33d4b732 100644 --- a/packages/vue/src/components/NewsDetailMediaContact/NewsDetailMediaContact.stories.js +++ b/packages/vue/src/components/NewsDetailMediaContact/NewsDetailMediaContact.stories.js @@ -1,7 +1,7 @@ import NewsDetailMediaContact from './NewsDetailMediaContact.vue' export default { - title: 'WWW/NewsDetail/NewsDetailMediaContact', + title: 'Components/WWW/NewsDetail/NewsDetailMediaContact', component: NewsDetailMediaContact } diff --git a/packages/vue/src/components/PodcastSeriesCarousel/PodcastSeriesCarousel.stories.js b/packages/vue/src/components/PodcastSeriesCarousel/PodcastSeriesCarousel.stories.js index 631af4c4..22d8f66d 100644 --- a/packages/vue/src/components/PodcastSeriesCarousel/PodcastSeriesCarousel.stories.js +++ b/packages/vue/src/components/PodcastSeriesCarousel/PodcastSeriesCarousel.stories.js @@ -1,7 +1,7 @@ import PodcastSeriesCarousel from './PodcastSeriesCarousel.vue' export default { - title: 'WWW/PodcastDetail/PodcastSeriesCarousel', + title: 'Components/WWW/PodcastDetail/PodcastSeriesCarousel', component: PodcastSeriesCarousel, parameters: { docs: { diff --git a/packages/vue/src/components/RoboticsDetailStats/RoboticsDetailStats.stories.js b/packages/vue/src/components/RoboticsDetailStats/RoboticsDetailStats.stories.js index 3e1e3b63..0f758e8c 100644 --- a/packages/vue/src/components/RoboticsDetailStats/RoboticsDetailStats.stories.js +++ b/packages/vue/src/components/RoboticsDetailStats/RoboticsDetailStats.stories.js @@ -2,7 +2,7 @@ import RoboticsDetailStats from './RoboticsDetailStats.vue' import RoboticsDetailStatsMini from './RoboticsDetailStatsMini.vue' export default { - title: 'WWW/RoboticsDetail/RoboticsDetailStats', + title: 'Components/WWW/RoboticsDetail/RoboticsDetailStats', component: RoboticsDetailStats, subcomponents: { RoboticsDetailStatsMini }, decorators: [ diff --git a/packages/vue/src/components/SkipLink/SkipLink.stories.js b/packages/vue/src/components/SkipLink/SkipLink.stories.js index 6f8004c7..0f80b084 100644 --- a/packages/vue/src/components/SkipLink/SkipLink.stories.js +++ b/packages/vue/src/components/SkipLink/SkipLink.stories.js @@ -1,7 +1,7 @@ import SkipLink from './SkipLink.vue' export default { - title: 'WWW/Header & Footer/Elements/SkipLink', + title: 'Navigation/Elements/SkipLink', component: SkipLink, excludeStories: /.*Data$/ } diff --git a/packages/vue/src/components/TheFooter/TheFooter.stories.js b/packages/vue/src/components/TheFooter/TheFooter.stories.js index 8883b9b9..9512683a 100644 --- a/packages/vue/src/components/TheFooter/TheFooter.stories.js +++ b/packages/vue/src/components/TheFooter/TheFooter.stories.js @@ -1,11 +1,16 @@ import TheFooter from './TheFooter.vue' export default { - title: 'WWW/Header & Footer/TheFooter', + title: 'Navigation/Footers/External Footer', component: TheFooter, excludeStories: /.*Data$/, parameters: { - viewMode: 'canvas' + docs: { + description: { + component: + 'This component can be used for any external footer. Its styles will change based on the theme being used.' + } + } } } diff --git a/packages/vue/src/components/TopicDetailMissionCarousel/TopicDetailMissionCarousel.stories.js b/packages/vue/src/components/TopicDetailMissionCarousel/TopicDetailMissionCarousel.stories.js index 1c4b8874..c2854bcc 100644 --- a/packages/vue/src/components/TopicDetailMissionCarousel/TopicDetailMissionCarousel.stories.js +++ b/packages/vue/src/components/TopicDetailMissionCarousel/TopicDetailMissionCarousel.stories.js @@ -1,6 +1,6 @@ import TopicDetailMissionCarousel from './TopicDetailMissionCarousel.vue' export default { - title: 'WWW/TopicDetail/MissionCarousel/TopicDetailMissionCarousel', + title: 'Components/WWW/TopicDetail/MissionCarousel/TopicDetailMissionCarousel', component: TopicDetailMissionCarousel, excludeStories: /.*Data$/ } diff --git a/packages/vue/src/components/TopicDetailMissionCarouselItem/TopicDetailMissionCarouselItem.stories.js b/packages/vue/src/components/TopicDetailMissionCarouselItem/TopicDetailMissionCarouselItem.stories.js index 34101cb7..7dddc97d 100644 --- a/packages/vue/src/components/TopicDetailMissionCarouselItem/TopicDetailMissionCarouselItem.stories.js +++ b/packages/vue/src/components/TopicDetailMissionCarouselItem/TopicDetailMissionCarouselItem.stories.js @@ -3,7 +3,7 @@ import TopicDetailMissionCarouselItem from './TopicDetailMissionCarouselItem.vue' export default { - title: 'WWW/TopicDetail/MissionCarousel/TopicDetailMissionCarouselItem', + title: 'Components/WWW/TopicDetail/MissionCarousel/TopicDetailMissionCarouselItem', component: TopicDetailMissionCarouselItem, decorators: [ () => ({ diff --git a/packages/vue/src/components/TopicDetailMissionSpotlight/TopicDetailMissionSpotlight.stories.js b/packages/vue/src/components/TopicDetailMissionSpotlight/TopicDetailMissionSpotlight.stories.js index b0bf948d..4caf6665 100644 --- a/packages/vue/src/components/TopicDetailMissionSpotlight/TopicDetailMissionSpotlight.stories.js +++ b/packages/vue/src/components/TopicDetailMissionSpotlight/TopicDetailMissionSpotlight.stories.js @@ -1,6 +1,6 @@ import TopicDetailMissionSpotlight from './TopicDetailMissionSpotlight.vue' export default { - title: 'WWW/TopicDetail/TopicDetailMissionSpotlight', + title: 'Components/WWW/TopicDetail/TopicDetailMissionSpotlight', component: TopicDetailMissionSpotlight, decorators: [ () => ({ diff --git a/packages/vue/src/components/TopicDetailMore/TopicDetailMore.stories.js b/packages/vue/src/components/TopicDetailMore/TopicDetailMore.stories.js index cbbff981..41bafc21 100644 --- a/packages/vue/src/components/TopicDetailMore/TopicDetailMore.stories.js +++ b/packages/vue/src/components/TopicDetailMore/TopicDetailMore.stories.js @@ -1,6 +1,6 @@ import TopicDetailMore from './TopicDetailMore.vue' export default { - title: 'WWW/TopicDetail/TopicDetailMore', + title: 'Components/WWW/TopicDetail/TopicDetailMore', component: TopicDetailMore, excludeStories: /.*Data$/ } diff --git a/packages/vue/src/components/TopicDetailMoreItem/TopicDetailMoreItem.stories.js b/packages/vue/src/components/TopicDetailMoreItem/TopicDetailMoreItem.stories.js index f8725e9c..650b6b5b 100644 --- a/packages/vue/src/components/TopicDetailMoreItem/TopicDetailMoreItem.stories.js +++ b/packages/vue/src/components/TopicDetailMoreItem/TopicDetailMoreItem.stories.js @@ -1,6 +1,6 @@ import TopicDetailMoreItem from './TopicDetailMoreItem.vue' export default { - title: 'WWW/TopicDetail/TopicDetailMore/TopicDetailMoreItem', + title: 'Components/WWW/TopicDetail/TopicDetailMore/TopicDetailMoreItem', component: TopicDetailMoreItem, decorators: [ () => ({ diff --git a/packages/vue/src/components/TopicDetailStreamfield/TopicDetailStreamfield.stories.js b/packages/vue/src/components/TopicDetailStreamfield/TopicDetailStreamfield.stories.js index e138cd74..be359c06 100644 --- a/packages/vue/src/components/TopicDetailStreamfield/TopicDetailStreamfield.stories.js +++ b/packages/vue/src/components/TopicDetailStreamfield/TopicDetailStreamfield.stories.js @@ -4,7 +4,7 @@ import { BlockRelatedLinksData } from './../BlockRelatedLinks/BlockRelatedLinks. import TopicDetailStreamfield from './TopicDetailStreamfield.vue' export default { - title: 'WWW/TopicDetail/TopicDetailStreamfield', + title: 'Components/WWW/TopicDetail/TopicDetailStreamfield', component: TopicDetailStreamfield, decorators: [ () => ({ diff --git a/packages/vue/src/docs/foundation/color.docs.mdx b/packages/vue/src/docs/foundation/color.docs.mdx index 798663a2..7af4257b 100644 --- a/packages/vue/src/docs/foundation/color.docs.mdx +++ b/packages/vue/src/docs/foundation/color.docs.mdx @@ -1,6 +1,6 @@ import { Meta, Story, Canvas } from '@storybook/blocks' - + # Colors diff --git a/packages/vue/src/docs/foundation/grid.stories.js b/packages/vue/src/docs/foundation/grid.stories.js index f1597a1b..c1edd387 100644 --- a/packages/vue/src/docs/foundation/grid.stories.js +++ b/packages/vue/src/docs/foundation/grid.stories.js @@ -1,6 +1,6 @@ import LayoutHelper from './../../components/LayoutHelper/LayoutHelper.vue' export default { - title: 'Foundation/Grid and Layout', + title: 'Foundations/Grid and Layout', component: LayoutHelper, tags: ['!autodocs'] } diff --git a/packages/vue/src/docs/foundation/grid_layouthelpers.stories.js b/packages/vue/src/docs/foundation/grid_layouthelpers.stories.js index 6239faf2..c0391f1e 100644 --- a/packages/vue/src/docs/foundation/grid_layouthelpers.stories.js +++ b/packages/vue/src/docs/foundation/grid_layouthelpers.stories.js @@ -3,7 +3,7 @@ import LayoutHelper, { indents } from './../../components/LayoutHelper/LayoutHel // TODO: DOCS: update this to match the full grid/layout documentation export default { - title: 'Foundation/Grid and Layout/Column Layout Helpers', + title: 'Foundations/Grid and Layout/Column Layout Helpers', component: LayoutHelper, tags: ['!autodocs'], argTypes: { diff --git a/packages/vue/src/docs/foundation/themes.stories.js b/packages/vue/src/docs/foundation/themes.stories.js index 761edde9..3f5d1279 100644 --- a/packages/vue/src/docs/foundation/themes.stories.js +++ b/packages/vue/src/docs/foundation/themes.stories.js @@ -1,7 +1,7 @@ import DynamicTokens from './DynamicTokens.vue' export default { - title: 'Foundation/Themes', + title: 'Foundations/Themes', component: DynamicTokens, tags: ['!autodocs'] } diff --git a/packages/vue/src/docs/foundation/typography.stories.js b/packages/vue/src/docs/foundation/typography.stories.js index 1aa88f53..45551fb2 100644 --- a/packages/vue/src/docs/foundation/typography.stories.js +++ b/packages/vue/src/docs/foundation/typography.stories.js @@ -3,9 +3,8 @@ import IconLocation from './../../components/Icons/IconLocation.vue' import BaseHeading from './../../components/BaseHeading/BaseHeading.vue' export default { - title: 'Foundation/Typography', + title: 'Foundations/Typography', component: FontVariants, - subcomponents: { BaseHeading, IconLocation }, tags: ['!autodocs'] } @@ -108,7 +107,7 @@ export const HeadingIcons = { export const TextContrast = { args: {}, render: () => ({ - template: `
+ template: `
This text uses a text shadow that increases readability when used with a semi-transparent overlay. diff --git a/packages/vue/src/docs/overviews/blocks.docs.mdx b/packages/vue/src/docs/overviews/blocks.docs.mdx.disabled similarity index 79% rename from packages/vue/src/docs/overviews/blocks.docs.mdx rename to packages/vue/src/docs/overviews/blocks.docs.mdx.disabled index 4253e74b..77976c2c 100644 --- a/packages/vue/src/docs/overviews/blocks.docs.mdx +++ b/packages/vue/src/docs/overviews/blocks.docs.mdx.disabled @@ -1,24 +1,25 @@ +{/* TODO: refactor to include all blocks in the vue storybook */} import { Meta } from '@storybook/blocks' import { ComponentList } from './../utils/ComponentList' -import * as BlockAccordionStories from './../../components/BlockAccordion/BlockAccordion.stories' -import * as BlockCardGroupStories from './../../components/BlockCardGroup/BlockCardGroup.stories' -import * as BlockCardStories from './../../components/BlockCard/BlockCard.stories' -import * as BlockCircleImageCardStories from './../../components/BlockCircleImageCard/BlockCircleImageCard.stories' -import * as BlockIframeEmbedStories from './../../components/BlockIframeEmbed/BlockIframeEmbed.stories' -import * as BlockImageCarouselStories from './../../components/BlockImageCarousel/BlockImageCarousel.stories' -import * as BlockImageGalleryStories from './../../components/BlockImageGallery/BlockImageGallery.stories' -import * as BlockImageStories from './../../components/BlockImage/BlockImage.stories' -import * as BlockInlineImageStories from './../../components/BlockInlineImage/BlockInlineImage.stories' -import * as BlockKeyPointsStories from './../../components/BlockKeyPoints/BlockKeyPoints.stories' -import * as BlockLinkCardStories from './../../components/BlockLinkCard/BlockLinkCard.stories' -import * as BlockLinkCarouselStories from './../../components/BlockLinkCarousel/BlockLinkCarousel.stories' -import * as BlockLinkTileStories from './../../components/BlockLinkTile/BlockLinkTile.stories' -import * as BlockQuoteStories from './../../components/BlockQuote/BlockQuote.stories' -import * as BlockRelatedLinksStories from './../../components/BlockRelatedLinks/BlockRelatedLinks.stories' -import * as BlockTableStories from './../../components/BlockTable/BlockTable.stories' -import * as BlockTeaserStories from './../../components/BlockTeaser/BlockTeaser.stories' -import * as BlockTextStories from './../../components/BlockText/BlockText.stories' -import * as BlockVideoEmbedStories from './../../components/BlockVideoEmbed/BlockVideoEmbed.stories' +import _ as BlockAccordionStories from './../../components/BlockAccordion/BlockAccordion.stories' +import _ as BlockCardGroupStories from './../../components/BlockCardGroup/BlockCardGroup.stories' +import _ as BlockCardStories from './../../components/BlockCard/BlockCard.stories' +import _ as BlockCircleImageCardStories from './../../components/BlockCircleImageCard/BlockCircleImageCard.stories' +import _ as BlockIframeEmbedStories from './../../components/BlockIframeEmbed/BlockIframeEmbed.stories' +import _ as BlockImageCarouselStories from './../../components/BlockImageCarousel/BlockImageCarousel.stories' +import _ as BlockImageGalleryStories from './../../components/BlockImageGallery/BlockImageGallery.stories' +import _ as BlockImageStories from './../../components/BlockImage/BlockImage.stories' +import _ as BlockInlineImageStories from './../../components/BlockInlineImage/BlockInlineImage.stories' +import _ as BlockKeyPointsStories from './../../components/BlockKeyPoints/BlockKeyPoints.stories' +import _ as BlockLinkCardStories from './../../components/BlockLinkCard/BlockLinkCard.stories' +import _ as BlockLinkCarouselStories from './../../components/BlockLinkCarousel/BlockLinkCarousel.stories' +import _ as BlockLinkTileStories from './../../components/BlockLinkTile/BlockLinkTile.stories' +import _ as BlockQuoteStories from './../../components/BlockQuote/BlockQuote.stories' +import _ as BlockRelatedLinksStories from './../../components/BlockRelatedLinks/BlockRelatedLinks.stories' +import _ as BlockTableStories from './../../components/BlockTable/BlockTable.stories' +import _ as BlockTeaserStories from './../../components/BlockTeaser/BlockTeaser.stories' +import _ as BlockTextStories from './../../components/BlockText/BlockText.stories' +import \* as BlockVideoEmbedStories from './../../components/BlockVideoEmbed/BlockVideoEmbed.stories' diff --git a/packages/vue/src/docs/overviews/global.docs.mdx b/packages/vue/src/docs/overviews/global.docs.mdx index d8d12973..be51d501 100644 --- a/packages/vue/src/docs/overviews/global.docs.mdx +++ b/packages/vue/src/docs/overviews/global.docs.mdx @@ -2,13 +2,14 @@ import { Meta, Canvas, Story } from '@storybook/blocks' import { ComponentList } from './../utils/ComponentList' -# Global Layout +# Navigation Use these components as global layout elements in your website or application. -- [Headers](?path=/docs/global-layout-headers-overview--docs) -- [Footers](?path=/docs/global-layout-footers-overview--docs) +- [Headers](?path=/docs/navigation-headers-overview--docs) +- [Footers](?path=/docs/navigation-footers-overview--docs) +- [Secondary Navigation](?path=/docs/navigation-footers-overview--docs) diff --git a/packages/vue/src/docs/overviews/global_footers.docs.mdx b/packages/vue/src/docs/overviews/global_footers.docs.mdx index 79829489..0d54366b 100644 --- a/packages/vue/src/docs/overviews/global_footers.docs.mdx +++ b/packages/vue/src/docs/overviews/global_footers.docs.mdx @@ -2,7 +2,7 @@ import { Meta, Canvas, Story } from '@storybook/blocks' import { ComponentList } from './../utils/ComponentList' import * as TheFooterStories from './../../components/TheFooter/TheFooter.stories' - + # Footers @@ -13,7 +13,7 @@ Footers are to be placed at the very bottom of your website or application. Foot { heading: 'External Footer', meta: TheFooterStories, - path: '/docs/www-header-footer-thefooter--docs', + path: '/story/navigation-footers-external-footer--base-story', fullWidth: true, fullCanvas: true } diff --git a/packages/vue/src/docs/overviews/global_headers.docs.mdx b/packages/vue/src/docs/overviews/global_headers.docs.mdx index 71258aba..74dbc644 100644 --- a/packages/vue/src/docs/overviews/global_headers.docs.mdx +++ b/packages/vue/src/docs/overviews/global_headers.docs.mdx @@ -1,25 +1,21 @@ import { Meta } from '@storybook/blocks' import { ComponentList } from './../utils/ComponentList' -import * as HeaderInternalStories from './../../components/HeaderInternal/HeaderInternal.stories' +import * as NavDesktopStories from './../../components/NavDesktop/NavDesktop.stories' - + # Headers -Headers are to be placed at the very top of your website or application. Header styles are specific to your site's visibility (internal vs. external/public). If you are using the [Internal Theme](?path=/docs/foundation-themes--docs#internal-theme), be sure to use the [Internal Header](?path=/docs/global-layout-headers-for-internal-sites--docs). If your website or application is public-facing, be sure to use the External header (coming soon). - -Note: to view with functioning dropdowns and search field expansion, you must go to [an individual story and switch to **Canvas View**](?path=/story/global-layout-headers-for-internal-sites--base-story). +Headers are to be placed at the very top of your website or application. Header styles are specific to your site's visibility (internal vs. external/public) and theme. - -A header for public-facing (external) sites is coming soon. diff --git a/packages/vue/src/docs/overviews/global_internal.docs.mdx b/packages/vue/src/docs/overviews/global_internal.docs.mdx deleted file mode 100644 index 4c504697..00000000 --- a/packages/vue/src/docs/overviews/global_internal.docs.mdx +++ /dev/null @@ -1,53 +0,0 @@ -import { Meta } from '@storybook/blocks' -import { ComponentList } from './../utils/ComponentList' -import * as AppBarInternalStories from './../../components/AppBarInternal/AppBarInternal.stories' -import * as NavInternalStories from './../../components/NavInternal/NavInternal.stories' -import * as NavInternalPanelStories from './../../components/NavInternal/NavInternalPanel.stories' -import * as NavInternalHighlightStories from './../../components/NavInternal/NavInternalHighlight.stories' -import * as NavInternalSectionStories from './../../components/NavInternal/NavInternalSection.stories' - - - -# Elements of the Internal Site Header - -These elements are combined to create a complete site header and are intended for use by advanced users only. To create your own header, please refer to the [Internal Header](?path=/docs/global-layout-headers-for-internal-sites--docs) documentation. - - diff --git a/packages/vue/src/docs/roadmap.docs.mdx b/packages/vue/src/docs/roadmap.docs.mdx new file mode 100644 index 00000000..38b0d4c1 --- /dev/null +++ b/packages/vue/src/docs/roadmap.docs.mdx @@ -0,0 +1,25 @@ +import { Meta } from '@storybook/blocks' + + + +# Roadmap + +## Now + +- Add `BlockAccordion` +- Add internal header and footer components +- Add overview page for /Components/Blocks + +## Next + +- Components to support the EDU theme and functionality +- Improvements to the accessibility guide and getting started guide for designers +- Add more overview pages + +## Later + +- Adding branding assets (logos) in a downloadable format +- Guidance on website headers and footers +- Dependency graphs for each component +- Multiple `dist` targets: purged, not purged, modern browsers only, etc. +- Tailwind 3