flowbite-svelte 1.0.1 → 1.0.2

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.
Files changed (76) hide show
  1. package/dist/index.d.ts +1 -0
  2. package/dist/index.js +1 -0
  3. package/dist/steps/StepIndicator.svelte +87 -0
  4. package/dist/steps/StepIndicator.svelte.d.ts +20 -0
  5. package/dist/steps/index.d.ts +1 -0
  6. package/dist/steps/index.js +1 -0
  7. package/dist/table/Table.svelte +1 -1
  8. package/dist/table/Table.svelte.d.ts +1 -1
  9. package/dist/table/TableBody.svelte +1 -1
  10. package/dist/table/TableBody.svelte.d.ts +1 -1
  11. package/dist/table/TableBodyCell.svelte +1 -1
  12. package/dist/table/TableBodyCell.svelte.d.ts +1 -1
  13. package/dist/table/TableBodyRow.svelte +1 -1
  14. package/dist/table/TableBodyRow.svelte.d.ts +1 -1
  15. package/dist/table/TableHead.svelte +1 -1
  16. package/dist/table/TableHead.svelte.d.ts +1 -1
  17. package/dist/table/TableHeadCell.svelte +1 -1
  18. package/dist/table/TableHeadCell.svelte.d.ts +1 -1
  19. package/dist/table/TableSearch.svelte +1 -1
  20. package/dist/table/TableSearch.svelte.d.ts +1 -1
  21. package/dist/tabs/TabItem.svelte +1 -1
  22. package/dist/tabs/TabItem.svelte.d.ts +1 -1
  23. package/dist/tabs/Tabs.svelte +1 -1
  24. package/dist/tabs/Tabs.svelte.d.ts +1 -1
  25. package/dist/theme/Theme.svelte +1 -1
  26. package/dist/theme/Theme.svelte.d.ts +1 -1
  27. package/dist/timeline/Activity.svelte +1 -1
  28. package/dist/timeline/Activity.svelte.d.ts +1 -1
  29. package/dist/timeline/ActivityItem.svelte +1 -1
  30. package/dist/timeline/ActivityItem.svelte.d.ts +1 -1
  31. package/dist/timeline/Group.svelte +1 -1
  32. package/dist/timeline/Group.svelte.d.ts +1 -1
  33. package/dist/timeline/GroupItem.svelte +1 -1
  34. package/dist/timeline/GroupItem.svelte.d.ts +1 -1
  35. package/dist/timeline/Timeline.svelte +1 -1
  36. package/dist/timeline/Timeline.svelte.d.ts +1 -1
  37. package/dist/timeline/TimelineItem.svelte +1 -1
  38. package/dist/timeline/TimelineItem.svelte.d.ts +1 -1
  39. package/dist/toast/Toast.svelte +1 -1
  40. package/dist/toast/Toast.svelte.d.ts +1 -1
  41. package/dist/tooltip/Tooltip.svelte +1 -1
  42. package/dist/tooltip/Tooltip.svelte.d.ts +1 -1
  43. package/dist/types.d.ts +12 -0
  44. package/dist/typography/anchor/A.svelte +1 -1
  45. package/dist/typography/anchor/A.svelte.d.ts +1 -1
  46. package/dist/typography/blockquote/Blockquote.svelte +1 -1
  47. package/dist/typography/blockquote/Blockquote.svelte.d.ts +1 -1
  48. package/dist/typography/descriptionlist/DescriptionList.svelte +1 -1
  49. package/dist/typography/descriptionlist/DescriptionList.svelte.d.ts +1 -1
  50. package/dist/typography/heading/Heading.svelte +1 -1
  51. package/dist/typography/heading/Heading.svelte.d.ts +1 -1
  52. package/dist/typography/hr/Hr.svelte +1 -1
  53. package/dist/typography/hr/Hr.svelte.d.ts +1 -1
  54. package/dist/typography/img/EnhancedImg.svelte +1 -1
  55. package/dist/typography/img/EnhancedImg.svelte.d.ts +1 -1
  56. package/dist/typography/img/Img.svelte +1 -1
  57. package/dist/typography/img/Img.svelte.d.ts +1 -1
  58. package/dist/typography/layout/Layout.svelte +1 -1
  59. package/dist/typography/layout/Layout.svelte.d.ts +1 -1
  60. package/dist/typography/list/Li.svelte +1 -1
  61. package/dist/typography/list/Li.svelte.d.ts +1 -1
  62. package/dist/typography/list/List.svelte +1 -1
  63. package/dist/typography/list/List.svelte.d.ts +1 -1
  64. package/dist/typography/mark/Mark.svelte +1 -1
  65. package/dist/typography/mark/Mark.svelte.d.ts +1 -1
  66. package/dist/typography/paragraph/P.svelte +1 -1
  67. package/dist/typography/paragraph/P.svelte.d.ts +1 -1
  68. package/dist/typography/secondary/Secondary.svelte +1 -1
  69. package/dist/typography/secondary/Secondary.svelte.d.ts +1 -1
  70. package/dist/typography/span/Span.svelte +1 -1
  71. package/dist/typography/span/Span.svelte.d.ts +1 -1
  72. package/dist/utils/Popper.svelte +1 -1
  73. package/dist/utils/Popper.svelte.d.ts +1 -1
  74. package/dist/video/Video.svelte +1 -1
  75. package/dist/video/Video.svelte.d.ts +1 -1
  76. package/package.json +5 -1
