flowbite-svelte 0.18.5 → 0.18.6
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.18.6](https://github.com/themesberg/flowbite-svelte/compare/v0.18.5...v0.18.6) (2022-06-24)
|
|
6
|
+
|
|
5
7
|
### [0.18.5](https://github.com/themesberg/flowbite-svelte/compare/v0.18.4...v0.18.5) (2022-06-24)
|
|
6
8
|
|
|
7
9
|
### [0.18.4](https://github.com/themesberg/flowbite-svelte/compare/v0.18.3...v0.18.4) (2022-06-23)
|
|
@@ -1,6 +1,7 @@
|
|
|
1
|
-
<script>
|
|
1
|
+
<script>import classNames from 'classnames';
|
|
2
|
+
export let divClass = 'inline-flex rounded-md shadow-sm';
|
|
2
3
|
</script>
|
|
3
4
|
|
|
4
|
-
<div class=
|
|
5
|
+
<div {...$$restProps} class={classNames(divClass, $$props.class)} role="group">
|
|
5
6
|
<slot />
|
|
6
7
|
</div>
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
<script>export let type = 'button';
|
|
2
|
+
import classNames from 'classnames';
|
|
2
3
|
export let btnClass = 'inline-flex items-center py-2 px-4 text-sm font-medium text-gray-900 bg-white first:rounded-l-lg border-t border-b last:rounded-r-md border-l last:border-r border-gray-200 hover:bg-gray-100 hover:text-blue-700 focus:z-10 focus:ring-2 focus:ring-blue-700 focus:text-blue-700 dark:bg-gray-700 dark:border-gray-600 dark:text-white dark:hover:text-white dark:hover:bg-gray-600 dark:focus:ring-blue-500 dark:focus:text-white';
|
|
3
4
|
export let outlineClass = 'inline-flex items-center py-2 px-4 text-sm font-medium text-gray-900 bg-transparent first:rounded-l-lg border-t border-b last:rounded-r-md border-l last:border-r border-gray-900 hover:bg-gray-900 hover:text-white focus:z-10 focus:ring-2 focus:ring-gray-500 focus:bg-gray-900 focus:text-white dark:border-white dark:text-white dark:hover:text-white dark:hover:bg-gray-700 dark:focus:bg-gray-700';
|
|
4
5
|
export let outline = false;
|
|
@@ -9,9 +10,9 @@ if (outline) {
|
|
|
9
10
|
</script>
|
|
10
11
|
|
|
11
12
|
{#if href}
|
|
12
|
-
<a {href} class=
|
|
13
|
+
<a {href} {...$$restProps} class={classNames(btnClass, $$props.class)} on:click><slot /></a>
|
|
13
14
|
{:else}
|
|
14
|
-
<button {type} class=
|
|
15
|
+
<button {type} {...$$restProps} class={classNames(btnClass, $$props.class)} on:click>
|
|
15
16
|
<slot />
|
|
16
17
|
</button>
|
|
17
18
|
{/if}
|