flowbite-svelte 0.15.26 → 0.15.27
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
|
@@ -2,6 +2,8 @@
|
|
|
2
2
|
|
|
3
3
|
All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.
|
|
4
4
|
|
|
5
|
+
### [0.15.27](https://github.com/themesberg/flowbite-svelte/compare/v0.15.26...v0.15.27) (2022-05-13)
|
|
6
|
+
|
|
5
7
|
### [0.15.26](https://github.com/themesberg/flowbite-svelte/compare/v0.15.25...v0.15.26) (2022-05-13)
|
|
6
8
|
|
|
7
9
|
|
|
@@ -3,10 +3,12 @@ export let href = '/';
|
|
|
3
3
|
export let btnColor = 'blue';
|
|
4
4
|
export let rel = '';
|
|
5
5
|
export let title = 'Apple Watch Series 7 GPS, Aluminium Case, Starlight Sport';
|
|
6
|
-
export let stars
|
|
7
|
-
export let price = '
|
|
6
|
+
export let stars;
|
|
7
|
+
export let price = '';
|
|
8
|
+
export let btnText = '';
|
|
8
9
|
export let headerClass = 'text-xl font-semibold tracking-tight text-gray-900 dark:text-white';
|
|
9
10
|
export let divClass = 'max-w-sm bg-white rounded-lg shadow-md dark:bg-gray-800 dark:border-gray-700';
|
|
11
|
+
export let priceClass = 'text-3xl font-bold text-gray-900 dark:text-white';
|
|
10
12
|
let spanClass = 'text-xs font-semibold mr-2 px-2.5 py-0.5 rounded ml-3 ';
|
|
11
13
|
let linkClass = 'text-white focus:ring-4 font-medium rounded-lg text-sm px-5 py-2.5 text-center ';
|
|
12
14
|
if (btnColor === 'gray') {
|
|
@@ -54,14 +56,21 @@ else {
|
|
|
54
56
|
</h3>
|
|
55
57
|
</a>
|
|
56
58
|
<div class="flex items-center mt-2.5 mb-5">
|
|
57
|
-
{#
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
59
|
+
{#if stars}
|
|
60
|
+
{#each { length: stars } as _, i}
|
|
61
|
+
<svg class="w-5 h-5 text-yellow-300" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z" /></svg>
|
|
62
|
+
{/each}
|
|
63
|
+
|
|
64
|
+
<span class={spanClass}>{stars}</span>
|
|
65
|
+
{/if}
|
|
61
66
|
</div>
|
|
62
67
|
<div class="flex justify-between items-center">
|
|
63
|
-
|
|
64
|
-
|
|
68
|
+
{#if price}
|
|
69
|
+
<span class={priceClass}>{price}</span>
|
|
70
|
+
{/if}
|
|
71
|
+
{#if btnText}
|
|
72
|
+
<a {href} {rel} class={linkClass}>{btnText}</a>
|
|
73
|
+
{/if}
|
|
65
74
|
</div>
|
|
66
75
|
</div>
|
|
67
76
|
</div>
|
|
@@ -7,10 +7,12 @@ declare const __propDef: {
|
|
|
7
7
|
btnColor?: Colors;
|
|
8
8
|
rel?: string;
|
|
9
9
|
title?: string;
|
|
10
|
-
stars
|
|
10
|
+
stars: number;
|
|
11
11
|
price?: string;
|
|
12
|
+
btnText?: string;
|
|
12
13
|
headerClass?: string;
|
|
13
14
|
divClass?: string;
|
|
15
|
+
priceClass?: string;
|
|
14
16
|
};
|
|
15
17
|
events: {
|
|
16
18
|
[evt: string]: CustomEvent<any>;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "flowbite-svelte",
|
|
3
|
-
"version": "0.15.
|
|
3
|
+
"version": "0.15.27",
|
|
4
4
|
"description": "Flowbite components for Svelte",
|
|
5
5
|
"main": "index.js",
|
|
6
6
|
"author": {
|
|
@@ -18,6 +18,7 @@
|
|
|
18
18
|
"@typescript-eslint/eslint-plugin": "^5.10.1",
|
|
19
19
|
"@typescript-eslint/parser": "^5.10.1",
|
|
20
20
|
"autoprefixer": "^10.4.4",
|
|
21
|
+
"createprops": "^0.1.1",
|
|
21
22
|
"eslint": "^7.32.0",
|
|
22
23
|
"eslint-config-prettier": "^8.3.0",
|
|
23
24
|
"eslint-plugin-svelte3": "^3.2.1",
|