@kiva/kv-components 3.31.0 → 3.32.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.32.0](https://github.com/kiva/kv-ui-elements/compare/@kiva/kv-components@3.31.0...@kiva/kv-components@3.32.0) (2023-07-31)
|
|
7
|
+
|
|
8
|
+
|
|
9
|
+
### Features
|
|
10
|
+
|
|
11
|
+
* basic kivaPartner header ([7ec9fd8](https://github.com/kiva/kv-ui-elements/commit/7ec9fd89d50a10bc6f9c796f6395d634842b2f55))
|
|
12
|
+
|
|
13
|
+
|
|
14
|
+
|
|
15
|
+
|
|
16
|
+
|
|
6
17
|
# [3.31.0](https://github.com/kiva/kv-ui-elements/compare/@kiva/kv-components@3.30.0...@kiva/kv-components@3.31.0) (2023-07-26)
|
|
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.32.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": "126d4395694f9a7d057354058cc2d38b76d67464"
|
|
79
79
|
}
|
|
@@ -0,0 +1,54 @@
|
|
|
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 163 48"
|
|
14
|
+
fill="none"
|
|
15
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
16
|
+
>
|
|
17
|
+
<path
|
|
18
|
+
d="M4.56965 9.35205H0V32.12H4.57195V9.35205H4.56965ZM16.5793 32.12H21.1513V16.645H16.5793V32.12ZM28.2721 32.12H33.533L38.7938 16.645H34.2219C34.2219 16.645 31.7786 25.0355 31.0346 27.7048H30.9818C30.2378 25.0355 27.7394 16.645 27.7394 16.645H22.9034L28.2721 32.12ZM54.7371 16.645H50.3259V18.769C49.5819 17.1354 47.8367 16.2097 45.7539 16.2097C42.0362 16.2097 39.0579 19.3143 39.0579 24.3825C39.0579 29.4507 41.9283 32.553 45.5404 32.553C48.0938 32.553 49.5796 31.2997 50.3764 29.8838V32.12H54.7876L54.7371 16.645ZM50.2202 24.7629C50.2202 27.5971 48.521 28.9581 46.8194 28.9581C44.9594 28.9581 43.7378 26.9968 43.7378 24.3756C43.7378 21.7545 45.0122 19.7932 46.9801 19.7932C48.5738 19.7932 50.2202 21.1542 50.2202 23.9884V24.7629ZM5.73847 23.9999C13.0729 23.9999 14.7744 17.7357 14.7744 16.645H14.1361C6.80166 16.645 5.10239 22.9115 5.10239 23.9999H5.73847ZM5.10239 24.5475C5.10239 25.6931 6.37684 32.0673 14.2417 32.0673H14.8801C14.8801 30.9217 13.6056 24.5475 5.73847 24.5475H5.10239ZM21.6358 12.404C21.6358 10.9307 20.5198 9.6797 19.0846 9.6797H18.9239C18.2242 9.66121 17.5458 9.92063 17.0377 10.4009C16.5296 10.8813 16.2334 11.5432 16.2142 12.2413V12.404C16.2142 13.8772 17.3302 15.1282 18.7654 15.1282H18.9239C19.6239 15.1473 20.3029 14.8882 20.8115 14.4078C21.3201 13.9274 21.6166 13.2651 21.6358 12.5666V12.404Z"
|
|
19
|
+
fill="#212121"
|
|
20
|
+
/>
|
|
21
|
+
<path
|
|
22
|
+
d="M65.816 24.128H62.072V32H57.304V9.6H65.816C71.16 9.6 74.68 11.744 74.68 16.736C74.68 21.824 71 24.128 65.816 24.128ZM69.784 16.736C69.784 14.304 68.312 13.568 65.336 13.568H62.072V20.16H65.336C68.312 20.16 69.784 19.168 69.784 16.736ZM90.8655 16.768V32H86.4175V29.792C85.6495 31.168 84.1135 32.448 81.5535 32.448C77.9055 32.448 75.0255 29.376 75.0255 24.384C75.0255 19.424 78.0015 16.32 81.7775 16.32C83.8575 16.32 85.6495 17.248 86.4175 18.848V16.768H90.8655ZM86.2895 24.768V24C86.2895 21.216 84.6255 19.872 82.9935 19.872C81.0095 19.872 79.7295 21.824 79.7295 24.384C79.7295 26.976 80.9455 28.896 82.8335 28.896C84.5615 28.896 86.2895 27.584 86.2895 24.768ZM104.802 16.672L103.97 20.896C103.458 20.512 102.722 20.384 102.146 20.384C100.674 20.384 98.5623 21.408 98.5623 24.896V32H93.9543V16.768H98.2743V19.328C99.2023 17.312 100.61 16.32 102.85 16.32C103.426 16.32 104.13 16.384 104.802 16.672ZM115.154 28.16L116.274 31.776C115.346 32.192 114.066 32.448 112.818 32.448C109.81 32.448 107.57 31.136 107.57 27.488V20.128H105.042V16.768H107.57V12.416L112.178 10.336V16.768H115.474V20.128H112.178V26.88C112.178 28.416 112.722 28.704 113.49 28.704C114.194 28.704 114.642 28.416 115.154 28.16ZM117.923 32V16.768H122.371V19.104C123.139 17.6 124.643 16.32 127.139 16.32C130.115 16.32 132.515 18.048 132.515 21.504V32H127.907V22.88C127.907 20.8 126.819 20.096 125.507 20.096C124.003 20.096 122.531 21.344 122.531 24.16V32H117.923ZM145.278 27.232L149.246 28.832C148.03 31.072 145.694 32.448 142.43 32.448C137.694 32.448 134.526 29.408 134.526 24.352C134.526 19.36 137.79 16.32 142.27 16.32C147.39 16.32 149.822 20.032 149.822 24.448V25.568H139.198C139.262 27.328 140.03 29.056 142.366 29.056C143.966 29.056 144.83 28.16 145.278 27.232ZM142.27 19.584C140.382 19.584 139.358 20.864 139.23 22.784H145.214C145.15 20.672 143.934 19.584 142.27 19.584ZM162.584 16.672L161.752 20.896C161.24 20.512 160.504 20.384 159.928 20.384C158.456 20.384 156.344 21.408 156.344 24.896V32H151.736V16.768H156.056V19.328C156.984 17.312 158.392 16.32 160.632 16.32C161.208 16.32 161.912 16.384 162.584 16.672Z"
|
|
23
|
+
fill="#2AA967"
|
|
24
|
+
/>
|
|
25
|
+
</svg>
|
|
26
|
+
</div>
|
|
27
|
+
|
|
28
|
+
<div class="header__full__right">
|
|
29
|
+
<slot></slot>
|
|
30
|
+
</div>
|
|
31
|
+
</div>
|
|
32
|
+
</nav>
|
|
33
|
+
</template>
|
|
34
|
+
|
|
35
|
+
<script>
|
|
36
|
+
export default {
|
|
37
|
+
setup() {},
|
|
38
|
+
};
|
|
39
|
+
</script>
|
|
40
|
+
|
|
41
|
+
<style lang="postcss" scoped>
|
|
42
|
+
.header__full {
|
|
43
|
+
grid-template-areas: 'logo right';
|
|
44
|
+
grid-template-columns: 1fr auto;
|
|
45
|
+
}
|
|
46
|
+
|
|
47
|
+
.header__full__logo {
|
|
48
|
+
grid-area: logo;
|
|
49
|
+
}
|
|
50
|
+
|
|
51
|
+
.header__full__right {
|
|
52
|
+
grid-area: right;
|
|
53
|
+
}
|
|
54
|
+
</style>
|
|
@@ -0,0 +1,20 @@
|
|
|
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();
|