@turnipxenon/pineapple 4.4.0 → 4.4.2

package/dist/components/dialog_manager/DialogManager.js

@@ -163,7 +163,7 @@ export class DialogManager {
         // set the portrait
         let portraitValue = AresHappy;
         if (this.currentMessageMeta.portraitType) {
-            portraitValue = this.portraitMap.get(this.currentMessageMeta.portraitType ?? AresHappy);
+            portraitValue = this.portraitMap.get(this.currentMessageMeta.portraitType ?? AresHappy) ?? '';
         }
         if (portraitValue) {
             this.currentPortrait.update(() => portraitValue);

package/dist/modules/parsnip/ParsnipHeading.svelte

@@ -1,21 +1,20 @@
-<script lang="ts">
-	import ParsnipBlockChildren from "./ParsnipBlockChildren.svelte";
-	import ParsnipPhrasingChildren from "./ParsnipPhrasingChildren.svelte";
-	import type { Heading } from "mdast";
-
-	const { heading }: { heading: Heading } = $props();
-</script>
-
-{#if heading.depth === 1}
-	<h2><ParsnipPhrasingChildren phrasingChildren={heading.children}/></h2>
-{:else if heading.depth === 2}
-	<h3><ParsnipPhrasingChildren phrasingChildren={heading.children}/></h3>
-{:else if heading.depth === 3}
-	<h4><ParsnipPhrasingChildren phrasingChildren={heading.children}/></h4>
-{:else if heading.depth === 4}
-	<h5><ParsnipPhrasingChildren phrasingChildren={heading.children}/></h5>
-{:else if heading.depth === 5}
-	<h6><ParsnipPhrasingChildren phrasingChildren={heading.children}/></h6>
-{:else if heading.depth === 6}
-	<p><ParsnipPhrasingChildren phrasingChildren={heading.children}/></p>
-{/if}
+<script lang="ts">
+	import ParsnipPhrasingChildren from "./ParsnipPhrasingChildren.svelte";
+	import type { Heading } from "mdast";
+
+	const { heading }: { heading: Heading } = $props();
+</script>
+
+{#if heading.depth === 1}
+	<h2><ParsnipPhrasingChildren phrasingChildren={heading.children}/></h2>
+{:else if heading.depth === 2}
+	<h3><ParsnipPhrasingChildren phrasingChildren={heading.children}/></h3>
+{:else if heading.depth === 3}
+	<h4><ParsnipPhrasingChildren phrasingChildren={heading.children}/></h4>
+{:else if heading.depth === 4}
+	<h5><ParsnipPhrasingChildren phrasingChildren={heading.children}/></h5>
+{:else if heading.depth === 5}
+	<h6><ParsnipPhrasingChildren phrasingChildren={heading.children}/></h6>
+{:else if heading.depth === 6}
+	<p><ParsnipPhrasingChildren phrasingChildren={heading.children}/></p>
+{/if}

package/dist/ui/components/ModalBase.svelte

@@ -18,9 +18,9 @@
 		close
 	}: ModalBaseProps = $props();
 
-	let container: HTMLDivElement;
+	let container = $state<HTMLDivElement>();
 	onMount(() => {
-		const focusableElement = container.querySelector('input, select, textarea, button, object, a, area[href], [tabindex]');
+		const focusableElement = container?.querySelector('input, select, textarea, button, object, a, area[href], [tabindex]');
 		if (focusableElement) {
 			(focusableElement as HTMLElement).focus();
 		}
@@ -72,4 +72,4 @@
     .interactable {
         pointer-events: auto;
     }
-</style>
+</style>

package/dist/ui/components/SocialSection.svelte

@@ -54,7 +54,8 @@
 	<PinyaButton
 		buttonVariant={ButtonVariant.SmallIcon}
 		title={`mailto:${email}`}
-		onclick={() => window.open(`mailto:${email}`)}>
+		onclick={() => window.open(`mailto:${email}`)}
+	>
 		<ImageIcon src={MailIcon} alt="mail icon" />
 		{#if (!isSmallVersion)}
 			<span>{email}</span>
@@ -89,4 +90,4 @@
         gap: 0.7rem;
 		    align-items: stretch;
     }
-</style>
+</style>

package/dist/ui/templates/SeaweedLayout/CreateUrlForm.svelte

@@ -77,8 +77,4 @@
         gap: 0.5lh;
 		    margin-top: 1lh;
     }
-
-    .send-link {
-        margin-top: 0.75lh;
-    }
-</style>
+</style>

package/dist/ui/templates/SeaweedLayout/EntryGroup.svelte

@@ -20,7 +20,7 @@
 
 <div class="mt-8 flex flex-col items-center">
 	<PinyaCard widthClass="w-full" className="mb-8">
-		<h2>{title}</h2>
+		<h2 class="m-auto">{title}</h2>
 	</PinyaCard>
 	<div class="normal-project-container">
 		{#each normalUiList as ui (ui.key)}
@@ -63,4 +63,4 @@
         justify-content: center;
         align-items: start;
     }
-</style>
+</style>

package/dist/ui/templates/SeaweedLayout/ProjectGroupConfig.svelte

@@ -220,42 +220,10 @@
 
 
 <style>
-
-
-    .advanced-setting-list {
-        display: flex;
-        flex-direction: column;
-    }
-
-    .btn-group-header {
-        @apply preset-filled-tertiary-500;
-        display: flex;
-        align-items: center;
-        margin-bottom: 0.5lh;
-    }
-
-    .btn-group-entry {
-        @apply ;
-        display: flex;
-        padding: 0;
-    }
-
-    .btn-group-entry > div {
-        padding: 1em;
-    }
-
     .flipped-vertically {
         transform: rotate(180deg);
     }
 
-    .entry-group {
-        border-radius: var(--theme-rounded-container);
-        background-color: rgb(var(--color-surface-600));
-        margin-top: 1.5lh;
-        margin-bottom: 0.5lh;
-        padding: 0.5lh 0.5em;
-    }
-
     .entry-name {
         grow: 1;
     }
@@ -272,27 +240,6 @@
         display: flex;
     }
 
-    .btn-group > button {
-        padding: 0.3em 0.75em;
-    }
-
-    .btn-group-header > h2 {
-        font-weight: bolder;
-        padding-top: 1lh;
-        padding-bottom: 1lh;
-        margin-bottom: 0;
-        padding-inline-start: 1em;
-    }
-
-    .dark .btn-group-header > h2 {
-        color: rgb(var(--theme-font-color-dark));
-    }
-
-    .dark .entry-group {
-        background-color: rgb(var(--color-surface-800));
-    }
-
-
     tbody tr:nth-child(odd) {
         background-color: var(--color-surface-100-900);
     }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@turnipxenon/pineapple",
   "description": "personal package for base styling for other personal projects",
-  "version": "4.4.0",
+  "version": "4.4.2",
   "scripts": {
     "dev": "vite dev",
     "build": "vite build && yarn package",