fix: update kv-components location

kiva · Nov 20, 2024 · c106daa · c106daa
1 parent 9cb391e
commit c106daa
Show file tree

Hide file tree

Showing 272 changed files with 533 additions and 533 deletions.
diff --git a/.storybook/preview.js b/.storybook/preview.js
@@ -2,7 +2,7 @@ import { setup } from '@storybook/vue3';
 import { MINIMAL_VIEWPORTS } from '@storybook/addon-viewport';
 import { VueHeadMixin, createHead } from '@unhead/vue';
 import { createRouter, createWebHistory } from 'vue-router';
-import KvThemeProvider from '@kiva/kv-components/vue/KvThemeProvider.vue';
+import KvThemeProvider from '@kiva/kv-components/dist/components/KvThemeProvider.vue';
 import { defaultTheme } from '@kiva/kv-tokens/configs/kivaColors.cjs';
 import changeCaseFilter from '../src/plugins/change-case-filter';
 import numeralFilter from '../src/plugins/numeral-filter';

diff --git a/.storybook/stories/KivaClassicSingleCategoryCarousel.stories.js b/.storybook/stories/KivaClassicSingleCategoryCarousel.stories.js
@@ -1,8 +1,8 @@
 import KivaClassicSingleCategoryCarousel from '#src/components/LoanCollections/KivaClassicSingleCategoryCarousel.vue';
 import apolloStoryMixin from '../mixins/apollo-story-mixin';
 import cookieStoreStoryMixin from '../mixins/cookie-store-story-mixin';
-import KvGrid from '@kiva/kv-components/vue/KvGrid';
-import KvPageContainer from '@kiva/kv-components/vue/KvPageContainer';
+import KvGrid from '@kiva/kv-components/dist/components/KvGrid';
+import KvPageContainer from '@kiva/kv-components/dist/components/KvPageContainer';
 import loanData from '../mock-data/loan-data-mock';
 
 const queryResult = {

diff --git a/.storybook/stories/KivaMultiCategoryGrid.stories.js b/.storybook/stories/KivaMultiCategoryGrid.stories.js
@@ -2,7 +2,7 @@ import KivaLoanCardCategory from '#src/components/LoanCollections/HomeExp/KivaLo
 import apolloStoryMixin from '../mixins/apollo-story-mixin';
 import cookieStoreStoryMixin from '../mixins/cookie-store-story-mixin';
 import LoanCategorySelectorHomeExp from '#src/components/LoanCollections/HomeExp/LoanCategorySelectorHomeExp';
-import KvGrid from '@kiva/kv-components/vue/KvGrid';
+import KvGrid from '@kiva/kv-components/dist/components/KvGrid';
 import loanData from '../mock-data/loan-data-mock';
 
 const queryResult = {

diff --git a/.storybook/stories/KvFrequentlyAskedQuestions.stories.js b/.storybook/stories/KvFrequentlyAskedQuestions.stories.js
@@ -1,6 +1,6 @@
 import SectionWithBackgroundClassic from '#src/components/Contentful/SectionWithBackgroundClassic';
 import KvFrequentlyAskedQuestions from '#src/components/Kv/KvFrequentlyAskedQuestions';
-import KvPageContainer from '@kiva/kv-components/vue/KvPageContainer';
+import KvPageContainer from '@kiva/kv-components/dist/components/KvPageContainer';
 
 const args = {
 	frequentlyAskedQuestionsHeadline: 'Questions',

diff --git a/.storybook/stories/LoanSpotlight.stories.js b/.storybook/stories/LoanSpotlight.stories.js
@@ -1,8 +1,8 @@
 import LoanSpotlight from '#src/components/Categories/LoanSpotlight';
 import apolloStoryMixin from '../mixins/apollo-story-mixin';
 import cookieStoreStoryMixin from '../mixins/cookie-store-story-mixin';
-import KvGrid from '@kiva/kv-components/vue/KvGrid';
-import KvPageContainer from '@kiva/kv-components/vue/KvPageContainer';
+import KvGrid from '@kiva/kv-components/dist/components/KvGrid';
+import KvPageContainer from '@kiva/kv-components/dist/components/KvPageContainer';
 
 const loanHorizontal = {
 	id: 2389631,

diff --git a/.storybook/stories/MainCategoryTile.stories.js b/.storybook/stories/MainCategoryTile.stories.js
@@ -1,6 +1,6 @@
 import MainCategoryTile from '#src/components/Categories/MainCategoryTile';
-import KvGrid from '@kiva/kv-components/vue/KvGrid';
-import KvPageContainer from '@kiva/kv-components/vue/KvPageContainer';
+import KvGrid from '@kiva/kv-components/dist/components/KvGrid';
+import KvPageContainer from '@kiva/kv-components/dist/components/KvPageContainer';
 
 export default {
 	title: 'Components/Main Category Tile',

diff --git a/.storybook/stories/PortfolioKivaCreditStats.stories.js b/.storybook/stories/PortfolioKivaCreditStats.stories.js
@@ -1,5 +1,5 @@
-import KvGrid from '@kiva/kv-components/vue/KvGrid';
-import KvPageContainer from '@kiva/kv-components/vue/KvPageContainer';
+import KvGrid from '@kiva/kv-components/dist/components/KvGrid';
+import KvPageContainer from '@kiva/kv-components/dist/components/KvPageContainer';
 import KivaCreditStats from '#src/pages/Portfolio/ImpactDashboard/KivaCreditStats';
 
 import apolloStoryMixin from '../mixins/apollo-story-mixin';

diff --git a/.storybook/stories/SupportedByLenders.stories.js b/.storybook/stories/SupportedByLenders.stories.js
@@ -1,6 +1,6 @@
 import SupportedByLenders from '#src/components/BorrowerProfile/SupportedByLenders';
 import activities from '../mock-data/activity-feed-data-mock';
-import KvUserAvatar from '@kiva/kv-components/vue/KvUserAvatar';
+import KvUserAvatar from '@kiva/kv-components/dist/components/KvUserAvatar';
 
 export default {
 	title: 'Components/SupportedByLenders',

diff --git a/src/components/AutoDeposit/AutoDepositDropInPaymentWrapper.vue b/src/components/AutoDeposit/AutoDepositDropInPaymentWrapper.vue
@@ -39,7 +39,7 @@ import braintreeUpdateSubscriptionPaymentMethod from
 	'#src/graphql/mutation/braintreeUpdateSubscriptionPaymentMethod.graphql';
 
 import KvIcon from '#src/components/Kv/KvIcon';
-import KvButton from '@kiva/kv-components/vue/KvButton';
+import KvButton from '@kiva/kv-components/dist/components/KvButton';
 
 export default {
 	name: 'AutoDepositDropInPaymentWrapper',

diff --git a/src/components/AutoDeposit/AutoDepositSignUpForm.vue b/src/components/AutoDeposit/AutoDepositSignUpForm.vue
@@ -172,11 +172,11 @@ import KvLoadingOverlay from '#src/components/Kv/KvLoadingOverlay';
 
 import userIdQuery from '#src/graphql/query/userId.graphql';
 import { mdiPencil } from '@mdi/js';
-import KvButton from '@kiva/kv-components/vue/KvButton';
-import KvCheckbox from '@kiva/kv-components/vue/KvCheckbox';
-import KvMaterialIcon from '@kiva/kv-components/vue/KvMaterialIcon';
-import KvSelect from '@kiva/kv-components/vue/KvSelect';
-import KvTextInput from '@kiva/kv-components/vue/KvTextInput';
+import KvButton from '@kiva/kv-components/dist/components/KvButton';
+import KvCheckbox from '@kiva/kv-components/dist/components/KvCheckbox';
+import KvMaterialIcon from '@kiva/kv-components/dist/components/KvMaterialIcon';
+import KvSelect from '@kiva/kv-components/dist/components/KvSelect';
+import KvTextInput from '@kiva/kv-components/dist/components/KvTextInput';
 
 let frozenDropdownOptions;
 

diff --git a/src/components/BorrowerProfile/BorrowerBusinessDetails.vue b/src/components/BorrowerProfile/BorrowerBusinessDetails.vue
@@ -57,7 +57,7 @@
 <script>
 import { mdiArrowTopRight } from '@mdi/js';
 import * as Sentry from '@sentry/vue';
-import KvTextLink from '@kiva/kv-components/vue/KvTextLink';
+import KvTextLink from '@kiva/kv-components/dist/components/KvTextLink';
 import { defineAsyncComponent } from 'vue';
 
 const TwitterLogo = defineAsyncComponent(() => import('#src/assets/inline-svgs/logos/twitter-logo.svg'));

diff --git a/src/components/BorrowerProfile/ChallengeTeamInvite.vue b/src/components/BorrowerProfile/ChallengeTeamInvite.vue
@@ -33,8 +33,8 @@
 
 <script>
 import { mdiArrowTopRight, mdiClose } from '@mdi/js';
-import KvUserAvatar from '@kiva/kv-components/vue/KvUserAvatar';
-import KvToast from '@kiva/kv-components/vue/KvToast';
+import KvUserAvatar from '@kiva/kv-components/dist/components/KvUserAvatar';
+import KvToast from '@kiva/kv-components/dist/components/KvToast';
 
 export default {
 	name: 'ChallengeTeamInvite',

diff --git a/src/components/BorrowerProfile/CommentsAndWhySpecial.vue b/src/components/BorrowerProfile/CommentsAndWhySpecial.vue
@@ -207,12 +207,12 @@ import logFormatter from '#src/util/logFormatter';
 import WhySpecial from '#src/components/BorrowerProfile/WhySpecial';
 import clickOutside from '#src/plugins/click-outside';
 import BorrowerImage from '#src/components/BorrowerProfile/BorrowerImage';
-import KvCarousel from '@kiva/kv-components/vue/KvCarousel';
-import KvMaterialIcon from '@kiva/kv-components/vue/KvMaterialIcon';
-import KvLoadingPlaceholder from '@kiva/kv-components/vue/KvLoadingPlaceholder';
-import KvLightbox from '@kiva/kv-components/vue/KvLightbox';
-import KvRadio from '@kiva/kv-components/vue/KvRadio';
-import KvButton from '@kiva/kv-components/vue/KvButton';
+import KvCarousel from '@kiva/kv-components/dist/components/KvCarousel';
+import KvMaterialIcon from '@kiva/kv-components/dist/components/KvMaterialIcon';
+import KvLoadingPlaceholder from '@kiva/kv-components/dist/components/KvLoadingPlaceholder';
+import KvLightbox from '@kiva/kv-components/dist/components/KvLightbox';
+import KvRadio from '@kiva/kv-components/dist/components/KvRadio';
+import KvButton from '@kiva/kv-components/dist/components/KvButton';
 import kivaKUrl from '#src/assets/images/kiva_k.svg?url';
 
 export default {

diff --git a/src/components/BorrowerProfile/ContentContainer.vue b/src/components/BorrowerProfile/ContentContainer.vue
@@ -9,8 +9,8 @@
 </template>
 
 <script>
-import KvGrid from '@kiva/kv-components/vue/KvGrid';
-import KvPageContainer from '@kiva/kv-components/vue/KvPageContainer';
+import KvGrid from '@kiva/kv-components/dist/components/KvGrid';
+import KvPageContainer from '@kiva/kv-components/dist/components/KvPageContainer';
 
 export default {
 	name: 'ContentContainer',

diff --git a/src/components/BorrowerProfile/CountryInfo.vue b/src/components/BorrowerProfile/CountryInfo.vue
@@ -65,8 +65,8 @@ import { gql } from 'graphql-tag';
 import numeral from 'numeral';
 import { createIntersectionObserver } from '#src/util/observerUtils';
 
-import KvLoadingPlaceholder from '@kiva/kv-components/vue/KvLoadingPlaceholder';
-import KvUiButton from '@kiva/kv-components/vue/KvButton';
+import KvLoadingPlaceholder from '@kiva/kv-components/dist/components/KvLoadingPlaceholder';
+import KvUiButton from '@kiva/kv-components/dist/components/KvButton';
 
 export default {
 	name: 'CountryInfo',

diff --git a/src/components/BorrowerProfile/DetailsTabs.vue b/src/components/BorrowerProfile/DetailsTabs.vue
@@ -112,12 +112,12 @@
 import { gql } from 'graphql-tag';
 import { formatContentGroupsFlat } from '#src/util/contentfulUtils';
 
-import KvLoadingPlaceholder from '@kiva/kv-components/vue/KvLoadingPlaceholder';
+import KvLoadingPlaceholder from '@kiva/kv-components/dist/components/KvLoadingPlaceholder';
 import { documentToHtmlString } from '@contentful/rich-text-html-renderer';
-import KvLightbox from '@kiva/kv-components/vue/KvLightbox';
-import KvTab from '@kiva/kv-components/vue/KvTab';
-import KvTabPanel from '@kiva/kv-components/vue/KvTabPanel';
-import KvTabs from '@kiva/kv-components/vue/KvTabs';
+import KvLightbox from '@kiva/kv-components/dist/components/KvLightbox';
+import KvTab from '@kiva/kv-components/dist/components/KvTab';
+import KvTabPanel from '@kiva/kv-components/dist/components/KvTabPanel';
+import KvTabs from '@kiva/kv-components/dist/components/KvTabs';
 import FieldPartnerDetails from './FieldPartnerDetails';
 import LoanDetails from './LoanDetails';
 import TrusteeDetails from './TrusteeDetails';

diff --git a/src/components/BorrowerProfile/FieldPartnerDetails.vue b/src/components/BorrowerProfile/FieldPartnerDetails.vue
@@ -123,8 +123,8 @@ import {
 } from '@mdi/js';
 import numeral from 'numeral';
 import DescriptionListItem from '#src/components/BorrowerProfile/DescriptionListItem';
-import KvMaterialIcon from '@kiva/kv-components/vue/KvMaterialIcon';
-import KvTextLink from '@kiva/kv-components/vue/KvTextLink';
+import KvMaterialIcon from '@kiva/kv-components/dist/components/KvMaterialIcon';
+import KvTextLink from '@kiva/kv-components/dist/components/KvTextLink';
 
 export default {
 	name: 'FieldPartnerDetails',

diff --git a/src/components/BorrowerProfile/FundedBorrowerProfile.vue b/src/components/BorrowerProfile/FundedBorrowerProfile.vue
@@ -114,8 +114,8 @@ import personalizedLoansQuery from '#src/graphql/query/lendByCategory/personaliz
 import mlLoansYouMightLikeData from '#src/graphql/query/loansYouMightLike/mlLoansYouMightLikeData.graphql';
 import LoanCardController from '#src/components/LoanCards/LoanCardController';
 import { FLSS_ORIGIN_BP_FUNDED } from '#src/util/flssUtils';
-import KvGrid from '@kiva/kv-components/vue/KvGrid';
-import KvPageContainer from '@kiva/kv-components/vue/KvPageContainer';
+import KvGrid from '@kiva/kv-components/dist/components/KvGrid';
+import KvPageContainer from '@kiva/kv-components/dist/components/KvPageContainer';
 
 export default {
 	name: 'FundedBorrowerProfile',

diff --git a/src/components/BorrowerProfile/HeroBackground.vue b/src/components/BorrowerProfile/HeroBackground.vue
@@ -21,7 +21,7 @@
 
 <script>
 import { gql } from 'graphql-tag';
-import KvContentfulImg from '@kiva/kv-components/vue/KvContentfulImg';
+import KvContentfulImg from '@kiva/kv-components/dist/components/KvContentfulImg';
 
 export default {
 	name: 'HeroBackground',

diff --git a/src/components/BorrowerProfile/JournalUpdates.vue b/src/components/BorrowerProfile/JournalUpdates.vue
@@ -55,8 +55,8 @@
 
 <script>
 import { createIntersectionObserver } from '#src/util/observerUtils';
-import KvLoadingPlaceholder from '@kiva/kv-components/vue/KvLoadingPlaceholder';
-import KvButton from '@kiva/kv-components/vue/KvButton';
+import KvLoadingPlaceholder from '@kiva/kv-components/dist/components/KvLoadingPlaceholder';
+import KvButton from '@kiva/kv-components/dist/components/KvButton';
 import updatesQuery from '#src/graphql/query/loanUpdates.graphql';
 import UpdateDetails from './UpdateDetails';
 

diff --git a/src/components/BorrowerProfile/JumpLinks.vue b/src/components/BorrowerProfile/JumpLinks.vue
@@ -30,7 +30,7 @@
 <script>
 import { mdiAccount, mdiFormatListBulleted } from '@mdi/js';
 import smoothScrollMixin from '#src/plugins/smooth-scroll-mixin';
-import KvMaterialIcon from '@kiva/kv-components/vue/KvMaterialIcon';
+import KvMaterialIcon from '@kiva/kv-components/dist/components/KvMaterialIcon';
 
 export default {
 	name: 'JumpLinks',

diff --git a/src/components/BorrowerProfile/LendCta.vue b/src/components/BorrowerProfile/LendCta.vue
@@ -395,10 +395,10 @@ import CompleteLoanWrapper from '#src/components/BorrowerProfile/CompleteLoanWra
 import KvIcon from '#src/components/Kv/KvIcon';
 import KvLoanActivities from '#src/components/Kv/KvLoanActivities';
 import SupportedByLenders from '#src/components/BorrowerProfile/SupportedByLenders';
-import KvUiSelect from '@kiva/kv-components/vue/KvSelect';
-import KvMaterialIcon from '@kiva/kv-components/vue/KvMaterialIcon';
-import KvUiButton from '@kiva/kv-components/vue/KvButton';
-import KvGrid from '@kiva/kv-components/vue/KvGrid';
+import KvUiSelect from '@kiva/kv-components/dist/components/KvSelect';
+import KvMaterialIcon from '@kiva/kv-components/dist/components/KvMaterialIcon';
+import KvUiButton from '@kiva/kv-components/dist/components/KvButton';
+import KvGrid from '@kiva/kv-components/dist/components/KvGrid';
 import { setChallengeCookieData } from '#src/util/teamChallengeUtils';
 
 export default {

diff --git a/src/components/BorrowerProfile/LendersAndTeams.vue b/src/components/BorrowerProfile/LendersAndTeams.vue
@@ -154,11 +154,11 @@ import { mdiLightningBolt } from '@mdi/js';
 import { gql } from 'graphql-tag';
 import { createIntersectionObserver } from '#src/util/observerUtils';
 
-import KvLoadingPlaceholder from '@kiva/kv-components/vue/KvLoadingPlaceholder';
-import KvButton from '@kiva/kv-components/vue/KvButton';
-import KvLightbox from '@kiva/kv-components/vue/KvLightbox';
-import KvMaterialIcon from '@kiva/kv-components/vue/KvMaterialIcon';
-import KvTextLink from '@kiva/kv-components/vue/KvTextLink';
+import KvLoadingPlaceholder from '@kiva/kv-components/dist/components/KvLoadingPlaceholder';
+import KvButton from '@kiva/kv-components/dist/components/KvButton';
+import KvLightbox from '@kiva/kv-components/dist/components/KvLightbox';
+import KvMaterialIcon from '@kiva/kv-components/dist/components/KvMaterialIcon';
+import KvTextLink from '@kiva/kv-components/dist/components/KvTextLink';
 import SupporterDetails from './SupporterDetails';
 
 const teamsQuery = gql`query teamsQuery($loanId: Int!, $limit: Int, $offset: Int, $sortBy: TeamSearchSortByEnum) {

diff --git a/src/components/BorrowerProfile/LoanBookmark.vue b/src/components/BorrowerProfile/LoanBookmark.vue
@@ -21,8 +21,8 @@
 import { gql } from 'graphql-tag';
 import { mdiBookmarkOutline, mdiBookmark } from '@mdi/js';
 import bookmarkLoan from '#src/util/bookmarkUtil';
-import KvMaterialIcon from '@kiva/kv-components/vue/KvMaterialIcon';
-import KvLoadingPlaceholder from '@kiva/kv-components/vue/KvLoadingPlaceholder';
+import KvMaterialIcon from '@kiva/kv-components/dist/components/KvMaterialIcon';
+import KvLoadingPlaceholder from '@kiva/kv-components/dist/components/KvLoadingPlaceholder';
 
 export default {
 	name: 'LoanBookmark',

diff --git a/src/components/BorrowerProfile/LoanDescription.vue b/src/components/BorrowerProfile/LoanDescription.vue
@@ -91,7 +91,7 @@
 <script>
 import { toParagraphs } from '#src/util/loanUtils';
 import previousLoanDescription from '#src/components/BorrowerProfile/PreviousLoanDescription';
-import KvLightbox from '@kiva/kv-components/vue/KvLightbox';
+import KvLightbox from '@kiva/kv-components/dist/components/KvLightbox';
 
 export default {
 	name: 'LoanDescription',

diff --git a/src/components/BorrowerProfile/LoanProgress.vue b/src/components/BorrowerProfile/LoanProgress.vue
@@ -114,7 +114,7 @@
 <script>
 import { ALLOWED_LOAN_STATUSES } from '#src/util/loanUtils';
 import numeral from 'numeral';
-import KvProgressBar from '@kiva/kv-components/vue/KvProgressBar';
+import KvProgressBar from '@kiva/kv-components/dist/components/KvProgressBar';
 
 export default {
 	name: 'LoanProgress',

diff --git a/src/components/BorrowerProfile/MoreAboutLoan.vue b/src/components/BorrowerProfile/MoreAboutLoan.vue
@@ -107,7 +107,7 @@ import { gql } from 'graphql-tag';
 import { createIntersectionObserver } from '#src/util/observerUtils';
 import BorrowerBusinessDetails from '#src/components/BorrowerProfile/BorrowerBusinessDetails';
 
-import KvLoadingPlaceholder from '@kiva/kv-components/vue/KvLoadingPlaceholder';
+import KvLoadingPlaceholder from '@kiva/kv-components/dist/components/KvLoadingPlaceholder';
 
 export default {
 	name: 'MoreAboutLoan',

diff --git a/src/components/BorrowerProfile/PreviousLoanDescription.vue b/src/components/BorrowerProfile/PreviousLoanDescription.vue
@@ -51,8 +51,8 @@ import { mdiChevronDown } from '@mdi/js';
 import { toParagraphs } from '#src/util/loanUtils';
 import { gql } from 'graphql-tag';
 import KvExpandable from '#src/components/Kv/KvExpandable';
-import KvTextLink from '@kiva/kv-components/vue/KvTextLink';
-import KvMaterialIcon from '@kiva/kv-components/vue/KvMaterialIcon';
+import KvTextLink from '@kiva/kv-components/dist/components/KvTextLink';
+import KvMaterialIcon from '@kiva/kv-components/dist/components/KvMaterialIcon';
 
 const previousLoanQuery = gql`query previousLoanQuery($id: Int!) {
 	lend {

diff --git a/src/components/BorrowerProfile/RepaymentSchedule.vue b/src/components/BorrowerProfile/RepaymentSchedule.vue
@@ -163,8 +163,8 @@ import { gql } from 'graphql-tag';
 import { mdiCheckboxMarkedCircle, mdiMinusCircle } from '@mdi/js';
 import { format, parseISO, isBefore } from 'date-fns';
 import numeral from 'numeral';
-import KvMaterialIcon from '@kiva/kv-components/vue/KvMaterialIcon';
-import KvLightbox from '@kiva/kv-components/vue/KvLightbox';
+import KvMaterialIcon from '@kiva/kv-components/dist/components/KvMaterialIcon';
+import KvLightbox from '@kiva/kv-components/dist/components/KvLightbox';
 
 const repaymentScheduleQuery = gql`query repaymentScheduleQuery($loanId: Int!) {
 	lend {

diff --git a/src/components/BorrowerProfile/ShareButton.vue b/src/components/BorrowerProfile/ShareButton.vue
@@ -31,7 +31,7 @@
 import { gql } from 'graphql-tag';
 import { mdiPencilOutline } from '@mdi/js';
 import KvSocialShareButton from '#src/components/Kv/KvSocialShareButton';
-import KvMaterialIcon from '@kiva/kv-components/vue/KvMaterialIcon';
+import KvMaterialIcon from '@kiva/kv-components/dist/components/KvMaterialIcon';
 
 export default {
 	name: 'ShareButton',

diff --git a/src/components/BorrowerProfile/SidebarContainer.vue b/src/components/BorrowerProfile/SidebarContainer.vue
@@ -9,8 +9,8 @@
 </template>
 
 <script>
-import KvGrid from '@kiva/kv-components/vue/KvGrid';
-import KvPageContainer from '@kiva/kv-components/vue/KvPageContainer';
+import KvGrid from '@kiva/kv-components/dist/components/KvGrid';
+import KvPageContainer from '@kiva/kv-components/dist/components/KvPageContainer';
 
 export default {
 	name: 'SidebarContainer',

diff --git a/src/components/BorrowerProfile/SummaryCard.vue b/src/components/BorrowerProfile/SummaryCard.vue
@@ -112,8 +112,8 @@
 import { gql } from 'graphql-tag';
 import { mdiMapMarker } from '@mdi/js';
 import HeartComment from '#src/assets/icons/inline/heart-comment.svg';
-import KvMaterialIcon from '@kiva/kv-components/vue/KvMaterialIcon';
-import KvLoadingPlaceholder from '@kiva/kv-components/vue/KvLoadingPlaceholder';
+import KvMaterialIcon from '@kiva/kv-components/dist/components/KvMaterialIcon';
+import KvLoadingPlaceholder from '@kiva/kv-components/dist/components/KvLoadingPlaceholder';
 import BorrowerImage from './BorrowerImage';
 import BorrowerName from './BorrowerName';
 import LoanProgress from './LoanProgress';

diff --git a/src/components/BorrowerProfile/SupportedByLenders.vue b/src/components/BorrowerProfile/SupportedByLenders.vue
@@ -22,7 +22,7 @@
 
 <script>
 import { isLegacyPlaceholderAvatar } from '#src/util/imageUtils';
-import KvUserAvatar from '@kiva/kv-components/vue/KvUserAvatar';
+import KvUserAvatar from '@kiva/kv-components/dist/components/KvUserAvatar';
 
 export default {
 	name: 'SupportedByLenders',

diff --git a/src/components/BorrowerProfile/TopBannerPfp.vue b/src/components/BorrowerProfile/TopBannerPfp.vue
@@ -36,9 +36,9 @@
 
 <script>
 import { mdiInformationOutline } from '@mdi/js';
-import KvMaterialIcon from '@kiva/kv-components/vue/KvMaterialIcon';
-import KvGrid from '@kiva/kv-components/vue/KvGrid';
-import KvPageContainer from '@kiva/kv-components/vue/KvPageContainer';
+import KvMaterialIcon from '@kiva/kv-components/dist/components/KvMaterialIcon';
+import KvGrid from '@kiva/kv-components/dist/components/KvGrid';
+import KvPageContainer from '@kiva/kv-components/dist/components/KvPageContainer';
 
 export default {
 	name: 'TopBannerPfp',

diff --git a/src/components/BorrowerProfile/TrusteeDetails.vue b/src/components/BorrowerProfile/TrusteeDetails.vue
@@ -81,7 +81,7 @@
 import { mdiArrowRight } from '@mdi/js';
 import numeral from 'numeral';
 import DescriptionListItem from '#src/components/BorrowerProfile/DescriptionListItem';
-import KvTextLink from '@kiva/kv-components/vue/KvTextLink';
+import KvTextLink from '@kiva/kv-components/dist/components/KvTextLink';
 
 export default {
 	name: 'TrusteeDetails',

diff --git a/src/components/BorrowerProfile/WhySpecial.vue b/src/components/BorrowerProfile/WhySpecial.vue
@@ -21,7 +21,7 @@ import { gql } from 'graphql-tag';
 import { createIntersectionObserver } from '#src/util/observerUtils';
 import { formatWhySpecial } from '#src/util/loanUtils';
 
-import KvLoadingPlaceholder from '@kiva/kv-components/vue/KvLoadingPlaceholder';
+import KvLoadingPlaceholder from '@kiva/kv-components/dist/components/KvLoadingPlaceholder';
 
 export default {
 	name: 'WhySpecial',