flowbite-svelte 1.13.10 → 1.13.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.
|
@@ -13,7 +13,7 @@ export const buttonToggleGroup = tv({
|
|
|
13
13
|
});
|
|
14
14
|
export const buttonToggle = tv({
|
|
15
15
|
slots: {
|
|
16
|
-
button: "relative flex items-center transition-all duration-200 focus:outline-none border-r last:border-r-0 dark:bg-white dark:text-gray-800",
|
|
16
|
+
button: "relative flex items-center transition-all duration-200 focus:outline-none border-r last:border-r-0 dark:bg-white dark:text-gray-800 disabled:cursor-not-allowed disabled:opacity-50",
|
|
17
17
|
content: "flex items-center w-full overflow-hidden relative",
|
|
18
18
|
text: "transition-all duration-200 ml-0",
|
|
19
19
|
icon: "absolute left-0 flex-shrink-0 text-green-600"
|
package/dist/forms/tags/theme.js
CHANGED
|
@@ -5,7 +5,7 @@ export const tags = tv({
|
|
|
5
5
|
tag: "flex items-center rounded-lg bg-gray-100 text-gray-900 border border-gray-300 my-1 ml-1 px-2 text-sm max-w-full min-w-fit",
|
|
6
6
|
span: "items-center",
|
|
7
7
|
close: "my-auto ml-1",
|
|
8
|
-
input: "block text-sm m-2.5 p-0 bg-transparent border-none outline-none text-gray-900 h-min w-full min-w-fit focus:ring-0 placeholder-gray-400 dark:text-white",
|
|
8
|
+
input: "block text-sm m-2.5 p-0 bg-transparent border-none outline-none text-gray-900 h-min w-full min-w-fit focus:ring-0 placeholder-gray-400 dark:text-white disabled:cursor-not-allowed disabled:opacity-50",
|
|
9
9
|
info: "mt-1 text-sm text-blue-500 dark:text-blue-400",
|
|
10
10
|
warning: "mt-1 text-sm text-yellow-400 dark:text-yellow-300",
|
|
11
11
|
error: "mt-1 text-sm text-red-500 dark:text-red-400"
|
package/dist/tabs/TabItem.svelte
CHANGED
|
@@ -31,7 +31,7 @@
|
|
|
31
31
|
</script>
|
|
32
32
|
|
|
33
33
|
<li {...restProps} class={base({ class: clsx(theme?.base, className) })} role="presentation">
|
|
34
|
-
<button type="button" onclick={() => (open = true)} role="tab" id={self.id} aria-controls={ctx.panelId} aria-selected={open} {disabled} class={button({ class: clsx(open ? (activeClass ?? active(
|
|
34
|
+
<button type="button" onclick={() => (open = true)} role="tab" id={self.id} aria-controls={ctx.panelId} aria-selected={open} {disabled} class={button({ class: clsx(open ? (activeClass ?? active({ class: activeClasses })) : (inactiveClass ?? inactive()), theme?.button, classes?.button) })}>
|
|
35
35
|
{#if titleSlot}
|
|
36
36
|
{@render titleSlot()}
|
|
37
37
|
{:else}
|