@turnipxenon/pineapple 2.4.16 → 2.4.18

package/src/lib/types/pineapple_fiber/DialogDetail.ts

@@ -1,4 +1,4 @@
-import type { PortraitType } from "$lib/types/pineapple_fiber/PortraitType";
+import type { PortraitType } from "$pkg/types/pineapple_fiber/PortraitType";
 
 export interface DialogDetail {
 	textContent: string;

package/src/routes/(pineapple)/pineapple/+page.svelte

@@ -3,7 +3,7 @@
 	import { showComponentInToast, showTextInToast } from "$pkg/components/pineapple/toast/Toast";
 	import TestCard from "$pkg/components/pineapple/toast/custom-toast/TestCustomToast.svelte";
 	import TestDialogYarn from "./TestDialog.yarn?raw";
-	import { dialogManager } from "$pkg";
+	import { Card, dialogManager } from "$pkg";
 
 
 	let testingQueueNumber = 1;
@@ -36,27 +36,30 @@
 	/>
 </svelte:head>
 
-<div class="card default-card">
-	<button
-		class="btn variant-filled-secondary"
-		on:click={() => {
+<Card>
+	<div slot="content" class="card-content">
+		<button
+			class="btn variant-filled-secondary"
+			on:click={() => {
 			showComponentInToast({componentAndProps: {component: TestCard, props: undefined}});
 		}}><h3>Test custom toast</h3></button>
-	<button
-		class="btn variant-filled-secondary"
-		on:click={() => {
+		<button
+			class="btn variant-filled-secondary"
+			on:click={() => {
 			showTextInToast(`${testingQueueNumber} ${testingRandomPhrases[testingQueueNumber]}`);
 			testingQueueNumber = (testingQueueNumber + 1) % testingRandomPhrases.length;
 		}}><h3>Handy toast</h3></button>
-	<button
-		class="btn variant-filled-secondary"
-		on:click={onTestDialogClick}><h3>Test dialog</h3></button>
-</div>
+		<button
+			class="btn variant-filled-secondary"
+			on:click={onTestDialogClick}><h3>Test dialog</h3></button>
+	</div>
+</Card>
 
 <style lang="postcss">
-    .default-card {
+    .card-content {
         display: flex;
         flex-wrap: wrap;
         gap: 2em;
+		    padding: 2em;
     }
 </style>

package/src/routes/+error.svelte

@@ -1,6 +1,6 @@
 <script>
 	import { onDestroy } from "svelte";
-	import { dialogManager } from "$lib/components/dialog_manager/DialogManagerStore.ts";
+	import { dialogManager } from "$pkg/components/dialog_manager/DialogManagerStore.ts";
 	import { ErrorYarn } from "./ErrorYarn";
 
 	ErrorYarn.setDialogTree();

package/src/routes/+layout.svelte

@@ -1,12 +1,12 @@
 <script lang="ts">
 	// The ordering of these imports is critical to your app working properly
-	import "$lib/theme.postcss";
+	import "$pkg/theme.postcss";
 	// If you have source.organizeImports set to true in VSCode, then it will auto change this ordering
 	// import "@skeletonlabs/skeleton/styles/all.css";
 	// Most of your app wide CSS should be put in this file
-	import "$lib/app.postcss";
+	import "$pkg/app.postcss";
 
-	import "$lib/styles/global.css";
+	import "$pkg/styles/global.css";
 </script>
 
 <slot />

package/src/routes/ErrorYarn.ts

@@ -1,9 +1,9 @@
 // this file was generated by PineappleWeaver.ts
 // do not edit!
 			
-import { PortraitType } from "$lib/types/pineapple_fiber/PortraitType";
-import { dialogManager } from "$lib/components/dialog_manager/DialogManagerStore";
-import type { DialogDetail } from "$lib/types/pineapple_fiber/DialogDetail";
+import { PortraitType } from "$pkg/types/pineapple_fiber/PortraitType";
+import { dialogManager } from "$pkg/components/dialog_manager/DialogManagerStore";
+import type { DialogDetail } from "$pkg/types/pineapple_fiber/DialogDetail";
 
 class _ErrorYarn {
 	dialogList: DialogDetail[] = [