@kiva/kv-components 3.10.1 → 3.11.0
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 +19 -0
- package/package.json +3 -3
- package/vue/KvExpandableQuestion.vue +2 -0
- package/vue/KvToast.vue +20 -1
- package/vue/stories/KvToast.stories.js +3 -0
package/CHANGELOG.md
CHANGED
|
@@ -3,6 +3,25 @@
|
|
|
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.11.0](https://github.com/kiva/kv-ui-elements/compare/@kiva/kv-components@3.10.2...@kiva/kv-components@3.11.0) (2023-01-19)
|
|
7
|
+
|
|
8
|
+
|
|
9
|
+
### Features
|
|
10
|
+
|
|
11
|
+
* kiva logo type added to kv toast component including an svg icon ([#227](https://github.com/kiva/kv-ui-elements/issues/227)) ([c24ecc1](https://github.com/kiva/kv-ui-elements/commit/c24ecc1295e32b817bf057f0570de56224c85c3f))
|
|
12
|
+
|
|
13
|
+
|
|
14
|
+
|
|
15
|
+
|
|
16
|
+
|
|
17
|
+
## [3.10.2](https://github.com/kiva/kv-ui-elements/compare/@kiva/kv-components@3.10.1...@kiva/kv-components@3.10.2) (2022-12-07)
|
|
18
|
+
|
|
19
|
+
**Note:** Version bump only for package @kiva/kv-components
|
|
20
|
+
|
|
21
|
+
|
|
22
|
+
|
|
23
|
+
|
|
24
|
+
|
|
6
25
|
## [3.10.1](https://github.com/kiva/kv-ui-elements/compare/@kiva/kv-components@3.10.0...@kiva/kv-components@3.10.1) (2022-11-23)
|
|
7
26
|
|
|
8
27
|
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@kiva/kv-components",
|
|
3
|
-
"version": "3.
|
|
3
|
+
"version": "3.11.0",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"access": "public"
|
|
@@ -50,7 +50,7 @@
|
|
|
50
50
|
"test": "npm run lint"
|
|
51
51
|
},
|
|
52
52
|
"dependencies": {
|
|
53
|
-
"@kiva/kv-tokens": "^2.4.
|
|
53
|
+
"@kiva/kv-tokens": "^2.4.1",
|
|
54
54
|
"@mdi/js": "^5.9.55",
|
|
55
55
|
"@vueuse/integrations": "^7.6.0",
|
|
56
56
|
"aria-hidden": "^1.1.3",
|
|
@@ -69,5 +69,5 @@
|
|
|
69
69
|
"optional": true
|
|
70
70
|
}
|
|
71
71
|
},
|
|
72
|
-
"gitHead": "
|
|
72
|
+
"gitHead": "1629afa6cba0a8bf5ed8a1c8b6d1906a496b02d2"
|
|
73
73
|
}
|
|
@@ -17,11 +17,13 @@
|
|
|
17
17
|
<div v-show="open">
|
|
18
18
|
<div class="tw-prose tw-pb-4 tw-pt-2">
|
|
19
19
|
<slot></slot>
|
|
20
|
+
<!-- eslint-disable vue/no-v-html -->
|
|
20
21
|
<div
|
|
21
22
|
v-if="content !== ''"
|
|
22
23
|
v-html="content"
|
|
23
24
|
>
|
|
24
25
|
</div>
|
|
26
|
+
<!--eslint-enable-->
|
|
25
27
|
</div>
|
|
26
28
|
</div>
|
|
27
29
|
</kv-expandable>
|
package/vue/KvToast.vue
CHANGED
|
@@ -35,13 +35,30 @@
|
|
|
35
35
|
"
|
|
36
36
|
:class="{
|
|
37
37
|
'tw-bg-brand tw-text-white' : (
|
|
38
|
-
messageType === '' || messageType === 'confirmation'
|
|
38
|
+
messageType === '' || messageType === 'confirmation' ||
|
|
39
|
+
messageType === 'kiva-logo'
|
|
39
40
|
),
|
|
40
41
|
'tw-bg-danger tw-text-primary-inverse' : messageType === 'error',
|
|
41
42
|
'tw-bg-caution tw-text-primary' : messageType === 'warning',
|
|
42
43
|
}"
|
|
43
44
|
>
|
|
45
|
+
<!-- Kiva Icon SVG -->
|
|
46
|
+
<!-- eslint-disable max-len -->
|
|
47
|
+
<svg
|
|
48
|
+
v-if="messageType === 'kiva-logo'"
|
|
49
|
+
width="16"
|
|
50
|
+
height="24"
|
|
51
|
+
viewBox="0 0 16 24"
|
|
52
|
+
fill="none"
|
|
53
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
54
|
+
>
|
|
55
|
+
<path
|
|
56
|
+
d="M4.78202 0H0V23.141H4.78202V0ZM6.00533 14.6274C13.6788 14.6274 15.4582 8.05649 15.4582 6.91372H14.7909C7.11743 6.91372 5.33807 13.4846 5.33807 14.6274H6.00533ZM5.33807 15.1988C5.33807 16.3987 6.67259 23.0838 14.9021 23.0838H15.5694C15.5694 21.8839 14.2349 15.1988 6.00533 15.1988H5.33807Z"
|
|
57
|
+
fill="white"
|
|
58
|
+
/>
|
|
59
|
+
</svg>
|
|
44
60
|
<kv-material-icon
|
|
61
|
+
v-else
|
|
45
62
|
class="tw-w-2.5 tw-h-2.5"
|
|
46
63
|
:icon="icon"
|
|
47
64
|
/>
|
|
@@ -54,11 +71,13 @@
|
|
|
54
71
|
tw-flex
|
|
55
72
|
"
|
|
56
73
|
>
|
|
74
|
+
<!-- eslint-disable vue/no-v-html -->
|
|
57
75
|
<p
|
|
58
76
|
class="tw-inline-block tw-m-auto"
|
|
59
77
|
v-html="message"
|
|
60
78
|
>
|
|
61
79
|
</p>
|
|
80
|
+
<!--eslint-enable-->
|
|
62
81
|
</div>
|
|
63
82
|
|
|
64
83
|
<button
|
|
@@ -73,3 +73,6 @@ withLongTextAndHtml.args = { message: 'This is a nice long content that could <b
|
|
|
73
73
|
|
|
74
74
|
export const persist = Template.bind({});
|
|
75
75
|
persist.args = { persist: true };
|
|
76
|
+
|
|
77
|
+
export const typeKivaLogo = Template.bind({});
|
|
78
|
+
typeKivaLogo.args = { type: 'kiva-logo', message: 'Welcome to Lending home! We’re doing something new based on your feedback this year. <a href="https://www.example.com">Read more here</a>' };
|