@kiva/kv-components 3.36.0 → 3.37.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
CHANGED
|
@@ -3,6 +3,17 @@
|
|
|
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.37.0](https://github.com/kiva/kv-ui-elements/compare/@kiva/kv-components@3.36.0...@kiva/kv-components@3.37.0) (2023-08-18)
|
|
7
|
+
|
|
8
|
+
|
|
9
|
+
### Features
|
|
10
|
+
|
|
11
|
+
* update header icon ([a593f2c](https://github.com/kiva/kv-ui-elements/commit/a593f2c4ba2285a1917622db55a88ff68097fe89))
|
|
12
|
+
|
|
13
|
+
|
|
14
|
+
|
|
15
|
+
|
|
16
|
+
|
|
6
17
|
# [3.36.0](https://github.com/kiva/kv-ui-elements/compare/@kiva/kv-components@3.35.1...@kiva/kv-components@3.36.0) (2023-08-14)
|
|
7
18
|
|
|
8
19
|
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@kiva/kv-components",
|
|
3
|
-
"version": "3.
|
|
3
|
+
"version": "3.37.0",
|
|
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": "a617796f8021d568415c8d07b9a9f97e9c33595e"
|
|
79
79
|
}
|
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
<!-- eslint-disable max-len -->
|
|
2
|
+
<template>
|
|
3
|
+
<nav class="tw-bg-primary">
|
|
4
|
+
<div
|
|
5
|
+
class="header__full tw-h-9 tw-grid xl:tw-gap-x-4 tw-items-center tw-mx-auto tw-px-2.5 md:tw-px-4 lg:tw-px-8"
|
|
6
|
+
style="max-width: 1200px;"
|
|
7
|
+
>
|
|
8
|
+
<div class="header__full__logo tw-w-6 tw-text-brand">
|
|
9
|
+
<svg
|
|
10
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
11
|
+
viewBox="0 0 57 23"
|
|
12
|
+
>
|
|
13
|
+
<path
|
|
14
|
+
d="M4.695.391H0v22.141h4.695V.391zm12.899 22.141h4.695V7.011h-4.695v15.521zm12.159 0h5.413l5.413-15.521h-4.662s-2.544 8.445-3.293 11.119h-.066c-.75-2.674-3.326-11.119-3.326-11.119h-4.956l5.477 15.521zm-23.537-8.31c7.37 0 9.092-6.158 9.092-7.21h-.637c-7.372 0-9.094 6.157-9.094 7.21h.639zm-.639.969c0 1.117 1.276 7.403 9.222 7.403h.638c0-1.119-1.277-7.403-9.221-7.403h-.639zM22.746 2.739C22.746 1.272 21.671 0 19.941 0c-1.727 0-2.804 1.272-2.804 2.739 0 1.468 1.077 2.739 2.804 2.739 1.73 0 2.805-1.271 2.805-2.739M57 7.011h-4.532V9.13c-.783-1.631-2.608-2.543-4.729-2.543-3.848 0-6.88 3.129-6.88 8.184 0 5.087 2.935 8.185 6.652 8.185 2.608 0 4.173-1.272 4.956-2.675v2.25H57V7.011zm-4.663 8.151c0 2.871-1.76 4.208-3.522 4.208-1.924 0-3.163-1.956-3.163-4.598 0-2.608 1.305-4.598 3.326-4.598 1.663 0 3.359 1.37 3.359 4.206v.782z"
|
|
15
|
+
fill="currentColor"
|
|
16
|
+
/>
|
|
17
|
+
</svg>
|
|
18
|
+
</div>
|
|
19
|
+
|
|
20
|
+
<div class="header__full__right">
|
|
21
|
+
<slot></slot>
|
|
22
|
+
</div>
|
|
23
|
+
</div>
|
|
24
|
+
</nav>
|
|
25
|
+
</template>
|
|
26
|
+
|
|
27
|
+
<style scoped>
|
|
28
|
+
.header__full {
|
|
29
|
+
grid-template-areas: 'logo right';
|
|
30
|
+
grid-template-columns: 1fr auto;
|
|
31
|
+
}
|
|
32
|
+
|
|
33
|
+
.header__full__logo {
|
|
34
|
+
grid-area: logo;
|
|
35
|
+
}
|
|
36
|
+
|
|
37
|
+
.header__full__right {
|
|
38
|
+
grid-area: right;
|
|
39
|
+
}
|
|
40
|
+
</style>
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import KvImpactDashboardHeader from '../KvImpactDashboardHeader.vue';
|
|
2
|
+
|
|
3
|
+
export default {
|
|
4
|
+
title: 'KvImpactDashboardHeader',
|
|
5
|
+
component: KvImpactDashboardHeader,
|
|
6
|
+
};
|
|
7
|
+
|
|
8
|
+
const story = (args) => {
|
|
9
|
+
const template = (_args, { argTypes }) => ({
|
|
10
|
+
props: Object.keys(argTypes),
|
|
11
|
+
components: { KvImpactDashboardHeader },
|
|
12
|
+
template: `
|
|
13
|
+
<div class="tw-bg-secondary tw-pb-7">
|
|
14
|
+
<kv-impact-dashboard-header />
|
|
15
|
+
</div>
|
|
16
|
+
`,
|
|
17
|
+
});
|
|
18
|
+
template.args = args;
|
|
19
|
+
return template;
|
|
20
|
+
};
|
|
21
|
+
|
|
22
|
+
export const Default = story();
|
|
@@ -1,44 +0,0 @@
|
|
|
1
|
-
<!-- eslint-disable max-len -->
|
|
2
|
-
<template>
|
|
3
|
-
<nav class="tw-bg-primary">
|
|
4
|
-
<div
|
|
5
|
-
class="header__full tw-grid xl:tw-gap-x-4 tw-items-center tw-mx-auto tw-px-2.5 md:tw-px-4 lg:tw-px-8"
|
|
6
|
-
style="height: 96px; max-width: 1200px;"
|
|
7
|
-
>
|
|
8
|
-
<div class="header__full__logo">
|
|
9
|
-
<!-- kivaPartner logo SVG -->
|
|
10
|
-
<svg
|
|
11
|
-
width="163"
|
|
12
|
-
height="48"
|
|
13
|
-
viewBox="0 0 55 24"
|
|
14
|
-
fill="none"
|
|
15
|
-
xmlns="http://www.w3.org/2000/svg"
|
|
16
|
-
>
|
|
17
|
-
<path
|
|
18
|
-
d="M4.56965 0.399536H0V23.1675H4.57195V0.399536H4.56965ZM16.5793 23.1675H21.1513V7.69252H16.5793V23.1675ZM28.2721 23.1675H33.533L38.7938 7.69252H34.2219C34.2219 7.69252 31.7786 16.083 31.0346 18.7523H30.9818C30.2378 16.083 27.7394 7.69252 27.7394 7.69252H22.9034L28.2721 23.1675ZM54.7371 7.69252H50.3259V9.81649C49.5819 8.18284 47.8367 7.25719 45.7539 7.25719C42.0362 7.25719 39.0579 10.3618 39.0579 15.43C39.0579 20.4982 41.9283 23.6005 45.5404 23.6005C48.0938 23.6005 49.5796 22.3472 50.3764 20.9312V23.1675H54.7876L54.7371 7.69252ZM50.2202 15.8103C50.2202 18.6446 48.521 20.0056 46.8194 20.0056C44.9594 20.0056 43.7378 18.0443 43.7378 15.4231C43.7378 12.802 45.0122 10.8407 46.9801 10.8407C48.5738 10.8407 50.2202 12.2017 50.2202 15.0359V15.8103ZM5.73847 15.0474C13.0729 15.0474 14.7744 8.78314 14.7744 7.69252H14.1361C6.80166 7.69252 5.10239 13.959 5.10239 15.0474H5.73847ZM5.10239 15.595C5.10239 16.7406 6.37684 23.1148 14.2417 23.1148H14.8801C14.8801 21.9692 13.6056 15.595 5.73847 15.595H5.10239ZM21.6358 3.45145C21.6358 1.97819 20.5198 0.727182 19.0846 0.727182H18.9239C18.2242 0.7087 17.5458 0.968118 17.0377 1.44844C16.5296 1.92875 16.2334 2.59068 16.2142 3.28878V3.45145C16.2142 4.92471 17.3302 6.17572 18.7654 6.17572H18.9239C19.6239 6.19482 20.3029 5.93568 20.8115 5.4553C21.3201 4.97492 21.6166 4.31264 21.6358 3.61413V3.45145Z"
|
|
19
|
-
fill="#2AA967"
|
|
20
|
-
/>
|
|
21
|
-
</svg>
|
|
22
|
-
</div>
|
|
23
|
-
|
|
24
|
-
<div class="header__full__right">
|
|
25
|
-
<slot></slot>
|
|
26
|
-
</div>
|
|
27
|
-
</div>
|
|
28
|
-
</nav>
|
|
29
|
-
</template>
|
|
30
|
-
|
|
31
|
-
<style scoped>
|
|
32
|
-
.header__full {
|
|
33
|
-
grid-template-areas: 'logo right';
|
|
34
|
-
grid-template-columns: 1fr auto;
|
|
35
|
-
}
|
|
36
|
-
|
|
37
|
-
.header__full__logo {
|
|
38
|
-
grid-area: logo;
|
|
39
|
-
}
|
|
40
|
-
|
|
41
|
-
.header__full__right {
|
|
42
|
-
grid-area: right;
|
|
43
|
-
}
|
|
44
|
-
</style>
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
import KvKivaPartnerHeader from '../KvKivaPartnerHeader.vue';
|
|
2
|
-
|
|
3
|
-
export default {
|
|
4
|
-
title: 'KvKivaPartnerHeader',
|
|
5
|
-
component: KvKivaPartnerHeader,
|
|
6
|
-
};
|
|
7
|
-
|
|
8
|
-
const story = (args) => {
|
|
9
|
-
const template = (_args, { argTypes }) => ({
|
|
10
|
-
props: Object.keys(argTypes),
|
|
11
|
-
components: { KvKivaPartnerHeader },
|
|
12
|
-
template: `
|
|
13
|
-
<kv-kiva-partner-header />
|
|
14
|
-
`,
|
|
15
|
-
});
|
|
16
|
-
template.args = args;
|
|
17
|
-
return template;
|
|
18
|
-
};
|
|
19
|
-
|
|
20
|
-
export const Default = story();
|