flowbite-svelte 0.14.15 → 0.14.16

package/CHANGELOG.md

@@ -2,6 +2,13 @@
 
 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.
 
+### [0.14.16](https://github.com/themesberg/flowbite-svelte/compare/v0.14.15...v0.14.16) (2022-04-24)
+
+
+### Features
+
+* update svelte to 3.47.0 ([2c51f1c](https://github.com/themesberg/flowbite-svelte/commit/2c51f1c21907f7a977249e3dfe7c2fe46dd85553))
+
 ### [0.14.15](https://github.com/themesberg/flowbite-svelte/compare/v0.14.14...v0.14.15) (2022-04-23)
 
 

package/LICENSE

@@ -0,0 +1,22 @@
+MIT License
+
+Copyright (c) 2022 Shinichi Okada
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
+

package/README.md

@@ -1,5 +1,16 @@
 # FLOWBITE-SVELTE
 
+[![npm version](https://badgen.net/npm/v/flowbite-svelte)](https://www.npmjs.com/package/flowbite-svelte)
+[![npm downloads](https://badgen.net/npm/dw/flowbite-svelte)](https://www.npmjs.com/package/flowbite-svelte)
+[![release](https://badgen.net/github/release/themesberg/flowbite-svelte)](https://github.com/themesberg/flowbite-svelte/releases)
+[![release](https://badgen.net/github/release/themesberg/flowbite-svelte)](https://github.com/themesberg/flowbite-svelte/releases)
+[![license](https://badgen.net/npm/license/themesberg/flowbite-svelte)](https://github.com/shinokada/svelte-feathericons/blob/main/LICENSE)
+
+
+
+
+
+
 [Flowbite-Svelte](https://flowbite-svelte.vercel.app/) is an official Flowbite component library for Svelte. All interactivities are handled by Svelte.
 
 ## Installation

package/accordions/AccordionDefault.svelte

@@ -1,4 +1,4 @@
-<script >import { onDestroy } from 'svelte';
+<script>import { onDestroy } from 'svelte';
 import { setContext } from 'svelte';
 import { createEventDispatcher } from 'svelte';
 import { writable } from 'svelte/store';

package/accordions/AccordionItem.svelte

@@ -1,4 +1,4 @@
-<script >import { getContext } from 'svelte';
+<script>import { getContext } from 'svelte';
 import collapse from 'svelte-collapse';
 import { ChevronDownIconSolid, ChevronUpIconSolid } from '@codewithshin/svelte-heroicons';
 export let id = '';

package/alerts/Alert.svelte

@@ -1,4 +1,4 @@
-<script >import { createEventDispatcher } from 'svelte';
+<script>import { createEventDispatcher } from 'svelte';
 const dispatch = createEventDispatcher();
 export let color = 'blue';
 export let alertId = 'alert-1';

package/alerts/BorderAlert.svelte

@@ -1,4 +1,4 @@
-<script >export let color = 'blue';
+<script>export let color = 'blue';
 export let alertId = 'alert-border-1';
 export let closeBtn = false;
 let hidden = false;

package/alerts/InfoAlert.svelte

@@ -1,4 +1,4 @@
-<script >export let color = 'blue';
+<script>export let color = 'blue';
 export let alertId = 'alert-additional-content-1';
 export let infoLink = undefined;
 export let closeBtn = false;

package/auth/Confirm.svelte

@@ -1,4 +1,4 @@
-<script >import { Button, Alert, Spinner } from '../index';
+<script>import { Button, Alert, Spinner } from '../index';
 export let loginLink;
 export let success;
 export let error;

package/auth/ForgotPassword.svelte

@@ -1,4 +1,4 @@
-<script >import { Alert } from '../index';
+<script>import { Alert } from '../index';
 export let forgot = undefined;
 export let email = '';
 export let error = '';

package/auth/Login.svelte

@@ -1,4 +1,4 @@
-<script >import { Alert } from '../index';
+<script>import { Alert } from '../index';
 export let login = undefined;
 export let title = 'Sign in';
 export let btnSignInColor = 'blue';

package/auth/Register.svelte

@@ -1,4 +1,4 @@
-<script >import { Alert } from '../index';
+<script>import { Alert } from '../index';
 import { createEventDispatcher } from 'svelte';
 const dispatch = createEventDispatcher();
 export let register = undefined;

package/auth/Reset.svelte

@@ -1,4 +1,4 @@
-<script >import { Alert } from '../index';
+<script>import { Alert } from '../index';
 export let resetpw = undefined;
 export let password = '';
 export let email = '';

package/avatar/Avatar.svelte

@@ -1,4 +1,4 @@
-<script >export let avatar = {};
+<script>export let avatar = {};
 let isCircle = avatar.round ? 'rounded-full' : 'rounded';
 let isBorder = avatar.border ? 'p-1 ring-2 ring-gray-300 dark:ring-gray-500' : '';
 export let avatarClass = `w-${avatar.size} h-${avatar.size} ${isCircle} ${isBorder}`;

package/badges/Badge.svelte

@@ -1,4 +1,4 @@
-<script >export let textSize = 'text-xs';
+<script>export let textSize = 'text-xs';
 export let name = 'Read more';
 export let color = 'blue';
 let badgeClass;

package/badges/BadgeIcon.svelte

@@ -1,4 +1,4 @@
-<script >export let textSize = 'text-xs';
+<script>export let textSize = 'text-xs';
 export let name = '';
 export let color = 'blue';
 let badgeClass;

package/badges/BadgeLink.svelte

@@ -1,4 +1,4 @@
-<script >export let textSize = 'text-xs';
+<script>export let textSize = 'text-xs';
 export let name = 'Read more';
 export let color = 'blue';
 export let href = '/';

package/breadcrumbs/Breadcrumb.svelte

@@ -1,4 +1,4 @@
-<script >export let crumbs = [];
+<script>export let crumbs = [];
 export let homeClass = 'inline-flex items-center text-sm font-medium text-gray-700 hover:text-gray-900 dark:text-gray-400 dark:hover:text-white';
 export let crumbClass = 'ml-1 text-sm font-medium text-gray-700 hover:text-gray-900 md:ml-2 dark:text-gray-400 dark:hover:text-white';
 export let solid = false;

package/buttongroups/ButtonGroup.svelte

@@ -1,4 +1,4 @@
-<script >export let buttons;
+<script>export let buttons;
 let btnLength = buttons.length;
 let classFirst = 'inline-flex relative items-center py-2 px-4 text-sm font-medium text-gray-900 bg-white rounded-l-lg border border-gray-200 hover:bg-gray-100 hover:text-blue-700 focus:z-10 focus:ring-2 focus:ring-blue-700 focus:text-blue-700 dark:bg-gray-700 dark:border-gray-600 dark:text-white dark:hover:text-white dark:hover:bg-gray-600 dark:focus:ring-blue-500 dark:focus:text-white';
 let classMiddle = 'inline-flex relative items-center py-2 px-4 text-sm font-medium text-gray-900 bg-white border-t border-b border-gray-200 hover:bg-gray-100 hover:text-blue-700 focus:z-10 focus:ring-2 focus:ring-blue-700 focus:text-blue-700 dark:bg-gray-700 dark:border-gray-600 dark:text-white dark:hover:text-white dark:hover:bg-gray-600 dark:focus:ring-blue-500 dark:focus:text-white';

package/buttongroups/ButtonGroupOutline.svelte

@@ -1,4 +1,4 @@
-<script >export let buttons;
+<script>export let buttons;
 let btnLength = buttons.length;
 let classFirst = 'inline-flex items-center py-2 px-4 text-sm font-medium text-gray-900 bg-transparent rounded-l-lg border border-gray-900 hover:bg-gray-900 hover:text-white focus:z-10 focus:ring-2 focus:ring-gray-500 focus:bg-gray-900 focus:text-white dark:border-white dark:text-white dark:hover:text-white dark:hover:bg-gray-700 dark:focus:bg-gray-700';
 let classMiddle = 'inline-flex items-center py-2 px-4 text-sm font-medium text-gray-900 bg-transparent border-t border-b border-gray-900 hover:bg-gray-900 hover:text-white focus:z-10 focus:ring-2 focus:ring-gray-500 focus:bg-gray-900 focus:text-white dark:border-white dark:text-white dark:hover:text-white dark:hover:bg-gray-700 dark:focus:bg-gray-700';

package/buttons/Button.svelte

@@ -1,4 +1,4 @@
-<script >export let rounded = false;
+<script>export let rounded = false;
 export let textSize = 'text-sm';
 export let name = 'Read more';
 export let btnColor = 'blue';

package/buttons/ColorShadowButton.svelte

@@ -1,4 +1,4 @@
-<script >export let textSize = 'text-sm';
+<script>export let textSize = 'text-sm';
 export let color = 'blue';
 export let name = 'Read more';
 let btnClass;

package/buttons/GradientDuotoneButton.svelte

@@ -1,4 +1,4 @@
-<script >export let textSize = 'text-sm';
+<script>export let textSize = 'text-sm';
 export let color = 'purple2blue';
 export let name = 'Read more';
 let btnClass;

package/buttons/GradientMonochromeButton.svelte

@@ -1,4 +1,4 @@
-<script >export let textSize = 'text-sm';
+<script>export let textSize = 'text-sm';
 export let color = 'blue';
 export let name = 'Read more';
 let btnClass;

package/buttons/GradientOutlineButton.svelte

@@ -1,4 +1,4 @@
-<script >export let textSize = 'text-sm';
+<script>export let textSize = 'text-sm';
 export let color = 'purple2blue';
 export let name = 'Read more';
 export let type = 'button';

package/cards/Card.svelte

@@ -1,4 +1,4 @@
-<script >export let link = '';
+<script>export let link = '';
 export let rel = '';
 export let alt = '';
 export let img = '';

package/cards/CtaCard.svelte

@@ -1,4 +1,4 @@
-<script >import Button from '../buttons/Button.svelte';
+<script>import Button from '../buttons/Button.svelte';
 export let title = 'Work fast from anywhere';
 export let headColor = 'gray';
 export let btns;

package/cards/EcommerceCard.svelte

@@ -1,4 +1,4 @@
-<script >export let img;
+<script>export let img;
 export let href = '/';
 export let btnColor = 'blue';
 export let rel = '';

package/cards/HorizontalCard.svelte

@@ -1,4 +1,4 @@
-<script >export let link = '';
+<script>export let link = '';
 export let rel = '';
 export let img = '/images/image-4.jpeg';
 export let alt = '';

package/cards/InteractiveCard.svelte

@@ -1,4 +1,4 @@
-<script >let isOpen = true;
+<script>let isOpen = true;
 const toggleDropdown = () => {
     isOpen = !isOpen;
 };

package/cards/ListCard.svelte

@@ -1,4 +1,4 @@
-<script >export let lists;
+<script>export let lists;
 export let title = 'Latest Customers';
 export let action;
 export let divClass = 'p-4 max-w-md bg-white rounded-lg border shadow-md sm:p-8 dark:bg-gray-800 dark:border-gray-700';

package/cards/SignInCard.svelte

@@ -1,4 +1,4 @@
-<script >import Alert from '../alerts/Alert.svelte';
+<script>import Alert from '../alerts/Alert.svelte';
 export let login;
 export let title = 'Sign in';
 export let btnSignInColor = 'blue';

package/carousels/Caption.svelte

@@ -1,4 +1,4 @@
-<script >export let caption = '';
+<script>export let caption = '';
 export let captionClass = '';
 </script>
 

package/carousels/Carousel.svelte

@@ -1,4 +1,4 @@
-<script >import Slide from './Slide.svelte';
+<script>import Slide from './Slide.svelte';
 import Thumbnail from './Thumbnail.svelte';
 import Caption from './Caption.svelte';
 import Indicator from './Indicator.svelte';

package/carousels/CarouselTransition.svelte

@@ -1,4 +1,4 @@
-<script >import { fade, blur, fly, slide } from 'svelte/transition';
+<script>import { fade, blur, fly, slide } from 'svelte/transition';
 import Slide from './Slide.svelte';
 import Thumbnail from './Thumbnail.svelte';
 import Caption from './Caption.svelte';

package/carousels/Indicator.svelte

@@ -1,4 +1,4 @@
-<script >export let name = '';
+<script>export let name = '';
 export let selected = false;
 export let indicatorClass = '';
 </script>

package/carousels/Slide.svelte

@@ -1,4 +1,4 @@
-<script >export let image = '';
+<script>export let image = '';
 export let altTag = '';
 export let attr = '';
 export let slideClass = '';

package/carousels/Thumbnail.svelte

@@ -1,4 +1,4 @@
-<script >export let thumbImg = '';
+<script>export let thumbImg = '';
 export let altTag = '';
 export let titleLink = '';
 export let id;

package/darkmode/DarkMode.svelte

@@ -1,4 +1,4 @@
-<script >import { onMount } from 'svelte';
+<script>import { onMount } from 'svelte';
 export let btnClass = 'text-gray-500 dark:text-gray-400 hover:bg-gray-100 dark:hover:bg-gray-700 focus:outline-none focus:ring-4 focus:ring-gray-200 dark:focus:ring-gray-700 rounded-lg text-sm p-2.5 fixed left-0 top-8 z-50';
 let mode;
 const toggleTheme = () => {

package/dropdowns/DropdownDefault.svelte

@@ -1,4 +1,4 @@
-<script >import { dropdownIdStore } from './dropdownStores';
+<script>import { dropdownIdStore } from './dropdownStores';
 import { get } from 'svelte/store';
 export let id = 'dropdown';
 export let label = 'Dropdown button';

package/dropdowns/ImgDropdown.svelte

@@ -1,4 +1,4 @@
-<script >let imgDropdownToggle = true;
+<script>let imgDropdownToggle = true;
 const handleToggle = () => {
     console.log('toggle clicked.');
     imgDropdownToggle = !imgDropdownToggle;

package/footer/LogoFooter.svelte

@@ -1,4 +1,4 @@
-<script >export let site;
+<script>export let site;
 export let links;
 export let footerClass = 'p-4 bg-white rounded-lg shadow md:px-6 md:py-8 dark:bg-gray-800';
 export let divClass = 'sm:flex sm:items-center sm:justify-between';

package/footer/SimpleFooter.svelte

@@ -1,4 +1,4 @@
-<script >export let site;
+<script>export let site;
 export let links;
 export let footerClass = 'p-4 bg-white rounded-lg shadow md:flex md:items-center md:justify-between md:p-6 dark:bg-gray-800';
 export let siteNameClass = 'text-sm text-gray-500 sm:text-center dark:text-gray-400';

package/footer/SitemapFooter.svelte

@@ -1,4 +1,4 @@
-<script >export let site;
+<script>export let site;
 export let links;
 export let socialMedia;
 export let footerClass = 'bg-white dark:bg-gray-800';

package/footer/SocialMediaFooter.svelte

@@ -1,4 +1,4 @@
-<script >export let site;
+<script>export let site;
 export let links;
 export let socialMedia;
 export let footerClass = 'p-4 bg-white sm:p-6 dark:bg-gray-800';

package/forms/Checkbox.svelte

@@ -1,4 +1,4 @@
-<script >export let legend = 'Checkbox variants';
+<script>export let legend = 'Checkbox variants';
 export let divClass = 'flex items-center mb-4';
 export let inputClass = 'w-4 h-4 text-blue-600 bg-gray-100 rounded border-gray-300 focus:ring-blue-500 dark:focus:ring-blue-600 dark:ring-offset-gray-800 focus:ring-2 dark:bg-gray-700 dark:border-gray-600';
 export let labelClass = 'ml-3 text-sm font-medium text-gray-900 dark:text-gray-300';

package/forms/Fileupload.svelte

@@ -1,4 +1,4 @@
-<script >export let value = '';
+<script>export let value = '';
 export let id = 'user_avatar';
 export let label = 'Upload file';
 export let labelClass = 'block mb-2 text-sm font-medium text-gray-900 dark:text-gray-300" for="user_avatar';

package/forms/FloatingLabelInput.svelte

@@ -1,4 +1,4 @@
-<script >import generateId from '../utils/generateId.js';
+<script>import generateId from '../utils/generateId.js';
 export let id = generateId();
 export let type;
 export let value = '';

package/forms/Iconinput.svelte

@@ -1,4 +1,4 @@
-<script >import generateId from '../utils/generateId.js';
+<script>import generateId from '../utils/generateId.js';
 export let label;
 export let id = generateId();
 export let type;

package/forms/Input.svelte

@@ -1,4 +1,4 @@
-<script >import generateId from '../utils/generateId.js';
+<script>import generateId from '../utils/generateId.js';
 export let type = 'text';
 export let value = '';
 export let name = '';

package/forms/Radio.svelte

@@ -1,4 +1,4 @@
-<script >export let legend = '';
+<script>export let legend = '';
 export let divClass = 'flex items-center mb-4';
 export let inputClass = 'w-4 h-4 border-gray-300 focus:ring-2 focus:ring-blue-300 dark:focus:ring-blue-600 dark:focus:bg-blue-600 dark:bg-gray-700 dark:border-gray-600';
 export let labelClass = 'block ml-2 text-sm font-medium text-gray-900 dark:text-gray-300';

package/forms/Select.svelte

@@ -1,4 +1,4 @@
-<script >import generateId from '../utils/generateId.js';
+<script>import generateId from '../utils/generateId.js';
 export let value;
 export let id = generateId();
 export let name = '';

package/forms/SingleCheckbox.svelte

@@ -1,4 +1,4 @@
-<script >import generateId from '../utils/generateId.js';
+<script>import generateId from '../utils/generateId.js';
 export let checked = false;
 export let id = generateId();
 export let required = false;

package/forms/Textarea.svelte

@@ -1,4 +1,4 @@
-<script >import generateId from '../utils/generateId.js';
+<script>import generateId from '../utils/generateId.js';
 export let value = '';
 export let id = generateId();
 export let name = 'message';

package/forms/Toggle.svelte

@@ -1,4 +1,4 @@
-<script >import generateId from '../utils/generateId.js';
+<script>import generateId from '../utils/generateId.js';
 export let name = 'toggle-example';
 export let id = generateId();
 export let label = 'Toggle me';

package/list-group/List.svelte

@@ -1,4 +1,4 @@
-<script >export let lists;
+<script>export let lists;
 const common = 'inline-flex relative items-center py-2 px-4 w-full text-sm font-medium hover:bg-gray-100 hover:text-blue-700 focus:z-10 focus:ring-2 focus:ring-blue-700 focus:text-blue-700 dark:border-gray-600 dark:hover:bg-gray-600 dark:hover:text-white dark:focus:ring-gray-500 dark:focus:text-white';
 const topClass = `${common} rounded-t-lg border-b border-gray-200`;
 const bottomClass = `${common} rounded-b-lg`;

package/modals/ExtraLargeModal.svelte

@@ -1,4 +1,4 @@
-<script >import { createEventDispatcher } from 'svelte';
+<script>import { createEventDispatcher } from 'svelte';
 import { modalIdStore } from './modalStores';
 const dispatch = createEventDispatcher();
 export let id = 'extralarge-modal';

package/modals/LargeModal.svelte

@@ -1,4 +1,4 @@
-<script >import { createEventDispatcher } from 'svelte';
+<script>import { createEventDispatcher } from 'svelte';
 import { modalIdStore } from './modalStores';
 const dispatch = createEventDispatcher();
 export let id = 'large-modal';

package/modals/MediumModal.svelte

@@ -1,4 +1,4 @@
-<script >// import { toggleModal } from "./modalHelper";
+<script>// import { toggleModal } from "./modalHelper";
 import { modalIdStore } from './modalStores';
 import { createEventDispatcher } from 'svelte';
 const dispatch = createEventDispatcher();

package/modals/ModalButton.svelte

@@ -1,4 +1,4 @@
-<script >import { modalIdStore } from './modalStores';
+<script>import { modalIdStore } from './modalStores';
 import { get } from 'svelte/store';
 export let id = 'modal-id';
 export let btnName = 'Modal Name';

package/modals/SignInModal.svelte

@@ -1,4 +1,4 @@
-<script >import { modalIdStore } from './modalStores';
+<script>import { modalIdStore } from './modalStores';
 export let id = 'signin-modal';
 export let btnSignInColor = 'blue';
 export let titleSignIn = 'Sign in to our platform';

package/modals/SmallModal.svelte

@@ -1,4 +1,4 @@
-<script >import { createEventDispatcher } from 'svelte';
+<script>import { createEventDispatcher } from 'svelte';
 import { modalIdStore } from './modalStores';
 const dispatch = createEventDispatcher();
 export let id = 'small-modal';

package/navbar/DropdownNavbar.svelte

@@ -1,4 +1,4 @@
-<script >import { onMount } from 'svelte';
+<script>import { onMount } from 'svelte';
 import NavDropdown from './NavDropdown.svelte';
 export let user = '';
 let pathname = '';

package/navbar/NavDropdown.svelte

@@ -1,4 +1,4 @@
-<script >export let liButtonClass;
+<script>export let liButtonClass;
 export let name;
 let hidden = true;
 let block = false;

package/navbar/Navbar.svelte

@@ -1,4 +1,4 @@
-<script >import { onMount } from 'svelte';
+<script>import { onMount } from 'svelte';
 export let user = '';
 let pathname = '';
 onMount(() => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "flowbite-svelte",
-  "version": "0.14.15",
+  "version": "0.14.16",
   "description": "Flowbite components for Svelte",
   "main": "./package/index.js",
   "author": {
@@ -12,6 +12,7 @@
   "homepage": "https://flowbite-svelte.com/",
   "license": "MIT",
   "devDependencies": {
+    "@codewithshin/svelte-feathericons": "^0.1.9",
     "@codewithshin/svelte-sidebar": "^0.4.8",
     "@codewithshin/svelte-simpleicons": "^0.2.2",
     "@codewithshin/svelte-utterances": "^0.2.2",
@@ -31,7 +32,7 @@
     "prettier": "^2.5.1",
     "prettier-plugin-svelte": "^2.5.0",
     "prism-themes": "^1.9.0",
-    "svelte": "^3.44.0",
+    "svelte": "^3.47.0",
     "svelte-check": "^2.2.6",
     "svelte-preprocess": "^4.10.5",
     "svelte2tsx": "^0.5.9",

package/paginations/Next.svelte

@@ -1,4 +1,4 @@
-<script >import { createEventDispatcher } from 'svelte';
+<script>import { createEventDispatcher } from 'svelte';
 export let icon = false;
 const dispatch = createEventDispatcher();
 const next = () => {

package/paginations/Pagination.svelte

@@ -1,4 +1,4 @@
-<script >import { createEventDispatcher } from 'svelte';
+<script>import { createEventDispatcher } from 'svelte';
 export let icon = false;
 const dispatch = createEventDispatcher();
 const previous = () => {

package/paginations/Previous.svelte

@@ -1,4 +1,4 @@
-<script >import { createEventDispatcher } from 'svelte';
+<script>import { createEventDispatcher } from 'svelte';
 export let icon = false;
 const dispatch = createEventDispatcher();
 const previous = () => {

package/paginations/TableData.svelte

@@ -1,4 +1,4 @@
-<script >import { createEventDispatcher } from 'svelte';
+<script>import { createEventDispatcher } from 'svelte';
 const dispatch = createEventDispatcher();
 const previous = () => {
     dispatch('previous');

package/progressbars/Progressbar.svelte

@@ -1,4 +1,4 @@
-<script >export let progress = '45';
+<script>export let progress = '45';
 export let size = 'h-2.5';
 export let labelInside = false;
 export let labelOutside = '';

package/ratings/AdvancedRating.svelte

@@ -1,4 +1,4 @@
-<script >export let ratings = [];
+<script>export let ratings = [];
 export let divClass = 'flex items-center mt-4';
 export let labelClass = 'text-sm font-medium text-blue-600 dark:text-blue-500';
 export let ratingDivClass = 'mx-4 w-2/4 h-5 bg-gray-200 rounded dark:bg-gray-700';

package/ratings/Rating.svelte

@@ -1,4 +1,4 @@
-<script >import { StarIconSolid } from '@codewithshin/svelte-heroicons';
+<script>import { StarIconSolid } from '@codewithshin/svelte-heroicons';
 export let divClass = 'flex items-center';
 export let total = 5;
 export let rating = 4;

package/ratings/RatingComment.svelte

@@ -1,4 +1,4 @@
-<script >export let comment;
+<script>export let comment;
 </script>
 
 <article>

package/ratings/ScoreRating.svelte

@@ -1,4 +1,4 @@
-<script >export let ratings = [];
+<script>export let ratings = [];
 export let ratings2 = [];
 export let headerLabel;
 export let desc1Class = 'bg-blue-100 w-8 text-blue-800 text-sm font-semibold inline-flex items-center p-1.5 rounded dark:bg-blue-200 dark:text-blue-800';

package/sidebars/Sidebar.svelte

@@ -1,4 +1,4 @@
-<script >import SidebarDropdown from './SidebarDropdown.svelte';
+<script>import SidebarDropdown from './SidebarDropdown.svelte';
 export let site;
 export let links;
 export let cta;

package/sidebars/SidebarDropdown.svelte

@@ -1,4 +1,4 @@
-<script >import { slide } from 'svelte/transition';
+<script>import { slide } from 'svelte/transition';
 export let link;
 let isOpen = false;
 let activeDropdown = undefined;

package/spinners/Spinner.svelte

@@ -1,4 +1,4 @@
-<script >export let color = 'blue';
+<script>export let color = 'blue';
 export let bg = 'text-gray-200';
 export let size = 'w-8 h-8';
 export let align = 'text-center';

package/spinners/SpinnerButton.svelte

@@ -1,4 +1,4 @@
-<script >export let color;
+<script>export let color;
 let colorClass;
 let fillColor1;
 let fillColor2;

package/tables/Table.svelte

@@ -1,4 +1,4 @@
-<script >export let header;
+<script>export let header;
 export let divClass = 'relative overflow-x-auto shadow-md sm:rounded-lg';
 export let tableClass = 'w-full text-sm text-left text-gray-500 dark:text-gray-400';
 export let theadClass = 'text-xs text-gray-700 uppercase bg-gray-50 dark:bg-gray-700 dark:text-gray-400';

package/tables/TableCheckbox.svelte

@@ -1,4 +1,4 @@
-<script >export let header;
+<script>export let header;
 export let divClass = 'relative overflow-x-auto shadow-md sm:rounded-lg';
 export let tableClass = 'w-full text-sm text-left text-gray-500 dark:text-gray-400';
 export let theadClass = 'text-xs text-gray-700 uppercase bg-gray-50 dark:bg-gray-700 dark:text-gray-400';

package/tables/TableDefaultRow.svelte

@@ -1,4 +1,4 @@
-<script >export let items;
+<script>export let items;
 export let html = false;
 export let rowState = undefined;
 let trClass;

package/tables/TableSearch.svelte

@@ -1,4 +1,4 @@
-<script >import TableDefaultRow from './TableDefaultRow.svelte';
+<script>import TableDefaultRow from './TableDefaultRow.svelte';
 export let inputValue = '';
 export let menuItems;
 export let filteredItems = [];

package/tabs/DefaultTabs.svelte

@@ -1,4 +1,4 @@
-<script >export let tabs;
+<script>export let tabs;
 </script>
 
 <ul class="flex flex-wrap border-b border-gray-200 dark:border-gray-700">

package/tabs/FullWidthTabs.svelte

@@ -1,4 +1,4 @@
-<script >export let tabs;
+<script>export let tabs;
 export let tabLabel;
 </script>
 

package/tabs/IconTabs.svelte

@@ -1,4 +1,4 @@
-<script >export let tabs;
+<script>export let tabs;
 export let iconClass = 'mr-2 w-5 h-5 text-gray-400 group-hover:text-gray-500 dark:text-gray-500 dark:group-hover:text-gray-300';
 </script>
 

package/tabs/InteractiveTabHead.svelte

@@ -1,4 +1,4 @@
-<script >import { tabStore } from './tabStores';
+<script>import { tabStore } from './tabStores';
 export let tabs;
 export let tabId = 'myTab';
 export let activeTabValue = 1;

package/tabs/InteractiveTabs.svelte

@@ -1,4 +1,4 @@
-<script >export let tabId = 'myTab';
+<script>export let tabId = 'myTab';
 export let activeTabValue = 1;
 const handleClick = (tabValue) => () => (activeTabValue = tabValue);
 export let tabs;

package/tabs/PillTabs.svelte

@@ -1,4 +1,4 @@
-<script >export let tabs;
+<script>export let tabs;
 </script>
 
 <ul class="flex flex-wrap">

package/tabs/TabContent.svelte

@@ -1,4 +1,4 @@
-<script >import { tabStore } from './tabStores';
+<script>import { tabStore } from './tabStores';
 export let divClass = 'p-4 rounded-lg dark:bg-gray-800';
 export let tab;
 let activeTabValue;

package/tabs/UnderlineTabs.svelte

@@ -1,4 +1,4 @@
-<script >export let divClass = 'text-sm font-medium text-center text-gray-500 border-b border-gray-200 dark:text-gray-400 dark:border-gray-700';
+<script>export let divClass = 'text-sm font-medium text-center text-gray-500 border-b border-gray-200 dark:text-gray-400 dark:border-gray-700';
 export let tabs;
 </script>
 

package/timelines/Activity.svelte

@@ -1,4 +1,4 @@
-<script >export let olClass = 'relative border-l border-gray-200 dark:border-gray-700';
+<script>export let olClass = 'relative border-l border-gray-200 dark:border-gray-700';
 </script>
 
 <ol class={olClass}>

package/timelines/ActivityItem.svelte

@@ -1,4 +1,4 @@
-<script >export let activities;
+<script>export let activities;
 </script>
 
 {#each activities as { title, date, src, alt, text }}

package/timelines/Group.svelte

@@ -1,4 +1,4 @@
-<script >export let divClass = 'p-5 mb-4 bg-gray-50 rounded-lg border border-gray-100 dark:bg-gray-800 dark:border-gray-700';
+<script>export let divClass = 'p-5 mb-4 bg-gray-50 rounded-lg border border-gray-100 dark:bg-gray-800 dark:border-gray-700';
 export let timeClass = 'text-lg font-semibold text-gray-900 dark:text-white';
 export let date;
 </script>

package/timelines/GroupItem.svelte

@@ -1,4 +1,4 @@
-<script >export let timelines;
+<script>export let timelines;
 </script>
 
 {#each timelines as { title, src, alt, isPrivate, href, comment }}

package/timelines/Timeline.svelte

@@ -1,4 +1,4 @@
-<script >export let olClass = 'relative border-l border-gray-200 dark:border-gray-700';
+<script>export let olClass = 'relative border-l border-gray-200 dark:border-gray-700';
 </script>
 
 <ol class={olClass}>

package/timelines/TimelineHorizontal.svelte

@@ -1,4 +1,4 @@
-<script >export let olClass = 'items-center sm:flex';
+<script>export let olClass = 'items-center sm:flex';
 </script>
 
 <ol class={olClass}>

package/timelines/TimelineItem.svelte

@@ -1,4 +1,4 @@
-<script >export let timelineItems;
+<script>export let timelineItems;
 </script>
 
 {#each timelineItems as { date, title, text, href, linkname }}

package/timelines/TimelineItemHorizontal.svelte

@@ -1,4 +1,4 @@
-<script >export let timelineItems;
+<script>export let timelineItems;
 </script>
 
 {#each timelineItems as { date, title, text, icon }}

package/timelines/TimelineItemVertical.svelte

@@ -1,4 +1,4 @@
-<script >export let timelineItems;
+<script>export let timelineItems;
 </script>
 
 {#each timelineItems as { date, title, text, href, linkname, icon }}

package/toasts/Toast.svelte

@@ -1,4 +1,4 @@
-<script >import { fade, blur, fly, slide } from 'svelte/transition';
+<script>import { fade, blur, fly, slide } from 'svelte/transition';
 let visible = true;
 const handleHide = () => {
     visible = !visible;

package/tooltips/LightTooltip.svelte

@@ -1,4 +1,4 @@
-<script >export let tip;
+<script>export let tip;
 export let top = false;
 export let right = false;
 export let bottom = false;

package/tooltips/Tooltip.svelte

@@ -1,4 +1,4 @@
-<script >export let tip;
+<script>export let tip;
 export let top = false;
 export let right = false;
 export let bottom = false;