@pajohns/flowbite-svelte 0.1.1 → 0.1.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.
@@ -13,7 +13,9 @@
13
13
  animate = false,
14
14
  size = "h-2.5",
15
15
  labelInside = false,
16
+ labelInsideClass,
16
17
  labelOutside = "",
18
+ outsideSpanClass,
17
19
  easing = cubicOut,
18
20
  color = "primary",
19
21
  class: className,
@@ -50,13 +52,13 @@
50
52
 
51
53
  {#if labelOutside}
52
54
  <div {...restProps} class={outside({ class: clsx(theme?.outside, classes?.outside) })}>
53
- <span class={span({ class: clsx(theme?.span, classes?.span) })}>{labelOutside}</span>
55
+ <span class={span({ class: clsx(theme?.span, classes?.span, outsideSpanClass) })}>{labelOutside}</span>
54
56
  <span class={progressCls({ class: clsx(theme?.progressCls, classes?.progressCls) })}>{progress}%</span>
55
57
  </div>
56
58
  {/if}
57
59
  <div {...restProps} class={base({ class: clsx(size, theme?.base, className) })}>
58
60
  {#if labelInside}
59
- <div class={labelInsideCls({ class: clsx(size, theme?.label, classes?.label) })} style="width: {_progress.current}%">
61
+ <div class={labelInsideCls({ class: clsx(size, theme?.label, classes?.label, labelInsideClass) })} style="width: {_progress.current}%">
60
62
  {_progress.current.toFixed(precision)}%
61
63
  </div>
62
64
  {:else}
@@ -76,7 +78,9 @@
76
78
  @prop animate = false
77
79
  @prop size = "h-2.5"
78
80
  @prop labelInside = false
81
+ @prop labelInsideClass - Custom classes for the label inside the progress bar
79
82
  @prop labelOutside = ""
83
+ @prop outsideSpanClass - Custom classes for the outside label span
80
84
  @prop easing = cubicOut
81
85
  @prop color = "primary"
82
86
  @prop class: className
@@ -10,7 +10,9 @@ import type { ProgressbarProps } from "../types";
10
10
  * @prop animate = false
11
11
  * @prop size = "h-2.5"
12
12
  * @prop labelInside = false
13
+ * @prop labelInsideClass - Custom classes for the label inside the progress bar
13
14
  * @prop labelOutside = ""
15
+ * @prop outsideSpanClass - Custom classes for the outside label span
14
16
  * @prop easing = cubicOut
15
17
  * @prop color = "primary"
16
18
  * @prop class: className
package/dist/types.d.ts CHANGED
@@ -1103,7 +1103,9 @@ export interface ProgressbarProps extends ProgressbarVariants, Omit<HTMLAttribut
1103
1103
  animate?: boolean;
1104
1104
  size?: string;
1105
1105
  labelInside?: boolean;
1106
+ labelInsideClass?: string;
1106
1107
  labelOutside?: string;
1108
+ outsideSpanClass?: string;
1107
1109
  easing?: EasingFunction;
1108
1110
  }
1109
1111
  export interface ProgressradialProps extends ProgressradialVariants, Omit<HTMLAttributes<HTMLDivElement>, "color"> {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@pajohns/flowbite-svelte",
3
- "version": "0.1.1",
3
+ "version": "0.1.2",
4
4
  "description": "Webapps global fork of flow-bite-svelte with customisation changes",
5
5
  "main": "dist/index.js",
6
6
  "author": {