npm - flowbite-svelte - Versions diffs - 1.10.5 → 1.10.7 - Mend

@@ -2,7 +2,6 @@
   import clsx from "clsx";
   import { secondary } from "./index";
   import type { SecondaryProps } from "../../types";
-  import { cn } from "../..";
   import { getTheme } from "../../theme/themeUtils";
   let { children, class: className, ...restProps }: SecondaryProps = $props();
@@ -10,7 +9,7 @@
   const theme = getTheme("secondary");
 </script>
-<small {...restProps} class={cn(secondary({ class: clsx(className) }), theme)}>
+<small {...restProps} class={secondary({ class: clsx(theme, className) })}>
   {@render children()}
 </small>
@@ -18,7 +17,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[SecondaryProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1975)
+[SecondaryProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1961)
 ## Props
 @prop children
 @prop class: className

@@ -2,7 +2,7 @@ import type { SecondaryProps } from "../../types";
 /**
  * [Go to docs](https://flowbite-svelte.com/)
  * ## Type
- * [SecondaryProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1975)
+ * [SecondaryProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1961)
  * ## Props
  * @prop children
  * @prop class: className

@@ -1,2 +1,3 @@
+import type { ClassValue } from "svelte/elements";
 export declare const secondary: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, "text-gray-500 dark:text-gray-400 font-semibold", {} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, "text-gray-500 dark:text-gray-400 font-semibold", unknown, unknown, undefined>>;
-export type SecondaryTheme = string;
+export type SecondaryTheme = ClassValue;

@@ -2,7 +2,6 @@
   import clsx from "clsx";
   import { span } from "./index";
   import type { SpanProps } from "../../types";
-  import { cn } from "../..";
   import { getTheme } from "../../theme/themeUtils";
   let { children, class: className, italic, underline, linethrough, uppercase, gradient, highlight, decoration, decorationColor, decorationThickness, ...restProps }: SpanProps = $props();
@@ -20,12 +19,12 @@
       decoration,
       decorationColor,
       decorationThickness,
-      class: clsx(className)
+      class: clsx(theme, className)
     })
   );
 </script>
-<span {...restProps} class={cn(classSpan, theme)}>
+<span {...restProps} class={classSpan}>
   {#if children}
     {@render children()}
   {/if}
@@ -35,7 +34,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[SpanProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1980)
+[SpanProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1966)
 ## Props
 @prop children
 @prop class: className

@@ -2,7 +2,7 @@ import type { SpanProps } from "../../types";
 /**
  * [Go to docs](https://flowbite-svelte.com/)
  * ## Type
- * [SpanProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1980)
+ * [SpanProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1966)
  * ## Props
  * @prop children
  * @prop class: className

@@ -1,4 +1,5 @@
 import { type VariantProps } from "tailwind-variants";
+import type { ClassValue } from "svelte/elements";
 export type SpanVariants = VariantProps<typeof span>;
 export declare const span: import("tailwind-variants").TVReturnType<{
     italic: {
@@ -244,4 +245,4 @@ export declare const span: import("tailwind-variants").TVReturnType<{
         "0": string;
     };
 }, undefined, undefined, unknown, unknown, undefined>>;
-export type SpanTheme = string;
+export type SpanTheme = ClassValue;

@@ -50,7 +50,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[ArrowProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L2022)
+[ArrowProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L2008)
 ## Props
 @prop placement = "top"
 @prop cords

@@ -2,7 +2,7 @@ import { type ArrowProps } from "..";
 /**
  * [Go to docs](https://flowbite-svelte.com/)
  * ## Type
- * [ArrowProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L2022)
+ * [ArrowProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L2008)
  * ## Props
  * @prop placement = "top"
  * @prop cords

@@ -213,7 +213,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[PopperProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L2002)
+[PopperProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1988)
 ## Props
 @prop triggeredBy
 @prop triggerDelay = 200

@@ -2,7 +2,7 @@ import type { PopperProps } from "..";
 /**
  * [Go to docs](https://flowbite-svelte.com/)
  * ## Type
- * [PopperProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L2002)
+ * [PopperProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1988)
  * ## Props
  * @prop triggeredBy
  * @prop triggerDelay = 200

@@ -1,6 +1,6 @@
 <script lang="ts">
   import type { VideoProps } from "../types";
-  import { cn } from "..";
+  import clsx from "clsx";
   import { getTheme } from "../theme/themeUtils";
   let { children, type = "video/mp4", trackSrc, src, srclang = "en", label = "english_captions", class: classname, ...restProps }: VideoProps = $props();
@@ -8,7 +8,7 @@
   const theme = getTheme("span");
 </script>
-<video {...restProps} class={cn(classname, theme)}>
+<video {...restProps} class={clsx(theme, classname)}>
   <source {src} {type} />
   {#if children}
     {@render children()}
@@ -21,7 +21,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[VideoProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1989)
+[VideoProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1975)
 ## Props
 @prop children
 @prop type = "video/mp4"

@@ -1,6 +1,6 @@
 {
   "name": "flowbite-svelte",
-  "version": "1.10.5",
+  "version": "1.10.7",
   "description": "Flowbite components for Svelte",
   "main": "dist/index.js",
   "author": {

flowbite-svelte 1.10.5 → 1.10.7