flowbite-svelte 0.44.13 → 0.44.14

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 (43) hide show
  1. package/dist/buttons/Button.svelte +1 -1
  2. package/dist/buttons/GradientButton.svelte +1 -1
  3. package/dist/buttons/GradientButton.svelte.d.ts +2 -2
  4. package/dist/carousels/Carousel.svelte +1 -1
  5. package/dist/device-mockup/Android.svelte +25 -15
  6. package/dist/device-mockup/Android.svelte.d.ts +18 -11
  7. package/dist/device-mockup/Android.svelte.d.ts.map +1 -1
  8. package/dist/device-mockup/DefaultMockup.svelte +22 -12
  9. package/dist/device-mockup/DefaultMockup.svelte.d.ts +16 -9
  10. package/dist/device-mockup/DefaultMockup.svelte.d.ts.map +1 -1
  11. package/dist/device-mockup/Desktop.svelte +24 -0
  12. package/dist/device-mockup/Desktop.svelte.d.ts +31 -0
  13. package/dist/device-mockup/Desktop.svelte.d.ts.map +1 -0
  14. package/dist/device-mockup/DeviceMockup.svelte +18 -201
  15. package/dist/device-mockup/DeviceMockup.svelte.d.ts +0 -85
  16. package/dist/device-mockup/DeviceMockup.svelte.d.ts.map +1 -1
  17. package/dist/device-mockup/Ios.svelte +22 -12
  18. package/dist/device-mockup/Ios.svelte.d.ts +16 -9
  19. package/dist/device-mockup/Ios.svelte.d.ts.map +1 -1
  20. package/dist/device-mockup/Laptop.svelte +26 -0
  21. package/dist/device-mockup/Laptop.svelte.d.ts +31 -0
  22. package/dist/device-mockup/Laptop.svelte.d.ts.map +1 -0
  23. package/dist/device-mockup/Smartwatch.svelte +22 -6
  24. package/dist/device-mockup/Smartwatch.svelte.d.ts +16 -5
  25. package/dist/device-mockup/Smartwatch.svelte.d.ts.map +1 -1
  26. package/dist/device-mockup/Tablet.svelte +22 -12
  27. package/dist/device-mockup/Tablet.svelte.d.ts +16 -9
  28. package/dist/device-mockup/Tablet.svelte.d.ts.map +1 -1
  29. package/dist/index.d.ts +0 -2
  30. package/dist/index.js +0 -2
  31. package/package.json +9 -17
  32. package/dist/forms/RadioInline.svelte +0 -9
  33. package/dist/forms/RadioInline.svelte.d.ts +0 -29
  34. package/dist/forms/RadioInline.svelte.d.ts.map +0 -1
  35. package/dist/forms/VoiceSearch.svelte +0 -53
  36. package/dist/forms/VoiceSearch.svelte.d.ts +0 -42
  37. package/dist/forms/VoiceSearch.svelte.d.ts.map +0 -1
  38. package/dist/navbar/NavSidebarHamburger.svelte +0 -18
  39. package/dist/navbar/NavSidebarHamburger.svelte.d.ts +0 -27
  40. package/dist/navbar/NavSidebarHamburger.svelte.d.ts.map +0 -1
  41. package/dist/navbar/SidebarMenu.svelte +0 -36
  42. package/dist/navbar/SidebarMenu.svelte.d.ts +0 -31
  43. package/dist/navbar/SidebarMenu.svelte.d.ts.map +0 -1
