cclkit4svelte 1.0.9 → 1.0.11
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/Carousel.svelte +24 -0
- package/dist/Carousel.svelte.d.ts +33 -0
- package/dist/Table.svelte +7 -7
- package/dist/Thumbnail.svelte +1 -1
- package/package.json +82 -82
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
<script>import "./const/variables.css";
|
|
2
|
+
export let imageSize;
|
|
3
|
+
export let borderColor;
|
|
4
|
+
export let src;
|
|
5
|
+
export let altText;
|
|
6
|
+
</script>
|
|
7
|
+
|
|
8
|
+
<div class="ThumbnailWrapper" style="--imageSize: {imageSize}">
|
|
9
|
+
<img {src} alt={altText} class="Thumbnail" style="--borderColor: var({borderColor})" />
|
|
10
|
+
</div>
|
|
11
|
+
|
|
12
|
+
<style>
|
|
13
|
+
.ThumbnailWrapper {
|
|
14
|
+
height: var(--imageSize);
|
|
15
|
+
width: var(--imageSize);
|
|
16
|
+
}
|
|
17
|
+
|
|
18
|
+
.Thumbnail {
|
|
19
|
+
height: var(--imageSize);
|
|
20
|
+
width: var(--imageSize);
|
|
21
|
+
border-radius: 320px;
|
|
22
|
+
border: 5px solid var(--borderColor);
|
|
23
|
+
}
|
|
24
|
+
</style>
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
import { SvelteComponentTyped } from "svelte";
|
|
2
|
+
import './const/variables.css';
|
|
3
|
+
declare const __propDef: {
|
|
4
|
+
props: {
|
|
5
|
+
/**
|
|
6
|
+
* サムネイル画像の大きさ
|
|
7
|
+
* @type string
|
|
8
|
+
*/ imageSize: string;
|
|
9
|
+
/**
|
|
10
|
+
* 枠線の色
|
|
11
|
+
* @default --strawberry-pink
|
|
12
|
+
* @type string
|
|
13
|
+
*/ borderColor: string;
|
|
14
|
+
/**
|
|
15
|
+
* 画像ソース
|
|
16
|
+
* @type string
|
|
17
|
+
*/ src: string;
|
|
18
|
+
/**
|
|
19
|
+
* alt属性に指定する値
|
|
20
|
+
* @type string
|
|
21
|
+
*/ altText: string;
|
|
22
|
+
};
|
|
23
|
+
events: {
|
|
24
|
+
[evt: string]: CustomEvent<any>;
|
|
25
|
+
};
|
|
26
|
+
slots: {};
|
|
27
|
+
};
|
|
28
|
+
export type CarouselProps = typeof __propDef.props;
|
|
29
|
+
export type CarouselEvents = typeof __propDef.events;
|
|
30
|
+
export type CarouselSlots = typeof __propDef.slots;
|
|
31
|
+
export default class Carousel extends SvelteComponentTyped<CarouselProps, CarouselEvents, CarouselSlots> {
|
|
32
|
+
}
|
|
33
|
+
export {};
|
package/dist/Table.svelte
CHANGED
|
@@ -41,13 +41,13 @@ export let tableData;
|
|
|
41
41
|
</tr>
|
|
42
42
|
</thead>
|
|
43
43
|
<tbody>
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
44
|
+
{#each tableData as row}
|
|
45
|
+
<tr class="table-body-style" style="--table-body-color: var({bodyColor})">
|
|
46
|
+
{#each row as data}
|
|
47
|
+
<td>{data}</td>
|
|
48
|
+
{/each}
|
|
49
|
+
</tr>
|
|
50
|
+
{/each}
|
|
51
51
|
</tbody>
|
|
52
52
|
</table>
|
|
53
53
|
</div>
|
package/dist/Thumbnail.svelte
CHANGED
|
@@ -6,7 +6,7 @@ export let altText;
|
|
|
6
6
|
</script>
|
|
7
7
|
|
|
8
8
|
<div class="ThumbnailWrapper" style="--imageSize: {imageSize}">
|
|
9
|
-
<img
|
|
9
|
+
<img {src} alt={altText} class="Thumbnail" style="--borderColor: var({borderColor})" />
|
|
10
10
|
</div>
|
|
11
11
|
|
|
12
12
|
<style>
|
package/package.json
CHANGED
|
@@ -1,84 +1,84 @@
|
|
|
1
1
|
{
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
2
|
+
"name": "cclkit4svelte",
|
|
3
|
+
"version": "1.0.11",
|
|
4
|
+
"author": "reiji1020 <sk@reiji1020.info>",
|
|
5
|
+
"license": "MIT",
|
|
6
|
+
"type": "module",
|
|
7
|
+
"main": "./dist/index.js",
|
|
8
|
+
"files": [
|
|
9
|
+
"dist"
|
|
10
|
+
],
|
|
11
|
+
"repository": "https://github.com/reiji1020/ccl-component-kit4svelte.git",
|
|
12
|
+
"bugs": {
|
|
13
|
+
"url": "https://github.com/reiji1020/ccl-component-kit4svelte/issues"
|
|
14
|
+
},
|
|
15
|
+
"homepage": "https://github.com/reiji1020/ccl-component-kit4svelte#readme",
|
|
16
|
+
"description": "Component kit for CANDY CHUPS Lab.",
|
|
17
|
+
"scripts": {
|
|
18
|
+
"preinstall": "npx only-allow pnpm",
|
|
19
|
+
"dev": "vite dev",
|
|
20
|
+
"build": "vite build",
|
|
21
|
+
"preview": "vite preview",
|
|
22
|
+
"package": "svelte-package",
|
|
23
|
+
"check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
|
|
24
|
+
"check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch",
|
|
25
|
+
"lint": "prettier --check . && eslint .",
|
|
26
|
+
"format": "prettier --write .",
|
|
27
|
+
"storybook": "storybook dev -p 6006",
|
|
28
|
+
"build-storybook": "storybook build -o ./public/storybook",
|
|
29
|
+
"chromatic": "chromatic",
|
|
30
|
+
"test-sb": "test-storybook --coverage"
|
|
31
|
+
},
|
|
32
|
+
"exports": {
|
|
33
|
+
".": {
|
|
34
|
+
"types": "./dist/index.d.ts",
|
|
35
|
+
"svelte": "./dist/index.js"
|
|
36
|
+
}
|
|
37
|
+
},
|
|
38
|
+
"dependencies": {
|
|
39
|
+
"luxon": "^3.5.0"
|
|
40
|
+
},
|
|
41
|
+
"devDependencies": {
|
|
42
|
+
"@chromatic-com/storybook": "^1.9.0",
|
|
43
|
+
"@semantic-release/changelog": "^6.0.3",
|
|
44
|
+
"@semantic-release/git": "^10.0.1",
|
|
45
|
+
"@storybook/addon-coverage": "^1.0.4",
|
|
46
|
+
"@storybook/addon-essentials": "^8.4.2",
|
|
47
|
+
"@storybook/addon-interactions": "^8.4.2",
|
|
48
|
+
"@storybook/addon-links": "^8.4.2",
|
|
49
|
+
"@storybook/addon-mdx-gfm": "^8.4.2",
|
|
50
|
+
"@storybook/addon-viewport": "^8.4.2",
|
|
51
|
+
"@storybook/blocks": "^8.4.2",
|
|
52
|
+
"@storybook/svelte": "^8.4.2",
|
|
53
|
+
"@storybook/sveltekit": "^8.4.2",
|
|
54
|
+
"@storybook/test": "^8.4.2",
|
|
55
|
+
"@storybook/test-runner": "^0.17.0",
|
|
56
|
+
"@sveltejs/adapter-auto": "^2.1.1",
|
|
57
|
+
"@sveltejs/kit": "^1.30.4",
|
|
58
|
+
"@sveltejs/package": "^2.3.5",
|
|
59
|
+
"@types/luxon": "^3.4.2",
|
|
60
|
+
"@typescript-eslint/eslint-plugin": "^6.21.0",
|
|
61
|
+
"@typescript-eslint/parser": "^6.21.0",
|
|
62
|
+
"chromatic": "^11.10.4",
|
|
63
|
+
"eslint": "^8.57.1",
|
|
64
|
+
"eslint-config-prettier": "^9.1.0",
|
|
65
|
+
"eslint-plugin-storybook": "^0.8.0",
|
|
66
|
+
"eslint-plugin-svelte": "^2.44.0",
|
|
67
|
+
"prettier": "^3.3.3",
|
|
68
|
+
"prettier-plugin-svelte": "^3.2.7",
|
|
69
|
+
"react": "^18.3.1",
|
|
70
|
+
"react-dom": "^18.3.1",
|
|
71
|
+
"semantic-release": "^23.1.1",
|
|
72
|
+
"storybook": "^8.4.2",
|
|
73
|
+
"svelte": "^4.2.19",
|
|
74
|
+
"svelte-check": "^3.8.6",
|
|
75
|
+
"svelte2tsx": "^0.6.27",
|
|
76
|
+
"tslib": "^2.7.0",
|
|
77
|
+
"typescript": "^5.6.2",
|
|
78
|
+
"vite": "^4.5.5"
|
|
79
|
+
},
|
|
80
|
+
"volta": {
|
|
81
|
+
"node": "20.11.1",
|
|
82
|
+
"npm": "10.5.0"
|
|
83
|
+
}
|
|
84
84
|
}
|