diff --git a/@kiva/kv-components/docs/ai-documentation-prompt.md b/@kiva/kv-components/docs/ai-documentation-prompt.md index 45e6eedf..005365d4 100644 --- a/@kiva/kv-components/docs/ai-documentation-prompt.md +++ b/@kiva/kv-components/docs/ai-documentation-prompt.md @@ -73,10 +73,15 @@ Required steps: Template Variables to Fill: **Basic Info:** +- {{folderPrefix}} - Storybook folder prefix for the component (see prefix guidance below) - {{ComponentName}} - Component name (e.g., KvButton, KvModal) - {{componentDescription}} - One-sentence component purpose - {{componentOverviewDescription}} - Brief paragraph about the component +**Storybook Folder Prefixes:** + +The MDX `` MUST include a folder prefix matching the component's `.stories.js` file. See **[Storybook Folder Prefixes](./storybook-folder-prefixes.md)** for the full list of prefixes, guidelines, and examples. If uncertain about which prefix to use, **ASK THE USER**. + **Variations:** - {{variationsDescription}} - Describe all available variations diff --git a/@kiva/kv-components/docs/ai-stories-prompt.md b/@kiva/kv-components/docs/ai-stories-prompt.md index a120c45b..ccf881de 100644 --- a/@kiva/kv-components/docs/ai-stories-prompt.md +++ b/@kiva/kv-components/docs/ai-stories-prompt.md @@ -59,8 +59,9 @@ import ComponentName from '../ComponentName.vue'; // or omit this import + docs.page until docs are ready. import ComponentNameDocsMdx from './ComponentNameDocs.mdx'; +// IMPORTANT: Title must include a folder prefix (see guidance below) export default { - title: 'ComponentName', + title: 'Folder Prefix/ComponentName', component: ComponentName, parameters: { docs: { @@ -73,6 +74,10 @@ export default { }, }; +**Storybook Folder Prefixes:** + +All story titles MUST include a folder prefix. See **[Storybook Folder Prefixes](./storybook-folder-prefixes.md)** for the full list of prefixes, guidelines, and examples. If uncertain about which prefix to use, **ASK THE USER**. + // Default story - Interactive playground export const Default = { args: { @@ -149,8 +154,13 @@ Template Variables to Fill: - {{ComponentName}} - Component name (e.g., KvButton, KvModal) **Story Configuration:** +- {{folderPrefix}} - Storybook folder prefix (see prefix guidance below) - {{argTypes}} - Complete argTypes object with controls for all props +**Storybook Folder Prefixes:** + +All story titles MUST include a folder prefix. See **[Storybook Folder Prefixes](./storybook-folder-prefixes.md)** for the full list of prefixes, guidelines, and examples. If uncertain about which prefix to use, **ASK THE USER**. + **ComponentOverview Story:** - {{dataSection}} - data() function if reactive state needed (optional, remove if not needed) - {{setupSection}} - setup() function with icons/constants diff --git a/@kiva/kv-components/docs/component-documentation-checklist.md b/@kiva/kv-components/docs/component-documentation-checklist.md index d84f741e..e3ec8e09 100644 --- a/@kiva/kv-components/docs/component-documentation-checklist.md +++ b/@kiva/kv-components/docs/component-documentation-checklist.md @@ -26,7 +26,9 @@ Use this checklist to ensure comprehensive, high-quality component documentation - [ ] MDX file created in `src/vue/stories/[ComponentName]Docs.mdx` - [ ] Correct imports for Storybook blocks (Canvas, Meta, Story, Controls) - [ ] Story file imported correctly (`import * as ComponentStories from './Component.stories.js'`) -- [ ] Meta tag configured with component name and reference +- [ ] Meta tag includes folder prefix matching the .stories.js file (see [Storybook Folder Prefixes](./storybook-folder-prefixes.md)) +- [ ] If uncertain about prefix, asked for clarification or checked existing similar components +- [ ] Meta tag configured with component reference - [ ] **No freeform MDX structure** - All template sections present ## Content Sections diff --git a/@kiva/kv-components/docs/component-documentation-guide.md b/@kiva/kv-components/docs/component-documentation-guide.md index 4d9fdf96..7b043890 100644 --- a/@kiva/kv-components/docs/component-documentation-guide.md +++ b/@kiva/kv-components/docs/component-documentation-guide.md @@ -65,16 +65,22 @@ See component-stories-guide.md for implementation details. import { Canvas, Meta, Story, Controls } from '@storybook/addon-docs/blocks'; import * as KvComponentStories from './KvComponent.stories.js'; - + ## Component Overview ``` +**Important:** The `` MUST include a folder prefix that matches the component's `.stories.js` file. See the **Storybook Folder Prefixes** section below for guidance. + The MDX import requires a real stories file. Use a stub with matching export names (ComponentOverview, AllVariations, Default, etc.) so Storybook can load while you flesh out the stories. +#### Storybook Folder Prefixes + +The MDX `` MUST include a folder prefix matching the component's `.stories.js` file. See **[Storybook Folder Prefixes](./storybook-folder-prefixes.md)** for the full list of prefixes, guidelines, and examples. + ## Documentation Structure Every component should have a corresponding `.mdx` documentation file in `src/vue/stories/` that follows this structure: diff --git a/@kiva/kv-components/docs/component-stories-checklist.md b/@kiva/kv-components/docs/component-stories-checklist.md index 598b77e2..80f57fa6 100644 --- a/@kiva/kv-components/docs/component-stories-checklist.md +++ b/@kiva/kv-components/docs/component-stories-checklist.md @@ -33,7 +33,9 @@ Use this checklist to ensure comprehensive, high-quality Storybook stories for c ## Default Export Configuration -- [ ] `title` matches component name +- [ ] `title` includes appropriate folder prefix (see [Storybook Folder Prefixes](./storybook-folder-prefixes.md)) +- [ ] If uncertain about prefix, asked for clarification or checked existing similar components +- [ ] `title` matches format: 'Folder Prefix/ComponentName' - [ ] `component` references the Vue component correctly - [ ] `parameters.docs.page` points to MDX file - [ ] `parameters.docs.title` is descriptive diff --git a/@kiva/kv-components/docs/component-stories-guide.md b/@kiva/kv-components/docs/component-stories-guide.md index d8055dfa..5022a2af 100644 --- a/@kiva/kv-components/docs/component-stories-guide.md +++ b/@kiva/kv-components/docs/component-stories-guide.md @@ -104,7 +104,7 @@ import ComponentNameDocsMdx from './ComponentNameDocs.mdx'; ```javascript export default { - title: 'ComponentName', + title: 'Folder Prefix/ComponentName', component: ComponentName, parameters: { docs: { @@ -119,11 +119,15 @@ export default { ``` **Key elements:** -- **title**: Display name in Storybook sidebar (matches component name) +- **title**: Display name in Storybook sidebar - MUST include folder prefix (see guidance below) - **component**: Reference to the Vue component - **parameters.docs.page**: Links to the MDX documentation - **argTypes**: Defines interactive controls and their configuration +#### Storybook Folder Prefixes + +All story titles MUST include a folder prefix. See **[Storybook Folder Prefixes](./storybook-folder-prefixes.md)** for the full list of prefixes, guidelines, and examples. + ### 3. argTypes Configuration Configure controls for component props to enable interactive testing: diff --git a/@kiva/kv-components/docs/storybook-folder-prefixes.md b/@kiva/kv-components/docs/storybook-folder-prefixes.md new file mode 100644 index 00000000..45bc758d --- /dev/null +++ b/@kiva/kv-components/docs/storybook-folder-prefixes.md @@ -0,0 +1,36 @@ +# Storybook Folder Prefixes + +All story titles and MDX `` tags MUST include a folder prefix to organize components in the Storybook sidebar. The prefix in the MDX file MUST match the prefix in the corresponding `.stories.js` file. + +Use one of the existing prefixes below, or ask for clarification if none fit. + +## Existing Folder Prefixes + +- **Base Styling/** - Style guide, theme provider, and foundational styling components +- **Charts/** - Chart and data visualization components (e.g., KvPieChart, KvLineGraph, KvTreeMapChart) +- **Checkout/** - Checkout flow components (e.g., KvAtbModal, KvCartModal, KvCartPill, KvCheckoutReceipt) +- **Comments/** - Comment-related components (e.g., KvCommentsAdd, KvCommentsList, KvCommentsListItem) +- **Components/** - General-purpose components that don't fit other categories (e.g., KvCarousel, KvLightbox, KvMap, KvUtilityMenu) +- **Forms/** - Form controls and input components (e.g., KvButton, KvCheckbox, KvTextInput, KvSelect, KvSwitch) +- **Interface Elements/** - General UI elements, indicators, and feedback components (e.g., KvToast, KvTooltip, KvProgressBar, KvLoadingSpinner) +- **Loan Display/** - Loan-specific display components (e.g., KvLoanInfoCard, KvClassicLoanCard, KvBorrowerImage) +- **Page Frame/** - Page layout and structural components (e.g., KvPageContainer, KvGrid, KvWwwHeader) + +## Guidelines + +- If the component clearly fits an existing category, use that prefix +- If uncertain or the component represents a new category, **ask for clarification** on which prefix to use or if a new folder prefix should be created +- Never omit the folder prefix +- The prefix creates the folder structure in the Storybook sidebar navigation + +## Examples + +**Story titles:** +- `'Forms/KvButton'` +- `'Loan Display/KvLoanInfoCard'` +- `'Interface Elements/KvToast'` + +**MDX Meta tags:** +- `` +- `` +- `` diff --git a/@kiva/kv-components/src/vue/.storybook/templates/Component.stories.template.js b/@kiva/kv-components/src/vue/.storybook/templates/Component.stories.template.js index 4031bba0..b1fccfd3 100644 --- a/@kiva/kv-components/src/vue/.storybook/templates/Component.stories.template.js +++ b/@kiva/kv-components/src/vue/.storybook/templates/Component.stories.template.js @@ -4,8 +4,10 @@ import { import {{ComponentName}} from '../{{ComponentName}}.vue'; import {{ComponentName}}DocsMdx from './{{ComponentName}}Docs.mdx'; +// IMPORTANT: {{folderPrefix}} must use an existing Storybook folder or ask for clarification +// Existing prefixes: Base Styling, Charts, Checkout, Comments, Components, Forms, Interface Elements, Loan Display, Page Frame export default { - title: '{{ComponentName}}', + title: '{{folderPrefix}}/{{ComponentName}}', component: {{ComponentName}}, parameters: { docs: { diff --git a/@kiva/kv-components/src/vue/.storybook/templates/ComponentDocs.template.mdx b/@kiva/kv-components/src/vue/.storybook/templates/ComponentDocs.template.mdx index b560ac37..b655aec6 100644 --- a/@kiva/kv-components/src/vue/.storybook/templates/ComponentDocs.template.mdx +++ b/@kiva/kv-components/src/vue/.storybook/templates/ComponentDocs.template.mdx @@ -1,7 +1,10 @@ import { Canvas, Meta, Story, Controls } from '@storybook/addon-docs/blocks'; import * as {{ComponentName}}Stories from './{{ComponentName}}.stories.js'; - + + + + # {{ComponentName}} diff --git a/@kiva/kv-components/src/vue/stories/KvAccordionItem.stories.js b/@kiva/kv-components/src/vue/stories/KvAccordionItem.stories.js index 5b251332..725718d3 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 ae687f0a..7c873f33 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 1ae8ee0b..837f11f2 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 98ce7ff3..8e1b72f2 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 9b3d8998..c994e28f 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 82b76945..4316cf6d 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 443a6382..0de4f96f 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 ca9734c4..4ce50733 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 df6ff74f..257d88e9 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 bafbfdf9..8f25970f 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 ba476ede..97de424e 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 91af1545..8ac51397 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 5f41d160..f2e91a41 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 60a8089c..883405a2 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 e3989837..4a1f24f6 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 e0a3bb4c..db98d036 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 6a84a796..3b6ef006 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 eeb5bf87..e0784964 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 33f2033a..02fbe001 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 42d25214..2f00a09f 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 7f60187e..7481e8a3 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 2127b9a1..183f3a40 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 b26cf138..bc1f08e4 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 d587f8ad..15b2ba96 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 3dd492f4..66997c2e 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 1fa7852d..9f7c0b0d 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 fdb22911..94aa70ec 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 27654f4f..289cc35f 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 237f63dc..bda6b211 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 095aa56d..a1bc9395 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 b14cfdd2..f9a966f9 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 44ad2881..48964df2 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 98288e0b..62a0b4cd 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 e39609c2..9f34ea6b 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 9e7fc478..0f4aa3d8 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 e6b2921e..c767798b 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 966b33d3..64b9bbae 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 2ae7b68e..2387b0fb 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 582c30dd..d40c47a1 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 765a0a49..e07b2257 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 6bcf13ec..6caa8417 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 b7ec967c..9df08270 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 91de5615..9ba5c612 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 4ab5ae94..695cc179 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 16de103b..bb68348a 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 225404b1..ac203be5 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 1696e1ea..18a69c15 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 87743418..1be6ed87 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 15f3c1a7..1ef328d1 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 e61208dc..f615059e 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 fa16e80c..6ba7a921 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 705e1aff..7e6f22d5 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 2f5b9349..23d1732f 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 fd586946..b127cb62 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 ae23e166..b4f909d6 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 0b5c1f74..f013860e 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 2a7ef1b3..aaec0193 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 4e09ad28..da569fc1 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 138ba55e..e3f442f0 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 e94c82fb..9de6bf2b 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 8a18a848..48dd1bef 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 7d65b987..059fb119 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 273d9d0c..35e2bc9a 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 7a82a081..a718f26a 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 6f7bf857..496c03df 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 56399ae0..37c8c7f3 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 f6797d59..dc14cb2d 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: