@kiva/kv-components 3.90.1 → 3.90.3

package/CHANGELOG.md

@@ -3,6 +3,28 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [3.90.3](https://github.com/kiva/kv-ui-elements/compare/@kiva/kv-components@3.90.2...@kiva/kv-components@3.90.3) (2024-08-06)
+
+
+### Bug Fixes
+
+* adjust new card styling ([875d701](https://github.com/kiva/kv-ui-elements/commit/875d701b951660444f8d00d7ae1596958df604f3))
+
+
+
+
+
+## [3.90.2](https://github.com/kiva/kv-ui-elements/compare/@kiva/kv-components@3.90.1...@kiva/kv-components@3.90.2) (2024-08-05)
+
+
+### Bug Fixes
+
+* relative node_modules path broke when imported into another app ([3bb1c5d](https://github.com/kiva/kv-ui-elements/commit/3bb1c5d5db0701c41691bcd588421e6b4dd0ea19))
+
+
+
+
+
 ## [3.90.1](https://github.com/kiva/kv-ui-elements/compare/@kiva/kv-components@3.90.0...@kiva/kv-components@3.90.1) (2024-08-02)
 
 **Note:** Version bump only for package @kiva/kv-components

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kiva/kv-components",
-  "version": "3.90.1",
+  "version": "3.90.3",
   "type": "module",
   "publishConfig": {
     "access": "public"
@@ -82,5 +82,5 @@
       "optional": true
     }
   },
-  "gitHead": "c5006de020c6abc90d88722d181843b28ad07f91"
+  "gitHead": "fd6310c268d93c40279f5c67119c83fc3a74fd3d"
 }

package/vue/.storybook/main.js

@@ -1,3 +1,5 @@
+const path = require('path');
+
 const config = {
 	stories: [
 		'../stories/Styleguide.stories.js', // show the base styleguide first
@@ -62,6 +64,10 @@ const config = {
 				}
 			]
 		});
+		config.resolve.alias = {
+			...config.resolve.alias,
+			'~/node_modules': path.resolve(__dirname, '../../../../node_modules/'),
+		};
 		return config;
 	},
 

package/vue/KvFlag.vue

@@ -71,7 +71,7 @@ export default {
 		},
 	},
 	async setup() {
-		const countryList = await import('../../../node_modules/flag-icons/country.json');
+		const countryList = await import('~/node_modules/flag-icons/country.json');
 
 		return {
 			countryList,
@@ -104,7 +104,7 @@ export default {
 </script>
 
 <style lang="postcss" scoped>
-@import "../../../node_modules/flag-icons/css/flag-icons.min.css";
+@import "~/node_modules/flag-icons/css/flag-icons.min.css";
 
 .kv-flag__wrapper {
 	line-height: 0;

package/vue/KvIntroductionLoanCard.vue

@@ -171,9 +171,7 @@
 			</div>
 		</div>
 
-		<div
-			class="tw-px-1 tw-grow"
-		>
+		<div class="tw-px-1">
 			<!-- Fundraising -->
 			<div
 				v-if="!hasProgressData"
@@ -358,18 +356,14 @@ export default {
 	},
 	computed: {
 		imageAspectRatio() {
-			return 178 / 328;
+			return 1 / 2;
 		},
 		imageDefaultWidth() {
-			return 336;
+			return 500;
 		},
 		imageSizes() {
 			return [
-				{ width: this.imageDefaultWidth, viewSize: 1024 },
-				{ width: this.imageDefaultWidth, viewSize: 768 },
-				{ width: 416, viewSize: 480 },
-				{ width: 374, viewSize: 414 },
-				{ width: 335, viewSize: 375 },
+				{ width: this.imageDefaultWidth, viewSize: 375 },
 			];
 		},
 		lendersNumber() {
@@ -389,12 +383,6 @@ export default {
 <style lang="postcss" scoped>
 .card-container {
 	@apply tw-flex tw-flex-col tw-bg-white tw-rounded tw-w-full tw-pb-1;
-	height: 415px;
-}
-@screen md {
-	.card-container {
-		height: 423px;
-	}
 }
 .loan-callouts >>> span {
 	@apply !tw-bg-transparent tw-text-brand;
@@ -410,9 +398,6 @@ export default {
 .loan-card-progress:focus {
 	@apply tw-no-underline;
 }
-.borrower-image >>> img {
-	@apply tw-object-cover;
-}
 .loan-card-name {
 	@apply tw-pt-1 tw-px-3 tw-text-ellipsis tw-overflow-hidden tw-line-clamp-1 tw-cursor-pointer;
 }