flowbite-svelte 0.24.14 → 0.24.15
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 +7 -0
- package/alerts/Alert.svelte +6 -6
- package/alerts/Alert.svelte.d.ts +3 -3
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -2,6 +2,13 @@
|
|
|
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.24.15](https://github.com/themesberg/flowbite-svelte/compare/v0.24.14...v0.24.15) (2022-08-16)
|
|
6
|
+
|
|
7
|
+
|
|
8
|
+
### Bug Fixes
|
|
9
|
+
|
|
10
|
+
* update prop names for Alert ([3775700](https://github.com/themesberg/flowbite-svelte/commit/377570061f48de43af44c5f87f46b049f4d87341))
|
|
11
|
+
|
|
5
12
|
### [0.24.14](https://github.com/themesberg/flowbite-svelte/compare/v0.24.13...v0.24.14) (2022-08-16)
|
|
6
13
|
|
|
7
14
|
|
package/alerts/Alert.svelte
CHANGED
|
@@ -9,9 +9,9 @@ export let icon = null;
|
|
|
9
9
|
export let dismissable = false;
|
|
10
10
|
export let rounded = true;
|
|
11
11
|
export let accent = false;
|
|
12
|
-
export let
|
|
13
|
-
export let
|
|
14
|
-
export let
|
|
12
|
+
export let customBgClass = '';
|
|
13
|
+
export let customBorderAccentClass = '';
|
|
14
|
+
export let customTextColor = '';
|
|
15
15
|
let hidden = false;
|
|
16
16
|
const handleAlert = () => {
|
|
17
17
|
dispatch('handleAlert');
|
|
@@ -29,7 +29,7 @@ const bgClasses = {
|
|
|
29
29
|
pink: 'bg-pink-100 dark:bg-pink-200 ',
|
|
30
30
|
blue: 'bg-blue-100 dark:bg-blue-200 ',
|
|
31
31
|
dark: 'bg-gray-100 dark:bg-gray-700',
|
|
32
|
-
custom:
|
|
32
|
+
custom: customBgClass
|
|
33
33
|
};
|
|
34
34
|
const borderAccentClasses = {
|
|
35
35
|
gray: 'border-gray-500 dark:bg-gray-200 ',
|
|
@@ -41,7 +41,7 @@ const borderAccentClasses = {
|
|
|
41
41
|
pink: 'border-pink-500 dark:bg-pink-200 ',
|
|
42
42
|
blue: 'border-blue-500 dark:bg-blue-200 ',
|
|
43
43
|
dark: 'border-gray-500',
|
|
44
|
-
custom:
|
|
44
|
+
custom: customBorderAccentClass
|
|
45
45
|
};
|
|
46
46
|
const textColors = {
|
|
47
47
|
gray: 'text-gray-700 dark:text-gray-800',
|
|
@@ -53,7 +53,7 @@ const textColors = {
|
|
|
53
53
|
pink: 'text-pink-700 dark:text-pink-800',
|
|
54
54
|
blue: 'text-blue-700 dark:text-blue-800',
|
|
55
55
|
dark: 'text-gray-700 dark:text-gray-300',
|
|
56
|
-
custom:
|
|
56
|
+
custom: customTextColor
|
|
57
57
|
};
|
|
58
58
|
let divClass;
|
|
59
59
|
$: divClass = classNames('flex flex-col p-4 mb-4 gap-2 text-sm', bgClasses[color] ?? bgClasses.blue, accent && (borderAccentClasses[color] ?? borderAccentClasses.blue), rounded && 'rounded-lg ', accent && 'border-t-4 ', textColors[color], $$props.class);
|
package/alerts/Alert.svelte.d.ts
CHANGED
|
@@ -9,9 +9,9 @@ declare const __propDef: {
|
|
|
9
9
|
dismissable?: boolean;
|
|
10
10
|
rounded?: boolean;
|
|
11
11
|
accent?: boolean;
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
12
|
+
customBgClass?: string;
|
|
13
|
+
customBorderAccentClass?: string;
|
|
14
|
+
customTextColor?: string;
|
|
15
15
|
};
|
|
16
16
|
events: {
|
|
17
17
|
click: MouseEvent;
|