From fb7e1fc0273b2eccb00d94f0d67ebdc6713e30c7 Mon Sep 17 00:00:00 2001 From: Matt Stover Date: Tue, 24 Feb 2026 17:27:17 -0800 Subject: [PATCH 1/3] chore: update organization of storybook component stories with better folder designations --- .../src/vue/stories/KvAccordionItem.stories.js | 2 +- .../kv-components/src/vue/stories/KvActivityRow.stories.js | 2 +- @kiva/kv-components/src/vue/stories/KvAtbModal.stories.js | 2 +- .../kv-components/src/vue/stories/KvAvatarBubble.stories.js | 2 +- .../src/vue/stories/KvBorrowerImage.stories.js | 2 +- @kiva/kv-components/src/vue/stories/KvButton.stories.js | 2 +- @kiva/kv-components/src/vue/stories/KvCardFrame.stories.js | 2 +- @kiva/kv-components/src/vue/stories/KvCardFrameDocs.mdx | 2 +- @kiva/kv-components/src/vue/stories/KvCarousel.stories.js | 2 +- @kiva/kv-components/src/vue/stories/KvCartModal.stories.js | 2 +- @kiva/kv-components/src/vue/stories/KvCartPill.stories.js | 2 +- .../src/vue/stories/KvCheckoutReceipt.stories.js | 2 +- @kiva/kv-components/src/vue/stories/KvChip.stories.js | 2 +- .../src/vue/stories/KvClassicLoanCard.stories.js | 2 +- .../kv-components/src/vue/stories/KvCommentsAdd.stories.js | 2 +- .../src/vue/stories/KvCommentsContainer.stories.js | 2 +- .../src/vue/stories/KvCommentsHeartButton.stories.js | 2 +- .../kv-components/src/vue/stories/KvCommentsList.stories.js | 2 +- .../src/vue/stories/KvCommentsListItem.stories.js | 2 +- .../src/vue/stories/KvCommentsReplyButton.stories.js | 2 +- .../src/vue/stories/KvCompactLoanCard.stories.js | 2 +- .../src/vue/stories/KvContentfulImg.stories.js | 2 +- .../src/vue/stories/KvCountdownTimer.stories.js | 2 +- .../src/vue/stories/KvExpandableQuestion.stories.js | 2 +- @kiva/kv-components/src/vue/stories/KvFlag.stories.js | 2 +- @kiva/kv-components/src/vue/stories/KvGrid.stories.js | 2 +- .../src/vue/stories/KvHeaderLinkBar.stories.js | 2 +- @kiva/kv-components/src/vue/stories/KvIconButton.stories.js | 2 +- @kiva/kv-components/src/vue/stories/KvIconButtonDocs.mdx | 2 +- .../src/vue/stories/KvImpactDashboardHeader.stories.js | 2 +- .../src/vue/stories/KvImpactVerticalSelector.stories.js | 2 +- .../src/vue/stories/KvInlineActivityCard.stories.js | 2 +- .../src/vue/stories/KvInlineActivityFeed.stories.js | 2 +- .../src/vue/stories/KvIntroductionLoanCard.stories.js | 2 +- .../src/vue/stories/KvLendAmountButton.stories.js | 2 +- @kiva/kv-components/src/vue/stories/KvLendCta.stories.js | 2 +- @kiva/kv-components/src/vue/stories/KvLightbox.stories.js | 2 +- @kiva/kv-components/src/vue/stories/KvLineGraph.stories.js | 2 +- .../src/vue/stories/KvLoadingPlaceholder.stories.js | 2 +- .../src/vue/stories/KvLoadingSpinner.stories.js | 2 +- .../src/vue/stories/KvLoanActivities.stories.js | 2 +- .../kv-components/src/vue/stories/KvLoanBookmark.stories.js | 2 +- .../kv-components/src/vue/stories/KvLoanCallouts.stories.js | 2 +- .../kv-components/src/vue/stories/KvLoanInfoCard.stories.js | 2 +- @kiva/kv-components/src/vue/stories/KvLoanInfoCardDocs.mdx | 2 +- .../src/vue/stories/KvLoanProgressGroup.stories.js | 2 +- @kiva/kv-components/src/vue/stories/KvLoanTag.stories.js | 2 +- .../kv-components/src/vue/stories/KvLoanTeamPick.stories.js | 2 +- @kiva/kv-components/src/vue/stories/KvLoanUse.stories.js | 2 +- @kiva/kv-components/src/vue/stories/KvMap.stories.js | 2 +- .../kv-components/src/vue/stories/KvMaterialIcon.stories.js | 2 +- .../src/vue/stories/KvPageContainer.stories.js | 2 +- @kiva/kv-components/src/vue/stories/KvPagination.stories.js | 2 +- @kiva/kv-components/src/vue/stories/KvPill.stories.js | 2 +- .../kv-components/src/vue/stories/KvProgressBar.stories.js | 2 +- .../src/vue/stories/KvProgressCircle.stories.js | 2 +- .../kv-components/src/vue/stories/KvProgressCircleDocs.mdx | 2 +- @kiva/kv-components/src/vue/stories/KvPulsingDot.stories.js | 2 +- .../kv-components/src/vue/stories/KvSecondaryNav.stories.js | 2 +- @kiva/kv-components/src/vue/stories/KvSideSheet.stories.js | 2 +- @kiva/kv-components/src/vue/stories/KvTabs.stories.js | 2 +- @kiva/kv-components/src/vue/stories/KvTextLink.stories.js | 2 +- @kiva/kv-components/src/vue/stories/KvTextLinkDocs.mdx | 2 +- .../src/vue/stories/KvThemeProvider.stories.js | 2 +- @kiva/kv-components/src/vue/stories/KvToast.stories.js | 2 +- @kiva/kv-components/src/vue/stories/KvTooltip.stories.js | 2 +- @kiva/kv-components/src/vue/stories/KvTooltipDocs.mdx | 6 +++--- @kiva/kv-components/src/vue/stories/KvUserAvatar.stories.js | 2 +- @kiva/kv-components/src/vue/stories/KvUserAvatarDocs.mdx | 2 +- .../kv-components/src/vue/stories/KvUtilityMenu.stories.js | 2 +- @kiva/kv-components/src/vue/stories/KvUtilityMenuDocs.mdx | 2 +- .../src/vue/stories/KvVerticalCarousel.stories.js | 2 +- @kiva/kv-components/src/vue/stories/KvVotingCard.stories.js | 2 +- .../kv-components/src/vue/stories/KvVotingCardV2.stories.js | 2 +- .../kv-components/src/vue/stories/KvWideLoanCard.stories.js | 2 +- @kiva/kv-components/src/vue/stories/KvWwwHeader.stories.js | 2 +- 76 files changed, 78 insertions(+), 78 deletions(-) diff --git a/@kiva/kv-components/src/vue/stories/KvAccordionItem.stories.js b/@kiva/kv-components/src/vue/stories/KvAccordionItem.stories.js index 5b251332d..725718d34 100644 --- a/@kiva/kv-components/src/vue/stories/KvAccordionItem.stories.js +++ b/@kiva/kv-components/src/vue/stories/KvAccordionItem.stories.js @@ -1,7 +1,7 @@ import KvAccordionItem from '../KvAccordionItem.vue'; export default { - title: 'KvAccordionItem', + title: 'Interface Elements/KvAccordionItem', component: KvAccordionItem, }; diff --git a/@kiva/kv-components/src/vue/stories/KvActivityRow.stories.js b/@kiva/kv-components/src/vue/stories/KvActivityRow.stories.js index ae687f0a0..7c873f331 100644 --- a/@kiva/kv-components/src/vue/stories/KvActivityRow.stories.js +++ b/@kiva/kv-components/src/vue/stories/KvActivityRow.stories.js @@ -1,7 +1,7 @@ import KvActivityRow from '../KvActivityRow.vue'; export default { - title: 'KvActivityRow', + title: 'Interface Elements/KvActivityRow', component: KvActivityRow, }; diff --git a/@kiva/kv-components/src/vue/stories/KvAtbModal.stories.js b/@kiva/kv-components/src/vue/stories/KvAtbModal.stories.js index 1ae8ee0b1..837f11f29 100644 --- a/@kiva/kv-components/src/vue/stories/KvAtbModal.stories.js +++ b/@kiva/kv-components/src/vue/stories/KvAtbModal.stories.js @@ -1,7 +1,7 @@ import KvAtbModal from '../KvAtbModal.vue'; export default { - title: 'KvAtbModal', + title: 'Checkout/KvAtbModal', component: KvAtbModal, argTypes: { modalVisible: false, diff --git a/@kiva/kv-components/src/vue/stories/KvAvatarBubble.stories.js b/@kiva/kv-components/src/vue/stories/KvAvatarBubble.stories.js index 98ce7ff30..8e1b72f2b 100644 --- a/@kiva/kv-components/src/vue/stories/KvAvatarBubble.stories.js +++ b/@kiva/kv-components/src/vue/stories/KvAvatarBubble.stories.js @@ -2,7 +2,7 @@ import KvAvatarBubble from '../KvAvatarBubble.vue'; import KvButton from '../KvButton.vue'; export default { - title: 'KvAvatarBubble', + title: 'Interface Elements/KvAvatarBubble', component: KvAvatarBubble, }; diff --git a/@kiva/kv-components/src/vue/stories/KvBorrowerImage.stories.js b/@kiva/kv-components/src/vue/stories/KvBorrowerImage.stories.js index 9b3d89985..c994e28f3 100644 --- a/@kiva/kv-components/src/vue/stories/KvBorrowerImage.stories.js +++ b/@kiva/kv-components/src/vue/stories/KvBorrowerImage.stories.js @@ -1,7 +1,7 @@ import KvBorrowerImage from '../KvBorrowerImage.vue'; export default { - title: 'KvBorrowerImage', + title: 'Loan Display/KvBorrowerImage', component: KvBorrowerImage, }; diff --git a/@kiva/kv-components/src/vue/stories/KvButton.stories.js b/@kiva/kv-components/src/vue/stories/KvButton.stories.js index 82b769459..4316cf6df 100644 --- a/@kiva/kv-components/src/vue/stories/KvButton.stories.js +++ b/@kiva/kv-components/src/vue/stories/KvButton.stories.js @@ -1,7 +1,7 @@ import KvButton from '../KvButton.vue'; export default { - title: 'KvButton', + title: 'Forms/KvButton', component: KvButton, argTypes: { variant: { diff --git a/@kiva/kv-components/src/vue/stories/KvCardFrame.stories.js b/@kiva/kv-components/src/vue/stories/KvCardFrame.stories.js index 443a63827..0de4f96f4 100644 --- a/@kiva/kv-components/src/vue/stories/KvCardFrame.stories.js +++ b/@kiva/kv-components/src/vue/stories/KvCardFrame.stories.js @@ -3,7 +3,7 @@ import KvButton from '../KvButton.vue'; import KvCardFrameDocsMdx from './KvCardFrameDocs.mdx'; export default { - title: 'KvCardFrame', + title: 'Interface Elements/KvCardFrame', component: KvCardFrame, parameters: { docs: { diff --git a/@kiva/kv-components/src/vue/stories/KvCardFrameDocs.mdx b/@kiva/kv-components/src/vue/stories/KvCardFrameDocs.mdx index ca9734c4c..4ce507332 100644 --- a/@kiva/kv-components/src/vue/stories/KvCardFrameDocs.mdx +++ b/@kiva/kv-components/src/vue/stories/KvCardFrameDocs.mdx @@ -1,7 +1,7 @@ import { Canvas, Meta, Story, Controls } from '@storybook/addon-docs/blocks'; import * as KvCardFrameStories from './KvCardFrame.stories.js'; - + # KvCardFrame diff --git a/@kiva/kv-components/src/vue/stories/KvCarousel.stories.js b/@kiva/kv-components/src/vue/stories/KvCarousel.stories.js index df6ff74fc..257d88e92 100644 --- a/@kiva/kv-components/src/vue/stories/KvCarousel.stories.js +++ b/@kiva/kv-components/src/vue/stories/KvCarousel.stories.js @@ -64,7 +64,7 @@ const defaultCarouselSlides = ` `; export default { - title: 'KvCarousel', + title: 'Components/KvCarousel', component: KvCarousel, }; diff --git a/@kiva/kv-components/src/vue/stories/KvCartModal.stories.js b/@kiva/kv-components/src/vue/stories/KvCartModal.stories.js index bafbfdf9d..8f25970f0 100644 --- a/@kiva/kv-components/src/vue/stories/KvCartModal.stories.js +++ b/@kiva/kv-components/src/vue/stories/KvCartModal.stories.js @@ -2,7 +2,7 @@ import KvCartModal from '../KvCartModal.vue'; import KvButton from '../KvButton.vue'; export default { - title: 'KvCartModal', + title: 'Checkout/KvCartModal', component: KvCartModal, parameters: { layout: 'fullscreen', diff --git a/@kiva/kv-components/src/vue/stories/KvCartPill.stories.js b/@kiva/kv-components/src/vue/stories/KvCartPill.stories.js index ba476ede5..97de424ec 100644 --- a/@kiva/kv-components/src/vue/stories/KvCartPill.stories.js +++ b/@kiva/kv-components/src/vue/stories/KvCartPill.stories.js @@ -1,7 +1,7 @@ import KvCartPill from '../KvCartPill.vue'; export default { - title: 'KvCartPill', + title: 'Checkout/KvCartPill', component: KvCartPill, parameters: { layout: 'fullscreen', diff --git a/@kiva/kv-components/src/vue/stories/KvCheckoutReceipt.stories.js b/@kiva/kv-components/src/vue/stories/KvCheckoutReceipt.stories.js index 91af15450..8ac513973 100644 --- a/@kiva/kv-components/src/vue/stories/KvCheckoutReceipt.stories.js +++ b/@kiva/kv-components/src/vue/stories/KvCheckoutReceipt.stories.js @@ -15,7 +15,7 @@ const mockedAPIResponse = { }, }; export default { - title: 'Components/KvCheckoutReceipt', + title: 'Checkout/KvCheckoutReceipt', component: KvCheckoutReceipt, }; diff --git a/@kiva/kv-components/src/vue/stories/KvChip.stories.js b/@kiva/kv-components/src/vue/stories/KvChip.stories.js index 5f41d1603..f2e91a41d 100644 --- a/@kiva/kv-components/src/vue/stories/KvChip.stories.js +++ b/@kiva/kv-components/src/vue/stories/KvChip.stories.js @@ -1,7 +1,7 @@ import KvChip from '../KvChip.vue'; export default { - title: 'KvChip', + title: 'Interface Elements/KvChip', component: KvChip, }; diff --git a/@kiva/kv-components/src/vue/stories/KvClassicLoanCard.stories.js b/@kiva/kv-components/src/vue/stories/KvClassicLoanCard.stories.js index 60a8089cd..883405a2a 100644 --- a/@kiva/kv-components/src/vue/stories/KvClassicLoanCard.stories.js +++ b/@kiva/kv-components/src/vue/stories/KvClassicLoanCard.stories.js @@ -1,7 +1,7 @@ import KvClassicLoanCard from '../KvClassicLoanCard.vue'; export default { - title: 'KvClassicLoanCard', + title: 'Loan Display/KvClassicLoanCard', component: KvClassicLoanCard, }; diff --git a/@kiva/kv-components/src/vue/stories/KvCommentsAdd.stories.js b/@kiva/kv-components/src/vue/stories/KvCommentsAdd.stories.js index e39898377..4a1f24f68 100644 --- a/@kiva/kv-components/src/vue/stories/KvCommentsAdd.stories.js +++ b/@kiva/kv-components/src/vue/stories/KvCommentsAdd.stories.js @@ -1,7 +1,7 @@ import KvCommentsAdd from '../KvCommentsAdd.vue'; export default { - title: 'KvCommentsAdd', + title: 'Comments/KvCommentsAdd', component: KvCommentsAdd, }; diff --git a/@kiva/kv-components/src/vue/stories/KvCommentsContainer.stories.js b/@kiva/kv-components/src/vue/stories/KvCommentsContainer.stories.js index e0a3bb4c2..db98d036e 100644 --- a/@kiva/kv-components/src/vue/stories/KvCommentsContainer.stories.js +++ b/@kiva/kv-components/src/vue/stories/KvCommentsContainer.stories.js @@ -2,7 +2,7 @@ import { publicLenderId, comments } from '#fixtures/mockCommentsData'; import KvCommentsContainer from '../KvCommentsContainer.vue'; export default { - title: 'KvCommentsContainer', + title: 'Comments/KvCommentsContainer', component: KvCommentsContainer, }; diff --git a/@kiva/kv-components/src/vue/stories/KvCommentsHeartButton.stories.js b/@kiva/kv-components/src/vue/stories/KvCommentsHeartButton.stories.js index 6a84a796b..3b6ef0063 100644 --- a/@kiva/kv-components/src/vue/stories/KvCommentsHeartButton.stories.js +++ b/@kiva/kv-components/src/vue/stories/KvCommentsHeartButton.stories.js @@ -1,7 +1,7 @@ import KvCommentsHeartButton from '../KvCommentsHeartButton.vue'; export default { - title: 'KvCommentsHeartButton', + title: 'Comments/KvCommentsHeartButton', component: KvCommentsHeartButton, }; diff --git a/@kiva/kv-components/src/vue/stories/KvCommentsList.stories.js b/@kiva/kv-components/src/vue/stories/KvCommentsList.stories.js index eeb5bf879..e07849647 100644 --- a/@kiva/kv-components/src/vue/stories/KvCommentsList.stories.js +++ b/@kiva/kv-components/src/vue/stories/KvCommentsList.stories.js @@ -2,7 +2,7 @@ import { publicLenderId, comments } from '#fixtures/mockCommentsData'; import KvCommentsList from '../KvCommentsList.vue'; export default { - title: 'KvCommentsList', + title: 'Comments/KvCommentsList', component: KvCommentsList, }; const TEST_USER_NAME = 'Jess'; diff --git a/@kiva/kv-components/src/vue/stories/KvCommentsListItem.stories.js b/@kiva/kv-components/src/vue/stories/KvCommentsListItem.stories.js index 33f2033ab..02fbe0018 100644 --- a/@kiva/kv-components/src/vue/stories/KvCommentsListItem.stories.js +++ b/@kiva/kv-components/src/vue/stories/KvCommentsListItem.stories.js @@ -2,7 +2,7 @@ import { publicLenderId, comments } from '#fixtures/mockCommentsData'; import KvCommentsListItem from '../KvCommentsListItem.vue'; export default { - title: 'KvCommentsListItem', + title: 'Comments/KvCommentsListItem', component: KvCommentsListItem, }; diff --git a/@kiva/kv-components/src/vue/stories/KvCommentsReplyButton.stories.js b/@kiva/kv-components/src/vue/stories/KvCommentsReplyButton.stories.js index 42d252146..2f00a09fe 100644 --- a/@kiva/kv-components/src/vue/stories/KvCommentsReplyButton.stories.js +++ b/@kiva/kv-components/src/vue/stories/KvCommentsReplyButton.stories.js @@ -1,7 +1,7 @@ import KvCommentsReplyButton from '../KvCommentsReplyButton.vue'; export default { - title: 'KvCommentsReplyButton', + title: 'Comments/KvCommentsReplyButton', component: KvCommentsReplyButton, }; diff --git a/@kiva/kv-components/src/vue/stories/KvCompactLoanCard.stories.js b/@kiva/kv-components/src/vue/stories/KvCompactLoanCard.stories.js index 7f60187e4..7481e8a3f 100644 --- a/@kiva/kv-components/src/vue/stories/KvCompactLoanCard.stories.js +++ b/@kiva/kv-components/src/vue/stories/KvCompactLoanCard.stories.js @@ -1,7 +1,7 @@ import KvCompactLoanCard from '../KvCompactLoanCard.vue'; export default { - title: 'KvCompactLoanCard', + title: 'Loan Display/KvCompactLoanCard', component: KvCompactLoanCard, }; diff --git a/@kiva/kv-components/src/vue/stories/KvContentfulImg.stories.js b/@kiva/kv-components/src/vue/stories/KvContentfulImg.stories.js index 2127b9a1e..183f3a408 100644 --- a/@kiva/kv-components/src/vue/stories/KvContentfulImg.stories.js +++ b/@kiva/kv-components/src/vue/stories/KvContentfulImg.stories.js @@ -1,7 +1,7 @@ import KvContentfulImg from '../KvContentfulImg.vue'; export default { - title: 'KvContentfulImg', + title: 'Interface Elements/KvContentfulImg', component: KvContentfulImg, args: { contentfulSrc: 'https://images.ctfassets.net/j0p9a6ql0rn7/35lkLRfbLxzFPlDVgA4aKI/c435630d811f9ad35ddfc88eaea22b08/Blog-import-1082518_us_shawn_16.jpg', diff --git a/@kiva/kv-components/src/vue/stories/KvCountdownTimer.stories.js b/@kiva/kv-components/src/vue/stories/KvCountdownTimer.stories.js index b26cf138d..bc1f08e4c 100644 --- a/@kiva/kv-components/src/vue/stories/KvCountdownTimer.stories.js +++ b/@kiva/kv-components/src/vue/stories/KvCountdownTimer.stories.js @@ -2,7 +2,7 @@ import { add } from 'date-fns'; import KvCountdownTimer from '../KvCountdownTimer.vue'; export default { - title: 'KvCountdownTimer', + title: 'Interface Elements/KvCountdownTimer', component: KvCountdownTimer, }; diff --git a/@kiva/kv-components/src/vue/stories/KvExpandableQuestion.stories.js b/@kiva/kv-components/src/vue/stories/KvExpandableQuestion.stories.js index d587f8ade..15b2ba962 100644 --- a/@kiva/kv-components/src/vue/stories/KvExpandableQuestion.stories.js +++ b/@kiva/kv-components/src/vue/stories/KvExpandableQuestion.stories.js @@ -1,7 +1,7 @@ import KvExpandableQuestion from '../KvExpandableQuestion.vue'; export default { - title: 'KvExpandableQuestion', + title: 'Interface Elements/KvExpandableQuestion', component: KvExpandableQuestion, }; diff --git a/@kiva/kv-components/src/vue/stories/KvFlag.stories.js b/@kiva/kv-components/src/vue/stories/KvFlag.stories.js index 3dd492f48..66997c2e3 100644 --- a/@kiva/kv-components/src/vue/stories/KvFlag.stories.js +++ b/@kiva/kv-components/src/vue/stories/KvFlag.stories.js @@ -1,7 +1,7 @@ import KvFlag from '../KvFlag.vue'; export default { - title: 'Components/KvFlag', + title: 'Interface Elements/KvFlag', component: KvFlag, }; diff --git a/@kiva/kv-components/src/vue/stories/KvGrid.stories.js b/@kiva/kv-components/src/vue/stories/KvGrid.stories.js index 1fa7852d0..9f7c0b0de 100644 --- a/@kiva/kv-components/src/vue/stories/KvGrid.stories.js +++ b/@kiva/kv-components/src/vue/stories/KvGrid.stories.js @@ -2,7 +2,7 @@ import KvGrid from '../KvGrid.vue'; import KvPageContainer from '../KvPageContainer.vue'; export default { - title: 'Layout/KvGrid', + title: 'Page Frame/KvGrid', component: KvGrid, parameters: { layout: 'fullscreen', diff --git a/@kiva/kv-components/src/vue/stories/KvHeaderLinkBar.stories.js b/@kiva/kv-components/src/vue/stories/KvHeaderLinkBar.stories.js index fdb229111..94aa70ec7 100644 --- a/@kiva/kv-components/src/vue/stories/KvHeaderLinkBar.stories.js +++ b/@kiva/kv-components/src/vue/stories/KvHeaderLinkBar.stories.js @@ -1,7 +1,7 @@ import KvHeaderLinkBar from '../KvWwwHeader/KvHeaderLinkBar.vue'; export default { - title: 'KvWwwHeader/KvHeaderLinkBar', + title: 'Page Frame/KvHeaderLinkBar', component: KvHeaderLinkBar, }; diff --git a/@kiva/kv-components/src/vue/stories/KvIconButton.stories.js b/@kiva/kv-components/src/vue/stories/KvIconButton.stories.js index 27654f4f7..289cc35fd 100644 --- a/@kiva/kv-components/src/vue/stories/KvIconButton.stories.js +++ b/@kiva/kv-components/src/vue/stories/KvIconButton.stories.js @@ -13,7 +13,7 @@ import KvIconButton from '../KvIconButton.vue'; import KvIconButtonDocsMdx from './KvIconButtonDocs.mdx'; export default { - title: 'KvIconButton', + title: 'Forms/KvIconButton', component: KvIconButton, parameters: { docs: { diff --git a/@kiva/kv-components/src/vue/stories/KvIconButtonDocs.mdx b/@kiva/kv-components/src/vue/stories/KvIconButtonDocs.mdx index 237f63dc4..bda6b211f 100644 --- a/@kiva/kv-components/src/vue/stories/KvIconButtonDocs.mdx +++ b/@kiva/kv-components/src/vue/stories/KvIconButtonDocs.mdx @@ -1,7 +1,7 @@ import { Canvas, Meta, Story, Controls } from '@storybook/addon-docs/blocks'; import * as KvIconButtonStories from './KvIconButton.stories.js'; - + # KvIconButton diff --git a/@kiva/kv-components/src/vue/stories/KvImpactDashboardHeader.stories.js b/@kiva/kv-components/src/vue/stories/KvImpactDashboardHeader.stories.js index 095aa56d9..a1bc9395b 100644 --- a/@kiva/kv-components/src/vue/stories/KvImpactDashboardHeader.stories.js +++ b/@kiva/kv-components/src/vue/stories/KvImpactDashboardHeader.stories.js @@ -1,7 +1,7 @@ import KvImpactDashboardHeader from '../KvImpactDashboardHeader.vue'; export default { - title: 'KvImpactDashboardHeader', + title: 'Page Frame/KvImpactDashboardHeader', component: KvImpactDashboardHeader, }; diff --git a/@kiva/kv-components/src/vue/stories/KvImpactVerticalSelector.stories.js b/@kiva/kv-components/src/vue/stories/KvImpactVerticalSelector.stories.js index b14cfdd20..f9a966f9c 100644 --- a/@kiva/kv-components/src/vue/stories/KvImpactVerticalSelector.stories.js +++ b/@kiva/kv-components/src/vue/stories/KvImpactVerticalSelector.stories.js @@ -2,7 +2,7 @@ import KvImpactVerticalSelector from '../KvImpactVerticalSelector.vue'; import impactVerticalDataMock from '../../mock-data/impact-vertical-data-mock'; export default { - title: 'KvImpactVerticalSelector', + title: 'Components/KvImpactVerticalSelector', component: KvImpactVerticalSelector, argTypes: { categoryList: { diff --git a/@kiva/kv-components/src/vue/stories/KvInlineActivityCard.stories.js b/@kiva/kv-components/src/vue/stories/KvInlineActivityCard.stories.js index 44ad2881b..48964df28 100644 --- a/@kiva/kv-components/src/vue/stories/KvInlineActivityCard.stories.js +++ b/@kiva/kv-components/src/vue/stories/KvInlineActivityCard.stories.js @@ -1,7 +1,7 @@ import KvInlineActivityCard from '../KvInlineActivityCard.vue'; export default { - title: 'KvInlineActivityCard', + title: 'Interface Elements/KvInlineActivityCard', component: KvInlineActivityCard, }; diff --git a/@kiva/kv-components/src/vue/stories/KvInlineActivityFeed.stories.js b/@kiva/kv-components/src/vue/stories/KvInlineActivityFeed.stories.js index 98288e0be..62a0b4cdc 100644 --- a/@kiva/kv-components/src/vue/stories/KvInlineActivityFeed.stories.js +++ b/@kiva/kv-components/src/vue/stories/KvInlineActivityFeed.stories.js @@ -54,7 +54,7 @@ const activities = [ ]; export default { - title: 'KvInlineActivityFeed', + title: 'Components/KvInlineActivityFeed', component: KvInlineActivityFeed, }; diff --git a/@kiva/kv-components/src/vue/stories/KvIntroductionLoanCard.stories.js b/@kiva/kv-components/src/vue/stories/KvIntroductionLoanCard.stories.js index e39609c26..9f34ea6ba 100644 --- a/@kiva/kv-components/src/vue/stories/KvIntroductionLoanCard.stories.js +++ b/@kiva/kv-components/src/vue/stories/KvIntroductionLoanCard.stories.js @@ -2,7 +2,7 @@ import KvIntroductionLoanCard from '../KvIntroductionLoanCard.vue'; import KvFlag from '../KvFlag.vue'; export default { - title: 'KvIntroductionLoanCard', + title: 'Loan Display/KvIntroductionLoanCard', component: KvIntroductionLoanCard, }; diff --git a/@kiva/kv-components/src/vue/stories/KvLendAmountButton.stories.js b/@kiva/kv-components/src/vue/stories/KvLendAmountButton.stories.js index 9e7fc478d..0f4aa3d8e 100644 --- a/@kiva/kv-components/src/vue/stories/KvLendAmountButton.stories.js +++ b/@kiva/kv-components/src/vue/stories/KvLendAmountButton.stories.js @@ -1,7 +1,7 @@ import KvLendAmountButton from '../KvLendAmountButton.vue'; export default { - title: 'KvLendAmountButton', + title: 'Loan Display/KvLendAmountButton', component: KvLendAmountButton, }; diff --git a/@kiva/kv-components/src/vue/stories/KvLendCta.stories.js b/@kiva/kv-components/src/vue/stories/KvLendCta.stories.js index e6b2921e5..c767798b3 100644 --- a/@kiva/kv-components/src/vue/stories/KvLendCta.stories.js +++ b/@kiva/kv-components/src/vue/stories/KvLendCta.stories.js @@ -1,7 +1,7 @@ import KvLendCta from '../KvLendCta.vue'; export default { - title: 'KvLendCta', + title: 'Loan Display/KvLendCta', component: KvLendCta, }; diff --git a/@kiva/kv-components/src/vue/stories/KvLightbox.stories.js b/@kiva/kv-components/src/vue/stories/KvLightbox.stories.js index 966b33d36..64b9bbae0 100644 --- a/@kiva/kv-components/src/vue/stories/KvLightbox.stories.js +++ b/@kiva/kv-components/src/vue/stories/KvLightbox.stories.js @@ -5,7 +5,7 @@ import KvButton from '../KvButton.vue'; import KvToast from '../KvToast.vue'; export default { - title: 'KvLightbox', + title: 'Components/KvLightbox', component: KvLightbox, parameters: { layout: 'fullscreen', diff --git a/@kiva/kv-components/src/vue/stories/KvLineGraph.stories.js b/@kiva/kv-components/src/vue/stories/KvLineGraph.stories.js index 2ae7b68ed..2387b0fba 100644 --- a/@kiva/kv-components/src/vue/stories/KvLineGraph.stories.js +++ b/@kiva/kv-components/src/vue/stories/KvLineGraph.stories.js @@ -1,7 +1,7 @@ import KvLineGraph from '../KvLineGraph.vue'; export default { - title: 'KvLineGraph', + title: 'Charts/KvLineGraph', component: KvLineGraph, }; diff --git a/@kiva/kv-components/src/vue/stories/KvLoadingPlaceholder.stories.js b/@kiva/kv-components/src/vue/stories/KvLoadingPlaceholder.stories.js index 582c30dd4..d40c47a1c 100644 --- a/@kiva/kv-components/src/vue/stories/KvLoadingPlaceholder.stories.js +++ b/@kiva/kv-components/src/vue/stories/KvLoadingPlaceholder.stories.js @@ -1,7 +1,7 @@ import KvLoadingPlaceholder from '../KvLoadingPlaceholder.vue'; export default { - title: 'KvLoadingPlaceholder', + title: 'Interface Elements/KvLoadingPlaceholder', component: KvLoadingPlaceholder, }; diff --git a/@kiva/kv-components/src/vue/stories/KvLoadingSpinner.stories.js b/@kiva/kv-components/src/vue/stories/KvLoadingSpinner.stories.js index 765a0a496..e07b22579 100644 --- a/@kiva/kv-components/src/vue/stories/KvLoadingSpinner.stories.js +++ b/@kiva/kv-components/src/vue/stories/KvLoadingSpinner.stories.js @@ -1,7 +1,7 @@ import KvLoadingSpinner from '../KvLoadingSpinner.vue'; export default { - title: 'KvLoadingSpinner', + title: 'Interface Elements/KvLoadingSpinner', component: KvLoadingSpinner, argTypes: { size: { diff --git a/@kiva/kv-components/src/vue/stories/KvLoanActivities.stories.js b/@kiva/kv-components/src/vue/stories/KvLoanActivities.stories.js index 6bcf13eca..6caa84171 100644 --- a/@kiva/kv-components/src/vue/stories/KvLoanActivities.stories.js +++ b/@kiva/kv-components/src/vue/stories/KvLoanActivities.stories.js @@ -1,7 +1,7 @@ import KvLoanActivities from '../KvLoanActivities.vue'; export default { - title: 'KvLoanActivities', + title: 'Loan Display/KvLoanActivities', component: KvLoanActivities, }; diff --git a/@kiva/kv-components/src/vue/stories/KvLoanBookmark.stories.js b/@kiva/kv-components/src/vue/stories/KvLoanBookmark.stories.js index b7ec967c1..9df08270a 100644 --- a/@kiva/kv-components/src/vue/stories/KvLoanBookmark.stories.js +++ b/@kiva/kv-components/src/vue/stories/KvLoanBookmark.stories.js @@ -1,7 +1,7 @@ import KvLoanBookmark from '../KvLoanBookmark.vue'; export default { - title: 'KvLoanBookmark', + title: 'Loan Display/KvLoanBookmark', component: KvLoanBookmark, }; diff --git a/@kiva/kv-components/src/vue/stories/KvLoanCallouts.stories.js b/@kiva/kv-components/src/vue/stories/KvLoanCallouts.stories.js index 91de5615d..9ba5c612c 100644 --- a/@kiva/kv-components/src/vue/stories/KvLoanCallouts.stories.js +++ b/@kiva/kv-components/src/vue/stories/KvLoanCallouts.stories.js @@ -1,7 +1,7 @@ import KvLoanCallouts from '../KvLoanCallouts.vue'; export default { - title: 'KvLoanCallouts', + title: 'Loan Display/KvLoanCallouts', component: KvLoanCallouts, }; diff --git a/@kiva/kv-components/src/vue/stories/KvLoanInfoCard.stories.js b/@kiva/kv-components/src/vue/stories/KvLoanInfoCard.stories.js index 4ab5ae947..695cc179f 100644 --- a/@kiva/kv-components/src/vue/stories/KvLoanInfoCard.stories.js +++ b/@kiva/kv-components/src/vue/stories/KvLoanInfoCard.stories.js @@ -3,7 +3,7 @@ import KvCarousel from '../KvCarousel.vue'; import KvLoanInfoCardDocsMdx from './KvLoanInfoCardDocs.mdx'; export default { - title: 'KvLoanInfoCard', + title: 'Loan Display/KvLoanInfoCard', component: KvLoanInfoCard, parameters: { docs: { diff --git a/@kiva/kv-components/src/vue/stories/KvLoanInfoCardDocs.mdx b/@kiva/kv-components/src/vue/stories/KvLoanInfoCardDocs.mdx index 16de103ba..bb68348ab 100644 --- a/@kiva/kv-components/src/vue/stories/KvLoanInfoCardDocs.mdx +++ b/@kiva/kv-components/src/vue/stories/KvLoanInfoCardDocs.mdx @@ -1,7 +1,7 @@ import { Canvas, Meta, Story, Controls } from '@storybook/addon-docs/blocks'; import * as KvLoanInfoCardStories from './KvLoanInfoCard.stories.js'; - + # KvLoanInfoCard diff --git a/@kiva/kv-components/src/vue/stories/KvLoanProgressGroup.stories.js b/@kiva/kv-components/src/vue/stories/KvLoanProgressGroup.stories.js index 225404b12..ac203be57 100644 --- a/@kiva/kv-components/src/vue/stories/KvLoanProgressGroup.stories.js +++ b/@kiva/kv-components/src/vue/stories/KvLoanProgressGroup.stories.js @@ -1,7 +1,7 @@ import KvLoanProgressGroup from '../KvLoanProgressGroup.vue'; export default { - title: 'KvLoanProgressGroup', + title: 'Loan Display/KvLoanProgressGroup', component: KvLoanProgressGroup, }; diff --git a/@kiva/kv-components/src/vue/stories/KvLoanTag.stories.js b/@kiva/kv-components/src/vue/stories/KvLoanTag.stories.js index 1696e1ea9..18a69c155 100644 --- a/@kiva/kv-components/src/vue/stories/KvLoanTag.stories.js +++ b/@kiva/kv-components/src/vue/stories/KvLoanTag.stories.js @@ -2,7 +2,7 @@ import KvLoanTag from '../KvLoanTag.vue'; import KvCountdownTimer from '../KvCountdownTimer.vue'; export default { - title: 'KvLoanTag', + title: 'Loan Display/KvLoanTag', component: KvLoanTag, }; diff --git a/@kiva/kv-components/src/vue/stories/KvLoanTeamPick.stories.js b/@kiva/kv-components/src/vue/stories/KvLoanTeamPick.stories.js index 877434189..1be6ed87f 100644 --- a/@kiva/kv-components/src/vue/stories/KvLoanTeamPick.stories.js +++ b/@kiva/kv-components/src/vue/stories/KvLoanTeamPick.stories.js @@ -1,7 +1,7 @@ import KvLoanTeamPick from '../KvLoanTeamPick.vue'; export default { - title: 'KvLoanTeamPick', + title: 'Loan Display/KvLoanTeamPick', component: KvLoanTeamPick, }; diff --git a/@kiva/kv-components/src/vue/stories/KvLoanUse.stories.js b/@kiva/kv-components/src/vue/stories/KvLoanUse.stories.js index 15f3c1a7b..1ef328d1d 100644 --- a/@kiva/kv-components/src/vue/stories/KvLoanUse.stories.js +++ b/@kiva/kv-components/src/vue/stories/KvLoanUse.stories.js @@ -1,7 +1,7 @@ import KvLoanUse from '../KvLoanUse.vue'; export default { - title: 'KvLoanUse', + title: 'Loan Display/KvLoanUse', component: KvLoanUse, }; diff --git a/@kiva/kv-components/src/vue/stories/KvMap.stories.js b/@kiva/kv-components/src/vue/stories/KvMap.stories.js index e61208dca..f615059e7 100644 --- a/@kiva/kv-components/src/vue/stories/KvMap.stories.js +++ b/@kiva/kv-components/src/vue/stories/KvMap.stories.js @@ -2,7 +2,7 @@ import mockLenderCountries from '#fixtures/mockLenderCountries'; import KvMap from '../KvMap.vue'; export default { - title: 'KvMap', + title: 'Components/KvMap', component: KvMap, args: { autoZoomDelay: 1000, diff --git a/@kiva/kv-components/src/vue/stories/KvMaterialIcon.stories.js b/@kiva/kv-components/src/vue/stories/KvMaterialIcon.stories.js index fa16e80c2..6ba7a9211 100644 --- a/@kiva/kv-components/src/vue/stories/KvMaterialIcon.stories.js +++ b/@kiva/kv-components/src/vue/stories/KvMaterialIcon.stories.js @@ -24,7 +24,7 @@ import { import KvMaterialIcon from '../KvMaterialIcon.vue'; export default { - title: 'KvMaterialIcon', + title: 'Interface Elements/KvMaterialIcon', component: KvMaterialIcon, argTypes: { icon: { diff --git a/@kiva/kv-components/src/vue/stories/KvPageContainer.stories.js b/@kiva/kv-components/src/vue/stories/KvPageContainer.stories.js index 705e1affb..7e6f22d53 100644 --- a/@kiva/kv-components/src/vue/stories/KvPageContainer.stories.js +++ b/@kiva/kv-components/src/vue/stories/KvPageContainer.stories.js @@ -1,7 +1,7 @@ import KvPageContainer from '../KvPageContainer.vue'; export default { - title: 'Layout/KvPageContainer', + title: 'Page Frame/KvPageContainer', component: KvPageContainer, parameters: { layout: 'fullscreen', diff --git a/@kiva/kv-components/src/vue/stories/KvPagination.stories.js b/@kiva/kv-components/src/vue/stories/KvPagination.stories.js index 2f5b93498..23d1732f4 100644 --- a/@kiva/kv-components/src/vue/stories/KvPagination.stories.js +++ b/@kiva/kv-components/src/vue/stories/KvPagination.stories.js @@ -1,7 +1,7 @@ import KvPagination from '../KvPagination.vue'; export default { - title: 'KvPagination', + title: 'Interface Elements/KvPagination', component: KvPagination, }; diff --git a/@kiva/kv-components/src/vue/stories/KvPill.stories.js b/@kiva/kv-components/src/vue/stories/KvPill.stories.js index fd5869464..b127cb627 100644 --- a/@kiva/kv-components/src/vue/stories/KvPill.stories.js +++ b/@kiva/kv-components/src/vue/stories/KvPill.stories.js @@ -5,7 +5,7 @@ import KvMaterialIcon from '../KvMaterialIcon.vue'; import KvPill from '../KvPill.vue'; export default { - title: 'KvPill', + title: 'Interface Elements/KvPill', component: KvPill, parameters: { layout: 'fullscreen', diff --git a/@kiva/kv-components/src/vue/stories/KvProgressBar.stories.js b/@kiva/kv-components/src/vue/stories/KvProgressBar.stories.js index ae23e166a..b4f909d69 100644 --- a/@kiva/kv-components/src/vue/stories/KvProgressBar.stories.js +++ b/@kiva/kv-components/src/vue/stories/KvProgressBar.stories.js @@ -1,7 +1,7 @@ import KvProgressBar from '../KvProgressBar.vue'; export default { - title: 'KvProgressBar', + title: 'Interface Elements/KvProgressBar', component: KvProgressBar, args: { min: 0, diff --git a/@kiva/kv-components/src/vue/stories/KvProgressCircle.stories.js b/@kiva/kv-components/src/vue/stories/KvProgressCircle.stories.js index 0b5c1f744..f013860e2 100644 --- a/@kiva/kv-components/src/vue/stories/KvProgressCircle.stories.js +++ b/@kiva/kv-components/src/vue/stories/KvProgressCircle.stories.js @@ -2,7 +2,7 @@ import KvProgressCircle from '../KvProgressCircle.vue'; import KvProgressCircleDocsMdx from './KvProgressCircleDocs.mdx'; export default { - title: 'KvProgressCircle', + title: 'Interface Elements/KvProgressCircle', component: KvProgressCircle, parameters: { docs: { diff --git a/@kiva/kv-components/src/vue/stories/KvProgressCircleDocs.mdx b/@kiva/kv-components/src/vue/stories/KvProgressCircleDocs.mdx index 2a7ef1b36..aaec01934 100644 --- a/@kiva/kv-components/src/vue/stories/KvProgressCircleDocs.mdx +++ b/@kiva/kv-components/src/vue/stories/KvProgressCircleDocs.mdx @@ -1,7 +1,7 @@ import { Canvas, Meta, Story, Controls } from '@storybook/addon-docs/blocks'; import * as KvProgressCircleStories from './KvProgressCircle.stories.js'; - + # KvProgressCircle diff --git a/@kiva/kv-components/src/vue/stories/KvPulsingDot.stories.js b/@kiva/kv-components/src/vue/stories/KvPulsingDot.stories.js index 4e09ad28b..da569fc11 100644 --- a/@kiva/kv-components/src/vue/stories/KvPulsingDot.stories.js +++ b/@kiva/kv-components/src/vue/stories/KvPulsingDot.stories.js @@ -1,7 +1,7 @@ import KvPulsingDot from '../KvPulsingDot.vue'; export default { - title: 'KvPulsingDot', + title: 'Interface Elements/KvPulsingDot', component: KvPulsingDot, args: { dotColorClass: 'tw-bg-brand', diff --git a/@kiva/kv-components/src/vue/stories/KvSecondaryNav.stories.js b/@kiva/kv-components/src/vue/stories/KvSecondaryNav.stories.js index 138ba55e9..e3f442f05 100644 --- a/@kiva/kv-components/src/vue/stories/KvSecondaryNav.stories.js +++ b/@kiva/kv-components/src/vue/stories/KvSecondaryNav.stories.js @@ -1,7 +1,7 @@ import KvSecondaryNav from '../KvSecondaryNav.vue'; export default { - title: 'KvSecondaryNav', + title: 'Page Frame/KvSecondaryNav', component: KvSecondaryNav, args: { heading: 'Due Diligence', diff --git a/@kiva/kv-components/src/vue/stories/KvSideSheet.stories.js b/@kiva/kv-components/src/vue/stories/KvSideSheet.stories.js index e94c82fbc..9de6bf2b6 100644 --- a/@kiva/kv-components/src/vue/stories/KvSideSheet.stories.js +++ b/@kiva/kv-components/src/vue/stories/KvSideSheet.stories.js @@ -2,7 +2,7 @@ import KvSideSheet from '../KvSideSheet.vue'; import KvButton from '../KvButton.vue'; export default { - title: 'KvSideSheet', + title: 'Interface Elements/KvSideSheet', component: KvSideSheet, }; diff --git a/@kiva/kv-components/src/vue/stories/KvTabs.stories.js b/@kiva/kv-components/src/vue/stories/KvTabs.stories.js index 8a18a8480..48dd1befa 100644 --- a/@kiva/kv-components/src/vue/stories/KvTabs.stories.js +++ b/@kiva/kv-components/src/vue/stories/KvTabs.stories.js @@ -3,7 +3,7 @@ import KvTab from '../KvTab.vue'; import KvTabPanel from '../KvTabPanel.vue'; export default { - title: 'KvTabs', + title: 'Interface Elements/KvTabs', component: KvTabs, args: { vertical: true, diff --git a/@kiva/kv-components/src/vue/stories/KvTextLink.stories.js b/@kiva/kv-components/src/vue/stories/KvTextLink.stories.js index 7d65b9871..059fb1196 100644 --- a/@kiva/kv-components/src/vue/stories/KvTextLink.stories.js +++ b/@kiva/kv-components/src/vue/stories/KvTextLink.stories.js @@ -7,7 +7,7 @@ import KvTextLink from '../KvTextLink.vue'; import KvTextLinkDocsMdx from './KvTextLinkDocs.mdx'; export default { - title: 'KvTextLink', + title: 'Forms/KvTextLink', component: KvTextLink, parameters: { docs: { diff --git a/@kiva/kv-components/src/vue/stories/KvTextLinkDocs.mdx b/@kiva/kv-components/src/vue/stories/KvTextLinkDocs.mdx index 273d9d0c5..35e2bc9a2 100644 --- a/@kiva/kv-components/src/vue/stories/KvTextLinkDocs.mdx +++ b/@kiva/kv-components/src/vue/stories/KvTextLinkDocs.mdx @@ -1,7 +1,7 @@ import { Canvas, Meta, Story, Controls } from '@storybook/addon-docs/blocks'; import * as KvTextLinkStories from './KvTextLink.stories.js'; - + # KvTextLink diff --git a/@kiva/kv-components/src/vue/stories/KvThemeProvider.stories.js b/@kiva/kv-components/src/vue/stories/KvThemeProvider.stories.js index 7a82a0817..a718f26ae 100644 --- a/@kiva/kv-components/src/vue/stories/KvThemeProvider.stories.js +++ b/@kiva/kv-components/src/vue/stories/KvThemeProvider.stories.js @@ -28,7 +28,7 @@ const buildTailwindClasses = (prefix) => { }; export default { - title: 'KvThemeProvider', + title: 'Base Styling/KvThemeProvider', component: KvThemeProvider, args: { theme: {}, diff --git a/@kiva/kv-components/src/vue/stories/KvToast.stories.js b/@kiva/kv-components/src/vue/stories/KvToast.stories.js index 6f7bf8572..496c03df7 100644 --- a/@kiva/kv-components/src/vue/stories/KvToast.stories.js +++ b/@kiva/kv-components/src/vue/stories/KvToast.stories.js @@ -2,7 +2,7 @@ import KvButton from '../KvButton.vue'; import KvToast from '../KvToast.vue'; export default { - title: 'KvToast', + title: 'Interface Elements/KvToast', component: KvToast, args: { message: 'Successfully added to basket!', diff --git a/@kiva/kv-components/src/vue/stories/KvTooltip.stories.js b/@kiva/kv-components/src/vue/stories/KvTooltip.stories.js index 56399ae09..37c8c7f3d 100644 --- a/@kiva/kv-components/src/vue/stories/KvTooltip.stories.js +++ b/@kiva/kv-components/src/vue/stories/KvTooltip.stories.js @@ -3,7 +3,7 @@ import KvTooltip from '../KvTooltip.vue'; import KvTooltipDocsMdx from './KvTooltipDocs.mdx'; export default { - title: 'KvTooltip', + title: 'Interface Elements/KvTooltip', component: KvTooltip, parameters: { docs: { diff --git a/@kiva/kv-components/src/vue/stories/KvTooltipDocs.mdx b/@kiva/kv-components/src/vue/stories/KvTooltipDocs.mdx index f6797d592..dc14cb2d7 100644 --- a/@kiva/kv-components/src/vue/stories/KvTooltipDocs.mdx +++ b/@kiva/kv-components/src/vue/stories/KvTooltipDocs.mdx @@ -1,7 +1,7 @@ import { Canvas, Meta, Story, Controls } from '@storybook/addon-docs/blocks'; import * as KvTooltipStories from './KvTooltip.stories.js'; - + # KvTooltip @@ -66,7 +66,7 @@ Tooltips provide supplementary information without cluttering the interface. The Tooltips appear when users hover over or focus on the controller element. They automatically hide when the user moves away or removes focus. - Tooltips trigger on **mouseover** and **focus** events -- They hide on **mouseout** and **blur** events +- They hide on **mouseout** and **blur** events - There is a subtle fade-in/fade-out transition @@ -198,7 +198,7 @@ Eight pre-defined themes provide visual variety: