flowbite-svelte 0.15.28 → 0.15.29

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,13 @@
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.29](https://github.com/themesberg/flowbite-svelte/compare/v0.15.28...v0.15.29) (2022-05-13)
6
+
7
+
8
+ ### Bug Fixes
9
+
10
+ * 28115props.class returns undefined if class is not given ([c1d4ab8](https://github.com/themesberg/flowbite-svelte/commit/c1d4ab8eb6b379078a3fb3fc51952d94c31cf452))
11
+
5
12
  ### [0.15.28](https://github.com/themesberg/flowbite-svelte/compare/v0.15.27...v0.15.28) (2022-05-13)
6
13
 
7
14
 
@@ -78,7 +78,7 @@ else {
78
78
  }
79
79
  </script>
80
80
 
81
- <div id={$$props.id} class:hidden class="{divClass} {$$props.class}" role="alert">
81
+ <div id={$$props.id} class:hidden class="{divClass} {$$props.class ? $$props.class : ''}" role="alert">
82
82
  <div class="flex">
83
83
  {#if icon}
84
84
  <svelte:component this={icon} class="flex-shrink-0 w-5 h-5 {contentClass} mr-3" />
@@ -87,6 +87,6 @@ switch (btnColor) {
87
87
  buttonClass += ' items-center inline-flex';
88
88
  </script>
89
89
 
90
- <button {type} class="{buttonClass} {$$props.class}" on:click>
90
+ <button {type} class="{buttonClass} {$$props.class ? $$props.class : ''}" on:click>
91
91
  <slot>Read more</slot>
92
92
  </button>
@@ -14,7 +14,7 @@ export let copyrightYear = '© 2022';
14
14
  export let allRightsReserved = 'All Rights Reserved.';
15
15
  </script>
16
16
 
17
- <footer class="{footerClass} {$$props.class}">
17
+ <footer class="{footerClass} {$$props.class ? $$props.class : ''}">
18
18
  <div class={divClass}>
19
19
  <a href={site.href} class={siteNameLinkClass}>
20
20
  <img src={site.img} class={imgClass} alt={site.name} />
@@ -9,7 +9,7 @@ export let copyrightYear = '© 2022';
9
9
  export let allRightsReserved = 'All Rights Reserved.';
10
10
  </script>
11
11
 
12
- <footer class="{footerClass} {$$props.class}">
12
+ <footer class="{footerClass} {$$props.class ? $$props.class : ''}">
13
13
  <span class={siteNameClass}
14
14
  >{copyrightYear}
15
15
  <a href={site.href} class={siteNameLinkClass} target="_blank">{site.name}</a>. {allRightsReserved}
@@ -16,7 +16,7 @@ export let copyrightYear = '© 2022';
16
16
  export let allRightsReserved = 'All Rights Reserved.';
17
17
  </script>
18
18
 
19
- <footer class="{footerClass} {$$props.class}">
19
+ <footer class="{footerClass} {$$props.class ? $$props.class : ''}">
20
20
  <div class={linksClass}>
21
21
  {#each links as { parent, children }}
22
22
  <div>
@@ -22,7 +22,7 @@ export let copyrightYear = '© 2022';
22
22
  export let allRightsReserved = 'All Rights Reserved.';
23
23
  </script>
24
24
 
25
- <footer class="{footerClass} {$$props.class}">
25
+ <footer class="{footerClass} {$$props.class ? $$props.class : ''}">
26
26
  <div class={divClass}>
27
27
  <div class={divClass2}>
28
28
  <a href={site.href} class={siteLinkClass}>
@@ -20,7 +20,7 @@ function setType(node) {
20
20
  }
21
21
  </script>
22
22
 
23
- <div class={$$props.class}>
23
+ <div class={$$props.class ? $$props.class : ''}>
24
24
  <label for={id} class={labelClass}>{label}</label>
25
25
  {#if noBorder}
26
26
  <div class="relative">
@@ -30,22 +30,11 @@ function setType(node) {
30
30
  }
31
31
  </script>
32
32
 
33
- <div class={$$props.class}>
33
+ <div class={$$props.class ? $$props.class : ''}>
34
34
  {#if label}
35
35
  <label for={id} class={labelClass}>{label}</label>
36
36
  {/if}
37
- <input
38
- bind:value
39
- bind:this={ref}
40
- {name}
41
- use:setType
42
- {id}
43
- class={inputClass}
44
- {placeholder}
45
- {required}
46
- {disabled}
47
- {readonly}
48
- />
37
+ <input bind:value bind:this={ref} {name} use:setType {id} class={inputClass} {placeholder} {required} {disabled} {readonly} />
49
38
  {#if helper}
50
39
  <p class={helperClass}>{@html helper}</p>
51
40
  {/if}
@@ -42,6 +42,6 @@ else if (size === 'large') {
42
42
 
43
43
  <label for={id} class={labelClass}>
44
44
  <input type="checkbox" {id} class={inputClass} {value} {checked} {name} {disabled} />
45
- <div class="{divClass} {$$props.class}" />
45
+ <div class="{divClass} {$$props.class ? $$props.class : ''}" />
46
46
  <span class={spanClass}>{label}</span>
47
47
  </label>
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "flowbite-svelte",
3
- "version": "0.15.28",
3
+ "version": "0.15.29",
4
4
  "description": "Flowbite components for Svelte",
5
5
  "main": "index.js",
6
6
  "author": {