flowbite-svelte 0.28.0 → 0.28.1
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 +8 -0
- package/forms/Checkbox.svelte +4 -2
- package/forms/Checkbox.svelte.d.ts +2 -2
- package/forms/Toggle.svelte +1 -1
- package/forms/Toggle.svelte.d.ts +2 -2
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -2,6 +2,14 @@
|
|
|
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.28.1](https://github.com/themesberg/flowbite-svelte/compare/v0.28.0...v0.28.1) (2022-11-23)
|
|
6
|
+
|
|
7
|
+
|
|
8
|
+
### Bug Fixes
|
|
9
|
+
|
|
10
|
+
* toggle initial checked ([#442](https://github.com/themesberg/flowbite-svelte/issues/442)) ([7b0b0b0](https://github.com/themesberg/flowbite-svelte/commit/7b0b0b0cfd0b40e6688af0a2a748453b16a4fd5a))
|
|
11
|
+
* use encodeURIComponent for MetaTag component to encode spaces ([671a865](https://github.com/themesberg/flowbite-svelte/commit/671a8656eb7f5fff6f8c84ea6146f78b5fb8f0b0))
|
|
12
|
+
|
|
5
13
|
## [0.28.0](https://github.com/themesberg/flowbite-svelte/compare/v0.27.17...v0.28.0) (2022-11-20)
|
|
6
14
|
|
|
7
15
|
|
package/forms/Checkbox.svelte
CHANGED
|
@@ -7,12 +7,14 @@ export let custom = false;
|
|
|
7
7
|
export let inline = false;
|
|
8
8
|
export let group = [];
|
|
9
9
|
export let value = '';
|
|
10
|
-
export let checked =
|
|
10
|
+
export let checked = undefined;
|
|
11
11
|
// tinted if put in component having its own background
|
|
12
12
|
let background = getContext('background');
|
|
13
13
|
// react on external group changes
|
|
14
14
|
function init(_, _group) {
|
|
15
|
-
|
|
15
|
+
if (checked === undefined)
|
|
16
|
+
checked = _group.includes(value);
|
|
17
|
+
onChange();
|
|
16
18
|
return {
|
|
17
19
|
update(_group) {
|
|
18
20
|
checked = _group.includes(value);
|
|
@@ -6,8 +6,8 @@ declare const __propDef: {
|
|
|
6
6
|
color?: FormColorType | undefined;
|
|
7
7
|
custom?: boolean | undefined;
|
|
8
8
|
inline?: boolean | undefined;
|
|
9
|
-
group?: string[] | undefined;
|
|
10
|
-
value?: string | undefined;
|
|
9
|
+
group?: (string | number)[] | undefined;
|
|
10
|
+
value?: string | number | undefined;
|
|
11
11
|
checked?: boolean | undefined;
|
|
12
12
|
};
|
|
13
13
|
events: {
|
package/forms/Toggle.svelte
CHANGED
|
@@ -4,7 +4,7 @@ import Checkbox from './Checkbox.svelte';
|
|
|
4
4
|
export let size = 'default';
|
|
5
5
|
export let group = [];
|
|
6
6
|
export let value = '';
|
|
7
|
-
export let checked =
|
|
7
|
+
export let checked = undefined;
|
|
8
8
|
// tinted if put in component having its own background
|
|
9
9
|
let background = getContext('background');
|
|
10
10
|
const common = "mr-3 bg-gray-200 rounded-full peer-focus:ring-4 peer-checked:after:translate-x-full peer-checked:after:border-white after:content-[''] after:absolute after:bg-white after:border-gray-300 after:border after:rounded-full after:transition-all";
|
package/forms/Toggle.svelte.d.ts
CHANGED
|
@@ -3,8 +3,8 @@ declare const __propDef: {
|
|
|
3
3
|
props: {
|
|
4
4
|
[x: string]: any;
|
|
5
5
|
size?: "default" | "small" | "large" | undefined;
|
|
6
|
-
group?: string[] | undefined;
|
|
7
|
-
value?: string | undefined;
|
|
6
|
+
group?: (string | number)[] | undefined;
|
|
7
|
+
value?: string | number | undefined;
|
|
8
8
|
checked?: boolean | undefined;
|
|
9
9
|
};
|
|
10
10
|
events: {
|