Skip to content

Commit

Permalink
v0.46.19
Browse files Browse the repository at this point in the history
  • Loading branch information
shinokada committed Sep 27, 2024
1 parent 264f88f commit 95a4158
Show file tree
Hide file tree
Showing 61 changed files with 354 additions and 354 deletions.
5 changes: 0 additions & 5 deletions .changeset/three-ears-smoke.md

This file was deleted.

6 changes: 6 additions & 0 deletions CHANGELOG.md
Original file line number Diff line number Diff line change
@@ -1,5 +1,11 @@
# Changelog

## 0.46.19

### Patch Changes

- types: add $Props ([`264f88f447592e81bb86ffd2f5202277c9b3116e`](https://github.com/themesberg/flowbite-svelte/commit/264f88f447592e81bb86ffd2f5202277c9b3116e))

## 0.46.18

### Patch Changes
Expand Down
4 changes: 2 additions & 2 deletions package.json
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
{
"name": "flowbite-svelte",
"version": "0.46.18",
"version": "0.46.19",
"description": "Flowbite components for Svelte",
"main": "dist/index.js",
"packageManager": "[email protected]",
Expand Down Expand Up @@ -50,7 +50,7 @@
"eslint": "^9.11.0",
"eslint-config-prettier": "^9.1.0",
"eslint-plugin-svelte": "^2.44.0",
"flowbite-svelte": "^0.46.18",
"flowbite-svelte": "^0.46.19",
"flowbite-svelte-blocks": "^1.1.3",
"flowbite-svelte-icons": "^1.6.1",
"mdsvex": "^0.12.3",
Expand Down
10 changes: 5 additions & 5 deletions src/lib/accordion/Accordion.svelte
Original file line number Diff line number Diff line change
Expand Up @@ -53,9 +53,9 @@
@component
[Go to docs](https://flowbite-svelte.com/)
## Props
@prop export let multiple: boolean = false;
@prop export let flush: boolean = false;
@prop export let activeClass: string = 'bg-gray-100 dark:bg-gray-800 text-gray-900 dark:text-white focus:ring-4 focus:ring-gray-200 dark:focus:ring-gray-800';
@prop export let inactiveClass: string = 'text-gray-500 dark:text-gray-400 hover:bg-gray-100 hover:dark:bg-gray-800';
@prop export let defaultClass: string = 'text-gray-500 dark:text-gray-400';
@prop export let multiple: $$Props['multiple'] = false;
@prop export let flush: $$Props['flush'] = false;
@prop export let activeClass: $$Props['activeClass'] = 'bg-gray-100 dark:bg-gray-800 text-gray-900 dark:text-white focus:ring-4 focus:ring-gray-200 dark:focus:ring-gray-800';
@prop export let inactiveClass: $$Props['inactiveClass'] = 'text-gray-500 dark:text-gray-400 hover:bg-gray-100 hover:dark:bg-gray-800';
@prop export let defaultClass: $$Props['defaultClass'] = 'text-gray-500 dark:text-gray-400';
-->
34 changes: 17 additions & 17 deletions src/lib/accordion/AccordionItem.svelte
Original file line number Diff line number Diff line change
Expand Up @@ -116,21 +116,21 @@
@component
[Go to docs](https://flowbite-svelte.com/)
## Props
@prop export let tag: string = 'h2';
@prop export let open: boolean = false;
@prop export let activeClass: string | undefined = undefined;
@prop export let inactiveClass: string | undefined = undefined;
@prop export let defaultClass: string = 'flex items-center justify-between w-full font-medium text-left group-first:rounded-t-xl border-gray-200 dark:border-gray-700';
@prop export let transitionType: TransitionTypes = 'slide';
@prop export let transitionParams: TransitionParamTypes = {};
@prop export let paddingFlush: string = 'py-5';
@prop export let paddingDefault: string = 'p-5';
@prop export let textFlushOpen: string = 'text-gray-900 dark:text-white';
@prop export let textFlushDefault: string = 'text-gray-500 dark:text-gray-400';
@prop export let borderClass: string = 'border-s border-e group-first:border-t';
@prop export let borderOpenClass: string = 'border-s border-e';
@prop export let borderBottomClass: string = 'border-b';
@prop export let borderSharedClass: string = 'border-gray-200 dark:border-gray-700';
@prop export let classActive: string | undefined = undefined;
@prop export let classInactive: string | undefined = undefined;
@prop export let tag: $$Props['tag'] = 'h2';
@prop export let open: NonNullable<$$Props['open']> = false;
@prop export let activeClass: $$Props['activeClass'] = undefined;
@prop export let inactiveClass: $$Props['inactiveClass'] = undefined;
@prop export let defaultClass: $$Props['defaultClass'] = 'flex items-center justify-between w-full font-medium text-left group-first:rounded-t-xl border-gray-200 dark:border-gray-700';
@prop export let transitionType: $$Props['transitionType'] = 'slide';
@prop export let transitionParams: $$Props['transitionParams'] = {};
@prop export let paddingFlush: $$Props['paddingFlush'] = 'py-5';
@prop export let paddingDefault: $$Props['paddingDefault'] = 'p-5';
@prop export let textFlushOpen: $$Props['textFlushOpen'] = 'text-gray-900 dark:text-white';
@prop export let textFlushDefault: $$Props['textFlushDefault'] = 'text-gray-500 dark:text-gray-400';
@prop export let borderClass: $$Props['borderClass'] = 'border-s border-e group-first:border-t';
@prop export let borderOpenClass: $$Props['borderOpenClass'] = 'border-s border-e';
@prop export let borderBottomClass: $$Props['borderBottomClass'] = 'border-b';
@prop export let borderSharedClass: $$Props['borderSharedClass'] = 'border-gray-200 dark:border-gray-700';
@prop export let classActive: $$Props['classActive'] = undefined;
@prop export let classInactive: $$Props['classInactive'] = undefined;
-->
4 changes: 2 additions & 2 deletions src/lib/alert/Alert.svelte
Original file line number Diff line number Diff line change
Expand Up @@ -38,6 +38,6 @@
@component
[Go to docs](https://flowbite-svelte.com/)
## Props
@prop export let dismissable: boolean = false;
@prop export let defaultClass: string = 'p-4 gap-3 text-sm';
@prop export let dismissable: $$Props['dismissable'] = false;
@prop export let defaultClass: $$Props['defaultClass'] = 'p-4 gap-3 text-sm';
-->
16 changes: 8 additions & 8 deletions src/lib/avatar/Avatar.svelte
Original file line number Diff line number Diff line change
Expand Up @@ -67,12 +67,12 @@
@component
[Go to docs](https://flowbite-svelte.com/)
## Props
@prop export let src: string = '';
@prop export let href: string | undefined = undefined;
@prop export let rounded: boolean = false;
@prop export let border: boolean = false;
@prop export let stacked: boolean = false;
@prop export let dot: object | undefined = undefined;
@prop export let alt: string = '';
@prop export let size: 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'none' = 'md';
@prop export let src: $$Props['src'] = '';
@prop export let href: $$Props['href'] = undefined;
@prop export let rounded: $$Props['rounded'] = false;
@prop export let border: $$Props['border'] = false;
@prop export let stacked: $$Props['stacked'] = false;
@prop export let dot: $$Props['dot'] = undefined;
@prop export let alt: $$Props['alt'] = '';
@prop export let size: NonNullable<$$Props['size']> = 'md';
-->
16 changes: 8 additions & 8 deletions src/lib/badge/Badge.svelte
Original file line number Diff line number Diff line change
Expand Up @@ -109,12 +109,12 @@
@component
[Go to docs](https://flowbite-svelte.com/)
## Props
@prop export let color: ColorVariant = 'primary';
@prop export let large: boolean = false;
@prop export let dismissable: boolean = false;
@prop export let border: boolean = false;
@prop export let href: string = '';
@prop export let rounded: boolean = false;
@prop export let transition: TransitionFunc = fade;
@prop export let params: object = {};
@prop export let color: NonNullable<$$Props['color']> = 'primary';
@prop export let large: $$Props['large'] = false;
@prop export let dismissable: $$Props['dismissable'] = false;
@prop export let border: $$Props['border'] = false;
@prop export let href: $$Props['href'] = '';
@prop export let rounded: $$Props['rounded'] = false;
@prop export let transition: NonNullable<$$Props['transition']> = fade;
@prop export let params: $$Props['params'] = {};
-->
16 changes: 8 additions & 8 deletions src/lib/banner/Banner.svelte
Original file line number Diff line number Diff line change
Expand Up @@ -70,12 +70,12 @@
@component
[Go to docs](https://flowbite-svelte.com/)
## Props
@prop export let position: 'static' | 'fixed' | 'absolute' | 'relative' | 'sticky' = 'sticky';
@prop export let dismissable: boolean = true;
@prop export let bannerType: 'default' | 'bottom' | 'cta' | 'signup' | 'info' = 'default';
@prop export let divClass: string = 'z-10 flex justify-between p-4 dark:bg-gray-700 dark:border-gray-600';
@prop export let innerClass: string = 'flex';
@prop export let bannerStatus: boolean = true;
@prop export let transition: TransitionFunc = fade;
@prop export let params = {};
@prop export let position: $$Props['position'] = 'sticky';
@prop export let dismissable: $$Props['dismissable'] = true;
@prop export let bannerType: NonNullable<$$Props['bannerType']> = 'default';
@prop export let divClass: $$Props['divClass'] = 'z-10 flex justify-between p-4 dark:bg-gray-700 dark:border-gray-600';
@prop export let innerClass: $$Props['innerClass'] = 'flex';
@prop export let bannerStatus: $$Props['bannerStatus'] = true;
@prop export let transition: NonNullable<$$Props['transition']> = fade;
@prop export let params: $$Props['params'] = {};
-->
13 changes: 6 additions & 7 deletions src/lib/bottom-navigation/BottomNav.svelte
Original file line number Diff line number Diff line change
Expand Up @@ -76,11 +76,10 @@
@component
[Go to docs](https://flowbite-svelte.com/)
## Props
@prop export let activeUrl: string = '';
@prop export let position: 'static' | 'fixed' | 'absolute' | 'relative' | 'sticky' = 'fixed';
@prop export let navType: 'default' | 'border' | 'application' | 'pagination' | 'group' | 'card' | 'meeting' | 'video' = 'default';
@prop export let outerClass: string = 'w-full z-50 border-gray-200 dark:bg-gray-700 dark:border-gray-600';
@prop export let innerClass: string = 'grid h-full max-w-lg mx-auto';
@prop export let activeClass: string = 'text-primary-700 dark:text-primary-700 hover:text-primary-900 dark:hover:text-primary-900';
@prop export let activeUrl: string = '';
@prop export let activeUrl: $$Props['activeUrl'] = '';
@prop export let position: $$Props['position'] = 'fixed';
@prop export let navType: NonNullable<$$Props['navType']> = 'default';
@prop export let outerClass: $$Props['outerClass'] = 'w-full z-50 border-gray-200 dark:bg-gray-700 dark:border-gray-600';
@prop export let innerClass: $$Props['innerClass'] = 'grid h-full max-w-lg mx-auto';
@prop export let activeClass: $$Props['activeClass'] = 'text-primary-700 dark:text-primary-700 hover:text-primary-900 dark:hover:text-primary-900';
-->
4 changes: 2 additions & 2 deletions src/lib/bottom-navigation/BottomNavHeader.svelte
Original file line number Diff line number Diff line change
Expand Up @@ -21,6 +21,6 @@
@component
[Go to docs](https://flowbite-svelte.com/)
## Props
@prop export let outerClass: string = 'w-full';
@prop export let innerClass: string = 'grid max-w-xs grid-cols-3 gap-1 p-1 mx-auto my-2 bg-gray-100 rounded-lg dark:bg-gray-600';
@prop export let outerClass: $$Props['outerClass'] = 'w-full';
@prop export let innerClass: $$Props['innerClass'] = 'grid max-w-xs grid-cols-3 gap-1 p-1 mx-auto my-2 bg-gray-100 rounded-lg dark:bg-gray-600';
-->
8 changes: 4 additions & 4 deletions src/lib/bottom-navigation/BottomNavHeaderItem.svelte
Original file line number Diff line number Diff line change
Expand Up @@ -25,8 +25,8 @@
@component
[Go to docs](https://flowbite-svelte.com/)
## Props
@prop export let itemName: string = '';
@prop export let active: boolean = false;
@prop export let defaultClass: string = 'px-5 py-1.5 text-xs font-medium text-gray-900 hover:bg-gray-200 dark:text-white dark:hover:bg-gray-700 rounded-lg';
@prop export let activeClass: string = 'px-5 py-1.5 text-xs font-medium text-white bg-gray-900 dark:bg-gray-300 dark:text-gray-900 rounded-lg';
@prop export let itemName: $$Props['itemName'] = '';
@prop export let active: $$Props['active'] = false;
@prop export let defaultClass: $$Props['defaultClass'] = 'px-5 py-1.5 text-xs font-medium text-gray-900 hover:bg-gray-200 dark:text-white dark:hover:bg-gray-700 rounded-lg';
@prop export let activeClass: $$Props['activeClass'] = 'px-5 py-1.5 text-xs font-medium text-white bg-gray-900 dark:bg-gray-300 dark:text-gray-900 rounded-lg';
-->
12 changes: 6 additions & 6 deletions src/lib/bottom-navigation/BottomNavItem.svelte
Original file line number Diff line number Diff line change
Expand Up @@ -83,10 +83,10 @@
@component
[Go to docs](https://flowbite-svelte.com/)
## Props
@prop export let btnName: string = '';
@prop export let appBtnPosition: 'left' | 'middle' | 'right' = 'middle';
@prop export let activeClass: string | undefined = undefined;
@prop export let href: string = '';
@prop export let exact: boolean = true;
@prop export let spanClass: string = '';
@prop export let btnName: $$Props['btnName'] = '';
@prop export let appBtnPosition: NonNullable<$$Props['appBtnPosition']> = 'middle';
@prop export let activeClass: $$Props['activeClass'] = undefined;
@prop export let href: NonNullable<$$Props['href']> = '';
@prop export let exact: $$Props['exact'] = true;
@prop export let spanClass: $$Props['spanClass'] = '';
-->
10 changes: 5 additions & 5 deletions src/lib/breadcrumb/Breadcrumb.svelte
Original file line number Diff line number Diff line change
Expand Up @@ -28,9 +28,9 @@
@component
[Go to docs](https://flowbite-svelte.com/)
## Props
@prop export let solid: boolean = false;
@prop export let navClass: string = 'flex';
@prop export let solidClass: string = 'flex px-5 py-3 text-gray-700 border border-gray-200 rounded-lg bg-gray-50 dark:bg-gray-800 dark:border-gray-700';
@prop export let olClass: string = 'inline-flex items-center space-x-1 rtl:space-x-reverse md:space-x-3 rtl:space-x-reverse';
@prop export let ariaLabel: string = 'Breadcrumb';
@prop export let solid: $$Props['solid'] = false;
@prop export let navClass: NonNullable<$$Props['navClass']> = 'flex';
@prop export let solidClass: NonNullable<$$Props['solidClass']> = 'flex px-5 py-3 text-gray-700 border border-gray-200 rounded-lg bg-gray-50 dark:bg-gray-800 dark:border-gray-700';
@prop export let olClass: $$Props['olClass'] = 'inline-flex items-center space-x-1 rtl:space-x-reverse md:space-x-3 rtl:space-x-reverse';
@prop export let ariaLabel: $$Props['ariaLabel'] = 'Breadcrumb';
-->
10 changes: 5 additions & 5 deletions src/lib/breadcrumb/BreadcrumbItem.svelte
Original file line number Diff line number Diff line change
Expand Up @@ -53,9 +53,9 @@
@component
[Go to docs](https://flowbite-svelte.com/)
## Props
@prop export let home: boolean = false;
@prop export let href: string | undefined = undefined;
@prop export let linkClass: string = 'ms-1 text-sm font-medium text-gray-700 hover:text-gray-900 md:ms-2 dark:text-gray-400 dark:hover:text-white';
@prop export let spanClass: string = 'ms-1 text-sm font-medium text-gray-500 md:ms-2 dark:text-gray-400';
@prop export let homeClass: string = 'inline-flex items-center text-sm font-medium text-gray-700 hover:text-gray-900 dark:text-gray-400 dark:hover:text-white';
@prop export let home: $$Props['home'] = false;
@prop export let href: $$Props['href'] = undefined;
@prop export let linkClass: $$Props['linkClass'] = 'ms-1 text-sm font-medium text-gray-700 hover:text-gray-900 md:ms-2 dark:text-gray-400 dark:hover:text-white';
@prop export let spanClass: $$Props['spanClass'] = 'ms-1 text-sm font-medium text-gray-500 md:ms-2 dark:text-gray-400';
@prop export let homeClass: $$Props['homeClass'] = 'inline-flex items-center text-sm font-medium text-gray-700 hover:text-gray-900 dark:text-gray-400 dark:hover:text-white';
-->
4 changes: 2 additions & 2 deletions src/lib/button-group/ButtonGroup.svelte
Original file line number Diff line number Diff line change
Expand Up @@ -23,6 +23,6 @@
@component
[Go to docs](https://flowbite-svelte.com/)
## Props
@prop export let size: SizeType = 'md';
@prop export let divClass: string = 'inline-flex rounded-lg shadow-sm';
@prop export let size: $$Props['size'] = 'md';
@prop export let divClass: $$Props['divClass'] = 'inline-flex rounded-lg shadow-sm';
-->
20 changes: 10 additions & 10 deletions src/lib/buttons/Button.svelte
Original file line number Diff line number Diff line change
Expand Up @@ -154,14 +154,14 @@
@component
[Go to docs](https://flowbite-svelte.com/)
## Props
@prop export let pill: boolean = false;
@prop export let outline: boolean = false;
@prop export let size: 'xs' | 'sm' | 'md' | 'lg' | 'xl' = group ? 'sm' : 'md';
@prop export let href: string | undefined = undefined;
@prop export let type: HTMLButtonAttributes['type'] = 'button';
@prop export let color: ButtonColor = group ? (outline ? 'dark' : 'alternative') : 'primary';
@prop export let shadow: boolean = false;
@prop export let tag: string = 'button';
@prop export let checked: boolean | undefined = undefined;
@prop export let disabled: boolean = false;
@prop export let pill: $$Props['pill'] = false;
@prop export let outline: $$Props['outline'] = false;
@prop export let size: NonNullable<$$Props['size']> = group ? 'sm' : 'md';
@prop export let href: $$Props['href'] = undefined;
@prop export let type: $$Props['type'] = 'button';
@prop export let color: NonNullable<$$Props['color']> = group ? (outline ? 'dark' : 'alternative') : 'primary';
@prop export let shadow: $$Props['shadow'] = false;
@prop export let tag: $$Props['tag'] = 'button';
@prop export let checked: $$Props['checked'] = undefined;
@prop export let disabled: $$Props['disabled'] = false;
-->
4 changes: 2 additions & 2 deletions src/lib/buttons/GradientButton.svelte
Original file line number Diff line number Diff line change
Expand Up @@ -81,6 +81,6 @@
@component
[Go to docs](https://flowbite-svelte.com/)
## Props
@prop export let color: keyof typeof gradientClasses = 'blue';
@prop export let shadow: boolean = false;
@prop export let color: NonNullable<$$Props['color']> = 'blue';
@prop export let shadow: $$Props['shadow'] = false;
-->
14 changes: 7 additions & 7 deletions src/lib/cards/Card.svelte
Original file line number Diff line number Diff line change
Expand Up @@ -75,11 +75,11 @@
@component
[Go to docs](https://flowbite-svelte.com/)
## Props
@prop export let href: string | null | undefined = undefined;
@prop export let horizontal: boolean = false;
@prop export let reverse: boolean = false;
@prop export let img: string | undefined = undefined;
@prop export let padding: SizeType | 'none' = 'lg';
@prop export let size: SizeType | 'none' = 'sm';
@prop export let imgClass: string = '';
@prop export let href: $$Props['href'] = undefined;
@prop export let horizontal: $$Props['horizontal'] = false;
@prop export let reverse: $$Props['reverse'] = false;
@prop export let img: $$Props['img'] = undefined;
@prop export let padding: NonNullable<$$Props['padding']> = 'lg';
@prop export let size: NonNullable<$$Props['size']> = 'sm';
@prop export let imgClass: $$Props['imgClass'] = '';
-->
2 changes: 1 addition & 1 deletion src/lib/charts/Chart.svelte
Original file line number Diff line number Diff line change
Expand Up @@ -38,5 +38,5 @@
[Go to docs](https://flowbite-svelte.com/)
## Props
@prop export let options: ApexOptions;
@prop export let chart: ApexCharts;
@prop export let chart: ApexCharts | undefined;
-->
6 changes: 3 additions & 3 deletions src/lib/darkmode/DarkMode.svelte
Original file line number Diff line number Diff line change
Expand Up @@ -64,7 +64,7 @@
@component
[Go to docs](https://flowbite-svelte.com/)
## Props
@prop export let btnClass: string = 'text-gray-500 dark:text-gray-400 hover:bg-gray-100 dark:hover:bg-gray-700 focus:outline-none rounded-lg text-sm p-2.5';
@prop export let size: 'sm' | 'md' | 'lg' = 'md';
@prop export let ariaLabel: string = 'Dark mode';
@prop export let btnClass: $$Props['btnClass'] = 'text-gray-500 dark:text-gray-400 hover:bg-gray-100 dark:hover:bg-gray-700 focus:outline-none rounded-lg text-sm p-2.5';
@prop export let size: NonNullable<$$Props['size']> = 'md';
@prop export let ariaLabel: $$Props['ariaLabel'] = 'Dark mode';
-->
14 changes: 7 additions & 7 deletions src/lib/device-mockups/Android.svelte
Original file line number Diff line number Diff line change
Expand Up @@ -35,11 +35,11 @@
@component
[Go to docs](https://flowbite-svelte.com/)
## Props
@prop export let div: string = 'relative mx-auto border-gray-800 dark:border-gray-800 bg-gray-800 border-[14px] rounded-xl h-[600px] w-[300px] shadow-xl';
@prop export let slot: string = 'rounded-xl overflow-hidden w-[272px] h-[572px] bg-white dark:bg-gray-800';
@prop export let top: string = 'w-[148px] h-[18px] bg-gray-800 top-0 rounded-b-[1rem] left-1/2 -translate-x-1/2 absolute';
@prop export let leftTop: string = 'h-[32px] w-[3px] bg-gray-800 absolute -left-[17px] top-[72px] rounded-l-lg';
@prop export let leftMid: string = 'h-[46px] w-[3px] bg-gray-800 absolute -left-[17px] top-[124px] rounded-l-lg';
@prop export let leftBot: string = 'h-[46px] w-[3px] bg-gray-800 absolute -left-[17px] top-[178px] rounded-l-lg';
@prop export let right: string = 'h-[64px] w-[3px] bg-gray-800 absolute -right-[17px] top-[142px] rounded-r-lg';
@prop export let div: $$Props['div'] = 'relative mx-auto border-gray-800 dark:border-gray-800 bg-gray-800 border-[14px] rounded-xl h-[600px] w-[300px] shadow-xl';
@prop export let slot: $$Props['slot'] = 'rounded-xl overflow-hidden w-[272px] h-[572px] bg-white dark:bg-gray-800';
@prop export let top: $$Props['top'] = 'w-[148px] h-[18px] bg-gray-800 top-0 rounded-b-[1rem] left-1/2 -translate-x-1/2 absolute';
@prop export let leftTop: $$Props['leftTop'] = 'h-[32px] w-[3px] bg-gray-800 absolute -left-[17px] top-[72px] rounded-l-lg';
@prop export let leftMid: $$Props['leftMid'] = 'h-[46px] w-[3px] bg-gray-800 absolute -left-[17px] top-[124px] rounded-l-lg';
@prop export let leftBot: $$Props['leftBot'] = 'h-[46px] w-[3px] bg-gray-800 absolute -left-[17px] top-[178px] rounded-l-lg';
@prop export let right: $$Props['right'] = 'h-[64px] w-[3px] bg-gray-800 absolute -right-[17px] top-[142px] rounded-r-lg';
-->
Loading

0 comments on commit 95a4158

Please sign in to comment.