@explorer-1/vue-storybook 0.0.2 → 0.0.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/.storybook/manager-head.html +0 -6
- package/.storybook/preview.ts +15 -3
- package/migration-storybook.log +63 -26
- package/package.json +19 -16
- package/storybook_compiled/assets/AsteroidWatchWidget.stories-BmSWXV6I.js +1 -0
- package/storybook_compiled/assets/BackToTop.stories-BK5soBXD.js +3 -0
- package/storybook_compiled/assets/BaseAudio-DGE0jYhn.js +1 -0
- package/storybook_compiled/assets/BaseAudio.stories-BoOVZw2P.js +1 -0
- package/storybook_compiled/assets/{BaseButton-Bqo3RIrM.js → BaseButton-BHhee3vf.js} +1 -1
- package/storybook_compiled/assets/BaseButton.stories-idjkyZ1x.js +1 -0
- package/storybook_compiled/assets/BaseCheckboxGroup-DY-ePlLA.js +1 -0
- package/storybook_compiled/assets/BaseCheckboxGroup.stories-CViG13uE.js +1 -0
- package/storybook_compiled/assets/BaseHeading-CkC9-GRX.js +1 -0
- package/storybook_compiled/assets/BaseHeading.stories-CFrVVBrf.js +1 -0
- package/storybook_compiled/assets/{BaseImage-CVHs1FKU.js → BaseImage-CVYIfxPD.js} +1 -1
- package/storybook_compiled/assets/BaseImage.stories-Ca67zIlY.js +1 -0
- package/storybook_compiled/assets/BaseImageCaption-6NnZKetV.js +1 -0
- package/storybook_compiled/assets/BaseImageCaption.stories-HyfqDI-r.js +1 -0
- package/storybook_compiled/assets/{BaseImagePlaceholder-BXMAbfv9.js → BaseImagePlaceholder-BtjM_abh.js} +1 -1
- package/storybook_compiled/assets/BaseImagePlaceholder.stories-D4gyirk5.js +1 -0
- package/storybook_compiled/assets/{BaseLink-D2sGjIpU.js → BaseLink-BPfSRH8v.js} +1 -1
- package/storybook_compiled/assets/BaseLink.stories-BPNd9pB9.js +1 -0
- package/storybook_compiled/assets/BaseModal.stories-CE7Txtr6.js +27 -0
- package/storybook_compiled/assets/BasePlaceholder.stories-XzNA-Uqu.js +1 -0
- package/storybook_compiled/assets/BaseRadioGroup-C9aRxrSd.js +1 -0
- package/storybook_compiled/assets/BaseRadioGroup.stories-D0fjjKo0.js +1 -0
- package/storybook_compiled/assets/BaseSwimlane-7-mYr3zs.js +24 -0
- package/storybook_compiled/assets/BaseSwimlane-Ccgb9WYe.css +1 -0
- package/storybook_compiled/assets/BaseSwimlane.stories-sjJvDuB8.js +1 -0
- package/storybook_compiled/assets/BaseTag-B2zJPfAv.js +1 -0
- package/storybook_compiled/assets/BaseTag.stories-nSZQbAuB.js +1 -0
- package/storybook_compiled/assets/{BaseTimer-Dl8dhnQq.js → BaseTimer-CGOn0_pI.js} +1 -1
- package/storybook_compiled/assets/BaseTimer.stories-BZmXtjbC.js +1 -0
- package/storybook_compiled/assets/{BaseUnitToggle-K5E0XXnf.js → BaseUnitToggle-BzOM0_5N.js} +1 -1
- package/storybook_compiled/assets/{BaseUnitToggle.stories-Cjc-Ova3.js → BaseUnitToggle.stories-kKzRI5HA.js} +3 -3
- package/storybook_compiled/assets/BaseVideo-Dqymj4mU.js +1 -0
- package/storybook_compiled/assets/BaseVideo.stories-cnhCmSGi.js +1 -0
- package/storybook_compiled/assets/BlockAudio.stories-CshTeHgR.js +1 -0
- package/storybook_compiled/assets/{BlockCard-XNlpVpt8.js → BlockCard-B0eNHegO.js} +1 -1
- package/storybook_compiled/assets/BlockCard.stories-Dz6YpkKV.js +1 -0
- package/storybook_compiled/assets/BlockCardGroup.stories-DbBjVcK1.js +1 -0
- package/storybook_compiled/assets/BlockCircleImageCard.stories-CArlSzrZ.js +1 -0
- package/storybook_compiled/assets/BlockCta-CwHaSWrV.js +1 -0
- package/storybook_compiled/assets/BlockCta.stories-C0J_5bdU.js +1 -0
- package/storybook_compiled/assets/BlockHeading-DudFAdBF.js +1 -0
- package/storybook_compiled/assets/BlockHeading.stories-ICH6AOl1.js +1 -0
- package/storybook_compiled/assets/BlockIframeEmbed-R345ahjn.js +1 -0
- package/storybook_compiled/assets/BlockIframeEmbed.stories-BfFA7GwD.js +3 -0
- package/storybook_compiled/assets/BlockImage-BNVR3Kmw.js +1 -0
- package/storybook_compiled/assets/BlockImage.stories-BudYJ8DW.js +2 -0
- package/storybook_compiled/assets/{BlockImageCarousel-C6FLPk4q.js → BlockImageCarousel-2djCSbGI.js} +1 -1
- package/storybook_compiled/assets/{BlockImageCarousel.stories-CacxoeOy.js → BlockImageCarousel.stories-YYesqx1B.js} +1 -1
- package/storybook_compiled/assets/BlockImageCarouselItem-CzW_57qs.js +1 -0
- package/storybook_compiled/assets/{BlockImageCarouselItem.stories-5b2USRdn.js → BlockImageCarouselItem.stories-CEnuufTA.js} +1 -1
- package/storybook_compiled/assets/BlockImageComparison-CWEZhQud.js +1 -0
- package/storybook_compiled/assets/BlockImageComparison.stories-DFsaKHaQ.js +1 -0
- package/storybook_compiled/assets/BlockImageGallery-CwBkEkbX.js +1 -0
- package/storybook_compiled/assets/BlockImageGallery.stories-DwETUT0L.js +1 -0
- package/storybook_compiled/assets/BlockInlineImage-COi8LH_L.js +1 -0
- package/storybook_compiled/assets/BlockInlineImage.stories-CiL9DU1P.js +3 -0
- package/storybook_compiled/assets/BlockKeyPoints.stories-Du0YC2bc.js +1 -0
- package/storybook_compiled/assets/{BlockLinkCard-B6c3hxSw.js → BlockLinkCard-lATsXY4L.js} +1 -1
- package/storybook_compiled/assets/BlockLinkCard.stories-CA9Lqc2L.js +1 -0
- package/storybook_compiled/assets/BlockLinkCarousel.stories-B0NXWUb4.js +1 -0
- package/storybook_compiled/assets/{BlockLinkTile-RWm1o8E8.js → BlockLinkTile-vb7yoAf9.js} +1 -1
- package/storybook_compiled/assets/BlockLinkTile.stories-ut3ndkmH.js +1 -0
- package/storybook_compiled/assets/BlockListCards-B9S8RAop.js +1 -0
- package/storybook_compiled/assets/{BlockListCards.stories-BCvicBv1.js → BlockListCards.stories-BhKZune1.js} +1 -1
- package/storybook_compiled/assets/{BlockQuote-B5--6bEb.js → BlockQuote-DiHcKhRR.js} +1 -1
- package/storybook_compiled/assets/{BlockQuote.stories-CRqrYgrd.js → BlockQuote.stories-BxOoXCC9.js} +1 -1
- package/storybook_compiled/assets/BlockRelatedLinks-C6RlV76_.js +1 -0
- package/storybook_compiled/assets/BlockRelatedLinks.stories-DFamYgte.js +1 -0
- package/storybook_compiled/assets/BlockStreamfield-CG_4ezdT.js +1 -0
- package/storybook_compiled/assets/BlockStreamfield.stories-c2IwiXBF.js +3 -0
- package/storybook_compiled/assets/BlockTable-CCJkG9tR.js +1 -0
- package/storybook_compiled/assets/BlockTable-CmeVTM07.css +1 -0
- package/storybook_compiled/assets/{BlockTable.stories-B6j6Vboj.js → BlockTable.stories-CSUTgkf4.js} +1 -1
- package/storybook_compiled/assets/{BlockTeaser-CZGxsKK3.js → BlockTeaser-AtQ_5lxb.js} +1 -1
- package/storybook_compiled/assets/{BlockTeaser.stories-CvS4hWO_.js → BlockTeaser.stories-CFdQfMtb.js} +1 -1
- package/storybook_compiled/assets/{BlockText-Dif-VPEo.js → BlockText-BOZRXLpW.js} +1 -1
- package/storybook_compiled/assets/{BlockText.stories-Fllcm9uy.js → BlockText.stories-DynwwzAt.js} +1 -1
- package/storybook_compiled/assets/{BlockTwitterEmbed-Dd8li6kj.js → BlockTwitterEmbed-D_nIGZIb.js} +1 -1
- package/storybook_compiled/assets/BlockTwitterEmbed.stories-CrJiUA78.js +1 -0
- package/storybook_compiled/assets/BlockVideo-gC4V55Uw.js +1 -0
- package/storybook_compiled/assets/BlockVideo.stories-DkkAeF2M.js +1 -0
- package/storybook_compiled/assets/{BlockVideoEmbed-Cb60kVbI.js → BlockVideoEmbed-Db6knP0S.js} +1 -1
- package/storybook_compiled/assets/{BlockVideoEmbed.stories-B4rXaIWr.js → BlockVideoEmbed.stories-g7ydGySB.js} +1 -1
- package/storybook_compiled/assets/CalendarButton-DAgHFREr.js +2 -0
- package/storybook_compiled/assets/CalendarButton.stories-N7w6l9KE.js +9 -0
- package/storybook_compiled/assets/{Color-KGDBMAHA-vAIWCl9K.js → Color-KGDBMAHA-naU4JQmO.js} +1 -1
- package/storybook_compiled/assets/ComponentList-RTwVBgFi.js +1 -0
- package/storybook_compiled/assets/DetailHeadline-B8TsddKf.js +1 -0
- package/storybook_compiled/assets/DetailHeadline.stories-BuiWBDIB.js +1 -0
- package/storybook_compiled/assets/DocsRenderer-PKQXORMH-BIqj0WTA.js +1 -0
- package/storybook_compiled/assets/{DsnWidget-DIHYJ2bY.js → DsnWidget-D7c5FYo4.js} +1 -1
- package/storybook_compiled/assets/DsnWidget.stories-8Z920xes.js +1 -0
- package/storybook_compiled/assets/EventDetailHero.stories-Cn_rCkTl.js +1 -0
- package/storybook_compiled/assets/FormContact-DHEIIN-9.js +1 -0
- package/storybook_compiled/assets/FormContact.stories-SK8E-xec.js +1 -0
- package/storybook_compiled/assets/FormNewsletterSignup-D7pg27Ec.js +1 -0
- package/storybook_compiled/assets/FormNewsletterSignup.stories-SiFwL1lc.js +1 -0
- package/storybook_compiled/assets/HeroLarge.stories-D52fqI5Z.js +1 -0
- package/storybook_compiled/assets/HeroListingIndex.stories-CMzXdhW-.js +1 -0
- package/storybook_compiled/assets/HeroMedia.stories-BY4yVppj.js +2 -0
- package/storybook_compiled/assets/HeroMedium-CzjRidO8.js +1 -0
- package/storybook_compiled/assets/HeroMedium-PDNxVtT6.css +1 -0
- package/storybook_compiled/assets/HeroMedium.stories-Co7Ejhp0.js +1 -0
- package/storybook_compiled/assets/HeroSmall.stories-9HtIxhZt.js +1 -0
- package/storybook_compiled/assets/HomepageCarousel.stories-DJIYY_96.js +13 -0
- package/storybook_compiled/assets/HomepageCarouselItem.stories-Brtf6bGf.js +1 -0
- package/storybook_compiled/assets/HomepageEmbedBlock.stories-DfwwhTL1.js +1 -0
- package/storybook_compiled/assets/HomepageFeaturedRobot.stories-CROd6hIk.js +1 -0
- package/storybook_compiled/assets/HomepageMissionsCarousel.stories-CzS66LZ2.js +1 -0
- package/storybook_compiled/assets/HomepageStats.stories-pEs128We.js +7 -0
- package/storybook_compiled/assets/HomepageTeaserBlock.stories-BO1LHvCF.js +2 -0
- package/storybook_compiled/assets/{Icon360-sVzOlEdF.js → Icon360-CIO58mWA.js} +1 -1
- package/storybook_compiled/assets/{IconArrow-DMJ8y-2e.js → IconArrow-C_WK-iCS.js} +1 -1
- package/storybook_compiled/assets/{IconArrows-CiBW6su3.js → IconArrows-CyhKJKfy.js} +1 -1
- package/storybook_compiled/assets/{IconCaret-DJ6BI2oi.js → IconCaret-Bgz6Efup.js} +1 -1
- package/storybook_compiled/assets/{IconClose-DYeN24Oe.js → IconClose-Do3JFVQt.js} +1 -1
- package/storybook_compiled/assets/{IconDownload-CbXimrAX.js → IconDownload-CyH1_MYD.js} +1 -1
- package/storybook_compiled/assets/{IconDropdown-DCmNJOdD.js → IconDropdown-BNmCT4GT.js} +1 -1
- package/storybook_compiled/assets/{IconExpand-DBQHkJUZ.js → IconExpand-5eORMD7-.js} +1 -1
- package/storybook_compiled/assets/{IconExternal-CC2ufSFL.js → IconExternal-Da4Yg-3V.js} +1 -1
- package/storybook_compiled/assets/{IconForwardTen-B1TQfeDz.js → IconForwardTen-BCRYW1GJ.js} +1 -1
- package/storybook_compiled/assets/{IconInfo-BN2fIoGz.js → IconInfo-C-gtYGv6.js} +1 -1
- package/storybook_compiled/assets/{IconLocation-DOw6Y5i5.js → IconLocation-DHnc2sjO.js} +1 -1
- package/storybook_compiled/assets/{IconMenu-DiN4qEKq.js → IconMenu-DYGJbtOl.js} +1 -1
- package/storybook_compiled/assets/{IconNext-DHq3hGpn.js → IconNext-C1nB4oyj.js} +1 -1
- package/storybook_compiled/assets/{IconPlay-Dj2wJ3NM.js → IconPlay-8a-2BeqL.js} +1 -1
- package/storybook_compiled/assets/{IconSearch-DXWlKPqK.js → IconSearch-Bt7efOqw.js} +1 -1
- package/storybook_compiled/assets/IconSocialEmail-xCMuTDmN.js +1 -0
- package/storybook_compiled/assets/{IconSocialPinterest-C4fnwFur.js → IconSocialPinterest-B6K95I81.js} +1 -1
- package/storybook_compiled/assets/{IconSocialReddit-1_ymd97c.js → IconSocialReddit-BCAVpJDA.js} +1 -1
- package/storybook_compiled/assets/{IconSocialTwitter-yMpkYEGk.js → IconSocialTwitter-CM6-Yfov.js} +1 -1
- package/storybook_compiled/assets/IconSocialYoutube-C0Jb4uN1.js +1 -0
- package/storybook_compiled/assets/IconTime-XzO5H0Ua.js +1 -0
- package/storybook_compiled/assets/IconTime-oYdZQTAR.css +1 -0
- package/storybook_compiled/assets/{IconUser-TgsxdisX.js → IconUser-DmsHfdMw.js} +1 -1
- package/storybook_compiled/assets/Icons-CHZ3sejY.css +1 -0
- package/storybook_compiled/assets/Icons.stories-_a3Hhhth.js +1 -0
- package/storybook_compiled/assets/{LayoutHelper-Ct6D8DyX.js → LayoutHelper-GD1ZhCA0.js} +1 -1
- package/storybook_compiled/assets/{LogoCaltech-BVhdl9FV.js → LogoCaltech-COvXfxkm.js} +1 -1
- package/storybook_compiled/assets/LogoCaltech.stories-Dfq9gsFR.js +1 -0
- package/storybook_compiled/assets/{LogoTribrand.stories-C75-aCD6.js → LogoTribrand.stories-CjUoimpx.js} +1 -1
- package/storybook_compiled/assets/MissionDetailAbout.stories-BTkNjBmz.js +1 -0
- package/storybook_compiled/assets/MissionDetailHero.stories-C4fM1RMR.js +1 -0
- package/storybook_compiled/assets/MissionDetailHighlights.stories-XvcPUmZp.js +1 -0
- package/storybook_compiled/assets/MissionDetailInlineImage-C75r5u1B.js +1 -0
- package/storybook_compiled/assets/MissionDetailInlineImage.stories-e2NYrw7j.js +2 -0
- package/storybook_compiled/assets/{MissionDetailStats-B-MXIoRM.js → MissionDetailStats-DZ5POsmu.js} +2 -2
- package/storybook_compiled/assets/MissionDetailStats.stories-C9iJHegH.js +1 -0
- package/storybook_compiled/assets/{MissionDetailStatsMicro-CbZcoTd4.js → MissionDetailStatsMicro-CkKs-lVb.js} +1 -1
- package/storybook_compiled/assets/MissionDetailStatsMini-aNq4IdvC.js +1 -0
- package/storybook_compiled/assets/MissionDetailStreamfield.stories-QmmCYuaz.js +1 -0
- package/storybook_compiled/assets/MixinAnimationCaret-jtfuQ9sU.js +1 -0
- package/storybook_compiled/assets/MixinAnimationCaret.stories-D37PD4ui.js +1 -0
- package/storybook_compiled/assets/MixinCarousel-B5MDI_sA.js +1 -0
- package/storybook_compiled/assets/{MixinCarousel.docs-C_n-wjYx.js → MixinCarousel.docs-BKT1m0LE.js} +3 -3
- package/storybook_compiled/assets/{MixinCarousel.stories-CwTQFHe2.js → MixinCarousel.stories-Bllvcyix.js} +5 -5
- package/storybook_compiled/assets/{MixinFancybox-C4c0whl_.js → MixinFancybox-BVrm8APY.js} +1 -1
- package/storybook_compiled/assets/MixinVideoBg-O59WXR18.js +1 -0
- package/storybook_compiled/assets/MixinVideoBg.stories-DlUbpaPY.js +1 -0
- package/storybook_compiled/assets/NavDesktop-5YLbtTfg.css +1 -0
- package/storybook_compiled/assets/NavDesktop.stories-B5E_Y5HI.js +8 -0
- package/storybook_compiled/assets/NavDesktopEdu-BfV8TV4w.css +1 -0
- package/storybook_compiled/assets/NavDesktopEdu.stories-B3vPY5L-.js +1 -0
- package/storybook_compiled/assets/NavDesktopTopHat-39T-Z088.css +1 -0
- package/storybook_compiled/assets/NavDesktopTopHat-B1d6TDfh.js +1 -0
- package/storybook_compiled/assets/NavDropdownToggle-CrOQ2AD_.js +1 -0
- package/storybook_compiled/assets/NavHeading.stories-BI2P8ykg.js +1 -0
- package/storybook_compiled/assets/NavHighlight.stories-tiG-2nYs.js +1 -0
- package/storybook_compiled/assets/NavLinkList.stories-BVvK-y15.js +1 -0
- package/storybook_compiled/assets/NavLogoLinks-CJOOtP9A.js +1 -0
- package/storybook_compiled/assets/NavLogoLinks.stories-BrjSqs1u.js +1 -0
- package/storybook_compiled/assets/NavMobile-2irR_W7p.js +1 -0
- package/storybook_compiled/assets/NavMobile-CO2mE4YA.css +1 -0
- package/storybook_compiled/assets/NavMobile.stories-CRmrmVpD.js +16 -0
- package/storybook_compiled/assets/NavMobileEdu.stories-C3nvzlns.js +7 -0
- package/storybook_compiled/assets/NavSearchForm-ChYXzwVT.js +1 -0
- package/storybook_compiled/assets/NavSearchForm.stories-BHcO0-gS.js +1 -0
- package/storybook_compiled/assets/NavSecondary-DhWU14sK.css +1 -0
- package/storybook_compiled/assets/NavSecondary.stories-iIxumQ1n.js +1 -0
- package/storybook_compiled/assets/NavSecondaryDropdownContent-Dtd55PZ-.js +1 -0
- package/storybook_compiled/assets/NavSocial-BDZd1krx.js +1 -0
- package/storybook_compiled/assets/NavSocial-BtSi5UpT.css +1 -0
- package/storybook_compiled/assets/NavSocial.stories-CQCoFTgc.js +1 -0
- package/storybook_compiled/assets/NewsDetailMediaContact-CMShBxd1.js +1 -0
- package/storybook_compiled/assets/NewsDetailMediaContact.stories-BuDs1zWR.js +1 -0
- package/storybook_compiled/assets/PageContent.stories-B2EAWxlL.js +3 -0
- package/storybook_compiled/assets/PageEduNewsDetail.stories-DHs7KBPg.js +1 -0
- package/storybook_compiled/assets/PageEventDetail.stories-CSE1g8rs.js +2 -0
- package/storybook_compiled/assets/PageNewsDetail.stories-Dq6077BR.js +1 -0
- package/storybook_compiled/assets/{ParallaxContainer.stories-Cyx0sG4g.js → ParallaxContainer.stories-QWRTbSzG.js} +2 -2
- package/storybook_compiled/assets/{ParallaxElement-Brgd4nzz.js → ParallaxElement-DMnOiim2.js} +1 -1
- package/storybook_compiled/assets/PodcastSeriesCarousel.stories-BHv2rwfp.js +1 -0
- package/storybook_compiled/assets/RoboticsDetailStats.stories-DyJXDPF5.js +1 -0
- package/storybook_compiled/assets/RoboticsDetailStatsMini-D87WDZjE.js +1 -0
- package/storybook_compiled/assets/{SearchFilterGroup.stories-DCg2R3KE.js → SearchFilterGroup.stories-w1FE_fuG.js} +1 -1
- package/storybook_compiled/assets/SearchInput-BKIIZJDU.js +1 -0
- package/storybook_compiled/assets/SearchInput-lVFg2iQU.css +1 -0
- package/storybook_compiled/assets/SearchInput.stories-Da-chAuG.js +1 -0
- package/storybook_compiled/assets/SearchPagination.stories-B3NZCvin.js +1 -0
- package/storybook_compiled/assets/SearchResultCard.stories-Di-Fhq6N.js +1 -0
- package/storybook_compiled/assets/{SearchResultGridItem-a5M8jKwq.js → SearchResultGridItem-DIHZeK5X.js} +1 -1
- package/storybook_compiled/assets/SearchResultGridItem.stories-i0J9Ap-t.js +1 -0
- package/storybook_compiled/assets/SearchSelectMenu.stories-BDNOv79n.js +1 -0
- package/storybook_compiled/assets/{ShareButtons-CxGd2MEg.js → ShareButtons-D0QbHdDm.js} +1 -1
- package/storybook_compiled/assets/ShareButtons.stories-Dxbastgm.js +1 -0
- package/storybook_compiled/assets/ShareButtonsEdu-BWIipFBW.js +1 -0
- package/storybook_compiled/assets/ShareButtonsEdu.stories-DixpmEOX.js +1 -0
- package/storybook_compiled/assets/SkipLink.stories-BV7flBOj.js +1 -0
- package/storybook_compiled/assets/SwimlaneCTA-BJ7xmZUw.css +1 -0
- package/storybook_compiled/assets/SwimlaneCTA.stories-BnD82Eut.js +33 -0
- package/storybook_compiled/assets/TextArea-HJh0nccl.js +1 -0
- package/storybook_compiled/assets/TextArea.stories-CXN56s74.js +1 -0
- package/storybook_compiled/assets/TextInput-Bj-9n-hn.js +1 -0
- package/storybook_compiled/assets/TextInput.stories-C9yHS9Rr.js +1 -0
- package/storybook_compiled/assets/TheFooter.stories-u3E9iLFE.js +1 -0
- package/storybook_compiled/assets/ThumbnailCarousel-BHNi9hpj.js +1 -0
- package/storybook_compiled/assets/ThumbnailCarousel.stories-DImML32v.js +1 -0
- package/storybook_compiled/assets/TopicDetailMissionCarousel.stories-BrUgzI6U.js +1 -0
- package/storybook_compiled/assets/{TopicDetailMissionCarouselItem-DOPT6unl.js → TopicDetailMissionCarouselItem-O5V9HM2P.js} +1 -1
- package/storybook_compiled/assets/TopicDetailMissionCarouselItem.stories-BKfZahPq.js +1 -0
- package/storybook_compiled/assets/TopicDetailMissionSpotlight.stories-JbI5vJMl.js +1 -0
- package/storybook_compiled/assets/TopicDetailMore.stories-Cm_eCtSP.js +1 -0
- package/storybook_compiled/assets/TopicDetailMoreItem-B6_pbb6K.js +1 -0
- package/storybook_compiled/assets/TopicDetailMoreItem.stories-CEk8Y6aP.js +1 -0
- package/storybook_compiled/assets/TopicDetailStreamfield.stories-CbHlDdQ0.js +1 -0
- package/storybook_compiled/assets/YearTicker.stories-BW5jXKpN.js +1 -0
- package/storybook_compiled/assets/{_baseIsEqual-CzzacpXv.js → _baseIsEqual-fLIox711.js} +1 -1
- package/storybook_compiled/assets/_commonjsHelpers-Cpj98o6Y.js +1 -0
- package/storybook_compiled/assets/{_getTag-PRA6plPQ.js → _getTag-C8FzWSU_.js} +1 -1
- package/storybook_compiled/assets/accessibility.docs-D-tvZvhw.js +29 -0
- package/storybook_compiled/assets/{axe-CnvMVRIB.js → axe-BmBZOpIU.js} +1 -1
- package/storybook_compiled/assets/base.docs-eXG0FQ9V.js +20 -0
- package/storybook_compiled/assets/{chunk-HLWAVYOI-wFVfOOjV.js → chunk-HLWAVYOI-CTHyPwGm.js} +2 -2
- package/storybook_compiled/assets/{color.docs-BCuY4-BD.js → color.docs-CzxwxxZ1.js} +1 -1
- package/storybook_compiled/assets/components.docs-DOvwpDvC.js +12 -0
- package/storybook_compiled/assets/{dayjs-X3ghVkCw.js → dayjs-DCgSIwA6.js} +1 -1
- package/storybook_compiled/assets/dayjs.min-DMGOSre-.js +1 -0
- package/storybook_compiled/assets/designer.docs-JjRnV2XR.js +12 -0
- package/storybook_compiled/assets/developer.docs-B8vswpQ9.js +48 -0
- package/storybook_compiled/assets/entry-preview-DwfhI_BJ.js +1 -0
- package/storybook_compiled/assets/entry-preview-docs-DTeQX2X7.js +5 -0
- package/storybook_compiled/assets/forms.docs-C2ft01QU.js +16 -0
- package/storybook_compiled/assets/global.docs-CTZEO1te.js +8 -0
- package/storybook_compiled/assets/global_footers.docs-Bm5ltHRz.js +4 -0
- package/storybook_compiled/assets/global_headers.docs-D8BXYqAo.js +4 -0
- package/storybook_compiled/assets/{grid.docs-Dx6U1LD7.js → grid.docs-HxBQSxch.js} +1 -1
- package/storybook_compiled/assets/{grid.stories-BV2YKFYx.js → grid.stories-DfcDPaIz.js} +1 -1
- package/storybook_compiled/assets/{grid_layouthelpers.docs-HqOguiKS.js → grid_layouthelpers.docs-DjZyTRO6.js} +1 -1
- package/storybook_compiled/assets/grid_layouthelpers.stories-T4Qc9O-6.js +1 -0
- package/storybook_compiled/assets/heroes.docs-LtfPgugX.js +4 -0
- package/storybook_compiled/assets/iframe-Bmn9bxu_.js +2 -0
- package/storybook_compiled/assets/{index-Cs7sjTYM.js → index-B-o1Wr-g.js} +1 -1
- package/storybook_compiled/assets/{index-BI1Biiay.js → index-BSj771as.js} +1 -1
- package/storybook_compiled/assets/{index-Cxc5qDBo.js → index-BVp2zNdV.js} +1 -1
- package/storybook_compiled/assets/{index-fDRD8suA.js → index-DJTmsYlG.js} +5 -5
- package/storybook_compiled/assets/{index-X4jdqS8Z.js → index-DMvR0JbP.js} +1 -1
- package/storybook_compiled/assets/introduction.docs-wtFBJItk.js +21 -0
- package/storybook_compiled/assets/{isObjectLike-CG_uRZWf.js → isObjectLike-CSTKAGkr.js} +1 -1
- package/storybook_compiled/assets/{isSymbol-C8HVCtIZ.js → isSymbol-Cc68LUJO.js} +1 -1
- package/storybook_compiled/assets/{jsx-runtime-BlAj40OV.js → jsx-runtime-j_jdvEMj.js} +1 -1
- package/storybook_compiled/assets/{mixins-DbIv7SqF.js → mixins-BnteVXgB.js} +2 -2
- package/storybook_compiled/assets/mixins.docs-BhHP2oo4.js +5 -0
- package/storybook_compiled/assets/pinia-L1nZKt4a.js +5 -0
- package/storybook_compiled/assets/{preview-BbYnvoqT.js → preview-3axhPx-Q.js} +2 -2
- package/storybook_compiled/assets/{preview-B3OViSNy.js → preview-Cu0yb2zc.js} +2 -2
- package/storybook_compiled/assets/{preview-Dtnh6Xxc.js → preview-D4uLRtjx.js} +1 -1
- package/storybook_compiled/assets/{preview-Cs9wEDFv.css → preview-DzZqzqSl.css} +1 -1
- package/storybook_compiled/assets/{preview-CN_Um-9J.js → preview-_WNbgQqx.js} +2 -2
- package/storybook_compiled/assets/responsive.docs-DJiLEo3e.js +35 -0
- package/storybook_compiled/assets/responsive.stories-DSLqm8X3.js +23 -0
- package/storybook_compiled/assets/roadmap.docs-DwrM65Pj.js +22 -0
- package/storybook_compiled/assets/search.docs-r54e_x6j.js +4 -0
- package/storybook_compiled/assets/stringify-CuSmpoHi.js +1 -0
- package/storybook_compiled/assets/{theme-dYgSQYR4.js → theme-DhtqjaOM.js} +1 -1
- package/storybook_compiled/assets/{themes.docs-oQqNwfG_.js → themes.docs-D4_1qWq3.js} +1 -1
- package/storybook_compiled/assets/{themes.stories-Bx7eeeoO.js → themes.stories-Djwrr8KO.js} +1 -1
- package/storybook_compiled/assets/{throttle-YpSN6uwD.js → throttle-b4cRrwnC.js} +1 -1
- package/storybook_compiled/assets/{typography.docs-CGIdUbi4.js → typography.docs-Dd-uOY00.js} +1 -1
- package/storybook_compiled/assets/{typography.stories-DQXE3iUK.js → typography.stories-ildn3Ndd.js} +3 -3
- package/storybook_compiled/assets/utilities.docs-llDfhNcn.js +4 -0
- package/storybook_compiled/assets/{vue.esm-bundler-CDA66Xr8.js → vue.esm-bundler-Df44Q9wa.js} +1 -1
- package/storybook_compiled/iframe.html +1 -1
- package/storybook_compiled/index.html +0 -6
- package/storybook_compiled/index.json +1 -1
- package/storybook_compiled/project.json +1 -1
- package/storybook_compiled/sb-addons/chromatic-com-storybook-8/manager-bundle.js +1 -1
- package/storybook_compiled/sb-addons/essentials-controls-1/manager-bundle.js +68 -63
- package/storybook_compiled/sb-manager/globals-runtime.js +10076 -10035
- package/storybook_compiled/sb-manager/runtime.js +2717 -2677
- package/storybook_compiled/sb-preview/runtime.js +3077 -3034
- package/storybook_compiled/assets/AsteroidWatchWidget.stories-DWltkqmw.js +0 -1
- package/storybook_compiled/assets/BackToTop.stories-DuTxPWy5.js +0 -3
- package/storybook_compiled/assets/BaseAudio-CXG8GOeX.js +0 -1
- package/storybook_compiled/assets/BaseAudio.stories-DB6CaCLL.js +0 -1
- package/storybook_compiled/assets/BaseButton.stories-BcaKdd_f.js +0 -1
- package/storybook_compiled/assets/BaseHeading-DLHIMYfk.js +0 -1
- package/storybook_compiled/assets/BaseHeading.stories-Bcj2MDG0.js +0 -1
- package/storybook_compiled/assets/BaseImage.stories-DFyZyV-d.js +0 -1
- package/storybook_compiled/assets/BaseImageCaption-BPQ8xmX_.js +0 -1
- package/storybook_compiled/assets/BaseImageCaption.stories-BipwgHJn.js +0 -1
- package/storybook_compiled/assets/BaseImagePlaceholder.stories-DBDCsH1T.js +0 -1
- package/storybook_compiled/assets/BaseLink.stories-BJaps1AO.js +0 -1
- package/storybook_compiled/assets/BaseModal.stories-OXAp4MR-.js +0 -27
- package/storybook_compiled/assets/BasePlaceholder.stories-CTBf4V2F.js +0 -1
- package/storybook_compiled/assets/BaseTag.stories-Cyo3vOy4.js +0 -1
- package/storybook_compiled/assets/BaseTimer.stories-DaMv2e0S.js +0 -1
- package/storybook_compiled/assets/BaseVideo.stories-Cu9f-Z-z.js +0 -1
- package/storybook_compiled/assets/BlockAudio.stories-DnXscgok.js +0 -1
- package/storybook_compiled/assets/BlockCard.stories-Clv6iu07.js +0 -1
- package/storybook_compiled/assets/BlockCardGroup.stories-D4vMJ0_5.js +0 -1
- package/storybook_compiled/assets/BlockCircleImageCard.stories-DzDCAujO.js +0 -1
- package/storybook_compiled/assets/BlockCta-CtXwPWjl.js +0 -1
- package/storybook_compiled/assets/BlockCta.stories-DslzTiBQ.js +0 -1
- package/storybook_compiled/assets/BlockHeading-BItcg2AT.js +0 -1
- package/storybook_compiled/assets/BlockHeading.stories-Crw_H4QR.js +0 -1
- package/storybook_compiled/assets/BlockIframeEmbed.stories-GEKLsI03.js +0 -3
- package/storybook_compiled/assets/BlockImage-OdULo_ad.js +0 -1
- package/storybook_compiled/assets/BlockImage.stories-BCB1tFIP.js +0 -2
- package/storybook_compiled/assets/BlockImageCarouselItem-JJ4JESU7.js +0 -1
- package/storybook_compiled/assets/BlockImageComparison.stories-CtiI-uWW.js +0 -1
- package/storybook_compiled/assets/BlockImageGallery-DMgvo61K.js +0 -1
- package/storybook_compiled/assets/BlockImageGallery.stories-BSLyvrlW.js +0 -1
- package/storybook_compiled/assets/BlockInlineImage-DiHpyISd.js +0 -1
- package/storybook_compiled/assets/BlockInlineImage.stories-CeuVNtRz.js +0 -3
- package/storybook_compiled/assets/BlockKeyPoints.stories-lO5MfvXv.js +0 -1
- package/storybook_compiled/assets/BlockLinkCard.stories-DcW4b8OU.js +0 -1
- package/storybook_compiled/assets/BlockLinkCarousel.stories-DEswlUBd.js +0 -1
- package/storybook_compiled/assets/BlockLinkTile.stories-ChguDGy0.js +0 -1
- package/storybook_compiled/assets/BlockListCards-BkrBzkv4.js +0 -1
- package/storybook_compiled/assets/BlockRelatedLinks.stories-C687XpNw.js +0 -1
- package/storybook_compiled/assets/BlockStreamfield-dUOyqLOr.js +0 -1
- package/storybook_compiled/assets/BlockStreamfield.stories-CZiXgEvh.js +0 -3
- package/storybook_compiled/assets/BlockTable-BE8kcMiq.css +0 -1
- package/storybook_compiled/assets/BlockTable-GUh224BC.js +0 -1
- package/storybook_compiled/assets/BlockTwitterEmbed.stories-Bvi4RIKI.js +0 -1
- package/storybook_compiled/assets/BlockVideo-BL-1quZc.js +0 -1
- package/storybook_compiled/assets/BlockVideo.stories-C7EX17Pv.js +0 -1
- package/storybook_compiled/assets/CalendarButton.stories-DbY3Y0vn.js +0 -10
- package/storybook_compiled/assets/DetailHeadline-Cn9TadTg.js +0 -1
- package/storybook_compiled/assets/DetailHeadline.stories-DKfyzNkk.js +0 -1
- package/storybook_compiled/assets/DocsRenderer-PKQXORMH-CLJLYhzA.js +0 -1
- package/storybook_compiled/assets/DsnWidget.stories-BX-L7ywK.js +0 -1
- package/storybook_compiled/assets/EventDetailHero.stories-CH6CMfYF.js +0 -1
- package/storybook_compiled/assets/FormContact-YO45i9tb.js +0 -1
- package/storybook_compiled/assets/FormContact.stories-8yo9yexv.js +0 -1
- package/storybook_compiled/assets/FormNewsletterSignup-CIEicI_x.js +0 -1
- package/storybook_compiled/assets/FormNewsletterSignup.stories-ChEMmlsD.js +0 -1
- package/storybook_compiled/assets/HeroLarge.stories-s5joD8t1.js +0 -1
- package/storybook_compiled/assets/HeroListingIndex.stories-CMrAD_Ey.js +0 -1
- package/storybook_compiled/assets/HeroMedia.stories-uh2YDcQz.js +0 -2
- package/storybook_compiled/assets/HeroMedium-CrL_imMm.css +0 -1
- package/storybook_compiled/assets/HeroMedium-D4V3X68T.js +0 -1
- package/storybook_compiled/assets/HeroMedium.stories-BgMMfGBa.js +0 -1
- package/storybook_compiled/assets/HomepageCarousel.stories-CL4RVnJ8.js +0 -13
- package/storybook_compiled/assets/HomepageCarouselItem.stories-JTw3jL11.js +0 -1
- package/storybook_compiled/assets/HomepageEmbedBlock.stories-C9Tq-kAa.js +0 -1
- package/storybook_compiled/assets/HomepageFeaturedRobot.stories-XW1gAjQk.js +0 -1
- package/storybook_compiled/assets/HomepageMissionsCarousel.stories-CnLPZkXT.js +0 -1
- package/storybook_compiled/assets/HomepageStats.stories-Bkh2xa08.js +0 -7
- package/storybook_compiled/assets/HomepageTeaserBlock.stories-D7DLWVUT.js +0 -2
- package/storybook_compiled/assets/IconSocialEmail-gB3cfKiv.js +0 -1
- package/storybook_compiled/assets/IconSocialYoutube-DjxK_zvm.js +0 -1
- package/storybook_compiled/assets/Icons-CaJhawB0.css +0 -1
- package/storybook_compiled/assets/Icons.stories-YgBCszUo.js +0 -1
- package/storybook_compiled/assets/LogoCaltech.stories-5sRCUk7-.js +0 -1
- package/storybook_compiled/assets/MissionDetailAbout.stories-CnTd0R4R.js +0 -1
- package/storybook_compiled/assets/MissionDetailHero.stories-DdgRY0pi.js +0 -1
- package/storybook_compiled/assets/MissionDetailHighlights.stories-CktCYNok.js +0 -1
- package/storybook_compiled/assets/MissionDetailInlineImage-uOPVH8CI.js +0 -1
- package/storybook_compiled/assets/MissionDetailInlineImage.stories-Yz2ZcVAf.js +0 -2
- package/storybook_compiled/assets/MissionDetailStats.stories-CGdYuQA5.js +0 -1
- package/storybook_compiled/assets/MissionDetailStatsMini-dvYJyyku.js +0 -1
- package/storybook_compiled/assets/MissionDetailStreamfield.stories-xsSPVYiX.js +0 -1
- package/storybook_compiled/assets/MixinAnimationCaret-HprV5d0n.js +0 -1
- package/storybook_compiled/assets/MixinAnimationCaret.stories-DdRRQbRn.js +0 -1
- package/storybook_compiled/assets/MixinCarousel-CR2mZWRz.js +0 -1
- package/storybook_compiled/assets/MixinDropdownToggle-C8tPPsV5.js +0 -1
- package/storybook_compiled/assets/MixinVideoBg-uJ74WG-K.js +0 -1
- package/storybook_compiled/assets/MixinVideoBg.stories-CPhytIBj.js +0 -1
- package/storybook_compiled/assets/NavDesktop-zxJJctYO.css +0 -1
- package/storybook_compiled/assets/NavDesktop.stories-DbPlcvng.js +0 -8
- package/storybook_compiled/assets/NavHeading.stories-Cv8RdiHT.js +0 -1
- package/storybook_compiled/assets/NavHighlight.stories-CFcY9s2Y.js +0 -1
- package/storybook_compiled/assets/NavLinkList.stories-Bh48_CuL.js +0 -1
- package/storybook_compiled/assets/NavLogoLinks-DXi_BCmh.js +0 -1
- package/storybook_compiled/assets/NavLogoLinks.stories-DL8bXeUN.js +0 -1
- package/storybook_compiled/assets/NavMobile-CPO77-n6.css +0 -1
- package/storybook_compiled/assets/NavMobile.stories-MuYZ3mE-.js +0 -16
- package/storybook_compiled/assets/NavSearchForm-BSJeKUA4.js +0 -1
- package/storybook_compiled/assets/NavSearchForm.stories-DMisJB3l.js +0 -1
- package/storybook_compiled/assets/NavSecondary-C4pJein3.css +0 -1
- package/storybook_compiled/assets/NavSecondary.stories-hy-lcDbr.js +0 -1
- package/storybook_compiled/assets/NavSecondaryDropdownContent-cvjlvxDk.js +0 -1
- package/storybook_compiled/assets/NavSocial-DXi7TH2l.css +0 -1
- package/storybook_compiled/assets/NavSocial-Dhki1kLG.js +0 -1
- package/storybook_compiled/assets/NavSocial.stories-CSC5FfMS.js +0 -1
- package/storybook_compiled/assets/NewsDetailMediaContact-CZizY-7D.js +0 -1
- package/storybook_compiled/assets/NewsDetailMediaContact.stories-DSCIwpYz.js +0 -1
- package/storybook_compiled/assets/PageContent.stories-Db3ExFD0.js +0 -3
- package/storybook_compiled/assets/PageEduNewsDetail.stories-CGFAVlZ-.js +0 -1
- package/storybook_compiled/assets/PageEventDetail.stories-CkYG5fVy.js +0 -2
- package/storybook_compiled/assets/PageNewsDetail.stories-C763w6em.js +0 -1
- package/storybook_compiled/assets/PodcastSeriesCarousel.stories-BwjjRfYr.js +0 -1
- package/storybook_compiled/assets/RoboticsDetailStats.stories-BCJ1RfJs.js +0 -1
- package/storybook_compiled/assets/RoboticsDetailStatsMini-C4fJcFfx.js +0 -1
- package/storybook_compiled/assets/SearchInput-Ca9WbZbq.js +0 -1
- package/storybook_compiled/assets/SearchInput-CelvmsHC.css +0 -1
- package/storybook_compiled/assets/SearchInput.stories-D9EsJesh.js +0 -1
- package/storybook_compiled/assets/SearchPagination.stories-CgptrAAk.js +0 -1
- package/storybook_compiled/assets/SearchResultCard.stories-D8ZGVTJf.js +0 -1
- package/storybook_compiled/assets/SearchResultGridItem.stories-a03tYl-X.js +0 -1
- package/storybook_compiled/assets/SearchSelectMenu.stories-COI9KQBJ.js +0 -1
- package/storybook_compiled/assets/ShareButtons.stories-CxGxqZg_.js +0 -1
- package/storybook_compiled/assets/ShareButtonsEdu-VdQJ-i03.js +0 -1
- package/storybook_compiled/assets/ShareButtonsEdu.stories-BbTBiv3Y.js +0 -1
- package/storybook_compiled/assets/SkipLink.stories-C2rC3jBR.js +0 -1
- package/storybook_compiled/assets/TheFooter.stories-CDQCvAxh.js +0 -1
- package/storybook_compiled/assets/ThumbnailCarousel-CMRU4kHG.js +0 -1
- package/storybook_compiled/assets/ThumbnailCarousel.stories-ChAlJA1n.js +0 -1
- package/storybook_compiled/assets/TopicDetailMissionCarousel.stories-Dc_QRFhe.js +0 -1
- package/storybook_compiled/assets/TopicDetailMissionCarouselItem.stories-QeTUW5AR.js +0 -1
- package/storybook_compiled/assets/TopicDetailMissionSpotlight.stories-BKx45WoZ.js +0 -1
- package/storybook_compiled/assets/TopicDetailMore.stories-jpp4AFcl.js +0 -1
- package/storybook_compiled/assets/TopicDetailMoreItem-Bf_4wtlp.js +0 -1
- package/storybook_compiled/assets/TopicDetailMoreItem.stories-CYLILL0-.js +0 -1
- package/storybook_compiled/assets/TopicDetailStreamfield.stories-WBbqxFZC.js +0 -1
- package/storybook_compiled/assets/YearTicker.stories-xIlnUWdx.js +0 -1
- package/storybook_compiled/assets/_commonjsHelpers-BosuxZz1.js +0 -1
- package/storybook_compiled/assets/dayjs.min-u6jAGraV.js +0 -1
- package/storybook_compiled/assets/entry-preview-DWHj_xVo.js +0 -1
- package/storybook_compiled/assets/entry-preview-docs-DiTdMUE7.js +0 -5
- package/storybook_compiled/assets/grid_layouthelpers.stories-BgQj7Gno.js +0 -1
- package/storybook_compiled/assets/iframe--BJ5i4zN.js +0 -2
- package/storybook_compiled/assets/index-DmUXqhn2.js +0 -4
- package/storybook_compiled/assets/pinia-BNbBHSGv.js +0 -5
|
@@ -12,13 +12,7 @@
|
|
|
12
12
|
color: inherit !important;
|
|
13
13
|
}
|
|
14
14
|
|
|
15
|
-
/* www should be in uppercase */
|
|
16
|
-
.sidebar-item#www {
|
|
17
|
-
text-transform: uppercase;
|
|
18
|
-
}
|
|
19
|
-
|
|
20
15
|
/* create illusion of hrs between sidebar sections */
|
|
21
|
-
.sidebar-item#www,
|
|
22
16
|
.sidebar-item#appendix {
|
|
23
17
|
border-radius: 0;
|
|
24
18
|
border-top: 2px solid rgba(0, 0, 0, 0.1);
|
package/.storybook/preview.ts
CHANGED
|
@@ -104,7 +104,7 @@ const preview: Preview = {
|
|
|
104
104
|
'Getting Started',
|
|
105
105
|
['Developer'],
|
|
106
106
|
'Guides',
|
|
107
|
-
'
|
|
107
|
+
'Foundations',
|
|
108
108
|
[
|
|
109
109
|
'Colors',
|
|
110
110
|
'Typography',
|
|
@@ -112,8 +112,18 @@ const preview: Preview = {
|
|
|
112
112
|
'Logos',
|
|
113
113
|
'Themes',
|
|
114
114
|
'Grid and Layout',
|
|
115
|
+
['Docs'],
|
|
115
116
|
'Responsive Design'
|
|
116
117
|
],
|
|
118
|
+
'Navigation',
|
|
119
|
+
[
|
|
120
|
+
'Overview',
|
|
121
|
+
'Headers',
|
|
122
|
+
['Overview', 'WWW'],
|
|
123
|
+
'Footers',
|
|
124
|
+
['Overview', 'WWW'],
|
|
125
|
+
'Secondary Navigation'
|
|
126
|
+
],
|
|
117
127
|
'Global Layout',
|
|
118
128
|
[
|
|
119
129
|
'Overview',
|
|
@@ -139,7 +149,7 @@ const preview: Preview = {
|
|
|
139
149
|
'Blocks',
|
|
140
150
|
['Overview', 'Heroes', ['Overview', 'Small', 'Medium', 'Large']],
|
|
141
151
|
'Heroes',
|
|
142
|
-
['
|
|
152
|
+
['Overview', 'Small', 'Medium', 'Large', 'Media Only', 'HeroListingIndex'],
|
|
143
153
|
'Forms',
|
|
144
154
|
['Overview', 'TextInput', 'TextArea'],
|
|
145
155
|
'Search',
|
|
@@ -149,7 +159,9 @@ const preview: Preview = {
|
|
|
149
159
|
'Utilities',
|
|
150
160
|
['Overview', '*'],
|
|
151
161
|
'EDU'
|
|
152
|
-
]
|
|
162
|
+
],
|
|
163
|
+
'Mixins',
|
|
164
|
+
['Overview']
|
|
153
165
|
]
|
|
154
166
|
}
|
|
155
167
|
}
|
package/migration-storybook.log
CHANGED
|
@@ -1,5 +1,38 @@
|
|
|
1
1
|
🔎 checking possible migrations..
|
|
2
2
|
|
|
3
|
+
🔎 found a 'missingStorybookDependencies' migration:
|
|
4
|
+
╭ Automigration detected ──────────────────────────────────────────────────────────────────────────────────────────────────╮
|
|
5
|
+
│ │
|
|
6
|
+
│ Found the following Storybook packages used in your project, but they are missing from your project dependencies: │
|
|
7
|
+
│ - @storybook/manager-api: (1 file) │
|
|
8
|
+
│ - @storybook/preview-api: (1 file) │
|
|
9
|
+
│ │
|
|
10
|
+
│ Referencing missing packages can cause your project to crash. We can automatically add them to your dependencies. │
|
|
11
|
+
│ │
|
|
12
|
+
│ More info: https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#failed-to-resolve-import-storybookx-error │
|
|
13
|
+
│ │
|
|
14
|
+
╰──────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────╯
|
|
15
|
+
? Do you want to run the 'missingStorybookDependencies' migration on your project? › (Y/n)✔ Do you want to run the 'missingStorybookDependencies' migration on your project? … yes
|
|
16
|
+
✅ Installing the following packages as devDependencies: @storybook/manager-api,@storybook/preview-api
|
|
17
|
+
✅ ran missingStorybookDependencies migration
|
|
18
|
+
|
|
19
|
+
🔎 found a 'autodocsTrue' migration:
|
|
20
|
+
╭ Automigration detected ────────────────────────────────────────────────────────────────────────────╮
|
|
21
|
+
│ │
|
|
22
|
+
│ We've changed the configuration of autodocs (previous docsPage), so now the value: │
|
|
23
|
+
│ - docs.autodocs: true -- means automatically create docs for every CSF file │
|
|
24
|
+
│ - docs.autodocs: 'tag' -- means only create autodocs for CSF files with the 'autodocs' tag │
|
|
25
|
+
│ - docs.autodocs: false -- means never create autodocs │
|
|
26
|
+
│ │
|
|
27
|
+
│ Based on your prior configuration, we can set the `docs.autodocs` to keep your old behaviour: │
|
|
28
|
+
│ │
|
|
29
|
+
│ docs: { autodocs: true } │
|
|
30
|
+
│ │
|
|
31
|
+
│ More info: https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#autodocs-changes │
|
|
32
|
+
│ │
|
|
33
|
+
╰────────────────────────────────────────────────────────────────────────────────────────────────────╯
|
|
34
|
+
? Do you want to run the 'autodocsTrue' migration on your project? › (Y/n)✔ Do you want to run the 'autodocsTrue' migration on your project? … no
|
|
35
|
+
|
|
3
36
|
⚠️ failed to check fix upgradeStorybookRelatedDependencies
|
|
4
37
|
|
|
5
38
|
TypeError: Invalid Version: link:../../packages/common-storybook
|
|
@@ -10,31 +43,35 @@ TypeError: Invalid Version: link:../../packages/common-storybook
|
|
|
10
43
|
at Array.filter (<anonymous>)
|
|
11
44
|
at Object.check (/Users/smithste/.npm/_npx/bc7e1e37fcb46ffc/node_modules/storybook/dist/generate.cjs:569:1175)
|
|
12
45
|
at process.processTicksAndRejections (node:internal/process/task_queues:95:5)
|
|
13
|
-
at async runFixes (/Users/smithste/.npm/_npx/bc7e1e37fcb46ffc/node_modules/storybook/dist/generate.cjs:
|
|
14
|
-
at async automigrate (/Users/smithste/.npm/_npx/bc7e1e37fcb46ffc/node_modules/storybook/dist/generate.cjs:
|
|
15
|
-
at async doUpgrade (/Users/smithste/.npm/_npx/bc7e1e37fcb46ffc/node_modules/storybook/dist/generate.cjs:
|
|
46
|
+
at async runFixes (/Users/smithste/.npm/_npx/bc7e1e37fcb46ffc/node_modules/storybook/dist/generate.cjs:663:2914)
|
|
47
|
+
at async automigrate (/Users/smithste/.npm/_npx/bc7e1e37fcb46ffc/node_modules/storybook/dist/generate.cjs:663:1620)
|
|
48
|
+
at async doUpgrade (/Users/smithste/.npm/_npx/bc7e1e37fcb46ffc/node_modules/storybook/dist/generate.cjs:679:1608)
|
|
16
49
|
|
|
17
|
-
╭ Migration check ran with failures
|
|
18
|
-
│
|
|
19
|
-
│
|
|
20
|
-
│
|
|
21
|
-
│
|
|
22
|
-
│
|
|
23
|
-
│
|
|
24
|
-
│
|
|
25
|
-
│
|
|
26
|
-
│
|
|
27
|
-
│
|
|
28
|
-
│
|
|
29
|
-
│
|
|
30
|
-
│
|
|
31
|
-
│
|
|
32
|
-
│
|
|
33
|
-
│
|
|
34
|
-
│
|
|
35
|
-
│
|
|
36
|
-
│
|
|
37
|
-
│
|
|
38
|
-
│
|
|
39
|
-
|
|
50
|
+
╭ Migration check ran with failures ────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────╮
|
|
51
|
+
│ │
|
|
52
|
+
│ Successful migrations: │
|
|
53
|
+
│ │
|
|
54
|
+
│ missingStorybookDependencies │
|
|
55
|
+
│ │
|
|
56
|
+
│ Failed migrations: │
|
|
57
|
+
│ │
|
|
58
|
+
│ upgradeStorybookRelatedDependencies: │
|
|
59
|
+
│ Invalid Version: link:../../packages/common-storybook │
|
|
60
|
+
│ │
|
|
61
|
+
│ You can find the full logs in /Users/smithste/repos/explorer-1/apps/vue-storybook/migration-storybook.log │
|
|
62
|
+
│ │
|
|
63
|
+
│ Skipped migrations: │
|
|
64
|
+
│ │
|
|
65
|
+
│ autodocsTrue │
|
|
66
|
+
│ │
|
|
67
|
+
│ ───────────────────────────────────────────────── │
|
|
68
|
+
│ │
|
|
69
|
+
│ If you'd like to run the migrations again, you can do so by running 'npx storybook automigrate' │
|
|
70
|
+
│ │
|
|
71
|
+
│ The automigrations try to migrate common patterns in your project, but might not contain everything needed to migrate to the latest version of Storybook. │
|
|
72
|
+
│ │
|
|
73
|
+
│ Please check the changelog and migration guide for manual migrations and more information: https://storybook.js.org/docs/8.0/migration-guide │
|
|
74
|
+
│ And reach out on Discord if you need help: https://discord.gg/storybook │
|
|
75
|
+
│ │
|
|
76
|
+
╰───────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────╯
|
|
40
77
|
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@explorer-1/vue-storybook",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.3",
|
|
4
4
|
"private": false,
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"access": "public"
|
|
@@ -20,20 +20,22 @@
|
|
|
20
20
|
"swiper": "^11.1.3",
|
|
21
21
|
"vue": "^3.2.47",
|
|
22
22
|
"vue3-compare-image": "^1.2.5",
|
|
23
|
-
"@explorer-1/common": "1.0.
|
|
24
|
-
"@explorer-1/
|
|
25
|
-
"@explorer-1/
|
|
23
|
+
"@explorer-1/common": "1.0.4",
|
|
24
|
+
"@explorer-1/common-storybook": "0.0.2",
|
|
25
|
+
"@explorer-1/vue": "0.1.2"
|
|
26
26
|
},
|
|
27
27
|
"devDependencies": {
|
|
28
28
|
"@chromatic-com/storybook": "^1",
|
|
29
29
|
"@rushstack/eslint-patch": "^1.2.0",
|
|
30
|
-
"@storybook/addon-a11y": "^8.2.
|
|
31
|
-
"@storybook/addon-essentials": "^8.2.
|
|
32
|
-
"@storybook/blocks": "^8.2.
|
|
30
|
+
"@storybook/addon-a11y": "^8.2.4",
|
|
31
|
+
"@storybook/addon-essentials": "^8.2.4",
|
|
32
|
+
"@storybook/blocks": "^8.2.4",
|
|
33
|
+
"@storybook/manager-api": "^8.2.4",
|
|
34
|
+
"@storybook/preview-api": "^8.2.4",
|
|
33
35
|
"@storybook/test-runner": "^0.19.0",
|
|
34
|
-
"@storybook/theming": "^8.2.
|
|
35
|
-
"@storybook/vue3": "^8.2.
|
|
36
|
-
"@storybook/vue3-vite": "^8.2.
|
|
36
|
+
"@storybook/theming": "^8.2.4",
|
|
37
|
+
"@storybook/vue3": "^8.2.4",
|
|
38
|
+
"@storybook/vue3-vite": "^8.2.4",
|
|
37
39
|
"@vitejs/plugin-vue": "^5.0.4",
|
|
38
40
|
"@vue/eslint-config-prettier": "^7.1.0",
|
|
39
41
|
"@whitespace/storybook-addon-html": "^6.1.1",
|
|
@@ -47,7 +49,7 @@
|
|
|
47
49
|
"postcss": "^8.4.38",
|
|
48
50
|
"postcss-import": "^16.1.0",
|
|
49
51
|
"rimraf": "^5.0.5",
|
|
50
|
-
"storybook": "^8.2.
|
|
52
|
+
"storybook": "^8.2.4",
|
|
51
53
|
"storybook-addon-vue-slots": "^0.9.29",
|
|
52
54
|
"tailwindcss": "^3.4.3",
|
|
53
55
|
"ts-node": "^10.9.2",
|
|
@@ -55,15 +57,15 @@
|
|
|
55
57
|
"unplugin-vue-components": "^0.27.0",
|
|
56
58
|
"vite": "^5.3.1",
|
|
57
59
|
"vue-tsc": "^2.0.6",
|
|
58
|
-
"@explorer-1/html": "0.0.
|
|
59
|
-
"@explorer-1/
|
|
60
|
-
"@explorer-1/
|
|
60
|
+
"@explorer-1/html": "0.0.2",
|
|
61
|
+
"@explorer-1/prettier-config": "1.0.0",
|
|
62
|
+
"@explorer-1/tsconfig": "1.0.1"
|
|
61
63
|
},
|
|
62
64
|
"scripts": {
|
|
63
65
|
"dev": "pnpm storybook",
|
|
64
66
|
"prepare:public": "cp -R ./node_modules/@explorer-1/common/src/public/explorer-1/ ./public/explorer-1",
|
|
65
67
|
"prepare:fontcss": "cp ./node_modules/@explorer-1/common/src/scss/_fonts.scss ./public/css/font-face.css",
|
|
66
|
-
"storybook": "storybook dev -c .storybook -p 6006 --ci
|
|
68
|
+
"storybook": "storybook dev -c .storybook -p 6006 --ci",
|
|
67
69
|
"build": "storybook build -c .storybook -o storybook_compiled NODE_ENV='production'",
|
|
68
70
|
"percy": "percy storybook http://localhost:6006",
|
|
69
71
|
"percy:dry-run": "percy storybook http://localhost:6006 --dry-run",
|
|
@@ -75,6 +77,7 @@
|
|
|
75
77
|
"start": "http-server storybook_compiled -p 6006 -c-1 -s",
|
|
76
78
|
"test": "test-storybook --stories-json --maxWorkers=4",
|
|
77
79
|
"test:cross-browser": "test-storybook --stories-json --verbose --maxWorkers=4 --browsers chromium webkit firefox",
|
|
78
|
-
"test:ci": "test-storybook --stories-json --maxWorkers=4"
|
|
80
|
+
"test:ci": "test-storybook --stories-json --maxWorkers=4",
|
|
81
|
+
"update:storybook": "npx storybook@latest upgrade --package-manager pnpm"
|
|
79
82
|
}
|
|
80
83
|
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{j as x,k as d,l as s,F as y,A as w,v as o,x as a,z as e,q as c,y as n,C as r,s as m,D as f}from"./vue.esm-bundler-Df44Q9wa.js";import{B as A}from"./BaseLink-BPfSRH8v.js";import{B as k}from"./BaseUnitToggle-BzOM0_5N.js";import{I as v}from"./IconExternal-Da4Yg-3V.js";import{_ as C}from"./_plugin-vue_export-helper-DlAUqK2U.js";import"./MixinAnimationCaret-jtfuQ9sU.js";import"./IconCaret-Bgz6Efup.js";const u=x({name:"AsteroidWatchWidget",components:{BaseLink:A,IconExternal:v,BaseUnitToggle:k},props:{nextCloseApproaches:{type:Array,required:!1}}}),I={key:0,"aria-label":"Next 5 Earth Approaches within 7.5 million kilometers",class:"AsteroidWatchWidget overflow-hidden"},W={class:"gap-y-10 lg:col-end-9 grid grid-cols-11 col-start-1 col-end-11 gap-6"},z={key:0,class:"lg:col-span-3 lg:row-span-2 lg:text-left gap-y-8 col-span-11 -ml-8 text-center"},B=["srcset"],L=["src"],F={class:"text-subtitle mt-4 text-center"},q={class:"lg:col-span-3 col-span-full"},S=e("p",{class:"label text-subtitle text-jpl-red"},"Approximate Size",-1),E={class:"text-stats-xl"},M={class:"lg:col-span-5 col-span-full"},N=e("p",{class:"label text-subtitle text-jpl-red"},"Closest Earth Approach",-1),V={class:"text-stats-xl"},j={key:1,class:"lg:col-span-3 col-span-full"},R=e("p",{class:"label text-subtitle text-jpl-red"},"Name",-1),D={class:"flex flex-nowrap items-center"},K={key:2,class:"lg:col-span-4 col-span-full"},O=e("p",{class:"label text-subtitle text-jpl-red"},"Date",-1);function P(l,$,Y,Z,Q,X){var g;const _=d("BaseUnitToggle"),h=d("IconExternal"),b=d("BaseLink");return(g=l.nextCloseApproaches)!=null&&g.length?(a(),s("section",I,[(a(!0),s(y,null,w(l.nextCloseApproaches,(t,i)=>(a(),s("div",{key:i,class:"MixedBleedGrid lg:pl-0 pl-4"},[e("div",{class:c([i===0?"bg-gray-light":"border-b border-gray-light-mid","lg:block col-start-indent-col-2 col-end-indent-col-3 hidden"])},null,2),e("div",{class:c([i===0?"bg-gray-light":"border-b border-gray-light-mid","text-gray-dark col-start-indent-col-3 col-end-container lg:py-12 lg:px-0 text-body-lg px-8 py-10 pr-0"])},[e("div",W,[t.comparisonImage&&t.comparisonImage.image&&t.comparisonImage.image.src?(a(),s("div",z,[e("picture",null,[t.comparisonImage.image.webp?(a(),s("source",{key:0,srcset:t.comparisonImage.image.webp.url,type:"image/webp"},null,8,B)):o("",!0),e("img",{loading:"lazy",class:"mx-auto bg-white rounded-full",src:t.comparisonImage.image.src.url,width:"160",height:"160",alt:""},null,8,L)]),e("p",F,n(t.comparisonImage.text),1)])):o("",!0),e("div",q,[S,r(_,{"unit-pair":"M_FT",value:parseFloat(t.sizeFeet),"value-system":"imperial"},{default:m(p=>[e("span",E,n(p.formattedValue),1)]),_:2},1032,["value"])]),e("div",M,[N,r(_,{"unit-pair":"MI_KM",value:parseFloat(t.distanceMiles),"second-value":parseFloat(t.distanceKilometers),"value-system":"imperial"},{default:m(p=>[e("span",V,n(p.formattedValue),1)]),_:2},1032,["value","second-value"])]),t.name?(a(),s("div",j,[R,r(b,{variant:"none",href:t.externalLink,"external-target-blank":""},{default:m(()=>[e("span",D,[e("span",null,n(t.name),1),r(h,{class:"text-jpl-red ml-3 text-lg"})])]),_:2},1032,["href"])])):o("",!0),t.date?(a(),s("div",K,[O,f(" "+n(l.$filters.displayDate(t.date)),1)])):o("",!0)])],2),e("div",{class:c([i===0?"bg-gray-light":"","col-start-container-end col-end-bleed sm:block hidden"])},null,2)]))),128))])):o("",!0)}const T=C(u,[["render",P]]);u.__docgenInfo={displayName:"AsteroidWatchWidget",description:"Displays asteroid widget data. API is parsed by the backend. Frontend retrieves via a graphQL query.",tags:{},exportName:"default",props:[{name:"nextCloseApproaches",type:{name:"NextCloseApproach[]"},required:!1}],sourceFiles:["/Users/smithste/repos/explorer-1/apps/vue-storybook/node_modules/@explorer-1/vue/src/components/AsteroidWatchWidget/AsteroidWatchWidget.vue"]};const oe={title:"Components/WWW/AsteroidWatchWidget",component:T,excludeStories:/.*Data$/,decorators:[()=>({template:'<div id="storyDecorator" class="mt-20"><story/></div>'})],parameters:{html:{root:"#storyDecorator"}},argTypes:{status:{control:{type:"text"}}}},U={nextCloseApproaches:[{name:"(2008 YN2)",date:"2024-06-05",sizeFeet:61,sizeMeters:19,distanceMiles:25e5,distanceKilometers:402e4,externalLink:"https://ssd.jpl.nasa.gov/tools/sbdb_lookup.html#/?sstr=2008%20YN2&view=VOP",comparisonImage:{image:{webp:{url:"https://d2pn8kiwq2w21t.cloudfront.net/images/asteroid_watchmanagem.2e16d0ba.fill-320x320.format-webp_mp07rlQ.webp",__typename:"CustomRendition"},src:{url:"https://d2pn8kiwq2w21t.cloudfront.net/images/asteroid_watchmanagementcommandsda.2e16d0ba.fill-320x320_5YFe2jp.png",__typename:"CustomRendition"},__typename:"CustomImage"},text:"HOUSE-SIZE",__typename:"AsteroidSizeComparison"},__typename:"AsteroidApproach"},{name:"(2024 JR17)",date:"2024-06-05",sizeFeet:260,sizeMeters:80,distanceMiles:46e5,distanceKilometers:74e5,externalLink:"https://ssd.jpl.nasa.gov/tools/sbdb_lookup.html#/?sstr=2024%20JR17&view=VOP",comparisonImage:{image:{webp:{url:"https://d2pn8kiwq2w21t.cloudfront.net/images/asteroid_watchmanagem.2e16d0ba.fill-320x320.format-webp_miCwBak.webp",__typename:"CustomRendition"},src:{url:"https://d2pn8kiwq2w21t.cloudfront.net/images/asteroid_watchmanagementcommandsda.2e16d0ba.fill-320x320_XtfVXBr.png",__typename:"CustomRendition"},__typename:"CustomImage"},text:"BUILDING-SIZE",__typename:"AsteroidSizeComparison"},__typename:"AsteroidApproach"},{name:"(2021 LW3)",date:"2024-06-06",sizeFeet:270,sizeMeters:82,distanceMiles:231e4,distanceKilometers:371e4,externalLink:"https://ssd.jpl.nasa.gov/tools/sbdb_lookup.html#/?sstr=2021%20LW3&view=VOP",comparisonImage:{image:{webp:{url:"https://d2pn8kiwq2w21t.cloudfront.net/images/asteroid_watchmanagem.2e16d0ba.fill-320x320.format-webp_miCwBak.webp",__typename:"CustomRendition"},src:{url:"https://d2pn8kiwq2w21t.cloudfront.net/images/asteroid_watchmanagementcommandsda.2e16d0ba.fill-320x320_XtfVXBr.png",__typename:"CustomRendition"},__typename:"CustomImage"},text:"BUILDING-SIZE",__typename:"AsteroidSizeComparison"},__typename:"AsteroidApproach"},{name:"(2024 LA)",date:"2024-06-07",sizeFeet:77,sizeMeters:24,distanceMiles:112e4,distanceKilometers:18e5,externalLink:"https://ssd.jpl.nasa.gov/tools/sbdb_lookup.html#/?sstr=2024%20LA&view=VOP",comparisonImage:{image:{webp:{url:"https://d2pn8kiwq2w21t.cloudfront.net/images/asteroid_watchmanagem.2e16d0ba.fill-320x320.format-webp_frsqFOl.webp",__typename:"CustomRendition"},src:{url:"https://d2pn8kiwq2w21t.cloudfront.net/images/asteroid_watchmanagementcommandsda.2e16d0ba.fill-320x320_QiuTjYV.png",__typename:"CustomRendition"},__typename:"CustomImage"},text:"AIRPLANE-SIZE",__typename:"AsteroidSizeComparison"},__typename:"AsteroidApproach"},{name:"(2024 KA1)",date:"2024-06-07",sizeFeet:95,sizeMeters:29,distanceMiles:117e4,distanceKilometers:188e4,externalLink:"https://ssd.jpl.nasa.gov/tools/sbdb_lookup.html#/?sstr=2024%20KA1&view=VOP",comparisonImage:{image:{webp:{url:"https://d2pn8kiwq2w21t.cloudfront.net/images/asteroid_watchmanagem.2e16d0ba.fill-320x320.format-webp_frsqFOl.webp",__typename:"CustomRendition"},src:{url:"https://d2pn8kiwq2w21t.cloudfront.net/images/asteroid_watchmanagementcommandsda.2e16d0ba.fill-320x320_QiuTjYV.png",__typename:"CustomRendition"},__typename:"CustomImage"},text:"AIRPLANE-SIZE",__typename:"AsteroidSizeComparison"},__typename:"AsteroidApproach"}]},ne={args:U},ie=["AsteroidWatchWidgetData","BaseStory"];export{U as AsteroidWatchWidgetData,ne as BaseStory,ie as __namedExportsOrder,oe as default};
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
import{j as n,k as s,p as c,s as p,v as i,x as d,C as m,z as u}from"./vue.esm-bundler-Df44Q9wa.js";import{_ as T}from"./throttle-b4cRrwnC.js";import{B as h}from"./BaseButton-BHhee3vf.js";import{I as f}from"./IconDropdown-BNmCT4GT.js";import{_ as B}from"./_plugin-vue_export-helper-DlAUqK2U.js";const t=n({name:"BackToTop",components:{BaseButton:h,IconDropdown:f},props:{threshold:{type:Number,required:!1,default:300},scrollTo:{type:Number,required:!1,default:0}},data(){return{showBackToTop:!1,scrollHandler:null}},mounted(){this.scrollHandler=T(this.onScroll,100),window.addEventListener("scroll",this.scrollHandler,{passive:!0})},beforeUnmount(){this.scrollHandler&&window.removeEventListener("scroll",this.scrollHandler)},methods:{onScroll(){this.showBackToTop=window.scrollY>this.threshold,this.showBackToTop&&this.scrollHandler&&window.removeEventListener("scroll",this.scrollHandler)},scrollToTop(){window.scrollTo({top:this.scrollTo,behavior:"smooth"}),this.$emit("click")}}}),k=u("span",{class:"label-text"},"Back to top",-1);function _(o,b,x,C,N,g){const a=s("IconDropdown"),l=s("BaseButton");return o.showBackToTop?(d(),c(l,{key:0,variant:"primary",class:"BackToTop z-60",compact:"",onClick:o.scrollToTop},{default:p(()=>[m(a),k]),_:1},8,["onClick"])):i("",!0)}const r=B(t,[["render",_]]);t.__docgenInfo={displayName:"BackToTop",exportName:"default",description:"",tags:{},props:[{name:"threshold",type:{name:"number"},required:!1,defaultValue:{func:!1,value:"300"}},{name:"scrollTo",type:{name:"number"},required:!1,defaultValue:{func:!1,value:"0"}}],events:[{name:"click"}],sourceFiles:["/Users/smithste/repos/explorer-1/apps/vue-storybook/node_modules/@explorer-1/vue/src/components/BackToTop/BackToTop.vue"]};const v={title:"Components/Utilities/BackToTop",component:r},w=o=>({components:{BackToTop:r},setup(){return{args:o}},template:`
|
|
2
|
+
<div style="height: 2000px;"><div class="fixed">Will appear here on scroll: <BackToTop v-show="true" v-bind="args" /></div></div>
|
|
3
|
+
`}),e=w.bind({});e.storyName="BackToTop";e.args={threshhold:300,scrollTo:0};const y=["BaseStory"],q=Object.freeze(Object.defineProperty({__proto__:null,BaseStory:e,__namedExportsOrder:y,default:v},Symbol.toStringTag,{value:"Module"}));export{q as B};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{j as w,k as l,l as a,z as i,C as n,Q as P,v as h,y as p,q as I,x as o}from"./vue.esm-bundler-Df44Q9wa.js";import{I as x}from"./IconPlay-8a-2BeqL.js";import{I as k,a as V,b as B,c as M,d as A}from"./IconForwardTen-BCRYW1GJ.js";import{_ as S}from"./_plugin-vue_export-helper-DlAUqK2U.js";const T=10,$=()=>"xxxxxxxx-xxxx-4xxx".replace(/[xy]/g,function(e){const t=Math.random()*16|0;return(e==="x"?t:t&3|8).toString(16)}),m=e=>{const t=new Date(e*1e3).toISOString().substr(11,8);return t.indexOf("00:")===0?t.substr(3):t},c=w({name:"BaseAudio",components:{IconPlay:x,IconPause:k,IconVolume:V,IconMute:B,IconRewindTen:M,IconForwardTen:A},props:{file:{type:String,default:null},autoPlay:{type:Boolean,default:!1}},data(){return{firstPlay:!0,isMuted:!1,loaded:!1,playing:!1,paused:!0,progressStyle:"",currentTime:"00:00",uuid:"0",audio:void 0,totalDuration:0,hideVolumeSlider:!1,volumeValue:T}},computed:{duration(){return this.audio?m(this.totalDuration):""},playerId(){return"player-"+this.uuid}},mounted(){this.uuid=$(),this.audio=this.getAudio(),this.init()},beforeUnmount(){this.audio&&(this.audio.removeEventListener("timeupdate",this._handlePlayingUI),this.audio.removeEventListener("loadeddata",this._handleLoaded),this.audio.removeEventListener("pause",this._handlePlayPause),this.audio.removeEventListener("play",this._handlePlayPause))},methods:{setPosition:function(t){if(this.audio){const u=t.target;if(this.paused||t.target.tagName==="SPAN")return;const d=u.getBoundingClientRect(),r=(t.clientX-d.left)/d.width;this.audio.currentTime=this.audio.duration*r}},updateVolume(){this.audio&&(this.hideVolumeSlider=!1,this.audio.volume=this.volumeValue/100,this.volumeValue/100>0&&(this.isMuted=this.audio.muted=!1),this.volumeValue/100===0&&(this.isMuted=this.audio.muted=!0))},toggleVolume(){this.hideVolumeSlider=!0},stop(){this.audio&&(this.playing=!1,this.paused=!0,this.audio.pause(),this.audio.currentTime=0)},play(){var e;this.playing&&!this.paused||this.audio&&(this.paused=!1,this.audio.play(),this.playing=!0,(e=this.$root)==null||e.$emit("play",this.uuid))},forward(e){return this.audio?this.audio.currentTime+=e:void 0},rewind(e){return this.audio?this.audio.currentTime-=e:void 0},pause(){this.audio&&(this.paused=!this.paused,this.paused?this.audio.pause():this.audio.play())},pauseOthers(e){this.audio&&this.uuid!==e&&(this.paused=!0,this.audio.pause())},toggleMute(){this.audio&&(this.isMuted=!this.isMuted,this.audio.muted=this.isMuted,this.volumeValue=this.isMuted?0:100)},_handleLoaded(){if(this.audio&&this.audio.readyState>=2)this.autoPlay&&this.play(),this.loaded=!0,this.totalDuration=this.audio.duration;else throw new Error("Failed to load audio file")},_handlePlayingUI(e){if(this.audio){const t=this.audio.currentTime,u=t/this.totalDuration*100;this.progressStyle=`width: ${u}%;`,this.currentTime=m(t)}},_handlePlayPause(e){this.audio&&e.type==="play"&&this.firstPlay&&(this.audio.currentTime=0,this.firstPlay&&(this.firstPlay=!1)),e.type==="pause"&&this.playing===!1&&(this.progressStyle="width:0%",this.currentTime="00:00",this.paused=!0)},_handleEnded(){this.paused=this.playing=!1},init(){this.audio&&(this.audio.addEventListener("timeupdate",this._handlePlayingUI),this.audio.addEventListener("loadeddata",this._handleLoaded),this.audio.addEventListener("pause",this._handlePlayPause),this.audio.addEventListener("play",this._handlePlayPause),this.audio.addEventListener("ended",this._handleEnded))},getAudio(){return console.log(this.$el.querySelectorAll("audio")[0]),this.$el.querySelectorAll("audio")[0]}}}),C={class:"BaseAudio"},E={class:"BaseAudio__stage sm:pr-5"},L={class:"BaseAudio__player w-full select-none"},U={class:"flex flex-row w-full"},F={class:"z-30 text-sm md:text-base"},D={class:"flex flex-col w-full z-20"},N={class:"flex flex-row text-white"},j={class:"flex flex-row justify-between w-full py-1.5 px-3"},R={class:"BaseAudio__playback-time-current text-sm md:text-base pr-1 md:pr-3 text-left"},z={key:0,class:"BaseAudio__rewind-forward animate-fadeIn"},q={class:"BaseAudio__playback-time-total"},O=["id","src"];function H(e,t,u,d,r,Q){const f=l("IconPlay"),y=l("IconPause"),g=l("IconRewindTen"),v=l("IconForwardTen"),_=l("IconMute"),b=l("IconVolume");return o(),a("div",C,[i("div",E,[i("div",L,[i("div",U,[i("div",F,[e.paused?(o(),a("button",{key:0,class:"cursor-pointer",title:"Play","aria-label":"Play",onClick:t[0]||(t[0]=s=>e.play())},[n(f,{class:"bg-jpl-red text-white"})])):(o(),a("button",{key:1,class:"cursor-pointer",title:"Pause","aria-label":"Pause",onClick:t[1]||(t[1]=s=>e.pause())},[n(y,{class:"bg-jpl-red text-white"})]))]),i("div",D,[i("div",{class:"BaseAudio__playback-time-wrapper cursor-pointer relative inline-block w-full border-t border-jpl-red bg-gray-mid-dark bg-opacity-25 h-2",title:"Playback Position",onClick:t[2]||(t[2]=(...s)=>e.setPosition&&e.setPosition(...s))},[e.playing?(o(),a("div",{key:0,style:P(e.progressStyle),class:"BaseAudio__playback-time-indicator bg-jpl-red transition-all transform-gpu duration-50 absolute top-0 left-0 bottom-0 h-2"},null,4)):h("",!0)]),i("div",N,[i("div",j,[i("span",R,p(e.currentTime),1),e.playing?(o(),a("div",z,[i("button",{class:"cursor-pointer",title:"Rewind","aria-label":"Rewind 10 seconds",onClick:t[3]||(t[3]=s=>e.rewind(10))},[n(g)]),i("button",{class:"cursor-pointer",title:"Fast Forward","aria-label":"Fast-forward 10 seconds",onClick:t[4]||(t[4]=s=>e.forward(10))},[n(v)])])):h("",!0),i("span",q,p(e.duration),1)]),i("div",{class:I(["BaseAudio__extern-wrapper flex flex-row",e.playing?"-mt-1.5 sm:-mt-0.5 md:mt-0 lg:-mt-0.5":"-mt-1.5 sm:mt-0.5 md:mt-1 lg:mt-1.5"])},[e.isMuted?(o(),a("button",{key:0,class:"cursor-pointer",title:"Unmute","aria-label":"Unmute",onClick:t[5]||(t[5]=s=>e.toggleMute())},[n(_)])):(o(),a("button",{key:1,class:"cursor-pointer",title:"Mute","aria-label":"Mute",onClick:t[6]||(t[6]=s=>e.toggleMute())},[n(b)]))],2)])])])]),i("audio",{id:e.playerId,ref:"player",src:e.file,preload:"auto",class:"hidden min-w-full left-0 right-0"},null,8,O)]),i("a",{class:"volume-toggle absolute right-5 -bottom-4",title:"Volume",onMouseover:t[7]||(t[7]=s=>e.toggleVolume())},null,32)])}const W=S(c,[["render",H]]);c.__docgenInfo={displayName:"BaseAudio",exportName:"default",description:"",tags:{},props:[{name:"file",type:{name:"string"},defaultValue:{func:!1,value:"null"}},{name:"autoPlay",type:{name:"boolean"},defaultValue:{func:!1,value:"false"}}],sourceFiles:["/Users/smithste/repos/explorer-1/apps/vue-storybook/node_modules/@explorer-1/vue/src/components/BaseAudio/BaseAudio.vue"]};export{W as B};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{B as o}from"./BaseAudio-DGE0jYhn.js";import"./vue.esm-bundler-Df44Q9wa.js";import"./IconPlay-8a-2BeqL.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";import"./IconForwardTen-BCRYW1GJ.js";const p={title:"Components/Base/BaseAudio",component:o,decorators:[()=>({template:'<div id="storyDecorator" class="bg-black p-4 pb-5"><story/></div>'})],parameters:{html:{root:"#storyDecorator"}},excludeStories:/.*Data$/},a={file:"/audio/file_example_MP3_700KB.mp3",autoPlay:!1,loop:!1},d={name:"BaseAudio",args:a},m=["BaseAudioData","BaseStory"];export{a as BaseAudioData,d as BaseStory,m as __namedExportsOrder,p as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{
|
|
1
|
+
import{j as r,p as n,s as i,q as o,B as u,x as f,z as d,u as a}from"./vue.esm-bundler-Df44Q9wa.js";import{_ as c}from"./_plugin-vue_export-helper-DlAUqK2U.js";const t={primary:"-primary",secondary:"-secondary",dark:"-dark",social:"-social"},l=r({name:"BaseButton",props:{variant:{type:String,required:!1,default:"primary",validator:e=>Object.keys(t).includes(e)},compact:{type:Boolean,default:!1,required:!1},blockClasses:{type:String,required:!1,default:"inline-block"},disabled:{type:Boolean,default:!1,required:!1},ariaLabel:{type:String,default:"",required:!1},to:{type:[String,Object],required:!1,default:void 0},href:{type:String,required:!1,default:void 0}},emits:["click"],computed:{tag(){return this.disabled?"button":this.to?"nuxt-link":this.href?"a":"button"},theHref(){if(this.tag==="nuxt-link")return this.to;if(this.tag==="a")return this.href},variantClass(){let e=t[this.variant];return!this.$slots.default&&this.$slots.icon?e=e+" -icon-only":this.compact&&(e=e+" -compact"),this.blockClasses&&(e=e+" "+this.blockClasses),e}}}),p={class:"label block"};function m(e,s,b,v,y,h){return f(),n(u(e.tag),{class:o(["BaseButton text-contrast-none",e.variantClass]),"aria-label":e.ariaLabel,disabled:e.disabled,href:e.theHref,to:e.to?e.to:void 0,onClick:s[0]||(s[0]=k=>e.$emit("click"))},{default:i(()=>[d("span",p,[a(e.$slots,"default"),a(e.$slots,"icon"),a(e.$slots,"afterIcon")])]),_:3},8,["class","aria-label","disabled","href","to"])}const q=c(l,[["render",m]]);l.__docgenInfo={displayName:"BaseButton",exportName:"default",description:"",tags:{},props:[{name:"variant",type:{name:"string"},required:!1,defaultValue:{func:!1,value:"'primary'"}},{name:"compact",type:{name:"boolean"},required:!1,defaultValue:{func:!1,value:"false"}},{name:"blockClasses",type:{name:"string"},required:!1,defaultValue:{func:!1,value:"'inline-block'"}},{name:"disabled",type:{name:"boolean"},required:!1,defaultValue:{func:!1,value:"false"}},{name:"ariaLabel",type:{name:"string"},required:!1,defaultValue:{func:!1,value:"''"}},{name:"to",type:{name:"string|object"},required:!1,defaultValue:{func:!1,value:"undefined"}},{name:"href",type:{name:"string"},required:!1,defaultValue:{func:!1,value:"undefined"}}],events:[{name:"click"}],slots:[{name:"default"},{name:"icon"},{name:"afterIcon"}],sourceFiles:["/Users/smithste/repos/explorer-1/apps/vue-storybook/node_modules/@explorer-1/vue/src/components/BaseButton/BaseButton.vue"]};export{q as B,t as v};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{B as a,v as e}from"./BaseButton-BHhee3vf.js";const o={title:"Components/Base/BaseButton",component:a,excludeStories:/.*(Data)$/,tags:["autodocs"],parameters:{slots:{default:"BaseStory slot content"},docs:{description:{component:"Simple button with several style variations."}}},argTypes:{ariaLabel:{type:"string",description:"ARIA label. Recommended if your button label isn't descriptive, or if it only contains an icon."},variant:{type:"string",description:"Button variant type",control:{type:"select"},options:Object.keys(e),table:{defaultValue:{summary:"default"}}}}},t={label:"Explore",ariaLabel:"Explore",compact:!1,disabled:!1,to:"/",default:"Button"},n={name:"Primary Button",args:{...t,variant:"primary"}},s={args:{...t,variant:"secondary"}},r={args:{...t,variant:"dark"}},i=["BaseButtonData","BaseStory","SecondaryButton","DarkButton"],c=Object.freeze(Object.defineProperty({__proto__:null,BaseButtonData:t,BaseStory:n,DarkButton:r,SecondaryButton:s,__namedExportsOrder:i,default:o},Symbol.toStringTag,{value:"Module"}));export{c as B};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{j as i,l as t,y as r,v as l,z as n,F as d,A as o,x as a}from"./vue.esm-bundler-Df44Q9wa.js";import{_ as c}from"./_plugin-vue_export-helper-DlAUqK2U.js";const u=i({name:"BaseCheckboxGroup",props:{group:{type:String,default:null,required:!1},heading:{type:String,default:null,required:!1},subHeading:{type:String,default:null,required:!1},title:{type:String,default:null,required:!1},options:{type:Array,default:null,required:!1}}}),p={class:"BaseCheckboxGroup"},f={key:0,class:"text-lg font-semibold text-gray-900"},m={key:1,class:"text-lg pt-4 pb-2 pr-4"},g={class:"mt-4"},_={key:0,class:"sr-only"},y={key:1,class:"space-y-4 mb-2 pb-5"},h={class:"flex items-center h-5"},b=["id","aria-describedby","name","alt","value"],k={class:"mb-1"},v=["for"],x={key:0,class:"font-semibold"},$={key:1},q=["id"];function B(s,C,V,G,S,F){return a(),t("div",p,[s.heading?(a(),t("label",f,r(s.heading),1)):l("",!0),s.subHeading?(a(),t("p",m,r(s.subHeading),1)):l("",!0),n("fieldset",g,[s.title?(a(),t("legend",_,r(s.title),1)):l("",!0),s.options?(a(),t("div",y,[(a(!0),t(d,null,o(s.options,e=>(a(),t("div",{key:e.id,class:"relative flex items-start"},[n("div",h,[n("input",{id:`${s.group}_${e.id}`,"aria-describedby":e.text?`${s.group}_${e.id}_description`:void 0,name:e.name,alt:e.alt,value:e.value,type:"checkbox",class:"h-5 w-5 mt-0.5"},null,8,b)]),n("div",k,[n("label",{for:`${s.group}_${e.id}`,class:"ml-3 block text-md text-gray-700"},[e.title?(a(),t("span",x,r(e.title),1)):l("",!0),e.text?(a(),t("span",$," - ")):l("",!0),e.text?(a(),t("span",{key:2,id:`${s.group}_${e.id}_description`,class:"font-light"},r(e.text),9,q)):l("",!0)],8,v)])]))),128))])):l("",!0)])])}const A=c(u,[["render",B]]);u.__docgenInfo={displayName:"BaseCheckboxGroup",exportName:"default",description:"",tags:{},props:[{name:"group",type:{name:"string"},required:!1,defaultValue:{func:!1,value:"null"}},{name:"heading",type:{name:"string"},required:!1,defaultValue:{func:!1,value:"null"}},{name:"subHeading",type:{name:"string"},required:!1,defaultValue:{func:!1,value:"null"}},{name:"title",type:{name:"string"},required:!1,defaultValue:{func:!1,value:"null"}},{name:"options",type:{name:"FormOption[]"},required:!1,defaultValue:{func:!1,value:"null"}}],sourceFiles:["/Users/smithste/repos/explorer-1/apps/vue-storybook/node_modules/@explorer-1/vue/src/components/BaseCheckboxGroup/BaseCheckboxGroup.vue"]};export{A as B};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{B as t}from"./BaseCheckboxGroup-DY-ePlLA.js";import"./vue.esm-bundler-Df44Q9wa.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";const i={title:"Components/Base/BaseCheckboxGroup",component:t},r={args:{options:[{id:"educators",title:"Educators",text:null},{id:"educator-workshop",title:"Educators Workshops",text:"Southern California"},{id:"students",title:"Students K-12",text:null},{id:"internships",title:"Internships",text:null}],group:"edumail",heading:"JPL Education Groups",subHeading:"The JPL Education Office also offers email updates about classroom activities and workshops for educators, projects and competitons for K-12 students and internship opportunities at JPL and NASA.",title:"Education Email Groups"}},a=["BaseStory"];export{r as BaseStory,a as __namedExportsOrder,i as default};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{j as t,p as l,s as r,q as n,B as o,x as i,u}from"./vue.esm-bundler-Df44Q9wa.js";import{_ as d}from"./_plugin-vue_export-helper-DlAUqK2U.js";const s={h1:"text-h1",h2:"text-h2",h3:"text-h3",h4:"text-h4",h5:"text-h5",h6:"text-h6"},a=t({name:"BaseHeading",props:{level:{type:String||null,required:!1,default:"h2",validator:e=>Object.keys(s).includes(e)},size:{type:String,required:!1,default:"h2",validator:e=>Object.keys(s).includes(e)}},computed:{computedTag(){return this.level?this.level:this.size},computedClass(){return this.size?s[this.size]:""}}});function p(e,c,f,h,m,g){return i(),l(o(e.computedTag),{class:n(e.computedClass)},{default:r(()=>[u(e.$slots,"default")]),_:3},8,["class"])}const y=d(a,[["render",p]]);a.__docgenInfo={displayName:"BaseHeading",exportName:"default",description:"",tags:{},props:[{name:"level",type:{name:"(String as PropType<HeadingLevel>) || null"},required:!1,defaultValue:{func:!1,value:"'h2'"}},{name:"size",type:{name:"HeadingLevel"},required:!1,defaultValue:{func:!1,value:"'h2'"}}],slots:[{name:"default"}],sourceFiles:["/Users/smithste/repos/explorer-1/apps/vue-storybook/node_modules/@explorer-1/vue/src/components/BaseHeading/BaseHeading.vue"]};export{y as B};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{B as e}from"./BaseHeading-CkC9-GRX.js";import{I as n}from"./IconArrows-CyhKJKfy.js";import{I as t}from"./IconLocation-DHnc2sjO.js";import{I as i}from"./IconUser-DmsHfdMw.js";const o={title:"Components/Base/BaseHeading",component:e,argTypes:{size:{type:{name:"string",required:!0},description:"The display size of the heading.",control:{type:"select"},options:["h1","h2","h3","h4","h5","h6"]},level:{type:{name:"string",required:!1},description:"The semantic heading tag if different from the display size (ex: a heading looks like an `h4`, but semantically, it is an `h1`.",control:{type:"select"},options:["h1","h2","h3","h4","h5","h6"]}},parameters:{slots:{default:"BaseStory slot content"},viewMode:"docs",docs:{description:{component:"Base component for headings. Allows for retaining semantic markup while varying the text size."}}}},r={name:"H1",args:{size:"h1",level:"h1",default:"Heading 1"}},l={name:"H2",args:{size:"h2",level:"h2",default:"Heading 2"}},d={name:"H3",args:{size:"h3",level:"h3",default:"Heading 3"}},c={name:"H4",args:{size:"h4",level:"h4",default:"Heading 4"}},g={name:"H5",args:{size:"h5",level:"h5",default:"Heading 5"}},h={name:"H6",args:{size:"h6",level:"h6",default:"Heading 6"}},H=a=>({components:{BaseHeading:e,IconArrows:n,IconLocation:t,IconUser:i},setup(){return{args:a}},template:'<div><BaseHeading v-bind="args"><IconArrows class="inline" /> {{ args.default }}</BaseHeading><BaseHeading class="mt-8" v-bind="args"><IconLocation class="inline" /> {{ args.default }}</BaseHeading></div><BaseHeading class="mt-8" v-bind="args"><IconUser class="inline" /> {{ args.default }}</BaseHeading>'}),s=H.bind({});s.args={size:"h1",level:"h1",default:"Heading 1"};const m=["BaseStory","H2","H3","H4","H5","H6","HeadingsWithIcons"],v=Object.freeze(Object.defineProperty({__proto__:null,BaseStory:r,H2:l,H3:d,H4:c,H5:g,H6:h,HeadingsWithIcons:s,__namedExportsOrder:m,default:o},Symbol.toStringTag,{value:"Module"}));export{v as B};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{
|
|
1
|
+
import{j as l,l as t,q as o,v as d,x as s}from"./vue.esm-bundler-Df44Q9wa.js";import{_ as m}from"./_plugin-vue_export-helper-DlAUqK2U.js";const r={none:"object-none",contain:"object-contain",cover:"object-cover",fill:"object-fill",scaleDown:"object-scale-down"},i=l({name:"BaseImage",props:{imageClass:{type:String,required:!1},objectFitClass:{type:String,required:!1,default:"contain",validator:e=>Object.keys(r).includes(e)},src:{type:String,required:!0},srcset:{type:String,required:!1,default:""},alt:{type:String},width:{type:[Number,String]},height:{type:[Number,String]},loading:{type:String,required:!1,default:"lazy"}},data(){return{lazyNative:!0}},computed:{computedClass(){let e="";return this.imageClass&&(e=e+" "+this.imageClass),this.objectFitClass&&(e=e+" "+r[this.objectFitClass]),this.lazyNative||(e=e+" lazyload"),e}},mounted(){this.featureDetectImageLazyLoad()},methods:{featureDetectImageLazyLoad(){if("loading"in HTMLImageElement.prototype){const e=this.$refs.BaseImage?this.$refs.BaseImage:null;this.lazyNative=!0,e&&e.dataset.src&&(e.src=e.dataset.src),e&&e.dataset.srcset&&(e.srcset=e.dataset.srcset)}else this.lazyNative=!1},imageFailed(){console.log("Image failed to load.")}}}),c=["data-src","data-srcset","alt","width","height","loading"];function u(e,a,g,f,p,y){return s(),t("div",null,[e.src?(s(),t("img",{key:0,ref:"BaseImage",class:o(["BaseImage",e.computedClass]),"data-src":e.src,"data-srcset":e.srcset,alt:e.alt,width:e.width,height:e.height,loading:e.loading,"data-chromatic":"ignore",onError:a[0]||(a[0]=(...n)=>e.imageFailed&&e.imageFailed(...n))},null,42,c)):d("",!0)])}const v=m(i,[["render",u]]);i.__docgenInfo={displayName:"BaseImage",exportName:"default",description:"",tags:{},props:[{name:"imageClass",type:{name:"string"},required:!1},{name:"objectFitClass",type:{name:"string"},required:!1,defaultValue:{func:!1,value:"'contain'"}},{name:"src",type:{name:"string"},required:!0},{name:"srcset",type:{name:"string"},required:!1,defaultValue:{func:!1,value:"''"}},{name:"alt",type:{name:"string"}},{name:"width",type:{name:"number|string"}},{name:"height",type:{name:"number|string"}},{name:"loading",type:{name:"ImageLoader"},required:!1,defaultValue:{func:!1,value:"'lazy'"}}],sourceFiles:["/Users/smithste/repos/explorer-1/apps/vue-storybook/node_modules/@explorer-1/vue/src/components/BaseImage/BaseImage.vue"]};export{v as B,r as o};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{B as t,o as s}from"./BaseImage-CVYIfxPD.js";const a={title:"Components/Base/BaseImage",component:t,excludeStories:/.*Data$/,argTypes:{objectFitClass:{description:"Use Tailwind CSS object fit classes to specify how the image will scale within `BaseImagePlaceholder`",control:{type:"select"},options:Object.keys(s)}},parameters:{docs:{description:{component:"The BaseImage component is a simple `<img />` tag wrapped in a `<div>` and is used to render an image with object-fit classes and lazy loading properties."}}}},e={src:"https://picsum.photos/800/400",srcset:"https://picsum.photos/800/400 800w, ",alt:"Alt text for image",width:800,height:400,imageClass:"",objectFitClass:"contain"},o={args:e,decorators:[()=>({template:'<div class="max-w-full"><story /></div>'})]},i={args:e,decorators:[()=>({template:'<div class="max-w-full"><div style="height:3500px">Scroll down and watch the network tab ⬇️</div><div id="storyRoot"><story /></div></div>'})],parameters:{html:{root:"#storyRoot"}}},r=["BaseImageData","BaseStory","LazyLoading"],l=Object.freeze(Object.defineProperty({__proto__:null,BaseImageData:e,BaseStory:o,LazyLoading:i,__namedExportsOrder:r,default:a},Symbol.toStringTag,{value:"Module"}));export{l as B};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{j as r,k as d,l as s,z as o,y as l,v as a,p,s as c,x as t,D as m}from"./vue.esm-bundler-Df44Q9wa.js";import{B as u}from"./BaseLink-BPfSRH8v.js";import{_ as f}from"./_plugin-vue_export-helper-DlAUqK2U.js";const n=r({name:"BaseImageCaption",components:{BaseLink:u},props:{data:{type:Object,required:!0,default:void 0}}}),_={key:0,class:"BaseImageCaption text-body-sm"},B={class:"inline mr-2"},k=["innerHTML"],g={key:0,class:"inline"};function v(e,C,y,I,h,b){const i=d("BaseLink");return e.data?(t(),s("div",_,[o("div",B,[o("div",{class:"the-caption-text inline",innerHTML:e.data.caption},null,8,k),e.data.credit?(t(),s("span",g," Credit: "+l(e.data.credit),1)):a("",!0)]),e.data.detailUrl?(t(),p(i,{key:0,class:"inline-block",variant:"default",to:e.data.detailUrl},{default:c(()=>[m(" Full Image Details ")]),_:1},8,["to"])):a("",!0)])):a("",!0)}const V=f(n,[["render",v]]);n.__docgenInfo={displayName:"BaseImageCaption",exportName:"default",description:"",tags:{},props:[{name:"data",type:{name:"Partial<ImageObject>"},required:!0,defaultValue:{func:!1,value:"undefined"}}],sourceFiles:["/Users/smithste/repos/explorer-1/apps/vue-storybook/node_modules/@explorer-1/vue/src/components/BaseImageCaption/BaseImageCaption.vue"]};export{V as B};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{B as a}from"./BaseImageCaption-6NnZKetV.js";const t={title:"Components/Base/BaseImageCaption",component:a,excludeStories:/.*Data$/,parameters:{docs:{description:{component:"Caption text used with both images and videos."}}}},e={caption:'<p>Aliquam finibus accumsan dapibus. In <a href="#">sagittis et sapien</a> nec vehicula. Suspendisse euismod consequat risus, vel dignissim elit scelerisque sed. Nullam elit ipsum, suscipit ut quam et, molestie aliquam leo.</p>',credit:"NASA/JPL",detailUrl:"/image-detail/slug/"},s={args:{data:e}},i=["BaseImageCaptionData","BaseStory"],n=Object.freeze(Object.defineProperty({__proto__:null,BaseImageCaptionData:e,BaseStory:s,__namedExportsOrder:i,default:t},Symbol.toStringTag,{value:"Module"}));export{e as B,n as a};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{
|
|
1
|
+
import{j as o,l as r,z as n,u as a,q as i,x as l}from"./vue.esm-bundler-Df44Q9wa.js";import{_ as p}from"./_plugin-vue_export-helper-DlAUqK2U.js";const t={none:"aspect-ratio-none",portrait:"aspect-ratio-four-five",square:"aspect-ratio-square","1:1":"aspect-ratio-one-one","2:1":"aspect-ratio-two-one","2:3":"aspect-ratio-two-three","3:2":"aspect-ratio-three-two","4:3":"aspect-ratio-four-three","4:5":"aspect-ratio-four-five","7:8":"aspect-ratio-seven-eight","8:7":"aspect-ratio-eight-seven","9:16":"aspect-ratio-nine-sixteen","12:9":"aspect-ratio-twelve-nine","16:7":"aspect-ratio-sixteen-seven","16:9":"aspect-ratio-sixteen-nine","21:9":"aspect-ratio-twentyone-nine"},s=o({name:"BaseImagePlaceholder",props:{darkMode:{type:Boolean,required:!1,default:!0},transparentMode:{type:Boolean,required:!1,default:!1},noLogo:{type:Boolean,default:!1},aspectRatio:{type:String,default:"none",validator:e=>Object.keys(t).includes(e)},responsiveAspectRatio:{type:String,required:!1}},computed:{computedClass(){let e="";return this.aspectRatio&&(e=e+t[this.aspectRatio]),this.responsiveAspectRatio&&(e=`${e} ${this.responsiveAspectRatio}`),this.transparentMode?e=e+" transparent-theme":this.darkMode?e=e+" dark-theme":e=e+" light-theme",this.noLogo&&(e=e+" no-logo"),e}}});function c(e,d,u,f,m,h){return l(),r("div",null,[n("div",{class:i("BaseImagePlaceholder "+e.computedClass)},[a(e.$slots,"default",{},void 0,!0),a(e.$slots,"lightbox",{},void 0,!0)],2)])}const y=p(s,[["render",c],["__scopeId","data-v-b9c22fdc"]]);s.__docgenInfo={displayName:"BaseImagePlaceholder",exportName:"default",description:"",tags:{},props:[{name:"darkMode",type:{name:"boolean"},required:!1,defaultValue:{func:!1,value:"true"}},{name:"transparentMode",type:{name:"boolean"},required:!1,defaultValue:{func:!1,value:"false"}},{name:"noLogo",type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"aspectRatio",type:{name:"string"},defaultValue:{func:!1,value:"'none'"}},{name:"responsiveAspectRatio",type:{name:"string"},required:!1}],slots:[{name:"default"},{name:"lightbox"}],sourceFiles:["/Users/smithste/repos/explorer-1/apps/vue-storybook/node_modules/@explorer-1/vue/src/components/BaseImagePlaceholder/BaseImagePlaceholder.vue"]};export{y as B,t as a};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{B as s}from"./BaseImage-CVYIfxPD.js";import{B as a,a as t}from"./BaseImagePlaceholder-BtjM_abh.js";const o={title:"Components/Base/BaseImagePlaceholder",component:a,excludeStories:/.*Data$/,decorators:()=>({template:'<div class="w-2/3"><story /></div>'}),tags:["autodocs"],parameters:{slots:{default:{description:"Slot for BaseImage",components:{BaseImage:s},template:'<BaseImage :object-fit-class="args.BaseImageProps.objectFitClass" :loading="args.BaseImageProps.loading" :src="args.BaseImageProps.src" :srcset="args.BaseImageProps.srcset" :alt="args.BaseImageProps.alt" :width="args.BaseImageProps.width" :height="args.BaseImageProps.height" />'}},docs:{description:{component:"Aspect ratio CSS class. View dropdown to see all options. More classes can be added in `/src/scss/_aspect-ratios.scss`"}}},argTypes:{aspectRatio:{control:{type:"select"},options:Object.keys(t)},responsiveAspectRatio:{control:{type:"text"}}}},e={aspectRatio:"12:9",darkMode:!0,transparentMode:!1},r={name:"With Image",args:{...e,BaseImageProps:{src:"https://picsum.photos/1200/900",srcset:"https://picsum.photos/1200/900 1200w,",alt:"alt text for image",width:"1200",height:"900",objectFitClass:"contain",loading:"lazy"}}},c={name:"No Image",args:{...e,BaseImageProps:{src:"",srcset:"",alt:"",width:"",height:"",objectFitClass:"scaleDown",loading:""}}},l=["BaseImagePlaceholderData","WithImage","BaseStory"],p=Object.freeze(Object.defineProperty({__proto__:null,BaseImagePlaceholderData:e,BaseStory:c,WithImage:r,__namedExportsOrder:l,default:o},Symbol.toStringTag,{value:"Module"}));export{p as B};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{
|
|
1
|
+
import{j as m,k as o,l as u,p as l,q as t,s as n,u as r,v as y,x as a}from"./vue.esm-bundler-Df44Q9wa.js";import{M as g}from"./MixinAnimationCaret-jtfuQ9sU.js";import{_ as v}from"./_plugin-vue_export-helper-DlAUqK2U.js";const f={primary:"text-subtitle text-action can-hover:hover:text-action-dark",secondary:"text-subtitle text-action can-hover:hover:text-action-dark",default:"-default underline text-action can-hover:hover:text-action-dark",none:""},k={primary:"text-subtitle text-primary can-hover:hover:text-primary-dark",secondary:"text-subtitle text-primary can-hover:hover:text-primary-dark",default:"-default underline text-primary can-hover:hover:text-primary-dark",none:""},d=m({name:"BaseLink",components:{MixinAnimationCaret:g},props:{variant:{type:String,required:!1,default:"default",validator:e=>Object.keys(f).includes(e)},to:{type:[String,Object],default:void 0},exact:{type:Boolean,default:!1},href:{type:String,default:void 0},title:{type:String,default:void 0},ariaLabel:{type:String,default:""},linkClass:{type:String,default:""},target:{type:String,required:!1,default:void 0},externalTargetBlank:{type:Boolean,required:!1,default:!1},caret:{type:Boolean,required:!1,default:!1},caretWrapperClass:{type:String,default:""},caretClass:{type:String,default:""},caretInline:{type:Boolean,required:!1,default:!1},caretColor:{type:String,required:!1,default:""},caretMarginLeft:{type:String,required:!1,default:""},usePrimaryColor:{type:Boolean,required:!1,default:!1}},emits:["linkClicked","specificLinkClicked"],computed:{computedVariants(){return this.usePrimaryColor?k:f},computedClass(){let e=this.computedVariants[this.variant];return(this.to||this.href)&&(e=e+" cursor-pointer"),this.linkClass&&(e=e+" "+this.linkClass),e},theTarget(){if(this.target)return this.target;if(this.href&&this.externalTargetBlank)return"_blank"},theRel(){if(this.theTarget==="_blank")return"noopener"}},methods:{clickEvent(){var e;(e=this.$root)==null||e.$emit("linkClicked"),this.$emit("specificLinkClicked")}}}),C=["href","target","rel","aria-label","title"];function h(e,s,b,V,L,q){const i=o("MixinAnimationCaret"),c=o("nuxt-link");return a(),u("div",null,[e.to?(a(),l(c,{key:0,class:t(["group",e.computedClass]),to:e.to,target:e.theTarget,rel:e.theRel,"aria-label":e.ariaLabel,title:e.title,exact:e.exact,onClick:s[0]||(s[0]=p=>e.clickEvent())},{default:n(()=>[e.caretInline&&e.caret?(a(),l(i,{key:0,inline:"",class:t(e.caretWrapperClass),"arrow-class":e.caretClass,color:e.caretColor,"margin-left":e.caretMarginLeft},{default:n(()=>[r(e.$slots,"default")]),_:3},8,["class","arrow-class","color","margin-left"])):e.variant==="primary"||e.caret?(a(),l(i,{key:1,class:t(e.caretWrapperClass),"arrow-class":e.caretClass,color:e.caretColor,"margin-left":e.caretMarginLeft},{default:n(()=>[r(e.$slots,"default")]),_:3},8,["class","arrow-class","color","margin-left"])):r(e.$slots,"default",{key:2})]),_:3},8,["class","to","target","rel","aria-label","title","exact"])):e.href?(a(),u("a",{key:1,href:e.href,class:t(["group",e.computedClass]),target:e.theTarget,rel:e.theRel,"aria-label":e.ariaLabel,title:e.title,onClick:s[1]||(s[1]=p=>e.clickEvent())},[e.caretInline&&e.caret?(a(),l(i,{key:0,inline:"",class:t(e.caretWrapperClass),"arrow-class":e.caretClass,color:e.caretColor,"margin-left":e.caretMarginLeft},{default:n(()=>[r(e.$slots,"default")]),_:3},8,["class","arrow-class","color","margin-left"])):e.variant==="primary"||e.caret?(a(),l(i,{key:1,class:t(e.caretWrapperClass),"arrow-class":e.caretClass,color:e.caretColor,"margin-left":e.caretMarginLeft},{default:n(()=>[r(e.$slots,"default")]),_:3},8,["class","arrow-class","color","margin-left"])):r(e.$slots,"default",{key:2})],10,C)):y("",!0)])}const M=v(d,[["render",h]]);d.__docgenInfo={displayName:"BaseLink",exportName:"default",description:"",tags:{},props:[{name:"variant",type:{name:"string"},required:!1,defaultValue:{func:!1,value:"'default'"}},{name:"to",type:{name:"string|object"},defaultValue:{func:!1,value:"undefined"}},{name:"exact",type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"href",type:{name:"string"},defaultValue:{func:!1,value:"undefined"}},{name:"title",type:{name:"string"},defaultValue:{func:!1,value:"undefined"}},{name:"ariaLabel",type:{name:"string"},defaultValue:{func:!1,value:"''"}},{name:"linkClass",type:{name:"string"},defaultValue:{func:!1,value:"''"}},{name:"target",type:{name:"string"},required:!1,defaultValue:{func:!1,value:"undefined"}},{name:"externalTargetBlank",type:{name:"boolean"},required:!1,defaultValue:{func:!1,value:"false"}},{name:"caret",type:{name:"boolean"},required:!1,defaultValue:{func:!1,value:"false"}},{name:"caretWrapperClass",type:{name:"string"},defaultValue:{func:!1,value:"''"}},{name:"caretClass",type:{name:"string"},defaultValue:{func:!1,value:"''"}},{name:"caretInline",type:{name:"boolean"},required:!1,defaultValue:{func:!1,value:"false"}},{name:"caretColor",type:{name:"string"},required:!1,defaultValue:{func:!1,value:"''"}},{name:"caretMarginLeft",type:{name:"string"},required:!1,defaultValue:{func:!1,value:"''"}},{name:"usePrimaryColor",type:{name:"boolean"},required:!1,defaultValue:{func:!1,value:"false"}}],events:[{name:"linkClicked"},{name:"specificLinkClicked"}],slots:[{name:"default"}],sourceFiles:["/Users/smithste/repos/explorer-1/apps/vue-storybook/node_modules/@explorer-1/vue/src/components/BaseLink/BaseLink.vue"]};export{M as B,f as v};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{B as e,v as a}from"./BaseLink-BPfSRH8v.js";const o={title:"Components/Base/BaseLink",component:e,parameters:{slots:{default:"BaseStory slot content"}},argTypes:{variant:{control:{type:"select"},options:Object.keys(a)}},excludeStories:/.*Data$/},t={variant:"primary",to:"/",href:"/",caret:!1,caretColor:"text-primary",default:"Link Text"},r={name:"Primary",args:{...t}},s={args:{...t,variant:"secondary"}},n={args:{...t,variant:"default"}},i={args:{...t,variant:"none"}},c=["BaseLinkData","BaseStory","Secondary","DefaultBody","Unstyled"],y=Object.freeze(Object.defineProperty({__proto__:null,BaseLinkData:t,BaseStory:r,DefaultBody:n,Secondary:s,Unstyled:i,__namedExportsOrder:c,default:o},Symbol.toStringTag,{value:"Module"}));export{y as B};
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import{B as m}from"./BaseButton-BHhee3vf.js";import{j as c,k as r,x as i,l as u,z as s,p as k,s as t,u as a,v as w,C as g,D as B,H as T,E as S,G as N}from"./vue.esm-bundler-Df44Q9wa.js";import{B as O}from"./BaseHeading-CkC9-GRX.js";import{_ as M}from"./_plugin-vue_export-helper-DlAUqK2U.js";const f=c({name:"BaseModalDialog",components:{BaseButton:m,BaseHeading:O},props:{bgClose:{type:Boolean,default:!1}},methods:{closeModal(){this.$emit("close")},bgCloseModal(){this.bgClose&&this.closeModal()}}}),x=s("div",null,"Default content",-1),V={class:"text-right"};function j(e,o,y,D,H,$){const d=r("BaseHeading"),n=r("BaseButton");return i(),u("div",{class:"bg-gray-dark fixed top-0 left-0 z-50 flex w-full h-full overflow-auto bg-opacity-75",onClick:o[1]||(o[1]=(..._)=>e.bgCloseModal&&e.bgCloseModal(..._))},[s("div",{class:"relative w-full max-w-xl p-8 m-auto bg-white",onClick:o[0]||(o[0]=T(()=>{},["stop"]))},[e.$slots.modalHeader?(i(),k(d,{key:0,level:"h2",size:"h3",class:"border-gray-light-mid pb-4 mb-4 border-b"},{default:t(()=>[a(e.$slots,"modalHeader")]),_:3})):w("",!0),a(e.$slots,"default",{},()=>[x]),s("div",V,[g(n,{class:"mt-4",onClick:e.closeModal},{default:t(()=>[B(" close ")]),_:1},8,["onClick"])])])])}const b=M(f,[["render",j]]);f.__docgenInfo={displayName:"BaseModalDialog",exportName:"default",description:"",tags:{},props:[{name:"bgClose",type:{name:"boolean"},defaultValue:{func:!1,value:"false"}}],events:[{name:"close"}],slots:[{name:"modalHeader"},{name:"default"}],sourceFiles:["/Users/smithste/repos/explorer-1/apps/vue-storybook/node_modules/@explorer-1/vue/src/components/BaseModal/BaseModalDialog.vue"]};const v=c({name:"BaseModal",components:{BaseModalDialog:b},props:{bgClose:{type:Boolean,default:!1}},data(){return{showModal:!1}},methods:{openModal(){this.showModal=!0,document.body.classList.add("overflow-hidden")},closeModal(){this.showModal=!1,document.body.classList.remove("overflow-hidden")}}});function L(e,o,y,D,H,$){const d=r("BaseModalDialog");return i(),u("div",null,[s("span",{onClick:o[0]||(o[0]=n=>e.openModal())},[a(e.$slots,"modalTrigger",{},()=>[B(" Open Modal ")],!0)]),S(g(d,{"bg-close":e.bgClose,onClose:o[1]||(o[1]=n=>e.closeModal())},{modalHeader:t(()=>[a(e.$slots,"modalHeader",{},void 0,!0)]),default:t(()=>[a(e.$slots,"default",{},void 0,!0)]),_:3},8,["bg-close"]),[[N,e.showModal]])])}const l=M(v,[["render",L],["__scopeId","data-v-27c95770"]]);v.__docgenInfo={displayName:"BaseModal",exportName:"default",description:"",tags:{},props:[{name:"bgClose",type:{name:"boolean"},defaultValue:{func:!1,value:"false"}}],slots:[{name:"modalTrigger"},{name:"modalHeader"},{name:"default"}],sourceFiles:["/Users/smithste/repos/explorer-1/apps/vue-storybook/node_modules/@explorer-1/vue/src/components/BaseModal/BaseModal.vue"]};const Q={title:"Components/Base/BaseModal",component:l,argTypes:{bgClose:{control:{type:"boolean"}}},excludeStories:/.*Data$/},q=e=>({props:Object.keys(e),components:{BaseModal:l},template:'<BaseModal :bg-close="bgClose"><div>Modal content. Lorem ipsum dolor sit amet.</div></BaseModal>'}),z=e=>({props:Object.keys(e),components:{BaseModal:l,BaseButton:m},template:`<BaseModal :bg-close="bgClose">
|
|
2
|
+
<template #modalTrigger>
|
|
3
|
+
<BaseButton variant="secondary">
|
|
4
|
+
Custom Trigger
|
|
5
|
+
</BaseButton>
|
|
6
|
+
</template>
|
|
7
|
+
<div>Modal content. Lorem ipsum dolor sit amet.</div>
|
|
8
|
+
</BaseModal>`}),A=e=>({props:Object.keys(e),components:{BaseModal:l,BaseButton:m},template:`
|
|
9
|
+
<BaseModal :bg-close="bgClose">
|
|
10
|
+
<div>First Modal</div>
|
|
11
|
+
<BaseModal :bg-close="bgClose">
|
|
12
|
+
<template #modalTrigger>
|
|
13
|
+
<BaseButton variant="secondary" :compact="true">
|
|
14
|
+
Open Another
|
|
15
|
+
</BaseButton>
|
|
16
|
+
</template>
|
|
17
|
+
<div>Second Modal</div>
|
|
18
|
+
<BaseModal :bg-close="bgClose">
|
|
19
|
+
<template #modalTrigger>
|
|
20
|
+
<BaseButton variant="secondary" :compact="true">
|
|
21
|
+
Open Another
|
|
22
|
+
</BaseButton>
|
|
23
|
+
</template>
|
|
24
|
+
<div>Third Modal</div>
|
|
25
|
+
</BaseModal>
|
|
26
|
+
</BaseModal>
|
|
27
|
+
</BaseModal>`}),C=e=>({props:Object.keys(e),components:{BaseModalDialog:b},template:'<BaseModalDialog><template v-if="modalHeaderSlot" #modalHeader>{{ modalHeaderSlot }}</template><div>{{ modalContentSlot }}</div></BaseModalDialog>'}),p={bgClose:!0},h={modalHeaderSlot:"Modal Header",modalContentSlot:"Modal content. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam eu arcu lacinia, fringilla dui sed, vestibulum augue. Nunc quis leo neque. Pellentesque tempor magna risus, vitae volutpat lorem mattis nec. "},E=q.bind({});E.args={...p};const F=z.bind({});F.args={...p};const I=A.bind({});I.args={...p};const W=C.bind({});W.args={...h,modalHeaderSlot:""};const U=C.bind({});U.args={...h,modalHeaderSlot:"Modal Header"};const R=["BaseModalData","BaseModalDialogData","BaseStory","CustomTrigger","Nested","Dialog","DialogWithHeader"];export{p as BaseModalData,h as BaseModalDialogData,E as BaseStory,F as CustomTrigger,W as Dialog,U as DialogWithHeader,I as Nested,R as __namedExportsOrder,Q as default};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{j as d,l as t,x as r,O as l}from"./vue.esm-bundler-Df44Q9wa.js";import{_ as i}from"./_plugin-vue_export-helper-DlAUqK2U.js";const o=d({name:"BasePlaceholder"}),n={class:"BasePlaceholder"},c=l('<div class="border-bottom grid w-full grid-cols-12 mb-10"><div class="col-span-9 pr-5"><div class="bg-gray-light-mid animate-loading w-64 h-4 rounded-lg"></div><div class="bg-gray-light-mid animate-loading w-56 h-4 mt-5 rounded-lg"></div><div class="bg-gray-light-mid animate-loading pr-14 w-full h-4 mt-6 rounded-lg"></div><div class="bg-gray-light-mid animate-loading pr-14 w-5/6 h-4 mt-3 rounded-lg"></div><div class="bg-gray-light-mid animate-loading pr-14 w-1/2 h-4 mt-3 rounded-lg"></div><div class="bg-gray-light-mid animate-loading pr-14 w-30 h-4 mt-4 rounded-lg"></div></div><div class="flex justify-end col-span-3"><div class="animate-loading h-38 w-38 rounded-none"></div></div></div><hr class="text-gray-light-mid mb-10">',2),m=[c];function g(a,_,f,B,y,b){return r(),t("div",n,m)}const s=i(o,[["render",g]]);o.__docgenInfo={displayName:"BasePlaceholder",exportName:"default",description:"",tags:{},sourceFiles:["/Users/smithste/repos/explorer-1/apps/vue-storybook/node_modules/@explorer-1/vue/src/components/BasePlaceholder/BasePlaceholder.vue"]};const p={title:"Components/Base/BasePlaceholder",component:s,excludeStories:/.*Data$/,parameters:{viewMode:"docs",docs:{description:{component:'An animated loading component frequently used as a placeholder for <a href="/story/components-search-searchresultcard--standard-result" target="_blank">SearchResultCard</a>'}}}},h={},u=a=>({props:Object.keys(a),components:{BasePlaceholder:s},template:"<div><BasePlaceholder /></div>"}),e=u.bind({});e.storyName="BasePlaceholder";e.args={...h};const v=["BaseStory"],w=Object.freeze(Object.defineProperty({__proto__:null,BaseStory:e,__namedExportsOrder:v,default:p},Symbol.toStringTag,{value:"Module"}));export{w as B};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{j as n,l as s,y as r,v as t,z as u,F as i,A as o,x as l}from"./vue.esm-bundler-Df44Q9wa.js";import{_ as p}from"./_plugin-vue_export-helper-DlAUqK2U.js";const d=n({name:"BaseRadioGroup",props:{group:{type:String,default:null,required:!1},preselected:{type:String,default:null,required:!1},heading:{type:String,default:null,required:!1},subHeading:{type:String,default:null,required:!1},title:{type:String,default:null,required:!1},options:{type:Array,default:null,required:!1}}}),f={class:"BaseRadioGroup"},c={key:0,class:"text-lg font-semibold text-gray-900"},m={key:1,class:"text-lg pt-4 pb-2 pr-4"},g={class:"mt-4"},y={key:0,class:"sr-only"},_={key:1,class:"space-y-4 mb-2 pb-5"},h=["id","aria-describedby","name","alt","value","checked"],b=["for"],v={key:0,class:"font-semibold"},k={key:1},q=["id"];function $(a,B,V,G,R,S){return l(),s("div",f,[a.heading?(l(),s("label",c,r(a.heading),1)):t("",!0),a.subHeading?(l(),s("p",m,r(a.subHeading),1)):t("",!0),u("fieldset",g,[a.title?(l(),s("legend",y,r(a.title),1)):t("",!0),a.options?(l(),s("div",_,[(l(!0),s(i,null,o(a.options,e=>(l(),s("div",{key:e.id,class:"flex items-center"},[u("input",{id:`${a.group}_${e.id}`,"aria-describedby":e.text?`${a.group}_${e.id}_description`:void 0,name:e.name,alt:e.alt,value:e.value,type:"radio",checked:e.id===a.preselected,class:"h-5 w-5"},null,8,h),u("label",{for:`${a.group}_${e.id}`,class:"ml-3 block text-md text-gray-700"},[e.title?(l(),s("span",v,r(e.title),1)):t("",!0),e.text?(l(),s("span",k," - ")):t("",!0),e.text?(l(),s("span",{key:2,id:`${a.group}_${e.id}_description`,class:"font-light"},r(e.text),9,q)):t("",!0)],8,b)]))),128))])):t("",!0)])])}const H=p(d,[["render",$]]);d.__docgenInfo={displayName:"BaseRadioGroup",exportName:"default",description:"",tags:{},props:[{name:"group",type:{name:"string"},required:!1,defaultValue:{func:!1,value:"null"}},{name:"preselected",type:{name:"string"},required:!1,defaultValue:{func:!1,value:"null"}},{name:"heading",type:{name:"string"},required:!1,defaultValue:{func:!1,value:"null"}},{name:"subHeading",type:{name:"string"},required:!1,defaultValue:{func:!1,value:"null"}},{name:"title",type:{name:"string"},required:!1,defaultValue:{func:!1,value:"null"}},{name:"options",type:{name:"FormOption[]"},required:!1,defaultValue:{func:!1,value:"null"}}],sourceFiles:["/Users/smithste/repos/explorer-1/apps/vue-storybook/node_modules/@explorer-1/vue/src/components/BaseRadioGroup/BaseRadioGroup.vue"]};export{H as B};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{B as e}from"./BaseRadioGroup-C9aRxrSd.js";import"./vue.esm-bundler-Df44Q9wa.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";const a={title:"Components/Base/BaseRadioGroup",component:e,parameters:{docs:{description:{component:"The BaseRadioGroup component is expected to contain an array of options and a grouping name with the goal of selecting a single option."}}}},s={args:{options:[{id:"breaking",title:"Breaking News",text:"All JPL News delivered immediately"},{id:"daily",title:"Daily News",text:"Single Daily JPL News summary"},{id:"weekly",title:"Weekly News",text:"Single Weekly JPL News summary"},{id:"monthly",title:"Monthly News",text:"Monthly Digest for JPL News"}],group:"email",preselected:"breaking",heading:"JPL Forms",subHeading:"Choose how frequently you want to receive updates (opt out anytime):",title:"Email Groups"}},n=["BaseStory"];export{s as BaseStory,n as __namedExportsOrder,a as default};
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import{j as l,l as i,z as u,F as m,A as h,Q as n,x as a}from"./vue.esm-bundler-Df44Q9wa.js";import{_ as p}from"./_plugin-vue_export-helper-DlAUqK2U.js";const r=l({name:"BaseSwimlane",props:{words:{type:Array,default:()=>["Artists","Communicators","Designers","Disruptors","Dreamers","Educators","Engineers","Innovators","Inventors","Makers","Problem Solvers","Roboticists","Scientists","Software Engineers","Thinkers","Visualizers"]},rows:{type:Number,default:1},scale:{type:Number,default:1},transitionDuration:{type:Number,default:1e3},transitionDelay:{type:Number,default:500},transition:{type:String,default:"ease-out"},pauseOnHover:{type:Boolean,default:!0}},data(){return{list:[],listTop:0,isPaused:!1,isMovingBackwards:!1}},computed:{listCount(){return this.list.length},fontSize(){return 16*this.scale},itemHeight(){return this.fontSize*1.5},listHeight(){return this.itemHeight*this.listCount},listParentHeight(){return this.itemHeight*this.rows},itemStyle(){return`font-size: ${this.fontSize}px;
|
|
2
|
+
height: ${this.itemHeight}px;`},listStyle(){return`height: ${this.listHeight}px;
|
|
3
|
+
transition-delay: ${this.transitionDelay}ms;
|
|
4
|
+
transition-duration: ${this.transitionDuration}ms;
|
|
5
|
+
transition-timing-function: ${this.transition};
|
|
6
|
+
will-change: transform;
|
|
7
|
+
transform: translateY(${this.listTop}px)`},listParentStyle(){return`height: ${this.listParentHeight}px;`}},watch:{words(e){this.list=e}},created(){this.list=this.words},mounted(){setTimeout(this.updateState,this.transitionDelay)},methods:{updateState(){this.listCount<=this.rows||this.isPaused||(this.isMovingBackwards?this.listTop+=this.itemHeight:this.listTop-=this.itemHeight,this.listTop<this.rows*this.itemHeight-this.listHeight&&(this.listTop=0),this.timeOutId=window.setTimeout(()=>{this.updateState()},this.transitionDuration+this.transitionDelay))},toggleAnimation(){this.pauseOnHover&&(this.isPaused=!this.isPaused,this.isPaused?clearTimeout(this.timeOutId):this.updateState())}}}),d=["innerHTML"];function f(e,s,g,y,c,S){return a(),i("div",{style:n(e.listParentStyle),class:"BaseSwimlane",onMouseenter:s[0]||(s[0]=(...t)=>e.toggleAnimation&&e.toggleAnimation(...t)),onMouseleave:s[1]||(s[1]=(...t)=>e.toggleAnimation&&e.toggleAnimation(...t))},[u("ul",{style:n(e.listStyle)},[(a(!0),i(m,null,h(e.list,(t,o)=>(a(),i("li",{key:o,style:n(e.itemStyle),innerHTML:t},null,12,d))),128))],4)],36)}const H=p(r,[["render",f],["__scopeId","data-v-f6ab22fa"]]);r.__docgenInfo={displayName:"BaseSwimlane",exportName:"default",description:"",tags:{},props:[{name:"words",type:{name:"array"},defaultValue:{func:!1,value:`[
|
|
8
|
+
'Artists',
|
|
9
|
+
'Communicators',
|
|
10
|
+
'Designers',
|
|
11
|
+
'Disruptors',
|
|
12
|
+
'Dreamers',
|
|
13
|
+
'Educators',
|
|
14
|
+
'Engineers',
|
|
15
|
+
'Innovators',
|
|
16
|
+
'Inventors',
|
|
17
|
+
'Makers',
|
|
18
|
+
'Problem Solvers',
|
|
19
|
+
'Roboticists',
|
|
20
|
+
'Scientists',
|
|
21
|
+
'Software Engineers',
|
|
22
|
+
'Thinkers',
|
|
23
|
+
'Visualizers'
|
|
24
|
+
]`}},{name:"rows",type:{name:"number"},defaultValue:{func:!1,value:"1"}},{name:"scale",type:{name:"number"},defaultValue:{func:!1,value:"1"}},{name:"transitionDuration",type:{name:"number"},defaultValue:{func:!1,value:"1000"}},{name:"transitionDelay",type:{name:"number"},defaultValue:{func:!1,value:"500"}},{name:"transition",type:{name:"string"},defaultValue:{func:!1,value:"'ease-out'"}},{name:"pauseOnHover",type:{name:"boolean"},defaultValue:{func:!1,value:"true"}}],sourceFiles:["/Users/smithste/repos/explorer-1/apps/vue-storybook/node_modules/@explorer-1/vue/src/components/BaseSwimlane/BaseSwimlane.vue"]};export{H as B};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.BaseSwimlane[data-v-f6ab22fa]{overflow:hidden;-webkit-mask-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,transparent),color-stop(.05,rgba(0,0,0,.35)),color-stop(.1,black),color-stop(.5,black),color-stop(.9,rgba(0,0,0,.15)),color-stop(1,transparent))}@media (min-width: 1024px){.BaseSwimlane[data-v-f6ab22fa]{-webkit-mask-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,transparent),color-stop(.1,rgba(0,0,0,.15)),color-stop(.35,black),color-stop(.65,black),color-stop(.9,rgba(0,0,0,.15)),color-stop(1,transparent))}}.BaseSwimlane ul[data-v-f6ab22fa]{list-style-type:none;overflow:hidden;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.BaseSwimlane ul li[data-v-f6ab22fa]{margin:0;padding:0;text-align:center}@media (min-width: 1024px){.BaseSwimlane ul li[data-v-f6ab22fa]{text-align:left;font-weight:500}}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{B as e}from"./BaseSwimlane-7-mYr3zs.js";import"./vue.esm-bundler-Df44Q9wa.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";const r={title:"Components/Base/BaseSwimlane",component:e,excludeStories:/.*Data$/,parameters:{docs:{description:{component:"The BaseSwimlane component is expected to contain an array of words to create a 'swimlane' effect as the text swims through."}}}},s={words:["Artists","Communicators","Designers","Disruptors","Dreamers","Educators","Engineers","Innovators","Inventors","Makers","Problem Solvers","Roboticists","Scientists","Software Engineers","Thinkers","Visualizers"],rows:9,scale:2,transition:"ease-out",transitionDuration:1800,transitionDelay:800},n={args:s},i=["BaseSwimlaneData","BaseStory"];export{n as BaseStory,s as BaseSwimlaneData,i as __namedExportsOrder,r as default};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{j as o,l as n,u as l,q as i,z as p,x as d}from"./vue.esm-bundler-Df44Q9wa.js";const c=p("span",{class:"sr-only"},".",-1),m=o({__name:"BaseTag",props:{variant:{default:"primary"},size:{default:"md"}},setup(a){const s={primary:"bg-primary border-primary",secondary:"bg-secondary border-secondary",action:"bg-action border-action"},t={sm:"text-xs uppercase border-t-2 py-1 px-2.5",md:"text-base capitalize border-t py-2 px-3",lg:"text-lg capitalize border-t py-2 px-3"},e=a;return(r,u)=>(d(),n("p",{class:i([`${s[e.variant]} ${t[e.size]}`,"ThemeVariantLight text-contrast-none inline-block text-white font-bold edu:font-extrabold rounded-full leading-tight m-0"])},[l(r.$slots,"default"),c],2))}});m.__docgenInfo={exportName:"default",displayName:"BaseTag",description:"",tags:{},props:[{name:"variant",required:!1,type:{name:"string"},defaultValue:{func:!1,value:"'primary'"}},{name:"size",required:!1,type:{name:"string"},defaultValue:{func:!1,value:"'md'"}}],slots:[{name:"default"}],sourceFiles:["/Users/smithste/repos/explorer-1/apps/vue-storybook/node_modules/@explorer-1/vue/src/components/BaseTag/BaseTag.vue"]};export{m as _};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{_ as e}from"./BaseTag-B2zJPfAv.js";import"./vue.esm-bundler-Df44Q9wa.js";const r={title:"Components/Base/BaseTag",component:e,argTypes:{variant:{type:{name:"string",required:!1},description:"The variant (color) of the tag",control:{type:"select"},options:["primary","secondary","action"]},size:{type:{name:"string",required:!1},description:"The size of the tag",control:{type:"select"},options:["sm","md","lg"]}},parameters:{slots:{default:"BaseStory slot"}}},s={args:{size:"md",variant:"primary",default:"Psyche Asteroid"}},o={args:{size:"sm",variant:"secondary",default:"Do it yourself"}},i=["PrimaryMedium","SecondarySmall"];export{s as PrimaryMedium,o as SecondarySmall,i as __namedExportsOrder,r as default};
|