@kiva/kv-components 3.86.2 → 3.87.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/CHANGELOG.md
CHANGED
|
@@ -3,6 +3,28 @@
|
|
|
3
3
|
All notable changes to this project will be documented in this file.
|
|
4
4
|
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
|
|
5
5
|
|
|
6
|
+
## [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)
|
|
7
|
+
|
|
8
|
+
|
|
9
|
+
### Bug Fixes
|
|
10
|
+
|
|
11
|
+
* handle long names in cart modal ([a4a5afa](https://github.com/kiva/kv-ui-elements/commit/a4a5afa60b65fcdd18016af4e156eb0421c86fe3))
|
|
12
|
+
|
|
13
|
+
|
|
14
|
+
|
|
15
|
+
|
|
16
|
+
|
|
17
|
+
# [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)
|
|
18
|
+
|
|
19
|
+
|
|
20
|
+
### Features
|
|
21
|
+
|
|
22
|
+
* 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))
|
|
23
|
+
|
|
24
|
+
|
|
25
|
+
|
|
26
|
+
|
|
27
|
+
|
|
6
28
|
## [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)
|
|
7
29
|
|
|
8
30
|
**Note:** Version bump only for package @kiva/kv-components
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@kiva/kv-components",
|
|
3
|
-
"version": "3.
|
|
3
|
+
"version": "3.87.1",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"access": "public"
|
|
@@ -75,5 +75,5 @@
|
|
|
75
75
|
"optional": true
|
|
76
76
|
}
|
|
77
77
|
},
|
|
78
|
-
"gitHead": "
|
|
78
|
+
"gitHead": "986789e120f52204dfb03c2456f6b7247079a88f"
|
|
79
79
|
}
|
package/vue/KvCartModal.vue
CHANGED
|
@@ -80,10 +80,12 @@
|
|
|
80
80
|
:photo-path="photoPath"
|
|
81
81
|
/>
|
|
82
82
|
</div>
|
|
83
|
-
<div class="tw-flex tw-items-center tw-justify-between tw-w-full">
|
|
83
|
+
<div class="tw-flex tw-items-center tw-justify-between tw-w-full tw-gap-1">
|
|
84
84
|
<div class="tw-flex tw-flex-col tw-h-full tw-justify-between">
|
|
85
|
-
<p
|
|
86
|
-
|
|
85
|
+
<p class="tw-overflow-hidden tw-text-ellipsis tw-line-clamp-1">
|
|
86
|
+
{{ borrowerName }}
|
|
87
|
+
</p>
|
|
88
|
+
<p class="tw-p-1 tw-text-center tw-rounded tw-bg-secondary tw-text-h5 tw-w-max">
|
|
87
89
|
{{ borrowerCountry }}
|
|
88
90
|
</p>
|
|
89
91
|
</div>
|
|
@@ -12,12 +12,13 @@ export default {
|
|
|
12
12
|
title: '',
|
|
13
13
|
preventClose: false,
|
|
14
14
|
addedLoan: {
|
|
15
|
-
name: '
|
|
15
|
+
name: 'This is a Loan with a very long name',
|
|
16
16
|
amount: 100,
|
|
17
17
|
country: 'Kenya',
|
|
18
18
|
imageHash: '9673d0722a7675b9b8d11f90849d9b44',
|
|
19
19
|
},
|
|
20
20
|
photoPath: 'https://www-kiva-org.freetls.fastly.net/img/',
|
|
21
|
+
basketCount: 1,
|
|
21
22
|
},
|
|
22
23
|
};
|
|
23
24
|
|
|
@@ -34,6 +35,7 @@ const DefaultTemplate = (args, { argTypes }) => ({
|
|
|
34
35
|
:prevent-close="preventClose"
|
|
35
36
|
:added-loan="addedLoan"
|
|
36
37
|
:photo-path="photoPath"
|
|
38
|
+
:basket-count="basketCount"
|
|
37
39
|
@cart-modal-closed="isVisible = false"
|
|
38
40
|
>
|
|
39
41
|
</kv-cart-modal>
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import primitives from '@kiva/kv-tokens/primitives.json';
|
|
2
2
|
import {
|
|
3
|
-
defaultTheme, darkTheme, darkGreenTheme, mintTheme, darkMintTheme,
|
|
3
|
+
defaultTheme, darkTheme, darkGreenTheme, mintTheme, darkMintTheme, darkStoneTheme,
|
|
4
4
|
} from '@kiva/kv-tokens/configs/kivaColors.cjs';
|
|
5
5
|
import KvButton from '../KvButton.vue';
|
|
6
6
|
import KvGrid from '../KvGrid.vue';
|
|
@@ -123,6 +123,7 @@ const Template = (args, {
|
|
|
123
123
|
darkTheme,
|
|
124
124
|
mintTheme,
|
|
125
125
|
darkMintTheme,
|
|
126
|
+
darkStoneTheme,
|
|
126
127
|
};
|
|
127
128
|
},
|
|
128
129
|
template: `
|
|
@@ -166,3 +167,8 @@ Custom.args = {
|
|
|
166
167
|
'--bg-action-highlight': '0, 0, 150',
|
|
167
168
|
},
|
|
168
169
|
};
|
|
170
|
+
|
|
171
|
+
export const DarkStone = Template.bind({});
|
|
172
|
+
DarkStone.args = {
|
|
173
|
+
theme: darkStoneTheme,
|
|
174
|
+
};
|