@@ -1,53 +0,0 @@
1
- <script>import { createEventDispatcher } from 'svelte';
2
- export let id = '';
3
- export let labelClass = 'sr-only';
4
- export let iconClass = 'w-5 h-5 text-gray-500 dark:text-gray-400';
5
- export let iconDivClass = 'flex absolute inset-y-0 left-0 items-center pl-3 pointer-events-none';
6
- export let inputClass = 'bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-full pl-10 p-2.5 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500';
7
- export let btnClass = 'inline-flex items-center py-2.5 px-3 ml-2 text-sm font-medium text-white bg-blue-700 rounded-lg border border-blue-700 hover:bg-blue-800 focus:ring-4 focus:outline-none focus:ring-blue-300 dark:bg-blue-600 dark:hover:bg-blue-700 dark:focus:ring-blue-800';
8
- export let voiceBtnClass = 'flex absolute inset-y-0 right-0 items-center pr-3';
9
- export let voiceIconClass = 'w-4 h-4 text-gray-500 dark:text-gray-400 hover:text-gray-900 dark:hover:text-white';
10
- export let placeholder = 'Search Mockups, Logos, Design Templates...';
11
- const dispatch = createEventDispatcher();
12
- const handleVoiceBtn = () => {
13
- dispatch('handleVoiceBtn');
14
- };
15
- </script>
16
-
17
- <form class="flex items-center" on:submit>
18
- <label for={id} class={labelClass}>Search</label>
19
- <div class="relative w-full">
20
- <div class={iconDivClass}>
21
- <svg class={iconClass} fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
22
- <path fill-rule="evenodd" d="M8 4a4 4 0 100 8 4 4 0 000-8zM2 8a6 6 0 1110.89 3.476l4.817 4.817a1 1 0 01-1.414 1.414l-4.816-4.816A6 6 0 012 8z" clip-rule="evenodd" />
23
- </svg>
24
- </div>
25
- <input {...$$restProps} type="text" {id} class={inputClass} {placeholder} />
26
- <button type="button" class={voiceBtnClass} on:click={handleVoiceBtn}>
27
- <svg class={voiceIconClass} fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
28
- <path fill-rule="evenodd" d="M7 4a3 3 0 016 0v4a3 3 0 11-6 0V4zm4 10.93A7.001 7.001 0 0017 8a1 1 0 10-2 0A5 5 0 015 8a1 1 0 00-2 0 7.001 7.001 0 006 6.93V17H6a1 1 0 100 2h8a1 1 0 100-2h-3v-2.07z" clip-rule="evenodd" />
29
- </svg>
30
- </button>
31
- </div>
32
- <button type="submit" class={btnClass}>
33
- <svg class="mr-2 -ml-1 w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
34
- <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z" />
35
- </svg>
36
- Search
37
- </button>
38
- </form>
39
-
40
- <!--
41
- @component
42
- [Go to docs](https://flowbite-svelte.com/)
43
- ## Props
44
- @prop export let id: string = '';
45
- @prop export let labelClass: string = 'sr-only';
46
- @prop export let iconClass: string = 'w-5 h-5 text-gray-500 dark:text-gray-400';
47
- @prop export let iconDivClass: string = 'flex absolute inset-y-0 left-0 items-center pl-3 pointer-events-none';
48
- @prop export let inputClass: string = 'bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-full pl-10 p-2.5 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500';
49
- @prop export let btnClass: string = 'inline-flex items-center py-2.5 px-3 ml-2 text-sm font-medium text-white bg-blue-700 rounded-lg border border-blue-700 hover:bg-blue-800 focus:ring-4 focus:outline-none focus:ring-blue-300 dark:bg-blue-600 dark:hover:bg-blue-700 dark:focus:ring-blue-800';
50
- @prop export let voiceBtnClass: string = 'flex absolute inset-y-0 right-0 items-center pr-3';
51
- @prop export let voiceIconClass: string = 'w-4 h-4 text-gray-500 dark:text-gray-400 hover:text-gray-900 dark:hover:text-white';
52
- @prop export let placeholder: string = 'Search Mockups, Logos, Design Templates...';
53
- -->
@@ -1,42 +0,0 @@
1
- import { SvelteComponent } from "svelte";
2
- declare const __propDef: {
3
- props: {
4
- [x: string]: any;
5
- id?: string | undefined;
6
- labelClass?: string | undefined;
7
- iconClass?: string | undefined;
8
- iconDivClass?: string | undefined;
9
- inputClass?: string | undefined;
10
- btnClass?: string | undefined;
11
- voiceBtnClass?: string | undefined;
12
- voiceIconClass?: string | undefined;
13
- placeholder?: string | undefined;
14
- };
15
- events: {
16
- submit: SubmitEvent;
17
- handleVoiceBtn: CustomEvent<any>;
18
- } & {
19
- [evt: string]: CustomEvent<any>;
20
- };
21
- slots: {};
22
- };
23
- export type VoiceSearchProps = typeof __propDef.props;
24
- export type VoiceSearchEvents = typeof __propDef.events;
25
- export type VoiceSearchSlots = typeof __propDef.slots;
26
- /**
27
- * [Go to docs](https://flowbite-svelte.com/)
28
- * ## Props
29
- * @prop export let id: string = '';
30
- * @prop export let labelClass: string = 'sr-only';
31
- * @prop export let iconClass: string = 'w-5 h-5 text-gray-500 dark:text-gray-400';
32
- * @prop export let iconDivClass: string = 'flex absolute inset-y-0 left-0 items-center pl-3 pointer-events-none';
33
- * @prop export let inputClass: string = 'bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-full pl-10 p-2.5 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500';
34
- * @prop export let btnClass: string = 'inline-flex items-center py-2.5 px-3 ml-2 text-sm font-medium text-white bg-blue-700 rounded-lg border border-blue-700 hover:bg-blue-800 focus:ring-4 focus:outline-none focus:ring-blue-300 dark:bg-blue-600 dark:hover:bg-blue-700 dark:focus:ring-blue-800';
35
- * @prop export let voiceBtnClass: string = 'flex absolute inset-y-0 right-0 items-center pr-3';
36
- * @prop export let voiceIconClass: string = 'w-4 h-4 text-gray-500 dark:text-gray-400 hover:text-gray-900 dark:hover:text-white';
37
- * @prop export let placeholder: string = 'Search Mockups, Logos, Design Templates...';
38
- */
39
- export default class VoiceSearch extends SvelteComponent<VoiceSearchProps, VoiceSearchEvents, VoiceSearchSlots> {
40
- }
41
- export {};
42
- //# sourceMappingURL=VoiceSearch.svelte.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"VoiceSearch.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/forms/VoiceSearch.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,QAAQ,CAEvC;AAkDD,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;CAA+D,CAAC;AAC/E,MAAM,MAAM,gBAAgB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AACtD,MAAM,MAAM,iBAAiB,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AACxD,MAAM,MAAM,gBAAgB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAEtD;;;;;;;;;;;;GAYG;AACH,MAAM,CAAC,OAAO,OAAO,WAAY,SAAQ,eAAe,CAAC,gBAAgB,EAAE,iBAAiB,EAAE,gBAAgB,CAAC;CAC9G"}
@@ -1,18 +0,0 @@
1
- <script>import ToolbarButton from '../toolbar/ToolbarButton.svelte';
2
- import { twMerge } from 'tailwind-merge';
3
- import SidebarMenu from './SidebarMenu.svelte';
4
- export let btnClass = 'ml-3 md:hidden';
5
- export let sideMenuClass = 'h-6 w-6 shrink-0';
6
- </script>
7
-
8
- <ToolbarButton name="Open main menu" on:click {...$$restProps} class={twMerge(btnClass, $$props.class)}>
9
- <SidebarMenu class={twMerge(sideMenuClass, $$props.classSideMenu)} variation="solid" />
10
- </ToolbarButton>
11
-
12
- <!--
13
- @component
14
- [Go to docs](https://flowbite-svelte.com/)
15
- ## Props
16
- @prop export let btnClass: string = 'ml-3 md:hidden';
17
- @prop export let sideMenuClass: string = 'h-6 w-6 shrink-0';
18
- -->
@@ -1,27 +0,0 @@
1
- import { SvelteComponent } from "svelte";
2
- declare const __propDef: {
3
- props: {
4
- [x: string]: any;
5
- btnClass?: string | undefined;
6
- sideMenuClass?: string | undefined;
7
- };
8
- events: {
9
- click: MouseEvent;
10
- } & {
11
- [evt: string]: CustomEvent<any>;
12
- };
13
- slots: {};
14
- };
15
- export type NavSidebarHamburgerProps = typeof __propDef.props;
16
- export type NavSidebarHamburgerEvents = typeof __propDef.events;
17
- export type NavSidebarHamburgerSlots = typeof __propDef.slots;
18
- /**
19
- * [Go to docs](https://flowbite-svelte.com/)
20
- * ## Props
21
- * @prop export let btnClass: string = 'ml-3 md:hidden';
22
- * @prop export let sideMenuClass: string = 'h-6 w-6 shrink-0';
23
- */
24
- export default class NavSidebarHamburger extends SvelteComponent<NavSidebarHamburgerProps, NavSidebarHamburgerEvents, NavSidebarHamburgerSlots> {
25
- }
26
- export {};
27
- //# sourceMappingURL=NavSidebarHamburger.svelte.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"NavSidebarHamburger.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/navbar/NavSidebarHamburger.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,QAAQ,CAEvC;AAsBD,QAAA,MAAM,SAAS;;;;;;;;;;;;CAA+D,CAAC;AAC/E,MAAM,MAAM,wBAAwB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAC9D,MAAM,MAAM,yBAAyB,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AAChE,MAAM,MAAM,wBAAwB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAE9D;;;;;GAKG;AACH,MAAM,CAAC,OAAO,OAAO,mBAAoB,SAAQ,eAAe,CAAC,wBAAwB,EAAE,yBAAyB,EAAE,wBAAwB,CAAC;CAC9I"}
@@ -1,36 +0,0 @@
1
- <script>export let size = '20';
2
- export let color = 'currentColor';
3
- export let variation = 'outline';
4
- let viewBox;
5
- let svgpath;
6
- let svgoutline = `<path stroke="${color}" clip-rule="evenodd" fill-rule="evenodd" d="M3 5a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zM3 10a1 1 0 011-1h6a1 1 0 110 2H4a1 1 0 01-1-1zM3 15a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1z"></path> `;
7
- let svgsolid = `<path fill="${color}" clip-rule="evenodd" fill-rule="evenodd" d="M3 5a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zM3 10a1 1 0 011-1h6a1 1 0 110 2H4a1 1 0 01-1-1zM3 15a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1z"></path> `;
8
- $: switch (variation) {
9
- case 'outline':
10
- svgpath = svgoutline;
11
- viewBox = '0 0 20 20';
12
- break;
13
- case 'solid':
14
- svgpath = svgsolid;
15
- viewBox = '0 0 20 20';
16
- break;
17
- default:
18
- svgpath = svgoutline;
19
- viewBox = '0 0 20 20';
20
- }
21
- export let ariaLabel = 'bars 3';
22
- </script>
23
-
24
- <svg xmlns="http://www.w3.org/2000/svg" width={size} height={size} {...$$restProps} class={$$props.class} aria-label={ariaLabel} fill="none" {viewBox} stroke-width="2" on:click role="button" tabindex="-1">
25
- {@html svgpath}
26
- </svg>
27
-
28
- <!--
29
- @component
30
- [Go to docs](https://flowbite-svelte.com/)
31
- ## Props
32
- @prop export let size = '20';
33
- @prop export let color = 'currentColor';
34
- @prop export let variation: 'solid' | 'outline' = 'outline';
35
- @prop export let ariaLabel = 'bars 3';
36
- -->
@@ -1,31 +0,0 @@
1
- import { SvelteComponent } from "svelte";
2
- declare const __propDef: {
3
- props: {
4
- [x: string]: any;
5
- size?: string | undefined;
6
- color?: string | undefined;
7
- variation?: "solid" | "outline" | undefined;
8
- ariaLabel?: string | undefined;
9
- };
10
- events: {
11
- click: MouseEvent;
12
- } & {
13
- [evt: string]: CustomEvent<any>;
14
- };
15
- slots: {};
16
- };
17
- export type SidebarMenuProps = typeof __propDef.props;
18
- export type SidebarMenuEvents = typeof __propDef.events;
19
- export type SidebarMenuSlots = typeof __propDef.slots;
20
- /**
21
- * [Go to docs](https://flowbite-svelte.com/)
22
- * ## Props
23
- * @prop export let size = '20';
24
- * @prop export let color = 'currentColor';
25
- * @prop export let variation: 'solid' | 'outline' = 'outline';
26
- * @prop export let ariaLabel = 'bars 3';
27
- */
28
- export default class SidebarMenu extends SvelteComponent<SidebarMenuProps, SidebarMenuEvents, SidebarMenuSlots> {
29
- }
30
- export {};
31
- //# sourceMappingURL=SidebarMenu.svelte.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"SidebarMenu.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/navbar/SidebarMenu.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,QAAQ,CAEvC;AAiCD,QAAA,MAAM,SAAS;;;;;;;;;;;;;;CAA+D,CAAC;AAC/E,MAAM,MAAM,gBAAgB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AACtD,MAAM,MAAM,iBAAiB,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AACxD,MAAM,MAAM,gBAAgB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAEtD;;;;;;;GAOG;AACH,MAAM,CAAC,OAAO,OAAO,WAAY,SAAQ,eAAe,CAAC,gBAAgB,EAAE,iBAAiB,EAAE,gBAAgB,CAAC;CAC9G"}