@kiva/kv-components 3.86.2 → 3.87.1

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.87.1](https://github.com/kiva/kv-ui-elements/compare/@kiva/kv-components@3.87.0...@kiva/kv-components@3.87.1) (2024-07-12)
+
+
+### Bug Fixes
+
+* handle long names in cart modal ([a4a5afa](https://github.com/kiva/kv-ui-elements/commit/a4a5afa60b65fcdd18016af4e156eb0421c86fe3))
+
+
+
+
+
+# [3.87.0](https://github.com/kiva/kv-ui-elements/compare/@kiva/kv-components@3.86.2...@kiva/kv-components@3.87.0) (2024-07-12)
+
+
+### Features
+
+* dark stone theme provider added ([#426](https://github.com/kiva/kv-ui-elements/issues/426)) ([8a8ea0a](https://github.com/kiva/kv-ui-elements/commit/8a8ea0aa548c9e0e125fa2219a53a2870cca289c))
+
+
+
+
+
 ## [3.86.2](https://github.com/kiva/kv-ui-elements/compare/@kiva/kv-components@3.86.1...@kiva/kv-components@3.86.2) (2024-07-12)
 
 **Note:** Version bump only for package @kiva/kv-components

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kiva/kv-components",
-  "version": "3.86.2",
+  "version": "3.87.1",
   "type": "module",
   "publishConfig": {
     "access": "public"
@@ -75,5 +75,5 @@
       "optional": true
     }
   },
-  "gitHead": "fb64afce3ca314e2ce9799a7a5c1d836e490e73c"
+  "gitHead": "986789e120f52204dfb03c2456f6b7247079a88f"
 }

package/vue/KvCartModal.vue

@@ -80,10 +80,12 @@
 									:photo-path="photoPath"
 								/>
 							</div>
-							<div class="tw-flex tw-items-center tw-justify-between tw-w-full">
+							<div class="tw-flex tw-items-center tw-justify-between tw-w-full tw-gap-1">
 								<div class="tw-flex tw-flex-col tw-h-full tw-justify-between">
-									<p>{{ borrowerName }}</p>
-									<p class="tw-p-1 tw-text-center tw-rounded tw-bg-secondary tw-text-h5">
+									<p class="tw-overflow-hidden tw-text-ellipsis tw-line-clamp-1">
+										{{ borrowerName }}
+									</p>
+									<p class="tw-p-1 tw-text-center tw-rounded tw-bg-secondary tw-text-h5 tw-w-max">
 										{{ borrowerCountry }}
 									</p>
 								</div>

package/vue/stories/KvCartModal.stories.js

@@ -12,12 +12,13 @@ export default {
 		title: '',
 		preventClose: false,
 		addedLoan: {
-			name: 'Test Loan',
+			name: 'This is a Loan with a very long name',
 			amount: 100,
 			country: 'Kenya',
 			imageHash: '9673d0722a7675b9b8d11f90849d9b44',
 		},
 		photoPath: 'https://www-kiva-org.freetls.fastly.net/img/',
+		basketCount: 1,
 	},
 };
 
@@ -34,6 +35,7 @@ const DefaultTemplate = (args, { argTypes }) => ({
 				:prevent-close="preventClose"
 				:added-loan="addedLoan"
 				:photo-path="photoPath"
+				:basket-count="basketCount"
 				@cart-modal-closed="isVisible = false"
 			>
 			</kv-cart-modal>

package/vue/stories/KvThemeProvider.stories.js

@@ -1,6 +1,6 @@
 import primitives from '@kiva/kv-tokens/primitives.json';
 import {
-	defaultTheme, darkTheme, darkGreenTheme, mintTheme, darkMintTheme,
+	defaultTheme, darkTheme, darkGreenTheme, mintTheme, darkMintTheme, darkStoneTheme,
 } from '@kiva/kv-tokens/configs/kivaColors.cjs';
 import KvButton from '../KvButton.vue';
 import KvGrid from '../KvGrid.vue';
@@ -123,6 +123,7 @@ const Template = (args, {
 			darkTheme,
 			mintTheme,
 			darkMintTheme,
+			darkStoneTheme,
 		};
 	},
 	template: `
@@ -166,3 +167,8 @@ Custom.args = {
 		'--bg-action-highlight': '0, 0, 150',
 	},
 };
+
+export const DarkStone = Template.bind({});
+DarkStone.args = {
+	theme: darkStoneTheme,
+};