@likable-hair/svelte 3.0.1 → 3.0.3

package/dist/components/composed/search/GlobalSearchTextField.svelte

@@ -1,4 +1,4 @@
-<script>import "$lib/css/main.css";
+<script>import "../../../css/main.css";
 import "./GlobalSearchTextField.css";
 import Dialog from "../../simple/dialogs/Dialog.svelte";
 import { createEventDispatcher, onMount } from "svelte";

package/dist/components/composed/search/GlobalSearchTextField.svelte.d.ts

@@ -1,5 +1,5 @@
 import { SvelteComponentTyped } from "svelte";
-import '$lib/css/main.css';
+import '../../../css/main.css';
 import './GlobalSearchTextField.css';
 import { type Result } from './SearchResults.svelte';
 declare const __propDef: {

package/dist/components/composed/search/SearchBar.svelte

@@ -1,4 +1,4 @@
-<script>import "$lib/css/main.css";
+<script>import "../../../css/main.css";
 import "./SearchBar.css";
 let clazz = {};
 export { clazz as class };
@@ -34,12 +34,12 @@ export let input = void 0, value = void 0;
       placeholder="Find something..." 
       maxlength="512" 
       tabindex="0"
-      class="input {clazz.input}"
       bind:this={input}
       bind:value={value}
       on:input
       on:change
       on:keydown
+      class="input {clazz.input}"
     />
   </slot>
 </div>

package/dist/components/composed/search/SearchBar.svelte.d.ts

@@ -1,5 +1,5 @@
 import { SvelteComponentTyped } from "svelte";
-import '$lib/css/main.css';
+import '../../../css/main.css';
 import './SearchBar.css';
 declare const __propDef: {
     props: {

package/dist/components/composed/search/SearchResults.svelte

@@ -1,6 +1,6 @@
 <script context="module"></script>
 
-<script>import "$lib/css/main.css";
+<script>import "../../../css/main.css";
 import "./SearchResults.css";
 import SelectableVerticalList from "../../simple/lists/SelectableVerticalList.svelte";
 let clazz = {};

package/dist/components/composed/search/SearchResults.svelte.d.ts

@@ -6,7 +6,7 @@ export type Result = {
     url?: string;
     data?: Record<string, any>;
 };
-import '$lib/css/main.css';
+import '../../../css/main.css';
 import './SearchResults.css';
 declare const __propDef: {
     props: {

package/dist/components/layouts/CollapsibleSideBarLayout.svelte

@@ -1,4 +1,4 @@
-<script>import "$lib/css/main.css";
+<script>import "../../css/main.css";
 import "./CollapsibleSideBarLayout.css";
 import { createEventDispatcher } from "svelte";
 import CollapsibleDivider from "../simple/common/CollapsibleDivider.svelte";

package/dist/components/layouts/CollapsibleSideBarLayout.svelte.d.ts

@@ -1,5 +1,5 @@
 import { SvelteComponentTyped } from "svelte";
-import '$lib/css/main.css';
+import '../../css/main.css';
 import './CollapsibleSideBarLayout.css';
 import type { MenuItem } from "../simple/lists/SelectableMenuList.svelte";
 declare const __propDef: {

package/dist/components/layouts/StableDividedSideBarLayout.svelte

@@ -1,4 +1,4 @@
-<script>import "$lib/css/main.css";
+<script>import "../../css/main.css";
 import "./StableDividedSideBarLayout.css";
 import MediaQuery from "../simple/common/MediaQuery.svelte";
 import Icon from "../simple/media/Icon.svelte";
@@ -22,12 +22,12 @@ function handleOverlayClick() {
     class={clazz.container || ''}
   >
     <header 
-      class="side-bar {clazz.header}"
       class:opened={drawerOpened}
+      class="side-bar {clazz.header}"
     >
       <div 
-        class="header-toolbar"
         class:opened-drawer={drawerOpened}
+        class="header-toolbar"
       >
         <slot name="menu">
           <div class="inner-menu">
@@ -54,10 +54,10 @@ function handleOverlayClick() {
     </header>
     <div class="main-section {clazz.mainSection || ''}">
       <div 
-        class="overlay {clazz.overlay || ''}"
         on:click={handleOverlayClick}
         on:keypress={handleOverlayClick}
         class:visible={drawerOpened}
+        class="overlay {clazz.overlay || ''}"
       ></div>
       <div
         class="content"

package/dist/components/layouts/StableDividedSideBarLayout.svelte.d.ts

@@ -1,5 +1,5 @@
 import { SvelteComponentTyped } from "svelte";
-import '$lib/css/main.css';
+import '../../css/main.css';
 import './StableDividedSideBarLayout.css';
 declare const __propDef: {
     props: {

package/dist/components/simple/buttons/Button.svelte

@@ -1,4 +1,4 @@
-<script>import "$lib/css/main.css";
+<script>import "../../../css/main.css";
 import "./Button.css";
 let clazz = "";
 export { clazz as class };
@@ -28,13 +28,13 @@ import CircularLoader from "../loaders/CircularLoader.svelte";
 <button
   type={type}
   style:position
-  class="button no-select {clazz || ''}"
   class:button-default={buttonType === "default"}
   class:button-text={buttonType === "text"}
   class:button-icon={buttonType === "icon"}
   on:click={handleClick}
   on:keypress={handleKeyPress}
   tabindex={tabindex}
+  class="button no-select {clazz || ''}"
 >
   {#if loading}
     <div

package/dist/components/simple/buttons/Button.svelte.d.ts

@@ -1,5 +1,5 @@
 import { SvelteComponentTyped } from "svelte";
-import '$lib/css/main.css';
+import '../../../css/main.css';
 import './Button.css';
 declare const __propDef: {
     props: {

package/dist/components/simple/buttons/LinkButton.svelte

@@ -1,4 +1,4 @@
-<script>import "$lib/css/main.css";
+<script>import "../../../css/main.css";
 import "./LinkButton.css";
 import { createEventDispatcher } from "svelte";
 import Icon from "../media/Icon.svelte";

package/dist/components/simple/buttons/LinkButton.svelte.d.ts

@@ -1,5 +1,5 @@
 import { SvelteComponentTyped } from "svelte";
-import '$lib/css/main.css';
+import '../../../css/main.css';
 import './LinkButton.css';
 declare const __propDef: {
     props: {

package/dist/components/simple/common/CollapsibleDivider.svelte

@@ -1,4 +1,4 @@
-<script>import "$lib/css/main.css";
+<script>import "../../../css/main.css";
 import "./CollapsibleDivider.css";
 import { createEventDispatcher } from "svelte";
 import Icon from "../media/Icon.svelte";

package/dist/components/simple/common/CollapsibleDivider.svelte.d.ts

@@ -1,5 +1,5 @@
 import { SvelteComponentTyped } from "svelte";
-import '$lib/css/main.css';
+import '../../../css/main.css';
 import './CollapsibleDivider.css';
 declare const __propDef: {
     props: {

package/dist/components/simple/dates/Calendar.svelte

@@ -1,4 +1,4 @@
-<script>import "$lib/css/main.css";
+<script>import "../../../css/main.css";
 import "./Calendar.css";
 import { fly } from "svelte/transition";
 import { getDateRowsStats, getDaysNames } from "./utils";

package/dist/components/simple/dates/Calendar.svelte.d.ts

@@ -1,5 +1,5 @@
 import { SvelteComponentTyped } from "svelte";
-import '$lib/css/main.css';
+import '../../../css/main.css';
 import './Calendar.css';
 import type { DateStat, Locale } from "./utils";
 declare const __propDef: {

package/dist/components/simple/dates/DatePicker.svelte

@@ -1,4 +1,4 @@
-<script>import "$lib/css/main.css";
+<script>import "../../../css/main.css";
 import "./DatePicker.css";
 import { getMonthName, dateToString } from "./utils";
 import YearSelector from "./YearSelector.svelte";

package/dist/components/simple/dates/DatePicker.svelte.d.ts

@@ -1,5 +1,5 @@
 import { SvelteComponentTyped } from "svelte";
-import '$lib/css/main.css';
+import '../../../css/main.css';
 import './DatePicker.css';
 import type { Locale } from "./utils";
 declare const __propDef: {

package/dist/components/simple/dates/MonthSelector.svelte

@@ -1,4 +1,4 @@
-<script>import "$lib/css/main.css";
+<script>import "../../../css/main.css";
 import "./MonthSelector.css";
 import { getMonthName } from "./utils";
 let clazz = {};

package/dist/components/simple/dates/MonthSelector.svelte.d.ts

@@ -1,5 +1,5 @@
 import { SvelteComponentTyped } from "svelte";
-import '$lib/css/main.css';
+import '../../../css/main.css';
 import './MonthSelector.css';
 import type { Locale } from "./utils";
 declare const __propDef: {

package/dist/components/simple/dates/YearSelector.svelte

@@ -1,4 +1,4 @@
-<script>import "$lib/css/main.css";
+<script>import "../../../css/main.css";
 import "./YearSelector.css";
 import { scrollAtCenter } from "../common/scroller";
 import { createEventDispatcher, onMount } from "svelte";

package/dist/components/simple/dates/YearSelector.svelte.d.ts

@@ -1,5 +1,5 @@
 import { SvelteComponentTyped } from "svelte";
-import '$lib/css/main.css';
+import '../../../css/main.css';
 import './YearSelector.css';
 declare const __propDef: {
     props: {

package/dist/components/simple/forms/Autocomplete.svelte

@@ -1,6 +1,6 @@
 <script context="module"></script>
 
-<script>import "$lib/css/main.css";
+<script>import "../../../css/main.css";
 import "./Autocomplete.css";
 let clazz = {};
 export { clazz as class };

package/dist/components/simple/forms/Autocomplete.svelte.d.ts

@@ -4,7 +4,7 @@ export type Item = {
     label?: string;
     data?: any;
 };
-import '$lib/css/main.css';
+import '../../../css/main.css';
 import './Autocomplete.css';
 declare const __propDef: {
     props: {

package/dist/components/simple/forms/SimpleTextField.svelte

@@ -1,4 +1,4 @@
-<script>import "$lib/css/main.css";
+<script>import "../../../css/main.css";
 import "./SimpleTextField.css";
 import Icon from "../media/Icon.svelte";
 let clazz = {};

package/dist/components/simple/forms/SimpleTextField.svelte.d.ts

@@ -1,5 +1,5 @@
 import { SvelteComponentTyped } from "svelte";
-import '$lib/css/main.css';
+import '../../../css/main.css';
 import './SimpleTextField.css';
 declare const __propDef: {
     props: {

package/dist/components/simple/lists/SelectableMenuList.svelte

@@ -1,6 +1,6 @@
 <script context="module"></script>
 
-<script>import "$lib/css/main.css";
+<script>import "../../../css/main.css";
 import "./SelectableMenuList.css";
 import Icon from "../media/Icon.svelte";
 import { createEventDispatcher } from "svelte";

package/dist/components/simple/lists/SelectableMenuList.svelte.d.ts

@@ -14,7 +14,7 @@ type Item = {
     divider?: undefined | false;
 };
 export type MenuItem = Divider | Item;
-import '$lib/css/main.css';
+import '../../../css/main.css';
 import './SelectableMenuList.css';
 declare const __propDef: {
     props: {

package/dist/components/simple/lists/SidebarMenuList.svelte

@@ -1,6 +1,6 @@
 <script context="module"></script>
 
-<script>import "$lib/css/main.css";
+<script>import "../../../css/main.css";
 import "./SidebarMenuList.css";
 import { page } from "$app/stores";
 export let menus, level = 0, selected = void 0, bookmarkColor = "black", color = "inherit", hoverColor = "inherit", selectedTextColor = "inherit", selectedFontWeight = "600", autoDetectUrl = false;

package/dist/components/simple/lists/SidebarMenuList.svelte.d.ts

@@ -6,7 +6,7 @@ export type Menu = {
     disabled?: boolean;
     children?: Menu[];
 };
-import '$lib/css/main.css';
+import '../../../css/main.css';
 import './SidebarMenuList.css';
 declare const __propDef: {
     props: {

package/dist/components/simple/loaders/CircularLoader.svelte

@@ -1,4 +1,4 @@
-<script>import "$lib/css/main.css";
+<script>import "../../../css/main.css";
 import "./CircularLoader.css";
 let clazz = "";
 export { clazz as class };

package/dist/components/simple/loaders/CircularLoader.svelte.d.ts

@@ -1,5 +1,5 @@
 import { SvelteComponentTyped } from "svelte";
-import '$lib/css/main.css';
+import '../../../css/main.css';
 import './CircularLoader.css';
 declare const __propDef: {
     props: {

package/dist/components/simple/navigation/Chip.svelte

@@ -1,4 +1,4 @@
-<script>import "$lib/css/main.css";
+<script>import "../../../css/main.css";
 import "./Chip.css";
 import Icon from "../media/Icon.svelte";
 import Button from "../buttons/Button.svelte";

package/dist/components/simple/navigation/Chip.svelte.d.ts

@@ -1,5 +1,5 @@
 import { SvelteComponentTyped } from "svelte";
-import '$lib/css/main.css';
+import '../../../css/main.css';
 import './Chip.css';
 declare const __propDef: {
     props: {

package/dist/components/simple/navigation/Drawer.svelte

@@ -1,4 +1,4 @@
-<script>import "$lib/css/main.css";
+<script>import "../../../css/main.css";
 import "./Drawer.css";
 import Navigator from "./Navigator.svelte";
 export let open = false, position = "left", overlay = true, items = [];

package/dist/components/simple/navigation/Drawer.svelte.d.ts

@@ -1,5 +1,5 @@
 import { SvelteComponentTyped } from "svelte";
-import '$lib/css/main.css';
+import '../../../css/main.css';
 import './Drawer.css';
 import type { Item } from "./Navigator.svelte";
 declare const __propDef: {

package/dist/components/simple/navigation/HeaderMenu.svelte

@@ -1,4 +1,4 @@
-<script>import "$lib/css/main.css";
+<script>import "../../../css/main.css";
 import "./HeaderMenu.css";
 import Button from "../buttons/Button.svelte";
 import Drawer from "./Drawer.svelte";

package/dist/components/simple/navigation/HeaderMenu.svelte.d.ts

@@ -1,5 +1,5 @@
 import { SvelteComponentTyped } from "svelte";
-import '$lib/css/main.css';
+import '../../../css/main.css';
 import './HeaderMenu.css';
 declare const __propDef: {
     props: {

package/dist/components/simple/notifiers/AlertBanner.svelte

@@ -1,4 +1,4 @@
-<script>import "$lib/css/main.css";
+<script>import "../../../css/main.css";
 import "./AlertBanner.css";
 import { createEventDispatcher } from "svelte";
 let clazz = {};

package/dist/components/simple/notifiers/AlertBanner.svelte.d.ts

@@ -1,5 +1,5 @@
 import { SvelteComponentTyped } from "svelte";
-import '$lib/css/main.css';
+import '../../../css/main.css';
 import './AlertBanner.css';
 declare const __propDef: {
     props: {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@likable-hair/svelte",
   "description": "A Svelte component for likablehair",
-  "version": "3.0.1",
+  "version": "3.0.3",
   "scripts": {
     "dev": "vite dev",
     "build": "vite build && npm run package",