package/dist/index.d.ts CHANGED
@@ -32,6 +32,7 @@ export * from "./sidebar";
32
32
  export * from "./skeleton";
33
33
  export * from "./speed-dial";
34
34
  export * from "./spinner";
35
+ export * from "./steps";
35
36
  export * from "./tabs";
36
37
  export * from "./table";
37
38
  export * from "./timeline";
package/dist/index.js CHANGED
@@ -32,6 +32,7 @@ export * from "./sidebar";
32
32
  export * from "./skeleton";
33
33
  export * from "./speed-dial";
34
34
  export * from "./spinner";
35
+ export * from "./steps";
35
36
  export * from "./tabs";
36
37
  export * from "./table";
37
38
  export * from "./timeline";
@@ -0,0 +1,87 @@
1
+ <script lang="ts">
2
+ import { twMerge, twJoin } from "tailwind-merge";
3
+ import type { StepIndicatorProps, StepColorType } from "..";
4
+
5
+ let { steps = ["Step 1", "Step 2", "Step 3", "Step 4", "Step 5"], currentStep = 1, size = "h-2.5", color = "primary", glow = false, hideLabel = false, completedCustom = "", currentCustom = "", class: className, ...restProps }: StepIndicatorProps = $props();
6
+
7
+ const safeColor = color as StepColorType;
8
+
9
+ const completedStepColors = {
10
+ primary: "bg-primary-500 dark:bg-primary-900",
11
+ secondary: "bg-secondary-500 dark:bg-secondary-900",
12
+ gray: "bg-gray-400 dark:bg-gray-500",
13
+ red: "bg-red-600 dark:bg-red-900",
14
+ yellow: "bg-yellow-400 dark:bg-yellow-600",
15
+ green: "bg-green-500 dark:bg-green-900",
16
+ indigo: "bg-indigo-500 dark:bg-indigo-900",
17
+ purple: "bg-purple-500 dark:bg-purple-900",
18
+ pink: "bg-pink-500 dark:bg-pink-900",
19
+ blue: "bg-blue-500 dark:bg-blue-900",
20
+ custom: completedCustom
21
+ };
22
+ const currentStepColors = {
23
+ primary: "bg-primary-800 dark:bg-primary-400",
24
+ secondary: "bg-secondary-800 dark:bg-secondary-400",
25
+ gray: "bg-gray-700 dark:bg-gray-200",
26
+ red: "bg-red-900 dark:bg-red-500",
27
+ yellow: "bg-yellow-600 dark:bg-yellow-400",
28
+ green: "bg-green-800 dark:bg-green-400",
29
+ indigo: "bg-indigo-800 dark:bg-indigo-400",
30
+ purple: "bg-purple-800 dark:bg-purple-400",
31
+ pink: "bg-pink-800 dark:bg-pink-400",
32
+ blue: "bg-blue-800 dark:bg-blue-400",
33
+ custom: currentCustom
34
+ };
35
+ // Ensure currentStep is within bounds
36
+ let safeCurrentStep = $derived(Math.max(1, Math.min(currentStep, steps.length)));
37
+ let currentStepLabel = $derived(steps[safeCurrentStep - 1] ?? "Unknown Step");
38
+
39
+ // Type-safe way to access color values
40
+ function getCompletedColor(colorKey: StepColorType): string {
41
+ return completedStepColors[colorKey];
42
+ }
43
+
44
+ function getCurrentColor(colorKey: StepColorType): string {
45
+ return currentStepColors[colorKey];
46
+ }
47
+ </script>
48
+
49
+ <div {...restProps} class={twMerge("space-y-2 dark:text-white", className)}>
50
+ {#if !hideLabel}
51
+ <h3 class="text-base font-semibold">{currentStepLabel}</h3>
52
+ {/if}
53
+ <div class={twJoin("flex w-full justify-between gap-2", size)}>
54
+ {#each steps as step, i}
55
+ {#if i === currentStep - 1}
56
+ <div class="relative h-full w-full">
57
+ <div class={twJoin("relative h-full w-full rounded-xs", getCurrentColor(safeColor))}></div>
58
+ {#if glow}
59
+ <div class={twJoin("absolute -inset-1 rounded-xs opacity-30 blur-sm dark:opacity-25", getCurrentColor(safeColor))}></div>
60
+ {/if}
61
+ </div>
62
+ {:else if i < currentStep - 1}
63
+ <div class={twJoin("h-full w-full rounded-xs", getCompletedColor(safeColor))}></div>
64
+ {:else}
65
+ <div class="h-full w-full rounded-xs bg-gray-200 dark:bg-gray-700"></div>
66
+ {/if}
67
+ {/each}
68
+ </div>
69
+ </div>
70
+
71
+ <!--
72
+ @component
73
+ [Go to docs](https://flowbite-svelte.com/)
74
+ ## Type
75
+ [StepIndicatorProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1341)
76
+ ## Props
77
+ @prop steps = ["Step 1", "Step 2", "Step 3", "Step 4", "Step 5"]
78
+ @prop currentStep = 1
79
+ @prop size = "h-2.5"
80
+ @prop color = "primary"
81
+ @prop glow = false
82
+ @prop hideLabel = false
83
+ @prop completedCustom = ""
84
+ @prop currentCustom = ""
85
+ @prop class: className
86
+ @prop ...restProps
87
+ -->
@@ -0,0 +1,20 @@
1
+ import type { StepIndicatorProps } from "..";
2
+ /**
3
+ * [Go to docs](https://flowbite-svelte.com/)
4
+ * ## Type
5
+ * [StepIndicatorProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1341)
6
+ * ## Props
7
+ * @prop steps = ["Step 1", "Step 2", "Step 3", "Step 4", "Step 5"]
8
+ * @prop currentStep = 1
9
+ * @prop size = "h-2.5"
10
+ * @prop color = "primary"
11
+ * @prop glow = false
12
+ * @prop hideLabel = false
13
+ * @prop completedCustom = ""
14
+ * @prop currentCustom = ""
15
+ * @prop class: className
16
+ * @prop ...restProps
17
+ */
18
+ declare const StepIndicator: import("svelte").Component<StepIndicatorProps, {}, "">;
19
+ type StepIndicator = ReturnType<typeof StepIndicator>;
20
+ export default StepIndicator;
@@ -0,0 +1 @@
1
+ export { default as StepIndicator } from "./StepIndicator.svelte";
@@ -0,0 +1 @@
1
+ export { default as StepIndicator } from "./StepIndicator.svelte";
@@ -53,7 +53,7 @@
53
53
  @component
54
54
  [Go to docs](https://flowbite-svelte.com/)
55
55
  ## Type
56
- [TableProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1364)
56
+ [TableProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1379)
57
57
  ## Props
58
58
  @prop children
59
59
  @prop footerSlot
@@ -2,7 +2,7 @@ import type { TableProps } from "../types";
2
2
  /**
3
3
  * [Go to docs](https://flowbite-svelte.com/)
4
4
  * ## Type
5
- * [TableProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1364)
5
+ * [TableProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1379)
6
6
  * ## Props
7
7
  * @prop children
8
8
  * @prop footerSlot
@@ -31,7 +31,7 @@
31
31
  @component
32
32
  [Go to docs](https://flowbite-svelte.com/)
33
33
  ## Type
34
- [TableBodyProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1396)
34
+ [TableBodyProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1411)
35
35
  ## Props
36
36
  @prop children
37
37
  @prop bodyItems
@@ -2,7 +2,7 @@ import type { TableBodyProps } from "../types";
2
2
  /**
3
3
  * [Go to docs](https://flowbite-svelte.com/)
4
4
  * ## Type
5
- * [TableBodyProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1396)
5
+ * [TableBodyProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1411)
6
6
  * ## Props
7
7
  * @prop children
8
8
  * @prop bodyItems
@@ -24,7 +24,7 @@
24
24
  @component
25
25
  [Go to docs](https://flowbite-svelte.com/)
26
26
  ## Type
27
- [TableBodyCellProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1385)
27
+ [TableBodyCellProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1400)
28
28
  ## Props
29
29
  @prop children
30
30
  @prop class: className
@@ -2,7 +2,7 @@ import type { TableBodyCellProps } from "../types";
2
2
  /**
3
3
  * [Go to docs](https://flowbite-svelte.com/)
4
4
  * ## Type
5
- * [TableBodyCellProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1385)
5
+ * [TableBodyCellProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1400)
6
6
  * ## Props
7
7
  * @prop children
8
8
  * @prop class: className
@@ -26,7 +26,7 @@
26
26
  @component
27
27
  [Go to docs](https://flowbite-svelte.com/)
28
28
  ## Type
29
- [TableBodyRowProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1377)
29
+ [TableBodyRowProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1392)
30
30
  ## Props
31
31
  @prop children
32
32
  @prop class: className
@@ -2,7 +2,7 @@ import type { TableBodyRowProps } from "../types";
2
2
  /**
3
3
  * [Go to docs](https://flowbite-svelte.com/)
4
4
  * ## Type
5
- * [TableBodyRowProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1377)
5
+ * [TableBodyRowProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1392)
6
6
  * ## Props
7
7
  * @prop children
8
8
  * @prop class: className
@@ -49,7 +49,7 @@
49
49
  @component
50
50
  [Go to docs](https://flowbite-svelte.com/)
51
51
  ## Type
52
- [TableHeadProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1352)
52
+ [TableHeadProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1367)
53
53
  ## Props
54
54
  @prop children
55
55
  @prop headerSlot
@@ -2,7 +2,7 @@ import type { TableHeadProps } from "../types";
2
2
  /**
3
3
  * [Go to docs](https://flowbite-svelte.com/)
4
4
  * ## Type
5
- * [TableHeadProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1352)
5
+ * [TableHeadProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1367)
6
6
  * ## Props
7
7
  * @prop children
8
8
  * @prop headerSlot
@@ -17,7 +17,7 @@
17
17
  @component
18
18
  [Go to docs](https://flowbite-svelte.com/)
19
19
  ## Type
20
- [TableHeadCellProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1401)
20
+ [TableHeadCellProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1416)
21
21
  ## Props
22
22
  @prop children
23
23
  @prop class: className
@@ -2,7 +2,7 @@ import type { TableHeadCellProps } from "../types";
2
2
  /**
3
3
  * [Go to docs](https://flowbite-svelte.com/)
4
4
  * ## Type
5
- * [TableHeadCellProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1401)
5
+ * [TableHeadCellProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1416)
6
6
  * ## Props
7
7
  * @prop children
8
8
  * @prop class: className
@@ -59,7 +59,7 @@
59
59
  @component
60
60
  [Go to docs](https://flowbite-svelte.com/)
61
61
  ## Type
62
- [TableSearchProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1417)
62
+ [TableSearchProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1432)
63
63
  ## Props
64
64
  @prop children
65
65
  @prop header
@@ -2,7 +2,7 @@ import type { TableSearchProps } from "../types";
2
2
  /**
3
3
  * [Go to docs](https://flowbite-svelte.com/)
4
4
  * ## Type
5
- * [TableSearchProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1417)
5
+ * [TableSearchProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1432)
6
6
  * ## Props
7
7
  * @prop children
8
8
  * @prop header
@@ -63,7 +63,7 @@
63
63
  @component
64
64
  [Go to docs](https://flowbite-svelte.com/)
65
65
  ## Type
66
- [TabitemProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1445)
66
+ [TabitemProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1460)
67
67
  ## Props
68
68
  @prop children
69
69
  @prop titleSlot
@@ -2,7 +2,7 @@ import type { TabitemProps } from "../types";
2
2
  /**
3
3
  * [Go to docs](https://flowbite-svelte.com/)
4
4
  * ## Type
5
- * [TabitemProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1445)
5
+ * [TabitemProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1460)
6
6
  * ## Props
7
7
  * @prop children
8
8
  * @prop titleSlot
@@ -43,7 +43,7 @@
43
43
  @component
44
44
  [Go to docs](https://flowbite-svelte.com/)
45
45
  ## Type
46
- [TabsProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1437)
46
+ [TabsProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1452)
47
47
  ## Props
48
48
  @prop children
49
49
  @prop tabStyle = "none"
@@ -2,7 +2,7 @@ import type { TabsProps } from "../types";
2
2
  /**
3
3
  * [Go to docs](https://flowbite-svelte.com/)
4
4
  * ## Type
5
- * [TabsProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1437)
5
+ * [TabsProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1452)
6
6
  * ## Props
7
7
  * @prop children
8
8
  * @prop tabStyle = "none"
@@ -53,7 +53,7 @@
53
53
  @component
54
54
  [Go to docs](https://flowbite-svelte.com/)
55
55
  ## Type
56
- [ThemeProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1467)
56
+ [ThemeProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1482)
57
57
  ## Props
58
58
  @prop children
59
59
  @prop theme
@@ -2,7 +2,7 @@ import type { ThemeProps } from "../types";
2
2
  /**
3
3
  * [Go to docs](https://flowbite-svelte.com/)
4
4
  * ## Type
5
- * [ThemeProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1467)
5
+ * [ThemeProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1482)
6
6
  * ## Props
7
7
  * @prop children
8
8
  * @prop theme
@@ -15,7 +15,7 @@
15
15
  @component
16
16
  [Go to docs](https://flowbite-svelte.com/)
17
17
  ## Type
18
- [ActivityProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1492)
18
+ [ActivityProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1507)
19
19
  ## Props
20
20
  @prop children
21
21
  @prop class: className
@@ -2,7 +2,7 @@ import type { ActivityProps } from "../types";
2
2
  /**
3
3
  * [Go to docs](https://flowbite-svelte.com/)
4
4
  * ## Type
5
- * [ActivityProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1492)
5
+ * [ActivityProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1507)
6
6
  * ## Props
7
7
  * @prop children
8
8
  * @prop class: className
@@ -32,7 +32,7 @@
32
32
  @component
33
33
  [Go to docs](https://flowbite-svelte.com/)
34
34
  ## Type
35
- [ActivityItemProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1496)
35
+ [ActivityItemProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1511)
36
36
  ## Props
37
37
  @prop activities
38
38
  @prop liClass
@@ -2,7 +2,7 @@ import type { ActivityItemProps } from "../types";
2
2
  /**
3
3
  * [Go to docs](https://flowbite-svelte.com/)
4
4
  * ## Type
5
- * [ActivityItemProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1496)
5
+ * [ActivityItemProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1511)
6
6
  * ## Props
7
7
  * @prop activities
8
8
  * @prop liClass
@@ -16,7 +16,7 @@
16
16
  @component
17
17
  [Go to docs](https://flowbite-svelte.com/)
18
18
  ## Type
19
- [GroupProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1508)
19
+ [GroupProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1523)
20
20
  ## Props
21
21
  @prop children
22
22
  @prop divClass
@@ -2,7 +2,7 @@ import type { GroupProps } from "../types";
2
2
  /**
3
3
  * [Go to docs](https://flowbite-svelte.com/)
4
4
  * ## Type
5
- * [GroupProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1508)
5
+ * [GroupProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1523)
6
6
  * ## Props
7
7
  * @prop children
8
8
  * @prop divClass
@@ -41,7 +41,7 @@
41
41
  @component
42
42
  [Go to docs](https://flowbite-svelte.com/)
43
43
  ## Type
44
- [GroupItemProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1516)
44
+ [GroupItemProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1531)
45
45
  ## Props
46
46
  @prop timelines
47
47
  @prop aClass
@@ -2,7 +2,7 @@ import type { GroupItemProps } from "../types";
2
2
  /**
3
3
  * [Go to docs](https://flowbite-svelte.com/)
4
4
  * ## Type
5
- * [GroupItemProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1516)
5
+ * [GroupItemProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1531)
6
6
  * ## Props
7
7
  * @prop timelines
8
8
  * @prop aClass
@@ -18,7 +18,7 @@
18
18
  @component
19
19
  [Go to docs](https://flowbite-svelte.com/)
20
20
  ## Type
21
- [TimelineProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1527)
21
+ [TimelineProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1542)
22
22
  ## Props
23
23
  @prop children
24
24
  @prop order = "default"
@@ -2,7 +2,7 @@ import type { TimelineProps } from "../types";
2
2
  /**
3
3
  * [Go to docs](https://flowbite-svelte.com/)
4
4
  * ## Type
5
- * [TimelineProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1527)
5
+ * [TimelineProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1542)
6
6
  * ## Props
7
7
  * @prop children
8
8
  * @prop order = "default"
@@ -75,7 +75,7 @@
75
75
  @component
76
76
  [Go to docs](https://flowbite-svelte.com/)
77
77
  ## Type
78
- [TimelineItemProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1532)
78
+ [TimelineItemProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1547)
79
79
  ## Props
80
80
  @prop children
81
81
  @prop orientationSlot
@@ -2,7 +2,7 @@ import type { TimelineItemProps } from "../types";
2
2
  /**
3
3
  * [Go to docs](https://flowbite-svelte.com/)
4
4
  * ## Type
5
- * [TimelineItemProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1532)
5
+ * [TimelineItemProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1547)
6
6
  * ## Props
7
7
  * @prop children
8
8
  * @prop orientationSlot
@@ -39,7 +39,7 @@
39
39
  @component
40
40
  [Go to docs](https://flowbite-svelte.com/)
41
41
  ## Type
42
- [ToastProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1546)
42
+ [ToastProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1561)
43
43
  ## Props
44
44
  @prop children
45
45
  @prop icon
@@ -2,7 +2,7 @@ import type { ToastProps } from "../types";
2
2
  /**
3
3
  * [Go to docs](https://flowbite-svelte.com/)
4
4
  * ## Type
5
- * [ToastProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1546)
5
+ * [ToastProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1561)
6
6
  * ## Props
7
7
  * @prop children
8
8
  * @prop icon
@@ -26,7 +26,7 @@
26
26
  @component
27
27
  [Go to docs](https://flowbite-svelte.com/)
28
28
  ## Type
29
- [TooltipProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1562)
29
+ [TooltipProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1577)
30
30
  ## Props
31
31
  @prop type = "dark"
32
32
  @prop color = undefined
@@ -2,7 +2,7 @@ import type { TooltipProps } from "..";
2
2
  /**
3
3
  * [Go to docs](https://flowbite-svelte.com/)
4
4
  * ## Type
5
- * [TooltipProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1562)
5
+ * [TooltipProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1577)
6
6
  * ## Props
7
7
  * @prop type = "dark"
8
8
  * @prop color = undefined
package/dist/types.d.ts CHANGED
@@ -1108,6 +1108,18 @@ export interface SpinnerProps extends SVGAttributes<SVGSVGElement> {
1108
1108
  currentFill?: string;
1109
1109
  currentColor?: string;
1110
1110
  }
1111
+ export type StepColorType = "primary" | "secondary" | "gray" | "red" | "yellow" | "green" | "indigo" | "purple" | "pink" | "blue" | "custom";
1112
+ export interface StepIndicatorProps extends HTMLAttributes<HTMLElement> {
1113
+ steps: string[];
1114
+ currentStep: number;
1115
+ size?: string;
1116
+ color?: StepColorType;
1117
+ glow?: boolean;
1118
+ hideLabel?: boolean;
1119
+ completedCustom?: string;
1120
+ currentCustom?: string;
1121
+ class?: string;
1122
+ }
1111
1123
  export type TableCtxType = {
1112
1124
  striped?: boolean;
1113
1125
  hoverable?: boolean;
@@ -15,7 +15,7 @@
15
15
  @component
16
16
  [Go to docs](https://flowbite-svelte.com/)
17
17
  ## Type
18
- [AnchorProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1569)
18
+ [AnchorProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1584)
19
19
  ## Props
20
20
  @prop children
21
21
  @prop color = "primary"
@@ -2,7 +2,7 @@ import type { AnchorProps } from "../../types";
2
2
  /**
3
3
  * [Go to docs](https://flowbite-svelte.com/)
4
4
  * ## Type
5
- * [AnchorProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1569)
5
+ * [AnchorProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1584)
6
6
  * ## Props
7
7
  * @prop children
8
8
  * @prop color = "primary"
@@ -25,7 +25,7 @@
25
25
  @component
26
26
  [Go to docs](https://flowbite-svelte.com/)
27
27
  ## Type
28
- [BlockquoteProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1575)
28
+ [BlockquoteProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1590)
29
29
  ## Props
30
30
  @prop children
31
31
  @prop class: className
@@ -2,7 +2,7 @@ import type { BlockquoteProps } from "../../types";
2
2
  /**
3
3
  * [Go to docs](https://flowbite-svelte.com/)
4
4
  * ## Type
5
- * [BlockquoteProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1575)
5
+ * [BlockquoteProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1590)
6
6
  * ## Props
7
7
  * @prop children
8
8
  * @prop class: className
@@ -21,7 +21,7 @@
21
21
  @component
22
22
  [Go to docs](https://flowbite-svelte.com/)
23
23
  ## Type
24
- [DescriptionListProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1585)
24
+ [DescriptionListProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1600)
25
25
  ## Props
26
26
  @prop children
27
27
  @prop tag
@@ -2,7 +2,7 @@ import type { DescriptionListProps } from "../../types";
2
2
  /**
3
3
  * [Go to docs](https://flowbite-svelte.com/)
4
4
  * ## Type
5
- * [DescriptionListProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1585)
5
+ * [DescriptionListProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1600)
6
6
  * ## Props
7
7
  * @prop children
8
8
  * @prop tag
@@ -16,7 +16,7 @@
16
16
  @component
17
17
  [Go to docs](https://flowbite-svelte.com/)
18
18
  ## Type
19
- [HeadingProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1591)
19
+ [HeadingProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1606)
20
20
  ## Props
21
21
  @prop children
22
22
  @prop tag = "h1"
@@ -2,7 +2,7 @@ import type { HeadingProps } from "../../types";
2
2
  /**
3
3
  * [Go to docs](https://flowbite-svelte.com/)
4
4
  * ## Type
5
- * [HeadingProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1591)
5
+ * [HeadingProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1606)
6
6
  * ## Props
7
7
  * @prop children
8
8
  * @prop tag = "h1"
@@ -23,7 +23,7 @@
23
23
  @component
24
24
  [Go to docs](https://flowbite-svelte.com/)
25
25
  ## Type
26
- [HrProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1597)
26
+ [HrProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1612)
27
27
  ## Props
28
28
  @prop children
29
29
  @prop divClass
@@ -2,7 +2,7 @@ import type { HrProps } from "../../types";
2
2
  /**
3
3
  * [Go to docs](https://flowbite-svelte.com/)
4
4
  * ## Type
5
- * [HrProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1597)
5
+ * [HrProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1612)
6
6
  * ## Props
7
7
  * @prop children
8
8
  * @prop divClass
@@ -33,7 +33,7 @@
33
33
  @component
34
34
  [Go to docs](https://flowbite-svelte.com/)
35
35
  ## Type
36
- [EnhandedImgProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1617)
36
+ [EnhandedImgProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1632)
37
37
  ## Props
38
38
  @prop src
39
39
  @prop href
@@ -2,7 +2,7 @@ import type { EnhandedImgProps } from "../../types";
2
2
  /**
3
3
  * [Go to docs](https://flowbite-svelte.com/)
4
4
  * ## Type
5
- * [EnhandedImgProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1617)
5
+ * [EnhandedImgProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1632)
6
6
  * ## Props
7
7
  * @prop src
8
8
  * @prop href
@@ -33,7 +33,7 @@
33
33
  @component
34
34
  [Go to docs](https://flowbite-svelte.com/)
35
35
  ## Type
36
- [ImgProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1608)
36
+ [ImgProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1623)
37
37
  ## Props
38
38
  @prop size = "none"
39
39
  @prop effect = "none"
@@ -2,7 +2,7 @@ import type { ImgProps } from "../../types";
2
2
  /**
3
3
  * [Go to docs](https://flowbite-svelte.com/)
4
4
  * ## Type
5
- * [ImgProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1608)
5
+ * [ImgProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1623)
6
6
  * ## Props
7
7
  * @prop size = "none"
8
8
  * @prop effect = "none"
@@ -16,7 +16,7 @@
16
16
  @component
17
17
  [Go to docs](https://flowbite-svelte.com/)
18
18
  ## Type
19
- [LayoutProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1629)
19
+ [LayoutProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1644)
20
20
  ## Props
21
21
  @prop children
22
22
  @prop class: className
@@ -2,7 +2,7 @@ import type { LayoutProps } from "../../types";
2
2
  /**
3
3
  * [Go to docs](https://flowbite-svelte.com/)
4
4
  * ## Type
5
- * [LayoutProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1629)
5
+ * [LayoutProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1644)
6
6
  * ## Props
7
7
  * @prop children
8
8
  * @prop class: className
@@ -19,7 +19,7 @@
19
19
  @component
20
20
  [Go to docs](https://flowbite-svelte.com/)
21
21
  ## Type
22
- [LiProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1642)
22
+ [LiProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1657)
23
23
  ## Props
24
24
  @prop children
25
25
  @prop icon
@@ -2,7 +2,7 @@ import type { LiProps } from "../../types";
2
2
  /**
3
3
  * [Go to docs](https://flowbite-svelte.com/)
4
4
  * ## Type
5
- * [LiProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1642)
5
+ * [LiProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1657)
6
6
  * ## Props
7
7
  * @prop children
8
8
  * @prop icon
@@ -25,7 +25,7 @@
25
25
  @component
26
26
  [Go to docs](https://flowbite-svelte.com/)
27
27
  ## Type
28
- [ListProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1634)
28
+ [ListProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1649)
29
29
  ## Props
30
30
  @prop children
31
31
  @prop tag = "ul"
@@ -2,7 +2,7 @@ import type { ListProps } from "../../types";
2
2
  /**
3
3
  * [Go to docs](https://flowbite-svelte.com/)
4
4
  * ## Type
5
- * [ListProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1634)
5
+ * [ListProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1649)
6
6
  * ## Props
7
7
  * @prop children
8
8
  * @prop tag = "ul"
@@ -14,7 +14,7 @@
14
14
  @component
15
15
  [Go to docs](https://flowbite-svelte.com/)
16
16
  ## Type
17
- [MarkProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1648)
17
+ [MarkProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1663)
18
18
  ## Props
19
19
  @prop children
20
20
  @prop class: className
@@ -2,7 +2,7 @@ import type { MarkProps } from "../../types";
2
2
  /**
3
3
  * [Go to docs](https://flowbite-svelte.com/)
4
4
  * ## Type
5
- * [MarkProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1648)
5
+ * [MarkProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1663)
6
6
  * ## Props
7
7
  * @prop children
8
8
  * @prop class: className
@@ -16,7 +16,7 @@
16
16
  @component
17
17
  [Go to docs](https://flowbite-svelte.com/)
18
18
  ## Type
19
- [ParagraphProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1653)
19
+ [ParagraphProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1668)
20
20
  ## Props
21
21
  @prop children
22
22
  @prop class: className = "text-gray-900 dark:text-white"
@@ -2,7 +2,7 @@ import type { ParagraphProps } from "../../types";
2
2
  /**
3
3
  * [Go to docs](https://flowbite-svelte.com/)
4
4
  * ## Type
5
- * [ParagraphProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1653)
5
+ * [ParagraphProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1668)
6
6
  * ## Props
7
7
  * @prop children
8
8
  * @prop class: className = "text-gray-900 dark:text-white"
@@ -14,7 +14,7 @@
14
14
  @component
15
15
  [Go to docs](https://flowbite-svelte.com/)
16
16
  ## Type
17
- [SecondaryProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1667)
17
+ [SecondaryProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1682)
18
18
  ## Props
19
19
  @prop children
20
20
  @prop class: className
@@ -2,7 +2,7 @@ import type { SecondaryProps } from "../../types";
2
2
  /**
3
3
  * [Go to docs](https://flowbite-svelte.com/)
4
4
  * ## Type
5
- * [SecondaryProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1667)
5
+ * [SecondaryProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1682)
6
6
  * ## Props
7
7
  * @prop children
8
8
  * @prop class: className
@@ -31,7 +31,7 @@
31
31
  @component
32
32
  [Go to docs](https://flowbite-svelte.com/)
33
33
  ## Type
34
- [SpanProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1672)
34
+ [SpanProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1687)
35
35
  ## Props
36
36
  @prop children
37
37
  @prop class: className
@@ -2,7 +2,7 @@ import type { SpanProps } from "../../types";
2
2
  /**
3
3
  * [Go to docs](https://flowbite-svelte.com/)
4
4
  * ## Type
5
- * [SpanProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1672)
5
+ * [SpanProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1687)
6
6
  * ## Props
7
7
  * @prop children
8
8
  * @prop class: className
@@ -160,7 +160,7 @@
160
160
  @component
161
161
  [Go to docs](https://flowbite-svelte.com/)
162
162
  ## Type
163
- [PopperProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1700)
163
+ [PopperProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1715)
164
164
  ## Props
165
165
  @prop triggeredBy
166
166
  @prop trigger = "click"
@@ -2,7 +2,7 @@ import type { PopperProps } from "..";
2
2
  /**
3
3
  * [Go to docs](https://flowbite-svelte.com/)
4
4
  * ## Type
5
- * [PopperProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1700)
5
+ * [PopperProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1715)
6
6
  * ## Props
7
7
  * @prop triggeredBy
8
8
  * @prop trigger = "click"
@@ -17,7 +17,7 @@
17
17
  @component
18
18
  [Go to docs](https://flowbite-svelte.com/)
19
19
  ## Type
20
- [VideoProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1686)
20
+ [VideoProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1701)
21
21
  ## Props
22
22
  @prop children
23
23
  @prop type = "video/mp4"
@@ -2,7 +2,7 @@ import type { VideoProps } from "../types";
2
2
  /**
3
3
  * [Go to docs](https://flowbite-svelte.com/)
4
4
  * ## Type
5
- * [VideoProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1686)
5
+ * [VideoProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1701)
6
6
  * ## Props
7
7
  * @prop children
8
8
  * @prop type = "video/mp4"
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "flowbite-svelte",
3
- "version": "1.0.1",
3
+ "version": "1.0.2",
4
4
  "description": "Flowbite components for Svelte",
5
5
  "main": "dist/index.js",
6
6
  "author": {
@@ -570,6 +570,10 @@
570
570
  "types": "./dist/spinner/Spinner.svelte.d.ts",
571
571
  "svelte": "./dist/spinner/Spinner.svelte"
572
572
  },
573
+ "./StepIndicator.svelte": {
574
+ "types": "./dist/steps/StepIndicator.svelte.d.ts",
575
+ "svelte": "./dist/steps/StepIndicator.svelte"
576
+ },
573
577
  "./Table.svelte": {
574
578
  "types": "./dist/table/Table.svelte.d.ts",
575
579
  "svelte": "./dist/table/Table.svelte"