cclkit4svelte 1.1.0 → 1.2.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/dist/CommonHeader.svelte +31 -0
- package/dist/CommonHeader.svelte.d.ts +37 -0
- package/dist/index.d.ts +1 -0
- package/dist/index.js +1 -0
- package/package.json +1 -1
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
<script>import "./const/variables.css";
|
|
2
|
+
export let bgColor;
|
|
3
|
+
export let height;
|
|
4
|
+
export let logo;
|
|
5
|
+
export let logoHeight;
|
|
6
|
+
</script>
|
|
7
|
+
|
|
8
|
+
<!--汎用ヘッダー-->
|
|
9
|
+
<header>
|
|
10
|
+
<div class="wrapper" style="--bgColor: var({bgColor}); --height: var({height})">
|
|
11
|
+
{#if logo}
|
|
12
|
+
<img style="height: {logoHeight}" src={logo} alt="SVG Image" />
|
|
13
|
+
{:else}
|
|
14
|
+
<p>SVGファイルが指定されていません</p>
|
|
15
|
+
{/if}
|
|
16
|
+
</div>
|
|
17
|
+
</header>
|
|
18
|
+
|
|
19
|
+
<style>
|
|
20
|
+
.wrapper {
|
|
21
|
+
background: var(--bgColor);
|
|
22
|
+
height: var(--height);
|
|
23
|
+
display: flex;
|
|
24
|
+
align-items: center;
|
|
25
|
+
justify-content: center;
|
|
26
|
+
}
|
|
27
|
+
|
|
28
|
+
.a {
|
|
29
|
+
fill: #fff;
|
|
30
|
+
}
|
|
31
|
+
</style>
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
import { SvelteComponentTyped } from "svelte";
|
|
2
|
+
import './const/variables.css';
|
|
3
|
+
declare const __propDef: {
|
|
4
|
+
props: {
|
|
5
|
+
/**
|
|
6
|
+
* ヘッダー背景色
|
|
7
|
+
* CCLVividColorの中から指定する
|
|
8
|
+
* @default --strawberry-pink
|
|
9
|
+
* @type string
|
|
10
|
+
*/ bgColor: string;
|
|
11
|
+
/**
|
|
12
|
+
* ヘッダー高さ
|
|
13
|
+
* HeaderHeightの中から指定する
|
|
14
|
+
* @default --hd-nomal
|
|
15
|
+
* @type string
|
|
16
|
+
*/ height: string;
|
|
17
|
+
/**
|
|
18
|
+
* ヘッダーに表示するロゴ
|
|
19
|
+
* 基本的にsvg要素を読み込む
|
|
20
|
+
* @type string
|
|
21
|
+
*/ logo: string;
|
|
22
|
+
/**
|
|
23
|
+
* ロゴの高さ
|
|
24
|
+
* @type string
|
|
25
|
+
*/ logoHeight: string;
|
|
26
|
+
};
|
|
27
|
+
events: {
|
|
28
|
+
[evt: string]: CustomEvent<any>;
|
|
29
|
+
};
|
|
30
|
+
slots: {};
|
|
31
|
+
};
|
|
32
|
+
export type CommonHeaderProps = typeof __propDef.props;
|
|
33
|
+
export type CommonHeaderEvents = typeof __propDef.events;
|
|
34
|
+
export type CommonHeaderSlots = typeof __propDef.slots;
|
|
35
|
+
export default class CommonHeader extends SvelteComponentTyped<CommonHeaderProps, CommonHeaderEvents, CommonHeaderSlots> {
|
|
36
|
+
}
|
|
37
|
+
export {};
|
package/dist/index.d.ts
CHANGED
|
@@ -5,4 +5,5 @@ export { default as Footer } from './Footer.svelte';
|
|
|
5
5
|
export { default as Thumbnail } from './Thumbnail.svelte';
|
|
6
6
|
export { default as Card } from './Card.svelte';
|
|
7
7
|
export { default as Table } from './Table.svelte';
|
|
8
|
+
export { default as Carousel } from './Carousel.svelte';
|
|
8
9
|
export { CCLVividColor, CCLPastelColor, HeaderHeight } from './const/config';
|
package/dist/index.js
CHANGED
|
@@ -6,4 +6,5 @@ export { default as Footer } from './Footer.svelte';
|
|
|
6
6
|
export { default as Thumbnail } from './Thumbnail.svelte';
|
|
7
7
|
export { default as Card } from './Card.svelte';
|
|
8
8
|
export { default as Table } from './Table.svelte';
|
|
9
|
+
export { default as Carousel } from './Carousel.svelte';
|
|
9
10
|
export { CCLVividColor, CCLPastelColor, HeaderHeight } from './const/config';
|